How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel

TipsMake.com - Programs like Photoshop allow users to make design and learning easier. By learning how to use the Type Character Panel, you can easily personalize your photos .

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 1

Panel Fonts and Character

While programs like Adobe Illustrator are the right choice to handle the abstract shapes of fonts, Photoshop simply uses the available font components. However, it also has some basic editing options so that the presentation of the word is not too monotonous.

The Panel Character can be found by going to Window > Character (if you don't see it in the panel to the right of the working screen). This panel contains quite a few options with text that you can try.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 2

Font Family : Here you can choose font for font object (like Arial, Times New Roman font .)

Font Style : Usually a font installed will come with a related font system including bold, italic style . (eg Arial, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black .)

Font Size : This is where you will change the font size. Enter the number in the box yourself or use the drop-down menu to select it.

Leading : Normally Photoshop sets a suitable distance between lines in the same text, but in some cases you need to change this distance, this is the option to use. .

Kerning and Tracking : This option allows to increase or decrease the space between letters. The value 0 is the default distance, increasing or decreasing this value is equivalent to increasing / decreasing the space.

Vertical Scale and Horizontal Scale : This is the control used to stretch or increase the flatness of the text, the value entered here corresponds to the original percentage.

Baseline Shift : This option is used to push the highlighted text higher (or lower) than the other words. This option is suitable for hitting the upper (or below) index in a paragraph of text. Value> 0 will be equivalent to pushing the text up, value

Text Color : This is the color adjustment option for the currently selected text.

Language : This option is used to set up non-English languages ​​in some necessary cases.

Anti-Aliasing : The option to edit text by pixel pixel. Going through a series of options in this option you will see differences with each of the different types.

Faux Bold and other Character options

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 3 Faux Bold : If the current font style you are selecting is already bold, but still not satisfied with its boldness, you can use this option to increase the thickness of the text.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 4 Faux Italic : Similar to Faux Bold, this option is used to increase the inclination of text.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 5 Uppercase : Turn your entire font into uppercase. Very useful in making the text in need of uppercase letters a long piece of text.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 6 Small Caps : It is still an option to create uppercase letters for the entire paragraph, but this option is different that the lowercase letters are slightly smaller than the uppercase letters.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 7 Superscript : Change the currently selected text or object to the above index, eg 2 ⁸

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 8 Subscript : Change the currently selected text or object to the lower index, such as C ₆ H ₁₂ O ₆ .

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 9 Underline : Add an underlined line below the selected text

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 10 Strikethrough : Add a dashed line through all the currently selected text.

Options Panel and Type Tool

There are a few options that are not available in the Character Panel, but you can find them in the toolbar at the top of the working screen - Options Panel - when selecting the Type tool (T)

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 11

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 12 Text Orientation : This option is used to adjust the orientation of the text vertically or horizontally.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 13 Alignment : Set the alignment of the specified text objects in the left margin ( Left Aligned ), right ( Right Aligned ) or center ( Center Aligned )

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 14 Warp Text : Bending the text object in a defined shape, this shape can also adjust the curvature / tilt accordingly. This option is often used in case the text object created is a banner .

Design a simple book cover

The design must be accompanied by the actual application, so the user will be able to understand how the basic knowledge is useful. The tutorial in this section is to create a basic book cover, the book By The Origin of Species By Mean of Natural Selection by Charles Darwin .

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 15

Press Ctrl + L to open the Levels tool and re-adjust Darwin's image. In design, the layout of the appropriate position to present components is quite basic.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 16

Once the image has been darkened, go to Image > Mode > Grayscale , hold Ctrl and click on the Gray channel in Panel Channels. This will create a selection of all the white areas of the image.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 17

Press Ctrl + Shift + N to create a new layer

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 18

Go to Edit > Fill to fill the white layer with the selected layer.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 19

The icon of Darwin now stands out from the black background and you can use it as an element to create the cover

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 20

Press Ctrl + N to create a new file in the size of your cover.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 21

And this is a very long framework, equivalent to the book

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 22

Select any foreground color in the toolbox, dark color is best suited.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 23

Go to Edit > Fill to fill the Foreground color for the book background

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 24

The background will now have the wine color as previously selected.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 25

Press V to select the Move tool. Open the original file with the previously edited Darwin image and drag the layer you just edited into the image frame of the new image with the Move tool.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 26

The image layer just dragged should lie above the background of the new file.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 27

Press the T key or select the Type tool

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 28

Not all fonts are suitable. Font in pixel point is not suitable in this case.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 29

A classic font will be more suitable.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 30

To choose the right font is not entirely simple, it can be the most difficult and time-consuming task, but is the most important of the design.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 31

Change the font size and divide the book title into 2 lines. Once you have selected the appropriate font, adjust the Character Panel to get the right format.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 32

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 33

After adjusting the size, you need to make additional adjustments about Leading

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 34 How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 35

Then comes the problem of letter spacing. Increase the size of Tracking to make the title easy to read

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 36

Add information to the title with smaller fonts and rearrange Darwin images

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 37

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 38

You can add additional graphic elements to reduce the monotone part of the cover.

How to use Photoshop CS5 - Part 7: Design and present with the Type Character Panel Picture 39

Just a few basic points, you have a pretty simple book cover that is still beautiful. Design is not about finding or drawing a beautiful image but having to find a place to put that image appropriately.

If only simple photo editing you can use Photoshop online.

Next lesson: How to use Photoshop CS5 - Part 8: Menu Filters

Previous article: How to use Photoshop CS5 - Part 6: Digital art