Join our Facebook Page



Post Reply 
 
Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Grunge Text Tutorial
03-08-2010, 10:15 PM (This post was last modified: 03-16-2010 12:11 PM by d_palapuz.)
Post: #1
Grunge Text Tutorial
TITLE: GRUNGE TEXT TUTORIAL
DESCRIPTION: A VERY FUN EFFECT TO CREATE JUST BY MORPHING A PHOTO INTO A GRUNGY TEXTURE THROUGH THRESHOLD WHICH WILL BE PLACED ON TOP OF ANY TEXT. LIKE THEY DO IT IN THE MOVIES POSTERS!
DIFFICULTY: EASY BUT CAN BE TRICKY
REQUIRED PROGRAMS: ADOBE PHOTOSHOP 7 OR HIGHER (CS, CS2, CS3, CS4)


INSTRUCTIONS:


STEP ONE
OPEN A NEW DOCUMENT. YOU CAN PICK ANY SIZE YOU WANT, I USED 500px by 300px AND LEAVE THE BACKGROUND CONTENT AS TRANSPARENT .
IN THE TOOLBOX, SET THE FOREGROUND COLOR TO ANY COLOR OF YOUR CHOICE. FOR THIS TUTORIAL I WILL USE BLUE (#1062f8).


[Image: grungetype_1.jpg]


STEP TWO
PRESS "T" TO SELECT THE TYPE TOOL AND START TYPING IN A LARGE, THICK FONT.
I USED IMPACT AS THE FONT. I WILL TYPE "FNETS! ROCKS", BUT YOU CAN TYPE WHATEVER YOU WANT HERE.
I'M JUST USING THAT AS AN EXAMPLE TO THIS TUTORIAL.


[Image: notgrungetypeyet.jpg]


STEP THREE
OPEN THE SOON TO BE A GRUNGY TEXTURE PHOTO. I USED THIS PICTURE OR LOGS
BECAUSE I THOUGHT IT WOULD GIVE A GREAT EFFECT AFTER PUTTING IT ON THRESHOLD.


[Image: logsss.jpg]


STEP FOUR
GO TO THE IMAGE MENU >>> ADJUSTMENTS >>> THRESHOLD. YOUR IMAGE SHOULD NOW BE BLACK AND WHITE.
DRAG THE SLIDER ALMOST ALL THE WAY TO THE LEFT AND CLICK OK. THE BLACK BITS REMAINING ON THE SCREEN WILL BECOME THE GRUNGY TEXTURE.
NOTE: EXPERIMENT WITH THE THRESHOLD SLIDER, THOUGH BEAR IN MIND THAT CREATING TOO MUCH GRUNGE WILL RENDER THE TEXT UNREADABLE.


[Image: thressshold.jpg]


STEP FIVE
TO CREATE A SELECTION AROUND THE NEW BLACK TEXTURE BITS, WE WILL USE THE MAGIC WAND TOOL
WHICH IS MADE FOR SELECTING COLOR. PRESS "W" TO SELECT THE MAGIC WAND TOOL AND CLICK INSIDE ONE OF THE
BLACK AREAS OF THE PHOTO. YOU SHOULD NOW SEE THAT ONE PARTICULAR BLACK SPOT IS SELECTED
(YOU'LL KNOW THIS WHEN YOU SEE THE TINY MARCHING ANTS AROUND THE OBJECT). NOW, WE ARE GOING TO SELECT THE
REST OF THE TEXTURE BITS. RIGHT-CLICK INSIDE THE SELECTION AREA AND CHOOSE SIMILAR FROM THE CONTEXTUAL MENU.


[Image: thresholdsimilar.jpg]


STEP SIX
USE THE MOVE TOOL (V) AND DRAG THE TEXTURE SELECTION INTO THE TYPE DOCUMENT.
YOU'LL NOTICE THAT IT WILL DUTIFULLY CREATE A NEW LAYER UPON WHICH THE TEXTURE SHALL LIVE.
TO DESELECT THE TEXTURE, PRESS CTRL + D ON THE KEYBOARD.



STEP SEVEN
WHILE THE MOVE TOOL IS STILL SELECTED, USE IT TO POSITION THE TEXTURE WHEREVER YOU'D LIKE.
THIS IS HOW MINE LOOKS LIKE:


[Image: textureandtypetogether.jpg]


STEP EIGHT
AT THIS POINT, YOU CAN RESIZE THE TEXTURE BY PRESSING CTRL + T TO BRING UP THE FREE TRANSFORM TOOL.
THIS WILL COME IN HANDY IF YOU WANT TO RESIZE THE TEXTURE. BUT WE'RE NOT GOING TO DO THAT HERE BECAUSE OUR
DOCUMENT'S SIZE IS ALMOST THE SAME AS THE TEXTURE PHOTO.



STEP NINE
FILL THE TEXTURE WITH ANOTHER COLOR TO MATCH THE DESIRED BACKGROUND COLOR.
JUST CTRL + CLICK THE TEXTURE LAYER TO SELECT IT, THEN GO TO THE EDIT MENU >>> FILL
AND CHOOSE A COLOR FROM THE POP-UP MENU. BUT I IGNORED THIS BECAUSE I WANTED THE GRUNGE TO STAY BLACK FOR THE NEXT STEP.



STEP TEN
FOR DRAMATIC EFFECT, I CREATED A NEW LAYER AND FILLED IT WITH BLACK
BECAUSE I WANTED THIS AND THE GRUNGE TEXTURE TO HAVE THE SAME COLOR.


[Image: remainingbitsvisible.jpg]


STEP ELEVEN
AS YOU CAN SEE, THE BLACK SPOTS TEXTURE ARE VISIBLE. TO GET RID OF THOSE VISIBLE EDGES,
CTRL + CLICK ON THE TEXTURE LAYER ON THE LAYERS PALETTE, NOW PRESS CTRL + SHIFT + I OR SELECT INVERSE,
AND PRESS DELETE. NOW DESELECT IT BY PRESSING CTRL + D.


HERE'S THE FINAL IMAGE. YOU SHOULD NOTICE THAT THE EDGES ARE NOT VISIBLE ANYMORE:

[Image: GrungeTypeTutorialFinalImage.jpg]


THAT'S ALL THERE IS TO IT, EVERYONE! THANKS FOR VIEWING!
I HOPE THAT THIS TUTORIAL WILL PROVIDE INSPIRATION TO YOU FOR CREATING SOME GRUNGY TEXT
OF YOUR OWN IN THE FUTURE! MAY THE FORCE OF CREATIVITY BE WITH YOU!




[Image: FNETSbanner.jpg]
CHECK OUT OUR YOUTUBE AND MY TUMBLR
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Basic Vector Style Illustration Tutorial d_palapuz 6 2,405 09-12-2010 11:09 PM
Last Post: d_palapuz
  Light Burst Background Tutorial equinox10 14 5,799 09-04-2010 11:05 PM
Last Post: d_palapuz
  Exploding Text Effect Tutorial d_palapuz 40 7,697 09-04-2010 11:03 PM
Last Post: d_palapuz
  Hollow (See-Through) Text Tutorial d_palapuz 2 1,380 09-04-2010 11:01 PM
Last Post: d_palapuz
  How to Use the Pen Tool (Video Tutorial) equinox10 10 3,047 09-04-2010 10:35 PM
Last Post: d_palapuz
  Basic Signature Tutorial d_palapuz 49 4,195 07-01-2010 02:26 AM
Last Post: d_palapuz
  From Photo to Pencil Sketch Tutorial d_palapuz 6 8,451 06-26-2010 12:29 AM
Last Post: d_palapuz
Thumbs Up Recommend a Tutorial d_palapuz 0 835 05-13-2010 02:44 AM
Last Post: d_palapuz
  Blending Effect Tutorial d_palapuz 21 4,817 10-11-2009 06:17 AM
Last Post: d_palapuz
  Border Tutorial d_palapuz 27 4,492 04-18-2009 01:19 PM
Last Post: d_palapuz

Forum Jump:


User(s) browsing this thread: 2 Guest(s)