PS  Instant  Expert  Training:  

Working  with  Text  
 
 Table  of  Contents  
 

Working  with  Photoshop  Text  ........................................................................................................  3  

Using  the  Warp  Text  Option  ...........................................................................................................  9  

   
 

 
 

2    
 Working  with  Photoshop  Text  
 

 
In  this  portion  of  the  lesson  you  are  going  to  learn  more  about  working  with  text.    Photoshop  
offers  some  pretty  amazing  options  for  creating  and  utilizing  text  in  your  images.    As  you  know,  
the  text  tool  is  located  near  the  bottom  of  the  Tools  Panel.    There  are  four  different  options  
within  the  ‘Type  Tool’  menu.    These  include  the  ‘Horizontal  Type  Tool’,  the  ‘Vertical  Type  Tool’,  
the  ‘Horizontal  Type  Mask  Tool’,  and  the  ‘Vertical  Type  Mask  Tool’.      

If  you  have  the  ‘Horizontal  Type  Tool’  selected,  your  text  will  run  horizontally,  and  if  you  have  
the  ‘Vertical  Type  Tool’,  your  text  will  run  vertically.    The  other  two  tools  are  some  that  you  
probably  won’t  use  much,  so  these  aren’t  going  to  be  covered  in  much  depth.    You’ll  probably  
use  the  ‘Horizontal  Type  Tool’  the  most.  

Photoshop  actually  has  a  workspace  that  is  designed  specifically  for  ‘Typography’.    Don’t  forget  
that  you  can  create  your  own  workspace  if  you  need  to  though.    You  shouldn’t  need  to,  
however,  because  this  workspace  is  set  up  fairly  well.    As  you  can  see  in  the  picture  above,  this  
workspace  contains  four  different  tabs.    On  top,  you  have  a  ‘Character’  tab  and  a  ‘Paragraph’  
tab.    Below  that  you  will  find  a  ‘Paragraph  Styles’  tab  and  a  ‘Character  Styles’  tab.  

You’ll  soon  find  out  that  you  have  a  lot  of  options  available  to  you  in  Photoshop  for  working  
with  type.    You  could  use  this  program  to  type  out  paragraphs  just  like  you  could  with  most  
word  layout  program  like  InDesign.    There  are  differences  though.    The  main  difference  is  that  

3    
this  program  does  not  support  natural  text  reflow.    So,  you  wouldn’t  want  to  use  this  program  
to  work  with  text  on  a  regular  basis,  but  when  it  comes  to  creating  a  design,  it  does  give  you  a  
great  amount  of  control.  

Whenever  you  have  the  ‘Text  Tool’  selected,  a  number  of  text  options  will  appear  at  the  top  of  
the  interface.    Many  of  these,  if  not  all,  are  included  in  the  ‘Typography’  workspace.    The  panel  
to  the  right  offers  quite  a  few  more.    At  the  top  of  this  panel,  you  will  find  the  ‘Font’  options.    
The  type  of  project  that  you  are  working  on  is  the  main  determining  factor  for  what  type  of  font  
you  should  use.  

You  font  may  or  may  not  include  a  font  called  ‘Trajan  Pro’,  but  this  is  a  great  choice  for  many  
projects.    This  is  the  font  that  was  used  in  the  case  study.    Next  to  the  font  options,  you’ll  find  
options  for  making  your  font  regular  and  bold.    Sometimes  this  menu  will  also  include  the  
option  for  making  your  font  italicized.    You  may  also  find  options  for  making  your  font  thin,  
heavy,  or  condensed.    The  choices  that  are  offered  are  dependent  upon  which  font  you  choose.    
For  instance,  the  ‘Trojan  Pro’  font  can  only  be  used  as  regular  or  in  bold.  

Below  the  font  selection  menu,  you’ll  find  the  ‘Font  Size’  options.    These  choices  will  vary  
according  to  the  resolution  of  the  document  you  are  working  with,  but  for  demonstration  
purposes,  a  font  size  of  ‘60’  was  used  in  the  case  study.    To  the  right  of  this,  you’ll  find  options  
for  line  spacing.    If  you  are  unsure  what  to  choose,  there  is  an  ‘Auto’  option  which  generally  
works  pretty  well.      

