Digitizing Type Using Photoshop

Type Stuff, Art Director & Type Junkie

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (32m)
    • 1. Intro

      0:49
    • 2. Sketching: Part 1

      3:07
    • 3. Sketching: Part 2

      3:50
    • 4. Erase & Scan

      1:57
    • 5. Editing: Part 1

      7:50
    • 6. Editing: Part 2

      4:06
    • 7. Editing: Part 3

      2:27
    • 8. Choose your Photo

      1:29
    • 9. Apply your Type: Part 1

      2:50
    • 10. Apply your Type: Part 2

      2:02
    • 11. Closing Thoughts

      1:07

Project Description

Digitize A Phrase

The assignment for this class is really simple. We will be following the steps in the class to create an image that shows off your type skills.

The easiest way to do this project is to take it step by step.

  1. Sketch out a couple of phrases, create a project and upload your sketches
  2. Choose one of the sketches, ink it and scan it. You can update your project here.
  3. Clean up your type, look for an image and merge your image with your type work. Update your project and you’re done!

Remember that the most important element of your piece is your type work. When you think about the hierarchy of the elements of your piece keep that in mind.

Cleaning Up Process:

  • Open your image
  • Rotate if needed
  • Crop if needed (C)
  • Play with levels (Command+L)
  • Select your layer (Command+Click on your layer [by clicking on layer thumbnail])
  • Copy layer (Command +C)
  • Go to channels window
  • Create new channel
  • Paste (Command +V)
  • Invert (Command+i)
  • Select the white text (Command click on your layer [by clicking on channel thumbnail])
  • Go back to your layers
  • Create new layer
  • Fill the selection (Command+delete)
  • Deselect
  • Play with opacity
  • To straighten letters pull guidelines (if your rulers aren't on press Command+r)
  • Select the letter (Press v to move, or Command+T to transform)
  • Create a mask & start hiding (make sure your brush is set to black)
  • Liquify only when needed

Websites:

www.unsplash.com

www.pixabay.com

www.photopin.com

If you have any questions, feel free to ask me. I’m always happy to help!

Resources(1)

Student Projects

project card
Type Stuff
5 comments
project card
Julia D.
3 comments
project card
Xi Chen
2 comments
project card
Modern S.
1 comment
project card
Sarah S
2 comments
project card
Katie Anderson
1 comment
project card
Mireya .
5 comments
project card
Nas Shannon
1 comment
project card
Anna Day
2 comments
project card
Kaitlyn Thiede
1 comment
project card
Olga T
2 comments
project card
Shirley Allen
1 comment
project card
Jane Moate
2 comments
project card
Chung Nguyen
1 comment
project card
1 comment
project card
Lauren Carter
1 comment