|
Join our Facebook Page |
|
|
|
|
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). ![]() 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. ![]() 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. ![]() 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. ![]() 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. ![]() 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: ![]() 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. ![]() 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:
![]() 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! |
|||
|
« Next Oldest | Next Newest »
|
| 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 |
|
| 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 |
|
User(s) browsing this thread: 2 Guest(s)

Search
Member List
Calendar
Help



![[Image: grungetype_1.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/grungetype_1.jpg)
![[Image: notgrungetypeyet.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/notgrungetypeyet.jpg)
![[Image: logsss.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/logsss.jpg)
![[Image: thressshold.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/thressshold.jpg)
![[Image: thresholdsimilar.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/thresholdsimilar.jpg)
![[Image: textureandtypetogether.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/textureandtypetogether.jpg)
![[Image: remainingbitsvisible.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/remainingbitsvisible.jpg)
![[Image: GrungeTypeTutorialFinalImage.jpg]](http://i830.photobucket.com/albums/zz230/darrylpalapuz/Adobe%20Photoshop/GrungeTypeTutorialFinalImage.jpg)
![[Image: FNETSbanner.jpg]](http://i28.photobucket.com/albums/c230/darryl09/FNETSbanner.jpg)


