PDA

View Full Version : Want it SHOCKED!!!????


koolbluez
08-03-2005, 03:47 PM
Let's see how to make a shockin text (or for that matter of fact) any shockin effect.

What's required : Any imaging application.. here Adobe Photoshop & ImageReady

Procedure :

1. Let's begin by making a new file of suitable dimension.. say 400x300 pixels with white background.

2. Use the horizontal type tool (T) and type in any word (in black), dimension appx. 1/4th of image size and place it in the centre... as shown in the example, the word DIGIT
http://img199.exs.cx/img199/3374/1jpg5xw.jpg

3. Ctrl+Shft+E or Layer->Merge Visible the layers and Ctrl+I or Image->Adjustments->Invert image as shown
http://img199.exs.cx/img199/823/2jpg7if.jpg

4. Let's get on to work now... Filter->Stylize->Wind from right as shown.
http://img199.exs.cx/img199/2593/3jpg5ar.jpg

5. Use Ctrl+F to repeat the same filter again and again.. about 3-4 times until u get something like this...
http://img199.exs.cx/img199/4246/4jpg6zi.jpg

6. Image->Rotate canvas->90degreeCW... press Ctrl+F (repeat Wind filter) till u get somethin like this... say 3-4 times
http://img199.exs.cx/img199/1590/5jpg2yz.jpg

7. Image->Rotate canvas->90degreeCW again... press Ctrl+F (repeat Wind filter) till u get a symmetry to the other side... say 3-4 times

8. Repeat again Step 6 to get a final image like this
http://img199.exs.cx/img199/2781/6jpg1ch.jpg

9. Image->Rotate canvas->90degreeCW to get the right word..

10. Now Ctrl+U or Image->Adjustments->Hue/Saturation... click Colorize.. hue=215, saturation=30 to get a bright bluish color as shown
http://img199.exs.cx/img199/3159/7jpg6hx.jpg

11. Layer->Duplicate layer, name it copy and make the Background layer invisible (just touch in the similar place (eye sign, as of cursor in pic)
http://img199.exs.cx/img199/118/8jpg6vc.jpg

12. Highlight Copy layer and Filter->Distort->Ocean ripple it with ripple size=2, ripple magnitude=3.. or something similar to get a shock effect... somethin such that ripple magnitude has to b low.. real low.. as shown
http://img199.exs.cx/img199/9109/9jpg6ib.jpg

13. U'll get somethin like this... it would have been better 4 a more thicker font... Improvise 4 better results.
http://img199.exs.cx/img199/9373/10jpg4qd.jpg

14. Now Highlight the Background layer.. make another copy of it ( Layer->Duplicate layer), name it copy1 and make the other layers invisible, as shown
http://img199.exs.cx/img199/9111/11jpg1fv.jpg

15. Crtl+F ( repeat the Ocean Ripple effect...) chances r that u get a different ripple this time.. else repeat the ripple process with a slightly different ripple size.. make many more ripple copies of the Background layer ( as i did it)
http://img199.exs.cx/img199/6669/12jpg4ua.jpg

16. Now save the file as .PSD and open it with ImageReady (Photoshop8 there is a direct openin option in File menu)

17. Now what we do in ImageReady is try & use the different layers of shocked DIGITs as an animation.

18. Open file in ImageReady, make Background layer invisible (same as in Photoshop) and duplicate current frame (as shown by cursor in figure) the number of times the layer copies are there.
http://img199.exs.cx/img199/4914/13jpg9dl.jpg

19. Make only one of the layers visible in each frame i.e. highlight frame1 & make a layer visible & others invisible.. next... highlight frame2 & make another layer visible & the rest invisible & so on....

20. When u play the gif or File->Preview in IE... u'll get the shockin text...

21. I didn't get so great a shock... but with thicker fonts & better ocean rippling better results can be got... The same procedure can b followed for shockin pics too....

What I got now was:
http://img57.exs.cx/img57/8518/shock3kk.gif

Have to add another thing... I suppose Photoshop8 did a better ripplin filter than Photoshop7

Other shocks i got....
http://img124.exs.cx/img124/4672/shock27lc.gif
http://img232.exs.cx/img232/3158/koolbluezshocked2xu.jpg

Omsck
08-03-2005, 03:55 PM
gr8 skill man!! i liked it

cheetah
08-03-2005, 04:27 PM
http://img124.exs.cx/img124/4672/shock27lc.gif

This one we hes created for the thinkdigit blog located at http://thinkdigit.blogspot.com

Thanks for the tutorial buddy i have been waiting for it.

NikhilVerma
08-03-2005, 05:59 PM
BLISTERING BARNECLES !!!

Great tutorial!!

sreedevi
08-03-2005, 06:55 PM
Really a very good tutorial!!!!!

goobimama
08-03-2005, 09:28 PM
nice stuff dude. keep it up.

daj123
09-03-2005, 12:54 AM
sweet :) I was looking out for photoshop tuts.

babumuchhala
09-03-2005, 09:26 PM
WOW cool dude man. Just wish i culd do this on my PC. 64 MB RAM + Win XP dont allow even any simple game leave this alone.

ramprasad
12-03-2005, 02:48 PM
Excellent man

rajkumar_personal
12-03-2005, 04:23 PM
What a display of ART !!!
Well done mate

ctrl_alt_del
19-03-2005, 01:27 PM
Great job mate. I think I should try and learn Photoshop.

technovice
20-03-2005, 09:38 PM
Fabulous !!!
Truly shockin!!
Keep it coming in dude!!

funkiguy_me
06-04-2005, 07:55 PM
good explanation

hdsk.23
09-03-2007, 05:16 PM
man u will easily get job in a animation company!!!!!!!!!

NIGHTMARE
10-03-2007, 01:02 AM
gr8 & wonderful tutorial really kool

the.kaushik
10-03-2007, 01:55 AM
superb tutorial.. lots of thanx and rep

shantanu
10-03-2007, 04:16 AM
Gr8 man !!! just kinda superman thing

koolbluez
10-03-2007, 12:35 PM
gee tnx... old thread.. revived well... :D

sysfilez
10-03-2007, 12:40 PM
k k k k k kool.
nice tutorials reps added.

Pathik
10-03-2007, 01:45 PM
hey this is the oldest tut i ve seen... mar 2005 :o

koolbluez
10-03-2007, 02:03 PM
Well... I'm a very senior member, Pats :D
Only was not active till sometime back :D

NikhilVerma (http://www.thinkdigit.com/forum/member.php?u=1012), Cooljeba (http://www.thinkdigit.com/forum/member.php?u=1378), Goobimama (http://www.thinkdigit.com/forum/member.php?u=2153) & Cheetah (http://www.thinkdigit.com/forum/member.php?u=3031) r some other photoshoppin sr friends :D

aj27july
14-03-2007, 03:44 PM
great tutorial
It should be made sticky.

krates
17-03-2007, 01:25 PM
Good Work Man