All classes Photoshop Syllabus · Episode 54 of 102

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 102-episode syllabus View Photoshop Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “Photoshop Class #54: Character & Paragraph Panel: Clean Typography”.

104 episodesFree preview

Adobe InDesign · Beginner

Complete Adobe InDesign

104 video lessons with PDF guides, 6 h 7 min in total. Starts with: Getting to Know the InDesign Interface: Menu, Tools, Control Panel, Pages, and Layers.

6 h 7 min 40 0

View class

106 episodesFree preview

Adobe Illustrator · Beginner

Complete Adobe Illustrator

106 video lessons with PDF guides, 6 h 32 min in total. Starts with: Getting to Know the Illustrator Interface: Menu, Tools, Control Bar, and Panels.

6 h 32 min 35 0

View class

Krita: Drawing a Girl Hanging Laundry in the Yard

Premium

Krita · Beginner

Krita: Drawing a Girl Hanging Laundry in the Yard

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl hanging laundry in the yard with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

14 min 9 0

View class

Krita: Drawing a Girl Dancing Ballet in a Studio

Premium

Krita · Beginner

Krita: Drawing a Girl Dancing Ballet in a Studio

Want to learn to illustrate children's daily activities for storybooks? In this video we draw a girl dancing ballet in a studio with Krita (free), step by step. Comes with a step-by-step PDF and a project file to practice with.

12 min 7 0

View class

Premium

Krita · Beginner

Krita: Painting a Snowy Village at Dusk

Paint a snowy village scene at dusk with Krita (free): a purple gradient sky, mountains, wooden houses with warm windows, layered snowy hills, and chimney smoke with Airbrush, in 16 steps with color codes.

12 min 7 0

View class

Need more than a video?

Other ways we can help with Adobe Photoshop.

Learn with a mentor

Scheduled Graphic Design courses with live guidance and a certificate.

Course

Course/Training Adobe Photoshop — Photoshop for Photographers

★ 5.0 (4)

Course

Course/Training Adobe Photoshop — Private Lessons: Graphic Design with Adobe Photoshop

★ 5.0 (3)

Course

Course/Training Photoshop — Adobe Photoshop From Basic to Ultimate

★ 5.0 (3)

See all in Graphic Design →

Have it built for you

No time to learn Adobe Photoshop? Our team can do the project for you.

Service

Development Service: JasaAdobe Photoshop CC 2020

★ 5.0 (5)

Service

Development Service: Adobe Photoshop — Digital Imaging with Adobe Photoshop

★ 5.0 (5)

Service

Development Service: Graphic Design and Photo Editing Using Adobe Photoshop CC

★ 5.0 (4)

See all in Graphic Design →

Get notified about new Adobe Photoshop classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the final result of this episode, a quote card themed around coffee with neat typography, a title with wide tracking, a quote with generous line spacing, everything centered. Let's get started. Hello, welcome back to the complete Adobe Photoshop series from Cerdas Inovasi Digital. Neat text isn't just about choosing a font. Letter spacing or tracking, line spacing or leading, and alignment determine whether the design feels professional. Everything is controlled in the Character and Paragraph panel.

Step 1: Photo and initial text

Open the spilled coffee bean photo on a dark stone. Type the title 'Coffee Morning' and a two-line quote using the Type tool. Both texts are still using the default settings and look plain.

Step 2: Character Panel

Select the title layer, then open the Character panel via the menu Window or the A icon in the panel column. Here you can find font, size, leading, tracking, and color, and all changes are immediately visible on the canvas.

Step 3: Tracking on the title

Change the title font to Seguai UI Lite, then increase the tracking to 400. The letters spread out and the title feels elegant and modern. Wide tracking is very suitable for short all-caps text.

Step 4: Leading on the quote

Select the quote layer. Increase the leading to 160% so the two lines don't crowd together. Change the font to Georgia Italic to make it feel like a quote. In the Paragraph panel, click Center for both text layers, then align both of them to the center of the canvas using Horizontal Center Alignment.

Step 5: Center alignment

The hierarchy is now clear, the title is thin with wide tracking, and the quote is slanted with generous spacing. Change the title color to the orange of the coffee cup for consistency.

Step 6: Color and saving

Save as PSD and export as JPG.

Done!

Done. We've used the Character panel for font, size, tracking, leading, and color, and the Paragraph panel for alignment, forming a neat typographic hierarchy. In the next episode, we'll create textured text from a photo. Need to edit product photos for marketplaces, retouch photos, design posters, or create social media content? Cerdas Inovasi Digital provides photo editing and graphic design services, as well as Photoshop courses from beginner to advanced levels. Want to master all of these series? 102 episodes from the interface to the final project? All episodes, complete with step-by-step PDF guides, source images, and layered PSD files, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy individual classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,283 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:39Step 1: Photo and initial text

0:53Step 2: Character Panel

1:09Step 3: Tracking on the title

1:25Step 4: Leading on the quote

1:47Step 5: Center alignment

1:59Step 6: Color and saving

2:09Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:39Step 1: Photo and initial text

0:53Step 2: Character Panel

1:09Step 3: Tracking on the title

1:25Step 4: Leading on the quote

1:47Step 5: Center alignment

1:59Step 6: Color and saving

2:09Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Photo and initial text

Step 2: Character Panel

Step 3: Tracking on the title

Step 4: Leading on the quote

Step 5: Center alignment

Step 6: Color and saving

Done!

Introduction

Step 1: Photo and initial text

Step 2: Character Panel

Step 3: Tracking on the title

Step 4: Leading on the quote

Step 5: Center alignment

Step 6: Color and saving

Done!