Join our Facebook Page



Post Reply 
 
Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Hollow (See-Through) Text Tutorial
10-11-2009, 06:00 AM (This post was last modified: 10-16-2009 11:31 AM by d_palapuz.)
Post: #1
Hollow (See-Through) Text Tutorial
TITLE: HOLLOW (SEE-THROUGH) TEXT TUTORIAL
DESCRIPTION: YOU'VE SEEN HOW TO PUT AN IMAGE IN A TEXT, SO NOW YOU WILL LEARN HOW TO MAKE A TEXT SEE-THROUGH. WITH A SINGLE LAYER STYLE AND THE FLICK OF YOUR TYPE LAYER'S FILL OPACITY, YOU CAN CREATE A COMPLETELY HOLLOW, 100% SEE-THROUGH TEXT.
DIFFICULTY: VERY QUICK AND VERY EASY
REQUIRED PROGRAMS: ADOBE PHOTOSHOP 7 AND/OR HIGHER.

INTRODUCTION: LAYER STYLES ARE GREAT FOR ADDING FINISHING TOUCHES TO YOUR DESIGNS, AND THEY CAN REALLY MAKE TEXT AND GRAPHICAL ELEMENTS STAND OUT YOUR PAGE. THEY ARE ALSO EXTREMELY FLEXIBLE AS THEY CHANGE AS YOUR LAYER CONTENT CHANGES, THEY'RE ALSO FULLY EDITABLE, ETC. SINCE THEY APPEAR ON THEIR OWN LAYER, THEY'RE NONDESTRUCTIVE, AND WHEN YOU EDIT THE CONTENT OF YOUR LAYER, THE STYLE UPDATES AUTOMATICALLY.


INSTRUCTIONS:


STEP ONE
OPEN AN IMAGE IN PHOTOSHOP. A GOOD IMAGE TO WORK ON WOULD BE SOMETHING THAT COMES FROM PROFESSIONAL PHOTOGRAPHERS. BECAUSE THEY'RE MOSTLY GOOD QUALITY, AND THE IMAGES THEMSELVES TELL SO MUCH. I USED AN IMAGE OF THE MANILA BAY AT NIGHT.

[Image: 1401610263_2ebae0b668.jpg]


STEP TWO
PRESS "T" ON YOUR KEYBOARD TO GRAB THE TYPE TOOL AND START TYPING SOME TEXT. WORRY NOT ABOUT THE COLOR BECAUSE WE'LL BE FIXING IT TO MAKE IT HOLLOW LATER ON. FROM THE OPTIONS BAR AT THE TOP OF THE SCREEN, UNDER THE MENUS, PICK A FONT. I USED THE FONT VIANTA AT SIZE 14 PT. IN CASE YOU DIDN'T KNOW, I CHANGED SOME OPTIONS TO MAKE THE FONT A LITTLE WIDER AND BIGGER SO THE OUTLINE WILL LOOK BETTER.

[Image: typetooloptions.gif]


AND YOU SHOULD HAVE SOMETHING LIKE THIS:

[Image: 1401610263_2ebae0b668withtext.jpg]


STEP THREE
IF YOU HADN'T NOTICED YET, ALL LAYERS BEGIN AT 100% OPACITY. SO IF YOU WANT TO MAKE A LAYER SEMI-TRANSPARENT, YOU CAN TWEAK ITS OPACITY SETTING. SAME THING APPLIES TO FILL, THOUGH IT'S GOING TO MAKE A DIFFERENT EFFECT ON THE LAYER. WHEN USED WITH A SHAPE OR TYPE LAYER, LOWERING THE FILL WILL LOWER THE OPACITY OF THE COLOR INSIDE THE SHAPE OR LETTERS, BUT IT WILL NOT CHANGE THE OPACITY OF ANY LAYER STYLES YOU'VE ADDED. THAT BEING SAID, LOCATE THE FILL SETTING AT THE TOP OF YOUR LAYERS PALETTE RIGHT UNDER OPACITY, AND DRAG IT ALL THE WAY TO THE LEFT, LEAVING IT AT 0%.

[Image: addlayerstylestrokeeeee.jpg]


STEP FOUR
NOW WE ARE GOING TO ADD A STROKE TO REVEAL THE OUTSIDE OF THE TEXT. AT THE BOTTOM OF YOUR LAYERS PALETTE BOX, CLICK THE F OR FX BUTTON (DEPENDING ON WHAT VERSION YOU'RE USING)AND CHOOSE STROKE. THIS IS CALLED ADD A LAYER STYLE BUTTON. ONCE YOU'RE DONE, PRESS OK. THE SETTINGS I USED ARE SHOWN BELOW. NOW IF YOU DON'T LIKE THE FONT YOU PICKED, JUST DOUBLE-CLICK THE TEXT LAYER AND PICK ANOTHER FONT AND YOUR STYLE WILL ADJUST ITSELF AUTOMATICALLY.

[Image: stroookeeoptiiiioooons.gif]


SO HERE'S THE FINISHED PRODUCT:

[Image: ManilaBay-Final.jpg]


NOW, I PLAYED AROUND IT A LITTLE MORE, SO I ADDED THE WORD "PHILIPPINES" BELOW IT ON A DIFFERENT FONT
AND ALSO ADDED THE SAME EFFECT. DOESN'T IT LOOK GOOD? NOW YOU HAVE A COMPLETELY HOLLOW,
100% SEE-THROUGH TEXT. IT'S A FUN WAY TO ADD TEXT TO YOUR PHOTOS AND NOT TAKE AWAY FROM THE PHOTO ITSELF.

ENJOY, PLEASE RATE, COMMENT, AND I HOPE YOU LIKE IT!


[Image: ManilaBayPhilippines.jpg]



[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
09-04-2010, 09:04 AM
Post: #2
RE: Hollow (See-Through) Text Tutorial
very easy tut but thanks for posting
Send this user an email Find all posts by this user
Quote this message in a reply
09-04-2010, 11:01 PM
Post: #3
RE: Hollow (See-Through) Text Tutorial
no problem. Always glad to help!


[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,795 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
  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,447 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
  Grunge Text Tutorial d_palapuz 0 826 03-08-2010 10:15 PM
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,490 04-18-2009 01:19 PM
Last Post: d_palapuz

Forum Jump:


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