Photoshop Text Tips and Tricks You (Probably) Haven’t Known

By | 18 comments | Photoshop | Tags: , , , , , , ,

 

Can using text on Photoshop harm you?

Yes, man! And it can make you lose lot of time when there are superscript and subscript, letter-spacing, line-spacing, etc.

I usally spend one hour at day using Photoshop. Sometimes to fix bad photos, sometimes to create posters, but I also fought against text and it often won.

Now I want to show you some simple tips, tricks and keyboard shortcuts to simplify your works with text on Photoshop.

First of all select the Default Workspace of Photoshop (I use the CS3 Version)

Default Workspace

Now you are sure to have the text Character & Paragraph tab on the right.

text2

Quickly Preview Your Text With Different Fonts

text5

Select the Type layer in the Layers palette, click on the font selection option in the Options Bar at the top of the screen, then use your Up or Down arrow keys to change font.

Letter Spacing

Letter Spacing could reminds you of the CSS property and here works in the same way: it sets the space bewteen letters.
If you want to change it in an entire text level open the Characther, select the letter-spacing area and set it.

text3

You can also do this for a limited number of letters, just select the desired letters.

Keyboard Shortcut

Select the desired text and then “Ctrl+Alt” (Windows) or “Command+Option” (Mac) and use the Up and Down arrow keys to adjust linespacing by 10 points of default.

Line Spacing

This property is called “line-height” on CSS and it sets the space bewteen lines.
If you want to change it in an entire text level open the Characther, select the line-spacing area and set it.

text4

You can also do this for a limited number of line, just select the desired line.

Keyboard Shortcut

Select the desired text and then “Alt” (Windows) or “Option” (Mac) and use the Up and Down arrow keys to adjust linespacing by 2 points of default.

Superscript Text

text10

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift++” (Windows) / “Command+Shift++” (Mac)

Subscript Text

text11

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift+Alt++” (Windows) / “Command+Shift+Option++” (Mac)

Convert Text To All Caps

text8

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift+K” (Windows) / “Command+Shift+K” (Mac)

Convert Text To Small Caps

text9

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift+H” (Windows) / “Command+Shift+H” (Mac)

Apply A Fake Bold Aspect

text6

I often have to go up against some font designers ’cause they don’t include the bold style to their font.
With Photoshop you can fix this problem (in part))

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift+B” (Windows) / “Command+Shift+B” (Mac) to make text bold.

Apply A Fake Italic Aspect

text7

The same goes for the italic style.

Keyboard Shortcut

Highlight the text and hold “Ctrl+Shift+I” (Windows) / “Command+Shift+I” (Mac) for italics.

About the Author

WebDesignDev.com welcomes our newest blogger, Andrea Pelizzardi, an Italian web/graphic designer who is the author of this article and many more to come. You can follow Andrea on TheGoldenFlux.com.
The list of his articles on WebDesignDev.com is available here.

Ultimate Designer Toolkit: 60,000+ Premium Design Items, Only $49!

READY TO TAKE WEB DESIGN SERIOUSLY?

Today, I am giving away Web Design Riches, the ultimate guide on how to run a profitable web design business. Enter your name and email below to get instant access.

Comments

18 Comments

  1. The secret (3 years ago)

    Beautiful tips tank you pliz you save me wit this tricks by a secret followers ;)

  2. takami k. (3 years ago)

    One of the worst tutorial I’ve ever seen.. I’m sorry but it simply means nothing. They are not tricks, they’re just the buttons explained. And if you have 3 minutes in 1 day to try every single button, you’ll have the same result. Without reading the tutorial.
    I hope webdesigndev will have higher standards in the future.

    • Web Design (3 years ago)

      Takami, thank you for the candid feedback. Please keep in mind that not all tutorials are geared towards advanced users. We will keep your feedback in mind when releasing the next tutorial.

    • Andrea Pelizzardi (3 years ago)

      Hi Takami, I’m the author of the post.

      This is not a real tutorial… In the title i wrote “tricks and tips”.
      The keyboard shortcuts are simple tips…

      I mean… I only want that users (novice or advanced) note things maybe they’ve never thought about.

      Users would like to see a list like this rather than browsing the whole PS manual/help menu, no?

      Anyway, you do a good job writing constructive criticism, I appreciate it. :)

    • vasu (3 years ago)

      you are a experienced guy. but think novice also. it will help them.

    • goldfries (2 years ago)

      Haha, I agree with the fella above – this is a manual. When I saw TIPS and TRICKS, i thought it would be something that’s NOT out of the manual or explaining the things that people could already see and experiment.

  3. Photoshop Text Tips and Tricks You (Probably) Haven’t Known | Spun (3 years ago)

    [...] Photoshop Text Tips and Tricks You (Probably) Haven’t Known April 29th, 2010 [...]

  4. designfollow (3 years ago)

    great tips

    thank you

  5. Bad Breath Solutions (3 years ago)

    [...] Photoshop Text Tips and Tricks You (Probably) Haven't Known | Web … [...]

  6. Tiyo Kamtiyono (3 years ago)

    Just look at the images, and I even don’t think so to read the whole post. Leave this comments as a back link to my site and so you there’s someone coming here, so don’t erase the comments please, good try :D

  7. Pixeno Web Host (3 years ago)

    Some great tips here!

    I actually didn’t know any of them, and i’m a full time freelancer.

  8. servercolocation (2 years ago)

    you were absolutely right i did know anyone of them. I got to know many information about photo shop. Pictures made it easier to understand.

  9. gagsy (2 years ago)

    Most of them are very basic stuff, somewhere in the title you could have mentioned, that it’s for beginners.

  10. Jay Philips (2 years ago)

    Great collection. It’s always nice being able to learn new tricks.

  11. Thillai (2 years ago)

    Good Ones

  12. Brett Widmann (2 years ago)

    These tips have been very helpful and are just what I needed. Thanks for sharing.

  13. Namrata Singh (2 years ago)

    Shortcut will very useful for me. thanks

  14. monis khan (11 months ago)

    Photoshop is the best software for image editing, web site templates making and other designing stuffs