Want It Shocked ???

[Kushagra93]

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



3. Ctrl+Shft+E or Layer->Merge Visible the layers and Ctrl+I or Image->Adjustments->Invert image as shown



4. Let's get on to work now... Filter->Stylize->Wind from right as shown.



5. Use Ctrl+F to repeat the same filter again and again.. about 3-4 times until u get something like this...



6. Image->Rotate canvas->90degreeCW... press Ctrl+F (repeat Wind filter) till u get somethin like this... say 3-4 times



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



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



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)



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



13. U'll get somethin like this... it would have been better 4 a more thicker font... Improvise 4 better results.



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



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)



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.



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:



Other Effects I got were










This tut for all those who didn't beleived me

[XTreme]

oh..thanks for that example now i can believe you

[compufreak7]

Nice tut
But... The text is almost unreadable. I like the black on white text though, it gives me a creepy effect

[Nixtro]

Nice guide man. I my try that sometime. I need to read a few more tuts beofore I start. I am so rubbish at graphics.

[Wrighty]

Time wasted on this tutorial I think. The outcome is basically just a mess...? Unreadable.. although it is pretty cool, but if you were wanting to use it as text..? Unbearable..

[Nixtro]

So true, but it is nice looking and would add great effect onto some bits of graphics. Like in sigs.

[Kushagra93]

Its Cool Man If U Will Use Some Thick And Bold Font
Your Time Will Not Get Wasted

[DON]

Yes..
cool tutorial kushagra!!!

Nice to see one more grafics designer.

[Wiggy]

Hey, nice tut, Helped loads. also me