Posts tagged "Typography"

June 21, 2016

New Typographic Features in Photoshop CC (15.5)

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.

6:05 AM Permalink
January 13, 2015

Accessing Special Type Characters in Photoshop

As a follow up to Monday’s blog – here are a few shortcuts for accessing special characters within Photoshop (assuming that the font that you have selected contains those characters!).

Bullet (•) – Option + 8 (Mac) | Alt + 7 (Win)

Cent (¢) – Option + 4 (Mac) | Alt + 155 (Win)

Copyright (©) – Option + G (Mac) | Alt + 0169 (Win)

Degree (°) – Option + Shift + 8 (Mac) | Alt + 248 (Win)

Ellipsis (…) – Option + Semi-colon (Mac) | Alt + 0133 (Win)

En dash (–) – Option + dash (Mac) | Alt + 0150

Em dash (—) – Option + Shift + dash  (Mac) | Alt + 0151

Registered Trademark (®) – Option +R (Mac) | Alt + 0174 (Win)

Trademark (™) – Option + 2 (Mac) |  Alt + 0153

5:44 AM Permalink
January 12, 2015

Julieanne’s Favorite Type Shortcuts in Photoshop CC 2014

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:

And here is more information on Typekit Font Matching in Photoshop CC

And a blog post about System Font Matching and Sub Pixel Rendering in Photoshop CC

What to know how to set default Type Styles in Photoshop CC? Watch the video below.

Learn more about Paragraph and Character Styles in the following Photoshop video:

I’m sure that there are more shortcuts that you find useful. If so, please share!

5:15 AM Permalink
June 18, 2014

Adobe Announces Largest Software Release Since CS6

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

More Hidden Gems in Photoshop CC

In addition, Adobe Camera Raw 8.5 the Radial and Graduated Filters have a new Brush option designed to selectively hide the filter in unwanted areas. This example demonstrates how useful it can be. 

Plus, Camera Raw 8.5 has new Per-Panel Preview toggle button.

And of course the Camera Raw team included additional bug fixes, new camera and lens profile support.

Click here for more information about Adobe’s Announcement 
Click here for more the Creative Cloud FAQ
Click here for more information about Lightroom mobile for iPhone

If you have any questions or comments please feel free to share them on the Photoshop forums!

8:45 AM Permalink
June 15, 2011

Video Tutorial – Creating Transparent Logos for Watermarks and Overlays in Photoshop

In this episode of The Complete Picture, I will demonstrate how to create a single vector logo out of multiple type and shape layers, specify a consistent size, apply a style and save the entire creation as a Tool Preset! In addition, I will show you how to add a scan of your signature to any photograph with a simple change of a layer blend mode.

4:26 AM Permalink
March 31, 2011

Tool Presets

Tool presets can save hours of time a week depending on the tools you use. For example, if you have three different fonts that you use for different clients all at certain sizes with specific alignment options, colors etc., simply set those options and, at the far left of the Options bar, click the tool icon to display the Tool Presets Picker (or select Window > Tool Presets to view the Tool Presets panel). Click the New Preset icon (the dog-eared page icon) to save your preset. You can also click the arrow for a variety of additional options such as saving and loading tool presets that you may share between machines and/or with friends.  Obviously Tool Presets go far beyond fonts, as they can save any tool’s options such as cropping sizes, dodge and burn settings,paint brushes etc.


5:14 AM Permalink
December 3, 2010

Working with Type In a Path

Using either the Shape tools or the Pen tool, create a closed path or shape (such as a circle) to contain the type. Then, select the Type tool and position the cursor with in the shape. The cursor appears to have parenthesis around it indicating that any added text will be constrained within the shape.  Resizing the shape will reflow the type.

5:35 AM Permalink
December 2, 2010

Working with Type On a Path

Using either the Shape tools or the Pen tool, create a path keeping in mind that the type that you will add will flow in the direction that anchor points were added to the path. Then, select the Type tool and click on the path where you want the text to begin (when the cursor is properly positioned above the path, the type insertion point icon will display a horizontal line – the baseline indicator, through it) and start typing.

When working with an open path (an arc for example), Command (Mac) / Control (Win) -drag the small “x” icon at the beginning of the type change where on the path the type begins.

When working with a closed path (a circle for example),  use the same shortcut as above, and you’ll notice that there is an additional “o” icon on the path which can be dragged with the same shortcut and will act as an end point, restricting the type to flow beyond it.

When moving the starting point for type on a path, you will probably notice that you can flip the orientation of type on a path by  Command (Mac) / Control (Win) -dragging either I-beam at the beginning of the type, or the flashing insertion point within the type, from above the path to below the path. Note that the text will flow the text the other direction. If you simple want to move the type above or below the text (without flipping it), use the baseline shift in the Character panel.

5:33 AM Permalink
December 1, 2010

Scaling Type

Command (Mac) / Control (Win) (while working with type) displays the bounding box around the type. Drag any handle to resize (scale) the type. Add the Shift key to scale proportionally.

5:32 AM Permalink
November 30, 2010

Hiding Type

Command (Mac) / Control (Win) + H will hide the selection of type. This is convenient, for example, if you have typed in your first and last name and select your last name to change it’s size, font, color etc. Use the shortcut to hide the selection of your last name in order to see the new font, size, color etc. accurately (instead of seeing the type reversed out because it’s selected).

5:31 AM Permalink
November 5, 2010

Resizing Point and Paragraph Type

When editing point (or headline) type, Command (Mac) / Control (Win) -drag the anchor points (or bounding box) to resize the type. Add the Shift key to keep it constrained.

When editing Paragraph type, the anchor points on the bounding box (for the paragraph type) are always visible. Click and drag the anchor points to resize the paragraph block. Command (Mac) / Control (Win) -drag the anchor points (or bounding box) to resize the type.Add the Shift key to keep it constrained.

5:08 AM Permalink
November 4, 2010

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 have the style then “Faux” styling will be applied.

Command (Mac) / Control (Win) + Shift + B sets Bold

Command (Mac) / Control (Win) + Shift + I sets Italic

Command (Mac) / Control (Win) + Shift +  K sets All Caps

Command (Mac) / Control (Win) + Shift +  H sets Small Caps

5:58 AM Permalink
November 3, 2010

New Type Layer

With a type layer selected, Shift -click in the image to create a new type layer. (This can be very helpful when a image contains several type layers in close proximity.)

5:56 AM Permalink
November 2, 2010

Vertical and Horizontal Scaling

Command (Mac) / Control (Win) + Shift + X resets Horizontal Scaling to 100%.

Command + Option (Mac) / Control + Alt (Win) + Shift +X resets Vertical Scaling to 100%.

5:55 AM Permalink
November 1, 2010

Kerning and Tracking

To change the amount of spacing between two characters (knows as “kerning” if only two characters are selected,  or “range-kerning” or “tracking” if greater than 2 letters  are selected), Option (Mac) / Alt (Win) + left/right arrow key to decrease/increase spacing.

5:52 AM Permalink