0
 

home
news
wu-tang clan
bio's
media
store
blogs
forum
contact

Go Back   Wu-Tang Corp. - Official Site of the Wu-Tang Clan > Misc > Graphics Corner

Reply
 
Thread Tools Display Modes
Old 01-18-2007, 12:10 AM   #1
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default // Tutorials //

This thread will be dedicated to GFX related Tutorials. If any designer has any that they made just PM me and i will update this thread.

Here are a few that i made in the past.



------------------------------------------------------------------------
------------------------------------------------------------------------


// transparent signature tutorial -- photoshop 7 //


ive been meaning to do this tutorial for awhile now because ive seen the technique being implemented by some graphics designers here and i believe this tutorial can be beneficial to them... and others alike that are interested in the technique but perhaps not profecient with it.

the transparent signature is a sig that has a image within it that also extends outside its natural border. a good example of what im talking about is this:




i will be using photoshop 7 for this tutorial... it should be almost the same for anything at 7 or higher.. i also have CS and as far as i know, all of the commands are the same.

with that being said let begin...

first off... open a new transparent document with a size of 500x500. i know that seems big, but we will fix that later.

pull out your polygonal lasso tool. draw a border. if you hold down the Shift Key while drawing out your border you can get a perfect straight edge. try not to make it too long or too thick. mine will be approximately 400x130, give or take a little. heres what i came up with.



now you want to create a new layer. name this layer "Border".
make sure that the layer named "Border" is selected in your layers pallette:




with that selected, go back to your document and right click inside the border. when the menu pops up, scroll down
to where it says Stroke and click it. set the pixel at 1 and the color Black.

-----------------------------------------------------------------------------------------------------------------

( i wanna throw this into my tutorial now.. its almost like a sub-tutorial. its a little trick to apply to your image before proceeding any further to help ensure the best results in the end. this trick i learned from a awesome graphics artist named Stinger over a the RKS forums. he gets credit for this technique!!! im just using it cause its relevant to my tutorial.)

now this is a technique that is almost missed all the time... i see it alot. its simple and it can make your transparent sig turn out ALOT better. i promise.
you should have your image out already... whatever image you decide to work with make sure that it is saved with NO BACKGROUND. you can do that by cutting out your image and placing it on a transparent document. then just save as a .png file.

now go to File > Save for Web and this box should open:




now go over to where it says "Matte" and click on it... it will open a box and allow you to choose a color. the color you choose here will act as a kind of background color that will outline your image. ever see a transparent sig thats image is all white and choppy around the edges? looks like crap... well this technique will help prevent that. here is an example:

image without the "Matte" tecnique:






image with the "Matte" technique:



this technique will ensure that once you finish the signature... it wont be all choppy looking around the edges. this can be a major thing that can turn a awesome sig into something very n00bish!!!

thats basically it for the sub-tutorial!

-----------------------------------------------------------------------------------------------------------------


now at this point your gonna need to open the image that you want to use. for this tut, i will be using this image:




now for convenience sake... the image i chose is a image that has already been cut out. so if you use my image, just save it to your PC and open it in photoshop and you will see its just an image that is already cut out of its BG.

for this particular image im using i will need to resize it before placing it on my 1 pixel border document. ( our main document we are using. ) just go to Image > Image Size > decrease to what you want.

now your gonna wanna paste your image to your document with the 1 pixel black border. just press Ctrl A and Ctrl C on the image your using. this will select and copy it. now click on your 1 pixel black border document and press Ctrl V. this will paste the image. you will need to adjust the image around untill you get it how you want. heres what i got:





to kinda make things easier go ahead now and double click Layer 2 in the layers pallette and rename it "Image" and do the
same with Layer 1 and name it "Fill". your layers pallette should look like this:




click and select the layer named "Border" in your layers pallette. press the D key on your keypad to reset your colors.
now select your Magic Wand Tool. click anywhere inside the border. it should highlight the border now like this:




now that your border is selected, go over to your layers pallette and select the layer named "Fill". select your
Paint Bucket Tool and fill inside the border like this:




next up you wanna move the layer named "Image" down one space right below the layer named "Border". the layer "Image" should be in the middle of "Border" and "Fill" now.

now click on the layer in the layers pallette named "Border". go over and select the polygonal lasso tool. right click on your image and select stroke. set pixel at 1 and color to whatever you want. preferably one that stands out.

now click on the layer in the layers pallette named "Fill". choose a foreground and background color that you want. i chose a goldish color and black.

now go to Filter > Render > Clouds. then go to Filter > Render > Difference Clouds. hit Ctrl F a few times untill you get a cool looking cloud render. BE SURE THAT BEFORE RENDERING CLOUDS, THAT THE LAYER NAMED "FILL" IS HIGHLIGHTED
IN YOUR LAYERS PALLETTE!!!

heres what i got so far:





now the reason behind the rendering clouds is simple. its going to create a quick generic BG really quick for this tutorial. you can get more fancy with it if you want by using brushes or filters inside your BG. just make sure that when you add those, that the layer named "Fill" is selected.

