Thursday, March 28, 2024

Type menu in Photoshop

In this Photoshop Lesson, we’ll learn about ‘Type menu in Photoshop’. My name is Lalit Adhikari and we are at LTY. Let’s Begin.

There is a number of ways you can use text while designing in Adobe Photoshop. There is a whole menu panel dedicated to the Type in the menu bar. If you click on that option a drop-down panel will open up where you will see various options available for text.



Related Topics:


Panels in Type menu

In the type panel of Adobe Photoshop, the first option is â€˜Panels’. This option is a fly-out menu which opens up a few sets of options. They are:

type menu | panels | Character Panel | Paragraph panel | character styles panel | paragraph styles panel
Panels under Type menu

Character Panel

Character panel is like an extended version of the options bar after you select the type tool.

As you click on that option, a dialogue box will open up. In this box, the very first option you will see is the ‘Set the font family’ which is a drop-down menu.

There are many fonts you can choose from and apply to the text in your designs.

For example: â€˜Copperplate Gothic’ and â€˜Impact’


Related Topics:


If you want to check the entire font styles one by one, then just click on the font style name and keep it selected and then start pressing up and down arrow keys to go through all of the font styles one by one.

character panel in photoshop
Character Panel

The next option you will find is â€˜font-style’ which is a different version of the individual font in a font family.

This option is also a drop-down menu which has options like regularbold, italic and bold italic. Underneath these there are other options like the size of the font, leading, kerning and tracking.

font size in character panel in photoshop
Font size option in Character Panel

You can make a selection of the text by double-clicking on the text layer and pressing Ctrl + T to open â€˜Show Transform‘. You can drag and scale the text non-destructively.


Related Topics:


Notice the font size of the text while scaling down the text. And when you press Enter you can see the font size of the text is also changed.

You can change up and down the text as you would with an image.

But, still not lose any quality after scaling as you do with an image. Because when we scale the text it is not re-sampling the text. In fact, it is resizing the text so that it can be scaled non-destructively.

leading, kerning, tracking in character panel in photoshop
Leading, Kerning & Tracking in Character Panel

In typography, those last three options are very important to make the look of your design more outstanding.

Leading: Leading is an aspect that determines how text is placed vertically in lines. Leading is measured from the baseline of each text where the letters sit.

Kerning: This option adjusts the space between two letters, specifically the distance. If the letters are too close enough or too far apart then the typography may look much appealing.

Tracking: This option allows us to adjust the spacing throughout the entire word. This option is used when we need to change the spacing equally between every letter of the word at once.

Baseline Shift:  This option allows the words to move above and below the baseline. Although the default is set at 0 pt, if you increase the points towards positive values the words will go above the baseline and the negative values will point towards negative baseline.

We can also scale our text ‘horizontally’ and â€˜vertically’ by changing the values on the vertical scale and horizontal scale options.


Related Topics:


faux bold, faux italics, all caps, small caps, superscript, subscript, underline and strikethrough in character panel in photoshop
Character Panel

There are also a few additional type options at the bottom of character panel such as â€˜Faux bold’ or â€˜Faux italic’ by which you can create fake italic or bold effect on that text which doesn’t have any original bold or italic options available.

Next options on the right side are â€˜All caps’ and â€˜Small caps’ which allows us to convert lower case letters to either full size or small size.

As we go on the right side of the character panel we can find other options like superscript, subscript, underline and strike-through which are rarely used.

language selection in character panel in photoshop
Language Selection in Character Panel

Underneath all these options we have a language selection option. This option is a drop-down menu which contains various languages as its option.

This option makes sure that you are using the right spelling and hyphenation for the language you’ve selected. Usually, the default setting is USA English.


Related Topics:


Paragraph Panel

Alignment in paragraph panel in photoshop
Paragraph Panel

