Sep 10,  PST

Cow Patterned Text Effect
Written by: Jenny | Learn to make a cow-like pattern in Photoshop and use it as a text effect.
 Facebook Google Buzz Mxx Digg StumbleUpon  

We will first be creating the repeating cow-markings pattern.

1/ Open a transparent, 300x300 canvas.

2/ Make sure the foreground/background colors are black and white. If not press Shift-D.

3/ Apply the Clouds filter (Filter > Render > Clouds).



4/ To make the darks, darker and stand out more apply the Difference Cloud filter ontop of the Clouds filter a couple times. I did it 6 times. To apply the Difference Clouds filter go to Filter > Render > Difference Clouds. To repeat this filter just press Ctrl-F after you've first applied the filter manually.



5/ Now apply the Gaussian Blur filter (Filter > Blur > Gaussian Blur...) and set the radius to around 8 pixels.



6/ Now go to Image > Adjustments > Brightness/Contrast. This brings up a little pop-up with two sliders for brightness and contrast. Slide the Brightness one to about 20 and the Contrast one all the way up to 100.



7/ To make this pattern seam less we will need to apply the Offset Filter (Filter > Other > Offset...). To determine the amount of offset we want, we divide the width and height of the canvas by two. In this case our canvas of 300x300 needs an offset of 150 horizontal and 150 vertical.



8/ I kept the pattern large when making it for ease of creation however, unless your text is going to be massive, we need to scale it down. Go to Image > Image Size... Change the width to 20%. The height will automatically keep scale with the width.



9/ Now we can finally define this as a pattern: Edit > Define Pattern... Give the pattern a name and press OK. It has now been saved as a pattern and will be used later.

Now we will be looking at applying the pattern to the text.

10/ Open up a new, transparent canvas with whatever dimensions that will fit the scale of you text. I opened up a 500x200 sized canvas.

11/ Use the Horizontal Text Type tool, create a new text layer and type whatever letters you want.
The color doesn't matter but to make it clear I'll use black. The font is also totally up to you but to make the pattern more clear, use a bold and wide font. I'm using Deja Vu Sans, the weight is Condensed Bold and the size is 80pt.



12/ Select all the transparent areas (those that are not occupied by text). Make sure to select areas enclosed by letters such as A or D.

13/ Inverse this selection (Ctrl-Shift-I) so you are selecting your text.

14/ Select the Rectangular Marquee Tool in the toolbox, create a new layer (Ctrl-Shift-N) and then right-click on the selection you made in the previous step and then choose Fill...

15/ Use: Pattern and in the Custom Pattern selection box, choose your cow pattern, make sure the opacity is set at 100% and click OK.