at this point, your border will still be highlighted. click on the polygonal lasso tool. right click inside the image and click on Deselect.
now click on the layer named "Border" in your layers pallette. once that is selected, click on the Zoom tool.
zoom in on the image once or twice so it looks similar to this:




at this point, your border will still be highlighted. click on the polygonal lasso tool. right click inside the image and click on Deselect.
now click on the layer named "Border" in your layers pallette. once that is selected, click on the Zoom tool.
zoom in on the image once or twice so it looks similar to this:
time to erase some of the border thats covering parts of our image. with the layer "Border" selected in your layers pallette,
pull out your eraser and start erasing carefully in the spots where the border is blocking the image. heres what i got:






now your gonna need to erase any part of the image that goes out of your border that you dont want. if you made a simple border then it will be pretty easy. what i like to do is use the rectangular marquee tool to do the erasing. first select the layer named "Image" in your layers pallette.
then go to your image and draw a square around the unwanted portion of the image like this:




then simply press the Delete key on your keyboard and ta-da!! the unwanted image area is gone! and you can do this for rest of the area that remains or just use your eraser tool. the main reason i use this technique is so that i can get a clean erased line thats up against my sig border.
almost done...

now you want to get rid of all that excess transparent area surrounding your sig. use the Cropping Tool for this. crop the image like so:






and now you should have a something along these lines:




now at this point the tut is actually over. thats the basics on how to actually create the transparent sig.
after youve finished and your ready to show it off, it has to be saved like this.
go to File > Save As > then use the following setting:





ensure that Transparency is checked and also for the part that says "Matte" you can apply the same procedure that i explained above in the sub-tutorial.





and just click OK for the next pop-up window!!


here is my final result:




and with a little more time... you can add fonts too. heres my actual final results:





that concludes my tutorial. this is the 2nd version of this tutorial that ive done. the first was missing a few things so i redid the whole thing and added some new things that were relevant. i hope the designers here find this helpfull.


peace!




-----------------------------------------------------------------------
-----------------------------------------------------------------------

each week i will post a tip that i have personally found useful in my trial and errors with the program in hopes that other designers can use it aswell. the tips may be small or big depending on the user.


photoshop tip week 1 - New Adjustment Layers with Render Clouds.


i use this alot when coloring my images... it can be used to color individual images or a the whole design.

when coloring go to Layer > New Adjustment Layer > Color Balance

it will open up this box:





at the bottome where it says Tone Balance you have Shadows, Midtones and Highlights.


choose Highlights first and move the sliders around to get a desired color tone. Press enter.

Repeat several times ... choosing Shadows and Midtones...

i usually do this atleast 3 times ... one for each setting. sometimes numerous time can achieve better results...

once your finished with the coloring you should have several New Adjustment Layers... now press the D key on your keyboard to reset your colors.

no go to Filters > Renders > Clouds. apply that filter to each of the New Adjustment Layers in your layer pallette.

it will soften each of the color tones and make it more pleasing to the eye... this can be done to single images aswell as whole designs.

also, sometimes it helps to Desaturate the image first. that can be done by going to Image > Adjustments > Desaturate

or shortcut Shift+Control+U



mess around with the different settings for coloring and you may find this useful. i use this alot and can really good results.

so till next week...

peace//





------------------------------------------------------------------------
------------------------------------------------------------------------





__________________
__________________



born invincible is offline   Reply With Quote
Old 02-01-2007, 12:25 PM   #2
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default

This is a tutorial for the scattering technique used in the sig below!!






here is the file:

http://files.filefront.com//;6661707;;/

i zipped it up so it sits at 60MB

just download and unzip.

the best way to view it would be in windows media player i guess... just maximize it to fit entire screen so you see it clearly.

if the visuals arent the greatest its cause i had to decrease image quality so the file wouldnt be so fuckin huge..



the top image is the one i started w/

the second is my final product...

any questions just hit me up..





__________________
__________________




Last edited by born invincible; 02-01-2007 at 08:27 PM.
born invincible is offline   Reply With Quote
Old 02-01-2007, 08:25 PM   #3
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default

This tutorial covers on how to make a video clip into a animated gif..



here we go...

things u will need.. (that is if you use my method)

photoshop
imageready
any .mov or .avi file


if you dont have of those files... you can always take a mpeg file and covert it. i mention how in the video.

here is the link:

http://download.yousendit.com/FFE1704679DEE72D

any questions or find anything that i miss or isnt clear... just holla.

final product:


__________________
__________________




Last edited by born invincible; 02-01-2007 at 08:28 PM.
born invincible is offline   Reply With Quote
Old 02-01-2007, 08:44 PM   #4
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default

here is a video tutorial on how to a lighting effect on a image similar to the one below.

heres the link:


http://download.yousendit.com/2585A81A1729A656




__________________
__________________




Last edited by born invincible; 02-02-2007 at 03:09 PM.
born invincible is offline   Reply With Quote
Old 02-26-2007, 08:30 AM   #5
Ghost Lee
ghostface meets bruce lee
 
Join Date: Jun 2006
Posts: 36
Rep Power: 0
Ghost Lee grasshopper
Default

