Welcome Guest ( Log In | Register )

IPB
 
Reply to this topicStart new topic
> Text on Turf
Dan
post Sep 3 2006, 02:55 AM
Post #1


Lord


Group: Members
Posts: 217
Joined: 4-July 06
Member No.: 1



This is the shizzle fo nizzle text tutorial, creating text on turf!

1) Lets get the ball rolling by starting a new document and typing some text out, (notes: personally I like more chunky letters but any font will do).

IPB Image

2) Firstly we must flatten our document to allow us the ability of running more commands, we do this by clicking 'Layer' > 'Flatten Image'. Following that we must transform our image into black and white, this is done by: 'Image' > 'Adjustments' > 'Auto Levels'.

Now pull up the "Channels" box, this is done by clicking 'Windows' > 'Channels' - notice how theres 4 channels within the box? well anywho we must duplicate the "Blue" channel, to do this left click on that channel and select 'Duplicate Channel', lastly like you see in the image below, deselect the eyelash from all the channels except our newly created duplicate.

IPB Image

3) Short step this time, 'Image' > 'Adjustments' > 'Invert', (Hotkey: Ctrl+I).

IPB Image

4) Get back to the "Channel" box and select 'RGB', (Note: this will turn your background into white). Click 'Edit' > 'Fill' and select 'Use: White' then press ok.

Select the "Magic Wand Tool" and change its 'Tolerance' setting to 1, now go back to the 'Channels' and press on our duplicated "Blue Copy" - this will turn our image back into the inverted black and white, anywho using the magic wand tool click anywhere on the white font.

Now back to channels again and select 'RGB'.

IPB Image

5) Create a new layer and then click 'Edit' > 'Fill' select "User: Color...", you should be looking at the "Color Picker" dialog - pick yourself a nice color, (I've used #003a66) click OK and OK again.

IPB Image

6) Deselect off the selection area and go to the Layers box, here press down on the "Background" layer and following that go onto 'Edit' > 'Fill', (Hotkey: Shift+F5), select 'Color' within the "Use" dropdown box - pick a colorful green which will be used for the turf, (Note: I used #006600) click the OK buttons again.

Now to get our turf look, 'Filter' > 'Noise' > 'Add Noise' and change the settings within the dialog to our sample:

IPB Image

7) Duplicate "Layer 1" and hotkey in 'Ctrl+U' which brings the Hue/Saturation dialog up! Pick a color you'd like the text to have as a dropdown, in this case I've used:

IPB Image

cool.gif Now within the Layers box move "Layer 1 copy" (the duplicate) just above the green background - so second from bottom, once complete go to 'Filter' > 'Other' > 'Offset' and change the following settings to:

IPB Image

9) Its finally time to merge "Layers 1", "Layer 1 copy" (the duplicate) and "Layer 2", we can do this by selecting the top layer and hotkeying 'Ctrl+E' twice! this is the shortcut to 'Layer' > 'Merge Down', your layers dialog should now bee looking like:

IPB Image

10) Now time to border around our text, this can be done by clicking 'Edit' > 'Stroke' and changing the settings to:
  • Width: 3px
  • Color: Black
  • Location: Inside
  • Mode: Normal
  • Opacity: 100%
  • Do not check the \"Preserve Transparency\" box


Finally, and i mean finally... we can blend this into our 'turf', do this by clicking 'Filter' > 'Noise' > 'Add Noise' and selecting the following settings:

IPB Image

11) Heres the finished product, hope you like it?

[img]http://www.psdspy.com/images/tutorials/text-within-turf-11.png[/img]


--------------------
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Travis_Rawr
post Sep 5 2006, 05:44 PM
Post #2


Apprentice


Group: Members
Posts: 20
Joined: 1-September 06
Member No.: 44



Lawl, nice turf/grass tutorial, i am going to try this definately;) I loe you tutorial
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
-Dant3Z-
post Sep 9 2006, 09:24 PM
Post #3


Farmboy


Group: Members
Posts: 1
Joined: 9-September 06
Member No.: 56



heey this looks kinda cool. biggrin.gif nice work.


--------------------
user posted image
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
davidp183
post Sep 10 2006, 10:33 AM
Post #4


Serf


Group: Members
Posts: 7
Joined: 9-September 06
Member No.: 58



Oh wow, excellent, and so simple.

I saw this posted on Pixel2Life before I discovered these forums! Good job!
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
nkoul_96
post Sep 11 2006, 01:43 AM
Post #5


Royal Prince


Group: Super Moderators
Posts: 705
Joined: 10-September 06
Member No.: 70



That's sick. It's awesome i am for sure going to try that great tut, great idea and it looks amazing also . I will for sure use it on a banner/sig or wall. Thx alot
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Amaresh
post Sep 11 2006, 02:24 AM
Post #6


Squire


Group: Members
Posts: 45
Joined: 10-September 06
Member No.: 60



Amazing tutorial, its definitely a great concept.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Nica
post Sep 11 2006, 02:46 AM
Post #7


Lord


Group: Members
Posts: 128
Joined: 9-September 06
Member No.: 57



Haha, this technique can also be used for making glitter graphics.

Neat tutorial Dan.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
.Phoenix
post Sep 11 2006, 05:27 PM
Post #8


Squire


Group: Members
Posts: 44
Joined: 11-September 06
Member No.: 75



Very nice effect dude, awsome job and great tut.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Ryan
post Sep 11 2006, 09:46 PM
Post #9


Prince


Group: Super Moderators
Posts: 312
Joined: 10-September 06
Member No.: 71



Maybe try adding a slight motion blur upwards maybe... I dunno. Pretty neat though, I might try it just for kicks.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Tetly
post Sep 13 2006, 05:06 PM
Post #10


Apprentice


Group: Members
Posts: 18
Joined: 10-September 06
Member No.: 65



That's a great tutorial,would be fantastic for a sports website perhaps ?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
The_Stick
post Sep 16 2006, 06:32 PM
Post #11


Lord


Group: Members
Posts: 158
Joined: 16-September 06
Member No.: 85



That will come in handy.

With the NFL season underway, I could use that in some NFL psds
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
Jeffrey
post Oct 7 2006, 12:17 AM
Post #12


Serf


Group: Members
Posts: 6
Joined: 7-October 06
Member No.: 148



Yeah, looks good on a sports website especially if done good as a header.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
rilolawley
post Oct 7 2006, 03:58 AM
Post #13


Serf


Group: Members
Posts: 6
Joined: 7-October 06
Member No.: 153



not bad, i might use it sometime if i had a lawnmowing buisness LOL
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
tha-blizz
post Jan 30 2007, 02:56 AM
Post #14


Farmboy


Group: Members
Posts: 1
Joined: 30-January 07
Member No.: 301



looks like a mini golf course but all it needs is a hole
User is offlineProfile CardPM
Go to the top of the page
+Quote Post
JMac
post Feb 11 2007, 07:17 PM
Post #15


Farmboy


Group: Members
Posts: 1
Joined: 11-February 07
Member No.: 308



I love this tutorial, but I am having a bit of trouble duplicating it. You mention a Layer 2, but I don't see where you talk about creating this layer or what it consists of. Can you clarify that for me? It seems that Layer 2 does the white outline of the text, but I'm just not sure. Also, what is the name of the font you use for the text 'PSDSPY' in this example? Thank you much, and great work on this.

JMac
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Lo-Fi Version Time is now: 25th July 2008 - 06:34 AM