16/ The cow pattern is in the text, however, it is very hard to read. To combat this choose a bright blue color (I used #1289F8). Right click on the new layer you've filled with the cow pattern in the Layers Window and select Blending Options...

17/ In the Blending Options Window, under Styles select Outer Glow. Move the Opacity up to 100%, change the color to the blue (#1289F8) and set the Spread to 20% and press OK.

And voila! There you go. If the pattern didn't turn out quite like a cow, that's OK. You should go back to step 3 and play around with the Clouds and Difference Clouds filter until you get a suitably authentic one or the size of the pattern. You can also argue below whether or not the pattern is a cow or dalmatian.



 Facebook Google Buzz Mxx Digg StumbleUpon  

| Written by: Jenny | Added: Jul 4 2010 | Last Modified: Aug 1 2010 | Views: 959 | (Log in to rate) |

User Comments

Aashni of enchantmenot.tkJuly 4 2010, 7:58 am PST - Karma: 0 - Quote - Link -
Wow, cow-text great tutorial... Can't wait to try it when I get home xx
Puffs of ipawd.netJuly 4 2010, 8:21 am PST - Karma: 0 - Quote - Link -
5/5
Haha! This is cool! I've never seen anyone do a cow textured word.
dc277July 4 2010, 9:53 am PST - Karma: 0 - Quote - Link -
5/5
Gotta say, that looks really cool! :p
MooJuly 4 2010, 10:54 am PST - Karma: 0 - Quote - Link -
5/5
*futterwhacken*
YAY! I plan on using this. ^0^
Frisby of figmint.zzl.orgJuly 4 2010, 2:08 pm PST - Karma: 0 - Quote - Link -
Thats really creative!
Zaphiie of roguecity.netJuly 4 2010, 9:45 pm PST - Karma: +1 - Quote - Link -
5/5
This is cool :3 We could make a site for a dairy-farm now.  
Michael of pdslovers.comJuly 12 2010, 9:13 am PST - Quote - Link -
A very unique photoshop tutorial! Thanks, can't wait to try it out...although I'm not to sure what to use it for yet lol.
silhouette of tugboat.th...July 13 2010, 8:28 pm PST - Karma: 0 - Quote - Link -
5/5
How cute! Can the same thing be used to make zebra stripes?
Aashni of enchantmenot.tkAugust 1 2010, 2:09 pm PST - Karma: 0 - Quote - Link -
probably, however zebra stripes are generally in a straight line (they're not actually, but when we draw them they look like that...)
Jenny of windymill.skyne...August 1 2010, 2:18 pm PST - Karma: 0 - Quote - Link -
I don't think so since the Clouds filter is quite round and swirly where as zebra patterns have a more defined shape. So in short, I don't think so.
Anna of annaneo.co.nrAugust 1 2010, 2:38 pm PST - Karma: 0 - Quote - Link -
My version of Photoshop has a zebra pattern on it by default. I don't know if your version has it though.
Aashni of enchantmenot.tkAugust 1 2010, 3:02 pm PST - Karma: 0 - Quote - Link -
You could possibly either use the one on photoshop (or whatever your using) or you can find an image of a zebra, overlay the text onto the zebra, then with the magic wand tool select the letters. Then shift to the zebra layer, select the inverse part of the image, and delete. Did this make any sense? - if I finish my layout, I may write a tutorial about it..
Puffs of ipawd.netAugust 1 2010, 4:35 pm PST - Karma: 0 - Quote - Link -
Anna said:
My version of Photoshop has a zebra pattern on it by default. I don't know if your version has it though.


So does mine.
Jenny of windymill.skyne...August 1 2010, 4:40 pm PST - Karma: 0 - Quote - Link -
Which version? Mine doesn't, I don't think. Then again, I have dozens of personal patterns that I've probably covered it up. I do have a zebra pattern, but it's not default-->MINE!
Aashni of enchantmenot.tkAugust 1 2010, 4:51 pm PST - Karma: 0 - Quote - Link -
I don't think I have one...  
Puffs of ipawd.netAugust 1 2010, 7:10 pm PST - Karma: 0 - Quote - Link -
CS4. And so does my Paint Shop Pro X.
Anna of annaneo.co.nrAugust 1 2010, 7:12 pm PST - Karma: 0 - Quote - Link -
I have Elements on my laptop. Our desktop computer has CS2, which doesn't have the zebra pattern.
Puffs of ipawd.netAugust 1 2010, 7:14 pm PST - Karma: 0 - Quote - Link -
I have PS Elements 5.0 and that also has it. But maybe the pattern from PSP got transferred over to the other two on mine.
Haily of icecaves.netAugust 2 2010, 12:06 am PST - Karma: 0 - Quote - Link -
Maybe you're looking at the same pattern and not thinking it's a zebra pattern? What's the name of it when you hover over the tile?
Puffs of ipawd.netAugust 2 2010, 9:16 am PST - Karma: 0 - Quote - Link -
For me "Animal Zebra". I also have "Animal Leopard" and "Animal Tiger".
Aashni of enchantmenot.tkAugust 2 2010, 9:26 am PST - Karma: 0 - Quote - Link -
I have PS CS2...
Anna of annaneo.co.nrAugust 3 2010, 5:19 am PST - Karma: 0 - Quote - Link -
Yeah, I don't think you have it then.
Aashni of enchantmenot.tkAugust 3 2010, 9:29 am PST - Karma: 0 - Quote - Link -
nope. oh well
Grace of moonwalked.netAugust 3 2010, 2:01 pm PST - Karma: +1 - Quote - Link -
5/5
Awesome tutorial Jenny! I just tried it out using GIMP and I got a similar effect
Jenny of windymill.skyne...August 3 2010, 4:22 pm PST - Karma: 0 - Quote - Link -
Yay that's great to know!

You are not currently logged into your IceCaves account. Log in?

Username: Password: | Create an account 

If you would prefer, you can post as a guest below:

Name:
Email: (required; for identification purposes; will not be published)
Site URL: (optional)
Rate:You must log in in order to rate.
Post:
BBCode?

Smilies:
Human Check:

Username:

Password:


Arid SeasSkylish

The IceCaves.net Topsites


Enchant Me Not | Unloadeed | Tugboat | Rabidish | Dash of Color | Starlett | NeopetsGuide | Figmint | Neo Crave | Rogue City | Spicy-Sugar | FGN-Guild.com | RainbowBliss | KeliJo.net | NeoWishes