long tutorial but helps. do you have a tutorial for mac users with ilife
__________________
Ghost Lee is offline   Reply With Quote
Old 04-03-2007, 05:58 PM   #6
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default

Quote:
Originally Posted by Ghost Lee View Post
long tutorial but helps. do you have a tutorial for mac users with ilife

sorry nothing for the mac users...
__________________
__________________



born invincible is offline   Reply With Quote
Old 04-04-2007, 08:02 AM   #7
MsRzaRecTaH
je©
 
MsRzaRecTaH's Avatar
 
Join Date: Dec 2004
Location: WORLDWIDE
Posts: 6,450
Rep Power: 32
MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)MsRzaRecTaH Iron Lungs (Fists of Legend)
Default

Is this only for cs2?
MsRzaRecTaH is offline   Reply With Quote
Old 04-04-2007, 09:31 AM   #8
oDoUoSoKo
frieza saga
 
oDoUoSoKo's Avatar
 
Join Date: Dec 2004
Location: CCCGTEHQ
Posts: 18,467
Rep Power: 70
oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)oDoUoSoKo Iron Lungs (Fists of Legend)
Send a message via AIM to oDoUoSoKo
Default

Quote:
Originally Posted by Ghost Lee View Post
long tutorial but helps. do you have a tutorial for mac users with ilife
eloels, why use this account again?
oDoUoSoKo is offline   Reply With Quote
Old 04-04-2007, 05:47 PM   #9
Jim Kelly
Senior Member
 
Jim Kelly's Avatar
 
Join Date: Aug 2006
Posts: 241
Rep Power: 0
Jim Kelly grasshopper
Default

Never mind...
__________________

Last edited by Jim Kelly; 04-05-2007 at 03:35 PM.
Jim Kelly is offline   Reply With Quote
Old 04-06-2007, 12:57 AM   #10
Mr. X
La-Li-Lu-Le-Lo
 
Mr. X's Avatar
 
Join Date: May 2004
Posts: 1,545
Rep Power: 15
Mr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal son
Default

Here's my first attempt:
Here's after playing around with it:
__________________

Last edited by Mr. X; 04-06-2007 at 02:31 PM.
Mr. X is offline   Reply With Quote
Old 04-07-2007, 02:10 PM   #11
Mr. X
La-Li-Lu-Le-Lo
 
Mr. X's Avatar
 
Join Date: May 2004
Posts: 1,545
Rep Power: 15
Mr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal sonMr. X prodigal son
Default

The last 2 tutorials expired.
__________________
Mr. X is offline   Reply With Quote
Old 06-10-2007, 02:14 PM   #12
VictorHUGO
Quintesson
 
VictorHUGO's Avatar
 
Join Date: Nov 2006
Location: 5th Dimension
Posts: 208
Rep Power: 0
VictorHUGO crouching tiger
Default

Quote:
Originally Posted by born invincible View Post
sorry nothing for the mac users...
the last two tutorials expired, is there anyway you can re-up those? I totally slept on this, for this is food for thought to the fullest! Thank you for these great lessons..
__________________
Angelz in the midst please enlist/ heartz consist ov righteousness/ battle iron fist against souls so devilish/ ~ Ptolemy: 3 Kingz PNR MusiK
VictorHUGO is offline   Reply With Quote
Old 07-01-2007, 04:15 AM   #13
NY_Mami
Wu Fan
 
NY_Mami's Avatar
 
Join Date: Nov 2006
Location: Brooklyn, NY
Age: 25
Posts: 2,214
Rep Power: 13
NY_Mami iron monkeyNY_Mami iron monkeyNY_Mami iron monkeyNY_Mami iron monkey
Send a message via AIM to NY_Mami
Default

What photoshop program you used to make those??????.........
__________________
image.php?type=sigpic&userid=55925&dateline=119951  8518

THE CHEF LOVES MY MASTERPIECE

NY_Mami is offline   Reply With Quote
Old 07-08-2007, 05:24 AM   #14
Suga Duga
1%
 
Suga Duga's Avatar
 
Join Date: Apr 2007
Age: 26
Posts: 5,666
Rep Power: 0
Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)Suga Duga Iron Lungs (Fists of Legend)
Default

Quote:
Originally Posted by VictorHUGO View Post
the last two tutorials expired, is there anyway you can re-up those? I totally slept on this, for this is food for thought to the fullest! Thank you for these great lessons..
yeah, please re-up that...
__________________
Suga Duga is offline   Reply With Quote
Old 07-08-2007, 09:01 AM   #15
born invincible
// Never Defeated //
 
born invincible's Avatar
 
Join Date: Mar 2003
Location: on the 2 dots
Posts: 2,949
Blog Entries: 3
Rep Power: 19
born invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal sonborn invincible prodigal son
Send a message via AIM to born invincible Send a message via MSN to born invincible
Default

Quote:
Originally Posted by Illegitimate Devil View Post
yeah, please re-up that...


check your PMs
__________________
__________________



born invincible is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not 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

Forum Jump


All times are GMT -5. The time now is 04:39 PM.


Copyright ©2000 - 2013 The Wu-Tang Corp. & shift-one