Basic Sig Walk Through. - MMA Forum - UFC Forums - UFC Results - MMA Videos
Getting Started Need help with your grapichs ? Or do you have tips for new artists ? This is the place for you.

 
LinkBack Thread Tools Display Modes
post #1 of 10 (permalink) Old 06-01-2009, 11:05 PM Thread Starter
 
Toxic's Avatar
 
Join Date: Mar 2007
Location: See that guy over in the window, with the binoculars?
Posts: 21,821
                     
Basic Sig Walk Through.

First off find a couple pictures, what I used here are 2 action shots and one render (If you need help creating a render wer have a thread here http://www.mmaforum.com/getting-star...tml#post899717

First create a new file as for sizing try out some diffrent ones till you find what you like, personally I like 380-390 pixels wide by 150-160 high, for the example I used 386W X 150H. Now remember computers freeze so I advise you to save periodically so if it happens you dont lose all your work.



Now depending on personal preferance you may want to start with your back ground or as I've done start with your render.


select the render you made and open it. Now select it and and copy and paste it onto you blank sig.



Now as you can see my proportions are not how we would like.



To fix this we go to edit:Free Transform:



we should see a box around our picture like this.






Now while holding shift (Shift keeps picture properly portioned and prevents squishing picture) click on the corner and drag it inward till you get the proportions you desire.

Now click a tool and and selct apply on the pop up window. Here is our result.



Now with our render placed we want to start our background for this sig Ive selcted an action pic to place on the right. I use the same process to select this picture and copy

and paste onto a NEW LAYER, I adjust my sizes again using Edit:Free Transform, and by using the shift key to maintain proportions.



I now want to place my background behind my render, to do that I will click on it in the layers pallete and drag it underneath the render. Now I have this.




Now I will repeat this process to fill in the space on the left. Like this.




To obtain the look I desire here I need to save my document in .PSD format (this is important as it maintains your layers) and then re open it. Now Im gonna select my backgound

picture and go to Image:Adjustmentsesaturate this makes my background black and white like so.




Im gonna slightly change that layer now by adjusting my brightness and contrast, this is done in the Image:Adjustments: Brightness and Contrast menu. Play around till your

happy. and then repeat on the other side until your happy with the look. Here is what mine looks like now.




Now what I want to do here is have the background black and white but make Alvarez stand out in the background by having him in color. To do this I now need to selct the history brush.



Now with a small brush selcted we will slowly paint Eddie back to color being careful to not go on the outside, personally I like to selct a small soft brush (fades in strength around edges.) and start around the outside and then move in selecting larger brushes as I move in. I suggest stopping periodically as then if you mess up you can always go to edit step backwards and start back at your last stopping point. Take your time zoom in it should now look like this.




Now repeat this on the other side.




Now its time to add our text, select the text tool




Now font, color and size will all depend on both personal preferance and what you have to work with, I suggest simpler fonts as most fancy fonts dont show up well or arent

clear, I also advise keeping text minimal as if you try and write a a story it ussually comes out appearing cluttered. Here I selcted a simple font in yellow to match Eddie's

trunks.




Now because my type isnt clear enough Im gonna add a black stroke around it. to do this I went to the layers pallete and write clicked on my text layer, then selcted blending
options. to bring up the menu.



I then click on stroke, for mine I chose a black stroke and turned the sizing down to 1 pixel. I also moved my text to the right corner, again placement is all personal
preferance based on your particular sig.



At this stage we have basically created a simple sig, in order to better make it stand out on the forum I will now add a finishing touch in the way of a border. For this sig I decided to go with two colors, a yellow inner border as well as a outer black border. to do this we need to add another layer on top of all the other layers. This layer will be our yellow border. select your brush tool and set your sizing to 2 pixels, now zoom in close and while holding shit (Shift will create straight lines.) drag it just insider the picture releasing after each line if you dont get it right to the edge just step backwords and try over,. if your dont do this it will connect the lines at and angle, if this happends just go edit step backwords and try again.




Now set your brush size to 1 Pixel and select black for your color and go around the inside edge again. Borders can add alot to a sig as far as bringing it together but arent necessary and often times just a simple black 1 pixel border will suffice. Remember to save your sig again in .PSD format incase you want to go back and make changes. But now that we are complete you also will need to save a copy in either Jpeg or PNG format so that you can use it on the forum. Here is our finished product.



Remember any questions dont be scared to ask here we have some great GFX guys who will be happy to offer some advice. I'd also love it if you guys who use this tutorial could

share some of your work with us here.

After you get the hang of it do some diffrent photo effects tutorials that can be found using google and incorporate them into your work, you can also try diffrent fonts (Download some new ones) and text effects.

Good luck and enjoy.




"If you get hit and it hurts hit him back you not knocked out yet."-Joe Doerksen
The Toxic Terrors (FFL)
Demetrious Johnson*Eduardo Dantas*Emanuel Newton*Will Brooks*Michael Page



Toxic is offline  
Sponsored Links
Advertisement
 
post #2 of 10 (permalink) Old 06-02-2009, 12:42 AM
The Revolution
 
SimplyNate's Avatar
 
Join Date: May 2007
Location: Ontario, Canada
Posts: 3,018
                     
Nice thread. You can also easily add a border by using the "add new layer style" which is the fx button. Just hit stroke, change it to inside and you can also change the size. A lot easier than using a brush imo.

Another thing is you can set the background color and then change canvas size by a however big you want your border and it will appear to have a border. You can do it multiple times to make a multi colored border. ie black and yellow like you used.

SimplyNate is offline  
post #3 of 10 (permalink) Old 06-02-2009, 01:39 AM Thread Starter
 
Toxic's Avatar
 
Join Date: Mar 2007
Location: See that guy over in the window, with the binoculars?
Posts: 21,821
                     
I use the increase canvas size option a lot, just gotta crop you image to full size first and put your colored layer at the bottom, only thing I hate about it is if you use shapes to create a colored backdrop your have to go through and rastersize you layers first.




"If you get hit and it hurts hit him back you not knocked out yet."-Joe Doerksen
The Toxic Terrors (FFL)
Demetrious Johnson*Eduardo Dantas*Emanuel Newton*Will Brooks*Michael Page



Toxic is offline  
post #4 of 10 (permalink) Old 06-02-2009, 01:48 AM
Delicious Pudding
 
D.P.'s Avatar
 
Join Date: Oct 2008
Location: Jersey City, NJ
Posts: 10,932
                     
Quote:
Originally Posted by SimplyNate View Post
Nice thread. You can also easily add a border by using the "add new layer style" which is the fx button. Just hit stroke, change it to inside and you can also change the size. A lot easier than using a brush imo.

Another thing is you can set the background color and then change canvas size by a however big you want your border and it will appear to have a border. You can do it multiple times to make a multi colored border. ie black and yellow like you used.
Wow awesome lol. I learned something. I have a stupid way of making my borders, I'm not even going to say.



D.P. is offline  
post #5 of 10 (permalink) Old 06-03-2009, 12:32 PM
Sexy as F
 
Evil Ira's Avatar
 
Join Date: Feb 2009
Location: Tyne and Wear, UK
Posts: 2,044
                     
Great thread! As soon as I get Photoshop, I'm sure I'll be addicted to making these.


Quote:
Originally Posted by Evil Ira View Post
Top Five Ways to paper cut your balls.
Quote:
Originally Posted by name goes here View Post
4 trying to teach your willy to read
Evil Ira is offline  
post #6 of 10 (permalink) Old 08-13-2010, 05:22 AM
NO. 1 *BONER*
 
limba's Avatar
 
Join Date: Jul 2009
Location: UK
Posts: 7,727
                     
Thank you Toxic for this thread.

.



BELIEVE!



limba is offline  
post #7 of 10 (permalink) Old 10-22-2010, 08:41 PM
Flyweight
 
RudeBoySes's Avatar
 
Join Date: Aug 2010
Location: Philadelphia
Posts: 444
                     
Excellent Post! simple yet thorough

F.Y.I
Here's another method for creating Borders:

STEP 1:


STEP 2:


STEP 3:


STEP 4:


STEP 5:


STEP 6:
RudeBoySes is offline  
post #8 of 10 (permalink) Old 10-23-2010, 05:18 AM
 
K R Y's Avatar
 
Join Date: Nov 2007
Location: Wales, Boyo!
Posts: 10,705
                     
Actually, that's just a way to make a border. Not a banner.

The easiest way to get that effect is to stroke with the with first colour at 4px. Then the second colour at 2px.

You can select all by pressing ctrl+a also.






“There are three things all wise men fear: the sea in storm, a night with no moon, and the anger of a gentle man.”
K R Y is offline  
post #9 of 10 (permalink) Old 10-23-2010, 06:07 AM
You're not terribly important to me
 
UFC_OWNS's Avatar
 
Join Date: Jul 2010
Location: Sell me this pen
Posts: 15,086
Blog Entries: 1
                     
great thread but im not even gonna try atm since my computer iss slow as fudge


Jim Norton
Nick Dipaolo
Dave Attell
Dave Chappelle
Bill Burr
Joey Diaz
Colin Quinn
Bob Kelly
Rich Vos
Patrice O'Neal
Louis CK


UFC_OWNS is online now  
post #10 of 10 (permalink) Old 10-23-2010, 07:26 PM
Flyweight
 
RudeBoySes's Avatar
 
Join Date: Aug 2010
Location: Philadelphia
Posts: 444
                     
Quote:
Originally Posted by UFC_OWNS View Post
great thread but im not even gonna try atm since my computer iss slow as fudge
im working with an old laptop that has an Intel Pentium Dual Core/4gb ram.. and Photoshop works fine ..

i think you'll be fine if you have atleast 4gb of ram...
RudeBoySes is offline  
Reply

Quick Reply
Message:
Options

Register Now



In order to be able to post messages on the MMA Forum - UFC Forums - UFC Results - MMA Videos forums, you must first register.
Please enter your desired user name, your email address and other required details in the form below.

User Name:
Password
Please enter a password for your user account. Note that passwords are case-sensitive.

Password:


Confirm Password:
Email Address
Please enter a valid email address for yourself.

Email Address:
OR

Log-in









Human Verification

In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Show Printable Version Show Printable Version
Email this Page Email this Page
Display Modes
Linear Mode Linear Mode



Posting Rules  
You may post new threads
You may post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are On

 
For the best viewing experience please update your browser to Google Chrome