Watch as Julieanne Kost demonstrates the new features and enhancements made to the Type tools in Photoshop CC including the ability to find similar fonts in the Adobe Typekit Library, apply on-canvas alternate glyphs, and use Font Match to identify similar typefaces in photos.
Note: you don’t have to create the type layer first like I did when using Match Font, I just wanted to quickly see the results on a type layer.
Here is a list of my favorite shortcuts for working with Type in Photoshop:
1) Basic Formatting Shortcuts:
• Command + Shift + < or > (Mac) | Control + Shift + < or > (Win) increases/decreases point size by 1.
• Command + Option + Shift + < or > (Mac) | Control + Alt + Shift + < or > (Win) increases/decreases point size by 5.
• Option + (Mac) | Alt + (Win) left/right arrow key decreases/increases kerning (the amount of spacing between two characters).
• Option + (Mac) | Alt + (Win) left/right arrow key decreases/increases tracking (if greater than 2 letters are selected).
• Option (Mac) | Alt (Win) + up/down arrow increases/decreases leading (the amount of vertical space between lines in a paragraph).
• Command + Option (Mac) | Control + Alt (Win) + up/down arrow increases/decreases leading by 5.
• Option + Shift (Mac) | Alt + (Win) Shift + up/down arrow increases/decreases the baseline shift by 1.
• Command + Option + Shift + A (Mac) | Control + Alt + Shift + A (Win) reverts back to Auto Leading.
• Command + Return (Mac) | Control + Enter (Win) commits the text (simply clicking return/enter will add a line break).
• Command + Shift + L/C/R (Mac) | Control + Shift + L/C/R (Win) aligns text Left/Center/Right (when using the Horizontal Type tool).
• Command + Shift + L/C/R (Mac) | Control + Shift + L/C/R (Win) aligns Top/Center/Bottom when using the Vertical Type tool.
2) Changing Font Style
If a font “family” (Myriad or Minion for example) has a font “style” (Bold or Italic for example), then the following keyboard shortcuts will change the Font Style. If the font doesn’t contain the style then “Faux” styling will be applied.
• Command + Shift + B (Mac) / Control + Shift + B (Win) sets Bold.
• Command + Shift + I (Mac) / Control + Shift + I (Win) sets Italic.
• Command + Shift + K (Mac) / Control + Shift + K (Win) sets All Caps.
• Command + Shift + H (Mac) / Control + Shift + H (Win) sets Small Caps.
3) Selecting Type
• Shift + Left Arrow/Right Arrow selects 1 character left/right.
• Shift + Down Arrow/Up Arrow selects 1 line down/up.
• Command + Shift + Left/Right Arrow (Mac) | Control + Shift + Left/Right Arrow (Win) selects 1 word left/right.
• While the type (or a portion of the type) is selected, Command + H (Mac) | Control + H (Win) hides the selected “reversed out” type enabling a more accurate preview of the type (especially when selecting a color).
• Double click the “T” (Type Layer thumbnail) in the Layers panel to select all of the type on the Layer.
• Select multiple type layers at one time (using the Layers panel) to change attributes for multiple layers at once.
4) Resizing Type — When editing type, Command-drag (Mac) | Control-drag (Win) the anchor points (of the bounding box) to resize the type. Add the Shift key to constrain proportions.
5) Repositioning Type—Positioning the cursor slightly outside of the Type’s bounding box, temporarily toggles the icon to the Move tool. Drag to reposition the type in the image area without first having to commit to the type.
6) Adding a New Type Layer—Shift-click the Type tool in the image area to create a new type layer when close to another type block. (Adding the Shift key prevents Photoshop from auto selecting nearby text, which can be very helpful when a image contains several type layers in close proximity).
7) The Adobe Single vs Multi-Line Composer —The overall “look and feel” of justified text can be vastly improved by calculating the justification settings based on more than one line of text in a paragraph (as opposed to setting each line individually). The next time you create a block of paragraph text in Photoshop, select the type and use the shortcut• Command + Option + Shift + T (Mac) | Control + Alt + Shift + T (Win) to toggle between the Adobe Single-line and Every-line Composer. The Adobe Every-line Composer will almost always produce tighter, better-looking paragraphs with more consistent spacing.
8) Paragraph Formatting Shortcuts
• Command + Option + Shift + H (Mac) / Control + Alt + Shift + H (Win) toggles paragraph hyphenation on/off.
• When creating Paragraph (or “Area”) type, Option -click (Mac) | Alt -click (Win) in the image area to set the width and height of the paragraph type bounding box.
• Command + Shift + J (Mac) | Control + Shift + J (Win) will justify the paragraph and left justify the last line.
• Command + Shift + F (Mac) | Control + Shift + F (Win) will justify the paragraph AND justify the last line.
9) Warping Type Layers — To warp multiple layers of text as a single unit, select the layers and convert them into a single Smart Object. Then, add the warp. (Edit > Transform > Warp or Type > Warp Text)
10) Changing the Color of Type
• Option + Delete (Mac) | Alt + Backspace (Win) fills any selected type with the foreground color.
• Command + Delete (Mac) | Control + Backspace (Win) fills any selected type with the background color.
Note: If the type layer is selected, but no individual letters within the text block are selected (there isn’t any text insertion point in the text), these shortcuts will change the color of all of the type on a layer.
11) Previewing Fonts
Now that Photoshop displays live font previews in the image area, you might want to turn off the preview in the font menu (allowing you to see more of your image, and less of the menu). Choose Type > Font Preview Size > None to turn off (or make smaller) the font preview menu.
The video below has more information on Instant Font Preview, Font Search and Typekit Features in Photoshop CC:
The 2014 Release of Photoshop CC added additional typographic features including font search, instant font preview and integration with Typekit better than ever. Check out these features and more in the video below.
If you work with type in Photoshop, then chances are that at some point in your career, you’ve tried to open a document that was handed off to you, only to find that you didn’t have the same fonts installed as the creator of the document. Let’s take a look at how Photoshop CC has improved this workflow.
In previous versions of Photoshop, when opening a document that utilized fonts that are not installed on the current system, Photoshop notified you that there were missing fonts, but that was all. Now, when you open a document and there are missing fonts, Photoshop will look for an exact match using Typekit. If it finds a match, it asks you if you want to replace it. If it doesn’t find a match, Typekit will display your default font as well as other fonts that are being used in the document so that you can choose an acceptable replacement.
Note, for this to work, TypeKit “Font Sync” must be turned on (CC desktop App > Preferences > Fonts > Typekit = On)
Today Adobe announced all new versions of 14 CC desktop applications, 4 new mobile apps, the immediate availability of creative hardware, and new offerings for Enterprise, education and photography customers.
Of course this includes new features, enhancements and updates to both Photoshop and Lightroom for design and photography including the new Spin and Path Blurs in Blur Gallery, new typographic controls including Font Search and Typekit integration, enhancements to Smart Objects, Smart Guides, and Layer Comps, improved Content-Aware technologies, new selection capabilities using Focus Mask, as well as hidden gems and workflow timesavers.
Check out the latest advancements in Photoshop CC in the videos below:
Photoshop CC (2014): New features and enhancements (3 minute overview)
How to Add Realistic Spinning Motion Blur Effects in Photoshop CC
Adding Motion Blur Effects Along a Path in Photoshop CC
New Typographic Features in Photoshop CC
How to Align and Distribute Layers using Smart Guides in Photoshop CC
How to Use Layer Comps for Multi State Mock-ups in Photoshop CC
New Smart Object Features in Photoshop CC
How to Remove Distracting Elements using the Enhanced Content Aware Tools in Photoshop CC
How to Use Focus Mask to Make Selections based on Focus in Photoshop CC