KingPin's Forum
 
K.P.s.N. Register vbBux / KPs Mall Bugs Blogs FAQ Search Today's Posts Mark Forums Read Donate
Go Back   KingPin's Forum > KP's Network Forum > Tutorials & Stuff!
Reload this Page Slow shutter text effect tut
 


Tutorials & Stuff! This is a discussion on Slow shutter text effect tut in the Tutorials & Stuff!;
Description: Learn how to create this stunning slow shutter text effect using just Photoshop. Step 1. Setup the canvas Firstly setup ...

Reply
 
LinkBack Thread Tools
Slow shutter text effect tut
(#1 (permalink))
Old
Ukio's Avatar
Ukio is Offline
OutSpoken Diva
Points: 4,796, Level: 20 Points: 4,796, Level: 20 Points: 4,796, Level: 20
Activity: 0% Activity: 0% Activity: 0%
Ukio is on a distinguished road
 
 
Posts: 3,310
Thanks: 0
Thanked 0 Times in 0 Posts
Join Date: Sep 2007
Location: Planet PMS
Talking Slow shutter text effect tut - February 25th, 2008

Learn how to create this stunning slow shutter text effect using just Photoshop.
Step 1. Setup the canvas


Firstly setup your work area. This tutorial is done on CS3 but the main screen should be pretty similar. I have chosen to work on an A4 sized canvas but you can set it up any size you wish. If your planning on printing your finished artwork make sure resolution is set to 300dpi, if your creating the art for screen stick to 72dpi. If your into professional printing set the color mode to CMYK otherwise RGB is fine, the difference isn’t generally noticeable on your standard ink jet. Before you go onto step 2 you might want to rotate your canvas to landscape. Do this by going to IMAGE > ROTATE CANVAS > 90° CW (clock-wise)
Step 2. Lay down the base gradient


Next you need to get the base color onto the canvas. To do this first select the gradient tool from the tool bar (1.) Next select your base colors & try and stay as dark as possible. I have chosen a dark purple (background color) with black (foreground color). You then need to make sure the gradient is set to linear (2.) and the opacity is at 100%. Finally drag gradient a line from the top of the page to the bottom (3.) I find it looks more natural if you don’t go exactly vertical, remember the effect we are trying to achieve is simulating real light movement which is hardly ever exact. Once you have a nice dark gradient on the page move on to step 3.
Step 3. Write your light


Now we need to get the path down that will eventually be your ‘moving light text’. Do this by selecting the pen tool (1.) from the tool bar. Up below the menu bar should be some options, make sure you select the second one called paths (2.) Now your ready to begin drawing. Clicking the mouse will add an anchor point and automatically connect from the last so rather than releasing the mouse button each time you click hold it down and drag until you achieve the right curve. You are trying to achieve a fluid movement as if you were writing your name in the air with a torch or sparkler. You might find this stage takes a bit of practice to get right, don’t worry, you can adjust all the curves once the full path is complete (Alt + Drag will adjust a curve, Apple + Drag will move a point) Once you have it mastered make sure the path is joined up with the beginning point, this will be removed when we have stroked the line.
Step 4. Switch it on


Now you have your path done create a new layer & go up to the main menu, select EDIT > STROKE then select the colour white and a stroke width of about 5 pixels. Click OK & your path will be a nice white thin line (1.) You might find spending a bit more time than I did on the curves will help your text look a bit better but don’t be to precise, remember we are simulating reality! Now you have your white line right click on the same layer and go to BLENDING OPTIONS. On your left select OUTER GLOW, click the tick & the writing next to it. Now you can adjust your glow, play around with the colors & sliders until you have a natural looking light (2.) Note: NATURAL. Finally select a large, soft eraser brush (3.) and put the opacity down to 35%, erase the straight connecting line and rub over some of the longer lines to break up the fixed width of the 5px stroke giving it more realism.
Step 5. Get moving

Ok now we are ready to simulate some natural lighting blurs. Firstly duplicate your text layer twice by going to LAYER > DUPLICATE LAYER. Select both layers and hit Apple + E to combine them (1.) Drag your new combined layer below your main text. You should now have 3 layers, a background, your text and the double duplicate of the text. Next go up to the main menu and select IMAGE > ADJUSTMENTS > HUE/SATURATION. Once this menu pops up slide the hue slider until you reach a nice complimentary shade (it might help to make the main text layer invisible briefly for this) I chose pink but it’s really down to what colors you started with. Finally go to the main menu again (making sure your on the new combined layer) and click FILTER > BLUR > RADIAL BLUR, set the amount to 23 and ensure the radial setting is selected. Next combine the text & the blur layers as described above.
Step 6. Build some depth

So far all is good but we need some partical style focal light to simulate more depth and add some more interest to the image. To do this I recommend creating 4 blank layers above your text. You can make more if you like, it’s up to you how far you go with this part of the image. On your first layer select the ROUND MARQUEE tool from the tool bar. Hold shift and create a variety of random circles (1.) now fill these with one of your light shades (ie. pink, blue, white or whatever colors you have used). Do this with different colors on each of the 4 layers. Now using the BLUR tool on the main menu (FILTERS > BLUR > GUASSIAN BLUR) blur each circle layer (2.) a different amount. (e.g layer 1 - 10 pixels, layer 2 - 5 pixels etc….) Experiment with different shades, opacity’s & colors until you get it right. You might even like to do some more radial blurs to simulate some more movement, its up to you!
Step 7. Polish it up

Ok, now the image just needs polishing up. How you do this is totally up to you but this is what I recommend for a nice effect. First select a soft paint brush from the tools menu, set the opacity to 35% up on the menu bar and on a new layer scatter some different sized spots of your lighter shades close to the main lines. Next select the dodge tool from the tool menu and on a 50% opacity do a few spots on where the lines cross over to simulate what would happen with real light. Finally select the burn tool from the tool menu and select a large soft brush (bigger the better) on a 35% opacity and rub around the lower edges of the canvas so the overall glows seems to be coming all from the middle.
You might want to crank up the brightness & contrast depending on how over the top you have gone. Do this by clicking on IMAGE > ADJUSTMENTS > BRIGHTNESS / CONTRAST.
Keep experimenting with all the techniques described above to create a unique look every time. Enjoy

 
Reply With Quote
Reply

Bookmarks

Tags
effect, shutter, slow, text, tut

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Rupees Per Thread View: 1.00
Rupees Per Thread: 15.00
Rupees Per Post: 5.00
Forum Jump



These are the 100 most searched terms
Search Cloud
_backup.rc antrix wow antrix wow server autocad 2007 keygen best google gadgets best wow character bt map devil may cry 4 crack erika bella fuckteam fuckteam 5 georgina lempin gigistar gigistar topless kpsden kpsforum leatherworking guide leveling enchanting mangos custom vendors mangos item id mangos linux mangos server mangos spell id mangos wotlk mature creampie milena velba no rest for the ass object id wow phoenix marie play wow at school this is sparta vipersdenforums voyage century bot windows activation workaround windows xp lite wotlk alpha private server wotlk private server wotlk server wotlk wiki wow leatherworking guide wow mount locations wow object id wow object id list wow object id's wow object ids wow objects id www.adobeflashplayer www.adobeflashplayer.com www.kpsforum.com xbox 360 mmorpg ... powered by Simple Search Cloud
Powered by vBulletin® Version 3.8.0 Beta 3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0
Copyright 2004-2009 KPsN


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82