Paragraph Alignment:  By default, all the text is going to show up in Photoshop in ‘left align’ because it is considered a standard alignment. This is another pallet for typography besides character panel.

  • At the top here you can see the first option is left aligned and this alignment is discussed as ‘align left’ but ‘ragged right’. And here ‘ragged’ means indents in the type and in the left side it’s nice straight column. 
  • The next option is ‘center align’ and this type of alignment has ‘ragged left’ and ‘ragged right’. There are indents on both sides of the paragraph and it aligned only in the center. 
  • The third option here is ‘right align’ which is completely opposite of the ‘left alignment’. In this option, there is straight alignment on the right sight whereas indent on the left side.

Related Topics:


Anti-Alias

anti-alias option under type menu in photoshop
Anti-Alias under Type menu in Photoshop

Next option, in the type panel, is â€˜Anti-Alias’. This option is used to make the edges of the letters look smooth. If this option is not used, then the letters will mostly ‘look blocky’ and ‘hard edged’.

Photoshop adds a few pixels around the edges of the text to make a smoother transition between the text color and the background.

There are various anti-alias methods in Photoshop, which you can see in the fly-out menu when you click on it and these are sharp, crisp, strong and smooth.


Related Topics:


Orientation

orientation option under type menu in photoshop
Orientation under Type menu in Photoshop

The next option is ‘Orientation’ which allows the text to align itself â€˜horizontally’ and â€˜vertically’.

There is a fly-out menu in this option and if you want to align your text horizontally or vertically then just check that option.


Related Topics:


Create Work Path

Sometimes the font styles can’t give you exactly what you want. And in these cases, you need to take some text and modify that as per your requirement. You can do this by converting the text to path.

text path in photoshop
Example of Create Work Path

For this, you need to type a word and then â€˜right click’ on the text layer in the text panel and choose â€˜Create Work Path’ or you can also access it from the type panel.

And it will convert your text to a path that you can easily modify. Switch off the text layer and you’ll see that a path is generated around the text.  In the path’s panel, a work path is created. I advise you to â€˜save’ it first.

editing work path in photoshop
Editing the Work Path

Now, if you want to modify the path then just grab the pen tool and select some control points which you want to move and set them according to how you see the design to be.

You have to hold the CTRL key and then click and drag any control point the way you want.


Related Topics:


Warped Text Effect

Warp text effect in photoshop
Warped Text Effect

Now, with your type tool active you can see a couple of options on the top and the â€˜T’ with a curved arrow underneath is the warp text tool.

If you click it, it will open up a menu that lets you select from a few different warp styles, For Example: arc, fish, rise etc. After applying these styles you can see what it does to the text and then you can do a few adjustments in the menu.

warp text options dialog box in photoshop
Warp Text Dialog box

For example: you could make it effective on a horizontal plane or on a vertical plane. You can also use different distortions like â€˜side to side’ distortionsvertical distortions and you could play around with different styles to see which ones might look good for your design.

You can play around with the direction that it bends forward or backward.

After editing the text hit â€˜ok’ and you could see the normal text symbol turn into the warp text signal which indicates that you have a warp on it. If you want to edit it anytime you can just go back to the text menu.


If you are following our Free Photoshop Lessons and Tutorial Guide, then next you should read about, ‘Select menu in Photoshop‘.


Related Topics:


Lalit Adhikari
Lalit Adhikari
Lalit Adhikari is the Main Author and Admin at Learn That Yourself. He has work experience of more than 10 years in the field of Multimedia and teaching experience of more than 5 years.

Related Articles

17 COMMENTS

  1. Thank you for sharing this post. I am still learning about Adobe Photoshop. This will help, thanks.

Comments are closed.

Stay Connected

504FansLike
260FollowersFollow
10FollowersFollow
100FollowersFollow
60SubscribersSubscribe

Advertisement

Most Popular

Recently Published

Advertisement

Categories

Popular Categories

Recent Comments

Advertisement

Advertisement

Advertisement

Advertisement

Advertisement

SEO Lessons

Advertisement

Art Tips