The  line  spacing  should  correspond  somewhat  with  the  size  of  the  text.    In  other  words,  you  
wouldn’t  want  to  use  12  point  spacing  with  a  60  point  type.    However,  it  doesn’t  have  to  match  
exactly.    For  instance,  with  a  60  pt  font  you  might  be  able  to  use  ’48  pt’  for  the  spacing,  but  
your  words  would  be  set  pretty  close  together.    It  is  optimal  to  use  60  pts  of  spacing  for  a  60  pt  
font,  but  it  doesn’t  hurt  to  make  the  line  spacing  a  bit  larger  either.    What  you  choose  will  
ultimately  depend  on  how  you  plan  to  use  the  type.  

4    
  
Right  underneath  the  spacing  option,  you’ll  see  an  icon  containing  the  letters  ‘VA’  with  an  
arrow.    This  option  determines  the  spacing  between  the  letters.    In  the  picture  above,  this  is  set  
to  ‘0’.    As  you  can  see,  the  text  is  spaced  apart  enough.      So,  this  might  be  a  good  setting  for  you  
to  use.    Really,  you  could  set  it  to  ‘-­‐50’  or  even  ‘50’  and  it  will  still  look  just  fine.    Some  fonts  will  
require  more  space  though,  so  just  go  with  what  looks  better  to  you.  

You  may  also  notice  that  the  alignment  is  set  to  be  ‘Centered’  at  the  top  of  the  screen.    Don’t  
forget  that  you  can  use  the  ‘Move  Tool’  to  position  your  text  as  well.    Right  now  the  spacing  is  
set  to  ‘Auto’.    If  you  were  to  set  it  to  ’12  pt’,  then  the  lines  would  overlap  quite  a  bit.  

There  is  another  option  that  marked  by  the  following  symbol:  V/A.    You  can  use  this  to  set  the  
‘kerning’  between  two  characters.    In  other  words,  if  you  had  an  ‘L’  and  a  ‘T’  next  to  each  other,  
you  would  have  more  space  between  these  letters  than  if  you  had  a  ‘V’  and  an  ‘A’  together.    
This  is  because  of  the  way  these  letters  are  angled.    In  cases  like  this,  you  may  want  to  move  
the  letters  closer,  and  this  option  allows  you  to  do  so.    Some  fonts  account  for  this  
automatically,  but  some  don’t.    So,  this  is  a  great  option  to  have  at  your  disposal  sometimes.  

You’ll  notice  that  this  ‘V/A’  menu  contains  two  main  settings.    The  first  is  ‘Metrics’  and  the  
second  is  ‘Optical’.    The  ‘Metrics’  setting  will  space  the  letters  out  mathematically.    The  ‘Optical’  
works  differently;  it  spaces  the  out  the  letters  based  on  appearance.  

Beneath  this  option,  you’ll  find  scaling  options  for  the  letters.    The  option  on  the  left  
determines  the  length  of  the  letters,  and  the  one  on  the  right  determines  the  width.    Below  

5    
these  options,  to  the  left,  is  the  ‘Baseline  Shift’  option.    This  sets  the  space  between  a  letter  and  
its  baseline.      

This  option  comes  in  handy  when  it  comes  to  words  that  are  of  a  different  height.    For  instance,  
if  you  were  to  set  the  font  size  of  the  word  ‘My’  to  ‘48’,  then  it  would  be  much  smaller.    It  is  still  
stuck  to  the  baseline  though.    You  could  use  the  ‘Baseline  Shift’  option  to  make  this  word  align  
with  the  top  of  the  ‘L’  beside  it.    This  effect  is  demonstrated  in  the  screenshot  below.  

 
Finally,  in  this  section  you  will  find  the  option  to  change  the  color  of  your  text.    All  you  have  to  
do  is  select  your  text,  click  on  the  ‘Color’  field,  the  ‘Color  Picker’  will  appear,  and  you  can  select  
the  color  that  you  want.    When  you  hit  ‘OK’,  your  text  will  have  changed  to  your  chosen  color.    
Underneath  this  option,  you’ll  see  a  line  of  different  ‘T’  buttons.    These  are  for  formatting  your  
text.    These  options  include:  

