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.
Posts tagged "Type"
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)
In order to render type in Photoshop which will match the operating system, Photoshop CC introduced new anti-aliasing options. Selecting the Type tool and choosing the font matching option (MAC or MAC LCD on Macintosh, Windows or Windows LCD on Windows) from the Options bar (or the application menu: Type > Anti-Alias), enables text rendered in Photoshop to look the same as the browsers on their respective operating systems. However, selecting these options does give up fonts looking the same cross platform, so don’t use the system font matching options if you’re doing print work and want cross platform compatibility.
In addition, Photoshop CC does sub pixel rendering on the system and the gamma value for text is automatically set for new system options.
In Photoshop CS6, the engineering team added the ability to create Type styles to make working with text in Photoshop much more efficient. In Photoshop CC, they added additional functionality including the ability to set default Type styles. This video explains the details:
I thought it might be helpful to include a few additional notes to clarify what will happen (the default behavior) when working with default type styles in different scenarios:
• If you choose “Save Default Type Styles” from the Type menu, it will REPLACE your existing default type styles if they exist, or create them if they do not.
• After defining default type styles, every time you create a new document, those default type styles will be automatically loaded into the new document.
• If you open an existing document without any defined styles, Photoshop will automatically load the default type styles.
• If you open an existing document that HAS type styles defined, Photoshop will NOT load the default set. (You can choose to load them manually – see next bullet.)
• If you choose “Load Default Type Styles”, it will APPEND the default styles to any type styles already defined in the document. However, if there is a type style with the same name, it does not load that default type style.
• After loading the default styles in a document, they are saved with the document. If you later change the default styles, this will not update the styles in previous documents.
• If you need different sets of type styles for different projects/clients, you will need to define those type style sets in separate Photoshop files and then load the appropriate set each time you begin work for that project/client.
If you’re new to Type Styles, this video will quickly get you up to speed:
When creating a book in Lightroom, I prefer to have text that appears on the spine to be vertically centered. To have Lightroom automate this process, enter your text, then in the Type panel, click the Vertical Align Center icon. This is much easier than trying to use the Padding options in the Cell panel.
In an attempt to make the hand-off between designer and developer easier, several attributes of Type and Shape Layers can be copied as CSS. To copy a single layer or a Layer Group, select it in the Layers panel, then use the fly-out menu to select Copy CSS.
The DIV shapes include:
• Rectangle, rounded rectangle, ellipse
• Solid Color fill, gradient fill (linear & radial), opacity
• Drop Shadow, z-index
Stroke Attributes include:
• border-width, border-color,
• border-style (dotted/dashed/solid)
• background-image (layer name)
Text Attributes include:
• font-size, font-family, color, font-weight (bold),
• font-style (italic), font-variant (small-caps),
• text-decoration (strikethrough, underline),
• text-transform (uppercase), vertical-align (sub, super)
• text-align, text-indent, transform
• Drop Shadows
In addition, there are third party plug-ins( such as CSS Hat) that can help with handing off Layer Style information to CSS.
Video Tutorial – Julieanne’s Top 5 Features for Photographers in Photoshop 13.1 Exclusively for Creative Cloud Members
In this Episode of the Complete Picture (Julieanne’s Top 5 Features for Photographers in Photoshop 13.1 Exclusively for Creative Cloud Members), Julieanne will demonstrate her top 5 favorite features in Photoshop 13.1 including refinements to the Crop Tool, nondestructive editing with Blur Gallery and Liquify, increased efficiency with Conditional Actions, practical default Type Styles and support for Retina displays on Macintosh.
• To warp multiple layers of text as a single unit, first convert the layers into a Smart Object, then add the warp.
• When creating point type, holding the Command (Mac) | Control (Win) allows the repositioning and scaling of the text. To constrain the proportions of the type while scaling, add the shift key).
• Command + Return (Mac) | Control + Enter (Win) commits the text.
• 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).
• While the type in the image is selected, Command + H (Mac) | Control + B (Win) + H will hide the selected “reversed out” type enabling a more accurate preview of the type (especially when selecting at color).
• 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. 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.
With the Type tool selected, clicking on the Font menu (in the Options bar) displays a preview of the typeface to the right of the Font name. Because it can be difficult to make a design decision with such a small preview, you can choose to view the preview larger by selecting Type > Font Preview Size > and choosing your preferred size from the list. (Note, in previous versions of Photoshop, I believe that there was a preference to change the size of the font preview.) In addition, you can cycle through the available fonts on your system by selecting the name of the current typeface and pressing the up and down arrow. Or, just type in the name of your desired font.