• ARCHIVES 
  • » [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Pages: 12

[b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

sadangel08
» FTalkAddict
FTalk Level: zero
567
0
1969-12-31

[b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

[b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen and choosing New... to create a new Photoshop document. I'll choose a preset size of 640x480, and then I'll click OK to have Photoshop create my new document for me: [img]http://i298.photobucket.com/albums/mm248/sadangel08/new-document-db.gif[/img] [b] Step 2:[/b] Fill The Background Layer With Black Press D on your keyboard to quickly set black as your foreground color. Then use the keyboard shortcut Alt+Backspace (Win) / Option+Delete (Mac) to fill the Background layer with black: [img]http://i298.photobucket.com/albums/mm248/sadangel08/black-background.gif[/img] [b]Step 3:[/b] Set Your Foreground Color To White And Add Your Text Press X on your keyboard this time to swap your Foreground and Background colors, so white becomes your Foreground color. Then grab your Type tool from the Tools palette or by pressing T on your keyboard: [img]http://i298.photobucket.com/albums/mm248/sadangel08/select-type-tool.gif[/img] Adobe Photoshop Text Effects: Select the Type tool from the Tools palette or by pressing "T" on your keyboard. Then with the Type tool selected, choose your font up in the Options Bar at the top of the screen and add your text. I'm going to use "Impact" for my font, and I'll type the word "FEAR". Then I'll press Ctrl+T (Win) / Command+T (Mac) to bring up Photoshop's Free Transform box and handles around my text and while holding down Shift+Alt (Win) / Shift+Option (Mac), I'll drag out a corner handle to resize my text and make it larger. Holding Shift constrains the proportions of the text as I drag, and holding Alt/Option forces the text to resize from the center. Here's my text after resizing it: [img]http://i298.photobucket.com/albums/mm248/sadangel08/type-fear.gif[/img] [b]Step 4:[/b] Rasterize The Text We need to convert the text into pixels at this point, so once you're happy with your text, go up to the Layer menu at the top of the screen, choose Rasterize, and then choose Type. Your text won't look any different in the Document Window, but if you look at your Type layer in the Layers palette, you'll see that it has now become a normal layer: [img]http://i298.photobucket.com/albums/mm248/sadangel08/rasterize-type.gif[/img] [b]Step 5:[/b] Make A Jagged Selection Through The First Letter, Then Select The Rest Of The Word Grab your Polygonal Lasso tool from the Tools palette. It's hiding behind the Lasso tool, so just click and hold your mouse down on the Lasso tool icon and then select the Polygonal Lasso tool from the fly-out menu that appears : [img]http://i298.photobucket.com/albums/mm248/sadangel08/select-poly-lasso.gif[/img] Then, with the Polygonal Lasso tool selected, make a jagged selection through the first letter from top to bottom. Notice I didn't say drag a selection, and that's because you don't drag with the Polygonal Lasso tool. All you do is click inside the document once with your mouse, then release the mouse button and move your mouse to create a line. Click again, move the mouse again. Click, move, click, move, and so on. Make sure you create a jagged line through the letter, not a straight line, since this is going to be our first tear point. Once you have your jagged line through the letter, finish your selection by clicking and moving your mouse around the rest of the word to the right of your selection line, so you end up with the entire word selected except for the left part of the first letter, as I have here: [img]http://i298.photobucket.com/albums/mm248/sadangel08/first-selection.gif[/img] [b] Step 6:[/b] Cut The Selection Onto A New Layer When you're happy with your selection, press Ctrl+Shift+J (Win) / Command+Shift+J (Mac) to cut the selection onto a new layer. You won't see much happen yet in your Document Window, but in your Layers palette, you'll see that your selection is now on a new layer, and the only part of the word remaining on the original text layer below it is the left part of the first letter which wasn't selected: [img]http://i298.photobucket.com/albums/mm248/sadangel08/cut-first-selection.gif[/img] [b]Step 7:[/b] Rotate The Letters Using The Free Transform Command We're going to create our first tear in the text. With the new layer selected in the Layers palette, press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles around the letters (minus the left half of the first letter, which is on the layer below). Look in the center of the Free Transform box and you'll see a small target icon: [img]http://i298.photobucket.com/albums/mm248/sadangel08/target-icon.gif[/img] We're going to rotate the text a little to create the tear, and this target icon represents the spot where everything is going to rotate around. We don't want the letters to rotate around the center. We want them to rotate from the top left corner, so to fix that, simply click on the target icon with your mouse and drag it up to the top left corner. It will snap into place as you approach the corner: [img]http://i298.photobucket.com/albums/mm248/sadangel08/top-left-corner.gif[/img] Once you've dragged the target icon to its new location, simply move your mouse anywhere outside of the Free Transform box, then click and drag your mouse up or to the left to rotate the letters counterclockwise, creating a tear through the first letter as I'm doing here: [img]http://i298.photobucket.com/albums/mm248/sadangel08/rotate-first-letter.gif[/img] Press Enter or Return when you're happy with the tear you've created to accept the transformation. Here's my text so far with a nice big tear through the letter "F": [img]http://i298.photobucket.com/albums/mm248/sadangel08/tear-first-letter.gif[/img] we're going to do the same thing to the next letter :D [b]Step 8: [/b]Make A Jagged Selection Through The Second Letter, Then Select The Rest Of The Word With the Polygonal Lasso tool still selected, make another jagged selection, this time through the second letter, then include the rest of the word to the right of the jagged line in your selection: [img]http://i298.photobucket.com/albums/mm248/sadangel08/second-letter-tear.gif[/img] [b]Step 9:[/b] Cut The Selection Onto A New Layer With your selection created, press Ctrl+Shift+J (Win) / Command+Shift+J (Mac) to cut the selection onto a new layer: [img]http://i298.photobucket.com/albums/mm248/sadangel08/second-selection-layer.gif[/img] [b]Step 10:[/b] Rotate The Letters Using The Free Transform Command We're going to rotate the contents on the new layer once again, so press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles. This time, drag the center target icon down into the bottom left corner so we can rotate the letters from the bottom left: [img]http://i298.photobucket.com/albums/mm248/sadangel08/bottom-left.gif[/img] Then move your mouse anywhere outside of the Free Transform box and click and drag either down or to the right to rotate the letters clockwise, creating a tear through the second letter: [img]http://i298.photobucket.com/albums/mm248/sadangel08/rotate-second-letter.gif[/img] Press Enter (Win) / Return (Mac) to accept the transformation. Here's my text after tearing the second letter: [img]http://i298.photobucket.com/albums/mm248/sadangel08/second-letter-tear.gif[/img] [b]Step 11:[/b] Repeat The Process For The Rest Of The Letters Repeat the same steps for the remaining letters. First make a jagged selection through the letter with the Polygonal Lasso tool, then include the rest of the word to the right of the jagged line in the selection. Press Ctrl+Shift+J (Win) / Command+Shift+J (Mac) to cut the selection onto a new layer. Then press Ctrl+T (Win) / Command+T (Mac) to bring up the Free Transform box and handles. Drag the center target icon into either the top left or bottom left corner to rotate from that spot, then click and drag anywhere outside of the Free Transform box to rotate the layer contents. Here's my word "FEAR" after creating my tears through the remaining two letters. I rotated the "A" from the top left and the "R" from the bottom left: [img]http://i298.photobucket.com/albums/mm248/sadangel08/all-letters-torn.gif[/img] [b]Step 12: [/b]Merge All Text Layers Into One Select all of your text layers in the Layers palette, first by clicking on the top layer to select it and then Shift-clicking on the original text layer directly above the Background layer. This will select all your text layers at once: [img]http://i298.photobucket.com/albums/mm248/sadangel08/select-all-layers.gif[/img] With all of your text layers selected, press Ctrl+E (Win) / Command+E (Mac) to merge them all onto one layer. You should now have only two layers in the Layers palette: [img]http://i298.photobucket.com/albums/mm248/sadangel08/merged-layers-1.gif[/img] [b] Step 13:[/b] Add A Layer Mask To The New Merged Layer We're going to add a layer mask to the new merged layer, but before we do, hold down your Ctrl (Win) / Command key and click directly on the merged layer's thumbnail in the Layers palette to quickly select the text in the Document Window: [img]http://i298.photobucket.com/albums/mm248/sadangel08/merged-layer-thumbnail-1.gif[/img] You'll see a selection appear around your text. With your text now selected, click on the Add A Layer Mask icon at the bottom of the Layers palette: [img]http://i298.photobucket.com/albums/mm248/sadangel08/add-layer-mask.gif[/img] You'll see the layer mask appear to the right of the merged text layer's thumbnail in the Layers palette, with your text appearing in white and all of the empty area around it appearing in black: [img]http://i298.photobucket.com/albums/mm248/sadangel08/layer-mask-1.gif[/img] [b] Step 14:[/b] Apply The "Spatter" Filter To The Layer Mask We're going to give our text a nice worn look to it at this point using the "Spatter" filter. To do that, with the layer mask selected, go up to the Filter menu at the top of the screen, choose Brush Strokes, and then choose Spatter, which brings up Photoshop's massive Filter Gallery set to the Spatter options (circled in red on the right): [img]http://i298.photobucket.com/albums/mm248/sadangel08/spatter-options.gif[/img] There's only two options for the Spatter filter, Spray Radius and Smoothness. Feel free to play around with both sliders to see which settings work best for your text, which you can view in the large preview window on the left of the Filter Gallery. I've just gone and dragged both slider bars all the way to the right to set both options to their maximum values of 25 for the Spatter Radius and 15 for the Smoothness, which gives me the effect I'm looking for: [img]http://i298.photobucket.com/albums/mm248/sadangel08/text-spatter-applied.gif[/img] [b]Step 15: [/b]Apply A Stroke To The Text To Complete The Effect To finish things off, I'm going to add a stroke to my text. With my text layer selected, I'm going to click on the Layer Styles icon at the bottom of the Layers palette: [img]http://i298.photobucket.com/albums/mm248/sadangel08/layer-style-icon.gif[/img] Then I'll select Stroke from the list that appears: [img]http://i298.photobucket.com/albums/mm248/sadangel08/select-stroke.gif[/img] This brings up the Layer Style dialog box set to the Stroke options in the middle column. By default, Photoshop uses a solid color for the stroke, but I'm going to use a gradient instead. To change it, click on the down-pointing arrow to the right of the Fill Type option, then select Gradient from the list: [img]http://i298.photobucket.com/albums/mm248/sadangel08/fill-type-gradient.gif[/img] The Fill Type options will then change to options for the gradient. Click on the gradient preview area to bring up Photoshop's Gradient Editor to choose new colors for the gradient: [img]http://i298.photobucket.com/albums/mm248/sadangel08/fill-type.gif[/img] When the Gradient Editor appears, double-click on the black color marker on the bottom left of the gradient preview bar in the middle of the Gradient Editor, which will bring up the Color Picker, and choose a bright red color. Click OK to exit out of the Color Picker, then double-click on the white color marker on the bottom right of the gradient preview bar. The Color Picker will re-appear. Choose a dark red color this time, then click OK to once again exit out of the Color Picker. Here's my colors below: Click OK to exit out of the Gradient Editor, then click OK to exit out of the Layer Style dialog box to apply the stroke to the text (no need to make any other changes to the Stroke options), and you're done! [img]http://i298.photobucket.com/albums/mm248/sadangel08/gradient-editor.gif[/img] Here, with my gradient stroke applied, is my final "worn and torn" text effect: [img]http://i298.photobucket.com/albums/mm248/sadangel08/final-result.gif[/img] [img]http://i344.photobucket.com/albums/p331/moosetraks2/heart.gif[/img] other TUT [url=http://theftalk.com/t38654-Creating-a-Page-Curl-Effect-with-Photoshop-%5BTUT%5D.html]Creating a Page Curl Effect with Photoshop[/url] | [url=http://theftalk.com/t38618-TUT-how-to-make-Worn-And-Torn-Text-in-PS.html]TUT how to make Worn And Torn Text in PS[/url] | [url=http://theftalk.com/t34136-no-PHOTOSHOP%3F-try-this-one!-%5BTUT%5D.html]Creating Siggy in Lunapic[/url] [b]hope it helps :D [/b] [b] +repu is highly appreciated [/b] credits to : [b] photoshop essentials most especially Steve Patterson -- for the shared TUT and photobucket -- for the saved photo's [/b]

Last edited by forsakendoll (2010-03-16 15:27:21)

cronixemo
» FTalkWhiz
FTalk Level: zero
3166
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

pls avoid double posting!!! [url]http://theftalk.com/t38617-TUT-how-to-make-Worn-And-Torn-Text-in-PS.html[/url]

Last edited by cronixemo (2008-07-16 03:34:52)

triciapink29
» FTalkFreak
FTalk Level: zero
1504
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

[color=hotpink] Avoid Double Posting Pls.. Just Gudluck Be Sure to Ready Always [/color]
Ehcnalb
» FTalkElite
FTalk Level: zero
4244
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Just a reminder, before submitting your topic, please preview it first and be sure it's complete. Avoid making unnecessary changes that can confuse members. -.- Oh well, good luck with teh tut.
j3ck1024
» FTalker
FTalk Level: zero
103
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Cool tutorial so great :) nice!
Bridget
» FTalkElite
FTalk Level: zero
4467
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Thanks for sharing. :thumbsup:
imdemoprincess
» FTalkManiac
FTalk Level: zero
681
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

wow i love it!! nice tutorial siss!! its so cool but pretty long
RoCkStArCaNdYmE
» n00b
FTalk Level: zero
52
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

thanks for sharing this one! i will make one if i have now adobe..
aprilcutie09
» FTalkGeek
FTalk Level: zero
1301
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

nice tut siz! thnx for that! share more tuts! :D
ashedkawaii
» FTalker
FTalk Level: zero
112
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

thanks!..i know diz alredy BTW,thanks!
sadangel08
» FTalkAddict
FTalk Level: zero
567
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

thnx guyz :D i hope it helps :D
ninafaye
» FTalkGeek
FTalk Level: zero
1076
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

[b]Cool TUT Sisz... BTW, Are You The One Making This TUT?[/b]
sadangel08
» FTalkAddict
FTalk Level: zero
567
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

^ you would see it in my credits..
Ehcnalb
» FTalkElite
FTalk Level: zero
4244
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Oh, it's done now. It's a very cool tut. Adds so much character to the text. Thankyuu.
yna_16
» FTalkGeek
FTalk Level: zero
1413
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

tnx for sharin :lol:
ninafaye
» FTalkGeek
FTalk Level: zero
1076
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

[b][quote=sadangel08]^ you would see it in my credits..[/quote] Ohh, Okay Sisz... :thumbsup: +Repu For You... EDITED: Before I Can Spread Some Reputations Sisz... I Can +Repu You Back...[/b]

Last edited by ninafaye (2008-07-16 07:15:55)

sadangel08
» FTalkAddict
FTalk Level: zero
567
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

thnx guyz i will add more TUT soon :D [quote=ninafaye]Ohh, Okay Sisz... +Repu For You... EDITED: Before I Can Spread Some Reputations Sisz... I Can +Repu You Back...[/quote] what do you mean sis?
nia_pearl19
» FTalkWhiz
FTalk Level: zero
2529
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

wow.. :o tnx for sharing siszy..,
triciapink29
» FTalkFreak
FTalk Level: zero
1504
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Wow.. Cool tutorial.. This is Helpful repu+ for you.. i learn something :)
sadangel08
» FTalkAddict
FTalk Level: zero
567
0
1969-12-31

Re: [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

^ thnx for the repu tricia :D and thnx for appreciating this TUT :D i will make more TUT then i will compile them :D hihi..
  • ARCHIVES 
  • » [b]Photoshop : Worn And Torn Text[/b] all you need is Photoshop Any version :D [b]Step 1[/b]: Open A New Photoshop Document I'm going to start by going up to the File Menu at the top of screen an

Pages: 12

Board footer

© 2024 F Talk

Current time is 19:58

[ 10 queries - 0.021 second ]
Privacy Policy