• Faux  Bold  

• Faux  Italic  

• All  Caps  

• Small  Caps  

• Superscript  

• Subscript  

6    
 • Underline  

• Strikethrough  

 
In  the  screenshot  above,  you  will  see  that  there  is  a  language  dropdown  menu  on  the  left  and  a  
dropdown  menu  that  says  ‘Sharp’.    This  dropdown  menu  contains  options  which  control  how  
the  type  is  represented.  The  options  in  this  menu  include:  

• None  

• Sharp  

• Crisp  

• Strong  

• Smooth  

• Mac  LCD  

• Mac  

Normally  ‘Sharp’  is  the  default,  and  this  setting  will  work  for  most  projects.    If  you  are  making  
something  for  a  webpage,  you  might  want  to  use  ‘Smooth’  or  ‘Strong’.    The  ‘Strong’  setting  is  
good  to  use  when  you  are  using  a  smaller  font  within  a  webpage.    These  options  make  very  

7    
subtle  differences  between  the  lettering.    They  are  much  more  apparent  when  you  are  working  
with  smaller  type.  

Under  the  ‘Paragraph’  tab,  you’ll  find  options  which  give  you  some  control  over  the  layout  of  
the  type.    At  the  top,  you’ll  find  your  alignment  options.    Beneath  this,  you’ll  find  the  option  to  
create  a  first  line  indent  and  a  full  paragraph  indent  as  well  as  options  that  allow  you  to  force  
justify  the  first  and  last  line.      

As  you  can  see,  you  have  most  of  the  options  that  you  will  find  in  a  word  processor.    However,  
you  wouldn’t  want  to  use  this  program  to  write  a  book  or  anything  like  that.    It’s  really  not  well-­‐
suited  for  that.  

8    
 Using  the  Warp  Text  Option  
 

 
Photoshop  gives  you  the  ability  to  warp  the  type  that  you  enter  in.    This  option  is  located  at  the  
top  of  the  interface.    The  screenshot  above  shows  this  option  being  selected.    If  you  click  on  this  
icon,  the  ‘Warp  Text’  window  will  appear.      

At  the  top  of  this  window,  there  are  some  ‘Style’  options.    By  default,  this  will  be  set  to  ‘None’,  
but  if  you  open  this  dropdown  menu  up,  you  will  see  that  there  are  a  number  of  really  fun  
options  that  you  can  apply.    For  instance,  you  can  choose  ‘Arc’  and  your  text  will  appear  in  an  
arc  formation.    The  options  listed  within  this  dropdown  menu  are:  

• Arc  

• Arc  Lower  

• Arc  Upper  

• Arch  

• Bulge  

• Shell  Lower  

9    
 • Shell  Upper  

• Flag  

• Wave  

• Fish  

• Rise  

• Fisheye  

• Inflate  

• Squeeze  

• Twist  

 
The  sliders  within  this  window  allow  you  to  control  the  ‘Bend’,  the  ‘Horizontal  Distortion’,  and  
the  ‘Vertical  Distortion’.    With  all  these  different  options,  you  can  achieve  all  kinds  of  different  
results.    You  won’t  want  to  use  this  feature  all  of  the  time,  of  course.    However,  there  are  going  
to  be  situations  where  the  normal  styles  of  text  won’t  make  sense.    So,  it’s  good  to  know  that  
you  do  have  an  option  like  this.  

The  best  part  is  that  once  you  apply  a  text  warp,  the  text  still  remains  fully  editable.    That  
means  that  after  you  click  ‘OK’  to  apply  your  changes  you  can  still  change  the  color,  the  size  of  

 
10  
the  text,  and  so  on.    So,  keep  this  tool  in  mind.    It  is  a  very  powerful  tool  that  you  can  do  a  lot  
with.    It  is  recommended  that  you  start  experimenting  with  this  tool  as  soon  as  you  can.    

 
11