Functions and Techniques of Photoshop cc text typesetting tools

Text typesetting is important for both artistic creation and web design. Photoshop is not only very powerful in image processing, it also has many tools for text editing and typesetting. This article shares the tools associated with text typesetting in Photoshop CC.

Placeholder text

Sometimes, we need to complete the screen design without any copy of the text. As designers, we certainly make an estimate of the number of texts, but even so, we usually do the entire design without the final copy of the text. In this case, we need to select the placeholder text in the menu bar of the Photoshop cc, and fill the text frame with "Lorem ipsum" (Chinese called "chaos", meaning Latin in the field of typesetting design). "Lorem Ipsum" is a virtual word that has no meaning, it looks similar to Latin, but does not have the real meaning of Latin. Placeholder text can help you quickly create formatting and layers in text, and once you get a copy of the text, we just need to make a simple replacement of the text content of the version.

Diagram: Placeholder text

3D Postcards and 3D models

As the Photoshop version of the update, PS 3D function is becoming more and more powerful. Although the use of these 3D features may seem complex, we should try to use this type of layer as much as possible. For example, to convert text content to a 3D postcard layer, you can turn and move the plane where the text is located, thus getting the desired 3D effect. Alternatively, you can also use the 3D model to increase the depth of the text. Before using these 3D tools, it is a good idea to adjust the parameters in the 3D property panel to better use the 3D tool to complete the text editing design.

Diagram: 3D postcard and 3D model

Convert to Dot/Jishuping/Vertical Text

In Photoshop, you typically create text in two ways: click Create and click Drag to create it. If you are simply using the Text tool to click on the canvas, this is the click to create the text; If you click and drag to create a text frame, you will get a paragraph text layer. Both are useful, and new versions of PS can easily change them: You can convert the point text to paragraph text at any time, simply select the Type tool and then right-click and select it in the pop-up menu bar.

The same transformation also exists in horizontal, vertical text conversions. They can also be created and converted to each other through these two methods.

Diagram: Convert to point/Che Wen

Quickly apply color to text

There are a number of ways to apply the colors you want to your text, but the quickest way to do this is to apply the shortcut keys and the foreground and background colors in the toolbar directly. Select the text you want to replace, press Option/alt+backspace to fill the foreground color, and press Command/ctrl+backspace to fill the background color.

Diagram: Quickly apply color to text

Convert text to Shape

After you convert text to a shape, it means you can't edit the text again, but you can use the selection tool and the path selection tool directly to make the changes while maintaining the vector shape. It should be noted, however, that this conversion cannot be reversed.

Diagram: Converting to shapes

Text application of lossless distortion and smart filters

Converts a text layer to a smart object, which allows the text to be used as the source of editing for the smart object, allowing non-destructive effects to be applied. In addition, all filters will also be added as smart filters, and even the free transform tool remembers the twist path applied to the text, which makes it easy to revert back to the original shape.

Illustration: Lossless distortion torsion applied to this article

Text-Editing shortcuts

In Photoshop, there are a number of keyboard shortcuts available for quick text editing, and see the following detailed shortcut key description:

1. Jump between words: command/ctrl+ left ARROW/right Arrow

2. Jump between paragraphs: command/ctrl+ up ARROW/down ARROW

3, move the cursor selection character: shift+ Left/Right arrow

4, move the cursor select Word: command/ctrl+shift+ left arrow/right Arrow

5, move the cursor selection line: Up/down ARROW

6, move the cursor Select paragraph: command/ctrl+shift+ up ARROW/down ARROW

7, by clicking Select: 2 click: Word; 3 click: line; 4 Click: Segment

8, select/Cancel All: Command/ctrl+a/command/ctrl+shift+a

9, Style: command/ctrl+shift+ (i italic, b bold, u underline)

10, Size: command/ctrl+shift+./, (including Opt/alt)

11, aligned: Command/ctrl+l left-align/R right/C Central alignment/j two segment alignment

12, Capital: command/ctrl+shift+k

13, KERNING/tracking: option/alt+ left ARROW/right Arrow

14, line spacing: Select/alt+ up ARROW/down ARROW

15. Baseline shift: option/alt+shift+ up and down arrows

16, in PS new layer input text: Select the Type tool, and then press shift+ click

17, in Photoshop Specify the size of the text box: Select the Type tool, and then press Option/alt + click

Character and paragraph formatting

Character and paragraph formatting tools can help you save a lot of time when you need to use a lot of the same type of text in the same PS document. You can modify the selected text using the character format, but the paragraph format is only for the entire paragraph. You can also try to mix the two types of formatting to handle the text.

Diagram: Character formatting options settings

Path and Internal object type

In fact, mixing the pen tool box vector shape tool in Photoshop creates a very unique and interesting layout design. Before you start creating text for a path or shape, it's a good idea to set the pen tool and shape tool to path mode. In this way, they will not appear in your design, and you will only see their effects in the copy.

Diagram: Text on a path

Copy CSS

Photoshop supports converting text styles to CSS code for use on a Web site. All you need to do is use the simple CSS Copy command in Photoshop, and then put the code in your Dreamweaver CSS file or any other text-editing application OK.

Diagram: CSS code copied from a PS text layer

Category:

• PS Getting Started Tutorial