Skip to main content

How to Get Text to Follow a Line or Circle in Photoshop

Lesson 19 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

How to Get Text to Follow a Line or Circle in Photoshop

Lesson 19 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

19. How to Get Text to Follow a Line or Circle in Photoshop

Next Lesson: Text - Quiz

Lessons

Class Trailer

Getting Started

1

Class Introduction to Adobe Photoshop CC

02:36
2

Before you Start this Adobe Photoshop CC Tutorial

01:20

Layers

3

How to Use Layers in Adobe Photoshop CC

09:56
4

Basic Navigation & How to Combine Images in Photoshop

07:37
5

Layers - Quiz

Color & Adjustment Layers

6

How to Fix an Image Using Levels in Photoshop CC

04:03
7

How to Enhance Colors in Photoshop Using Vibrance

03:28
8

How to Change the Color of Something in Photoshop Using Hue

02:52
9

How to Change Just One Color in Adobe Photoshop CC

01:57
10

How to Make an Image Black & White in Photoshop CC

04:35
11

How to Add a Gradient to an Image & Text in Photoshop

10:57
12

Color & Adjustment Layers - Quiz

Shapes

13

Creating a Specific Sized Document Adobe Photoshop CC

04:10
14

How to Draw Star Square Circle Shape in Photoshop CC

12:01
15

Stealing Colors & Adobe Color Themes

06:39
16

Shapes - Quiz

Text

17

How to Create Text in Adobe Photoshop CC

08:09
18

How to Warp Text in Adobe Photoshop CC

01:57
19

How to Get Text to Follow a Line or Circle in Photoshop

13:04
20

Text - Quiz

Layer Styles

21

How to Add a Line Around the Outside of Type in Photoshop

08:17
22

How to a Bevel or Emboss to Text in Photoshop CC

02:19
23

How to Add a Drop Shadow to Text in Photoshop CC

03:02
24

Presenting your Photoshop Work for your Portfolio

06:35
25

Project 1 - Creating your own Postcard

04:29

Cropping

26

How to Crop an Image in Adobe Photoshop CC

03:40
27

How to Crop an Image for a Frame in Adobe Photoshop CC

06:11
28

How to Straighten the Horizon Line Using Photoshop CC

01:55

Selections & Masking

29

How to Copy from One Image to Another in Photoshop CC

06:20
30

How to Crop Images Inside of Text

09:35
31

How to Remove the Background in Adobe Photoshop CC

10:11
32

Class Project - Quick Select Tool

00:37
33

How to put Text Behind a Person in Adobe Photoshop CC

07:01
34

How to Create a Layer Mask in Adobe Photoshop CC

04:47
35

Class Project - Cut a Person out & put them into Another Image in Photoshop

08:57
36

How to Blend Fade one Image into Another in Photoshop CC

04:36
37

How to Weave Text in and out of a Photoshop Image

03:18
38

How to Select Hair in Adobe Photoshop CC

16:24
39

Class Project - Selecting Hair

01:21
40

How to Select Things with Straight Edges in Adobe Photoshop CC

03:41
41

How to get Text to Interact with Ink & Plants in Photoshop CC

13:15
42

Class Project - Text & Image Interaction

01:41
43

Selection & Masking - Quiz

Filters

44

How to Add Filters & Effects in Adobe Photoshop

04:14
45

How to Turn an Image into a Painting in Adobe Photoshop

03:12
46

Class Project – Oil Painting

00:31
47

How to Create the Dotted Halftone Poster Effect in Photoshop

06:42
48

Class exercise - Halftone

00:23
49

How to fake Realistic Motion Blur in Adobe Photoshop CC

04:28
50

The Lens Flare Right of Passage in Adobe Photoshop

03:31
51

Filters - Quiz

Smart Objects

52

What is a Smart Object in Adobe Photoshop CC

09:03

Transform & Distort

53

How to Bend a Logo onto an Image Realistically in Photoshop

07:49
54

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

03:13
55

Class Project - Peeling Sky

00:49
56

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

05:44
57

How to Create Dripping Paint Text Effect in Photoshop CC

09:17
58

Class Project - Drippy Paint Text

00:52

Retouching

59

How to Remove People & Text from a Picture in Photoshop

06:56
60

Use Google Images to find your Image Before Retouching

02:38
61

How to Remove Red Eye from Photographs in Photoshop

00:53
62

How to Retouch Skin in Adobe Photoshop CC

05:22
63

Class Project - Retouching

00:47
64

Enhancing Eyes in Adobe Photoshop CC

06:46
65

How to Fix Teeth in Adobe Photoshop CC

04:33
66

Retouching

Blending Modes

67

How to Instantly Remove the White Background of a Logo in Photoshop

04:15
68

Using Blending Modes as Color Accents in Photoshop

07:10
69

How to put Images Inside a Bottle Using Photoshop

15:14
70

Class Project - Boat in a Bottle

02:15

Visual Styles

71

How to Create the Spotify Duotone Effect in Adobe Photoshop

05:43
72

Class Project - Duotones

00:20
73

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

06:14
74

Class Project - Anaglyph Effect

00:36
75

How to Create a Vintage Instagram Matte Photo in Photoshop

08:40
76

Class Project - Vintage Matte Photo

00:49
77

How to Create the Paper Cut Effect in Adobe Photoshop CC

12:07
78

Class Project - Paper Cut Effect

00:31

Artboards

79

How to Use an Artboard in Adobe Photoshop CC

20:14

Color Modes & Resolution

80

What is the Difference Between RGB and CMYK in Adobe Photoshop CC

07:12
81

How do you Change the Resolution to 300dpi in Photoshop CC

10:38
82

Color Modes & Resulotion - Quiz

Brushes

83

Basic Introduction to Using a Wacom Tablet with Photoshop

12:22
84

How to Create Splatter Paint Effects in Adobe Photoshop CC

08:11
85

77. Class Project - Ink Splats

00:54
86

How to Create Dripping Paint Ink Effect in Photoshop

06:46
87

Class Project - Dripping Paint Brush

00:55
88

How to Create Smoke with an Image Inside it using Photoshop CC

05:50
89

Class Project - Smoke Effect

01:03

Shadows

90

How to Make a Long Vector Hard Shadow in Photoshop

05:26
91

How to Cast a Realistic Shadow on the Ground in Photoshop

07:16
92

Bending or Curved Shadow Under an Image in Photoshop

03:33

Export

93

How to Export Images from Photoshop for Print Web & Social Media

10:18

What Next

94

What Next after your Photoshop Essentials Class

01:15

Final Quiz

95

Final Quiz

Lesson Info

How to Get Text to Follow a Line or Circle in Photoshop

Hi there in this video. Trying to be clever here it's text following the path. We even do this where it kind of goes around the top and around the bottom. Let's learn how to do that now in Photoshop Alright to get started. We are going to do the squiggly line first, then we'll do that kind of bad shape. So the technique is called type on a path. So we need a path to start with and there's a few ways of making it and we're going to use the pen tool if you click and hold down the pen tool for awhile hold hold hold and we're gonna use the freeform pen tool. If you are a Jedi Master with the pen tool or the curvature to pen tool you can go and use those but if you're a mere mortal grab the free form, it is just as it sounds, you can just draw things now um to make your drawings a little bit nicer. There's a sneaky trick. See this little cog here, click on that. Okay. What you can do is says where it says curve fit. You can crank it up a little bit to say something like it goes up to 10 but...

10 is probably too much to go up to something like five. Okay and what it allows you to do is when you draw, I'm gonna draw like a little wiggly line there, it just makes your lines look a little smoother. Turn it down to zero and it will follow your mouse perfectly. It's up to you what you wanted to so that's basically it. Okay, paths are weird. They don't appear in your layers panel. Okay? They appear in this paths panel, which we're not going to really look at all we need to do is go to layers, grab the type tool, you don't need to change anything. Okay, just grab the regular type tool and watch my cursor here. Okay, we'll zoom in so you can see my curse has got the box around it. Watch this when it changes. Can you see little line through it? That means it's going to follow this path. So be careful where you click on this line because that's where the text is going to start. So I'm going to click once kind of towards this end here. And voila, um I'm start typing, start typing and so it's going to follow the line around. If you're finding yours is not working, it's probably because I'm going to undo, I'm going to go back to the beginning. Him they say it's not working, I'm going to hit escape on my keyboard, that was that, I didn't mean it button. Okay, and get out of that. And before you go and click on here is to pick a font size so you can do it at the top here. If you've got a font size of, you know, something really big. It just doesn't work to fit on this line. So it just it feels like it's not working. It is just your fonts huge to pick something really small. Start with five points or something, I've got 10 point and it worked fine, click once you start typing here. Okay, notice I'm a terrible speller. What's it deleting? Okay, so once you've got it here you can do some adjustments to do the adjustments. You can select the text and I'm going to make a bold text here. I'm going to pick a color that you can actually see degree. Cool. And say we want to just a few things and say we want to just the start point or the ending point Actually before we do that you can just say center and it will put it kind of in the middle of the beginning and end. But let's say we want to leave it left aligned and we want to just move this along. Okay. To do that. It's this tool here, it's underneath the type tool. It's called the path selection tool. Okay. You might have to click and hold down. You want the top one here with it selected. There's two main things. Okay, there are there is this dot at the end. Okay. And there's this little cross at the beginning, you can kind of see that Micron change, see the little arrow that appears either side. It's beginning and the end so I can click hold and drag it to say that's the beginning or I can drag it all the way to the end here. Okay and make sure it's at the beginning. Now I'm very like specific about where I'm drawing because I know if I click hold and drag this and I drag it down on the other side and everything was lost. So it can be a little weird to get used to. Okay, if you do get it on the other side, find the beginning again, the little cross and then try and flip it over and man you can get weird even I find it a little bit troubling so I'm gonna flip it over again. So the crosshairs the little sorry little crosses the beginning and this. I leave it in here because I'm going to show you it's so it's a little bit hard. So the cross is the beginning. This guy here can be a little problem. He's the end of the line. Not there, it's wherever this dot is. Because what can happen is this Oh don't do that either, flip it back across. There's a little dot. If I drag it up here, can you see that other word disappears? There's just not enough room. Okay for that word to appear where there's dot so far up. So you can drag it back down. Be careful not to drag it on the other side to move this whole thing around. Just go back to your move tool and you can click and drag it to go and start editing again. Make sure you have that line selected and either grab the type tool to adjust the text or this path selection tool and we're going to start working on the circle because what we want to do is this where it goes top and bottom. So there is not like a magical way of doing it. It's basically what we did up here. But using a circle. So I'm going to go over here. I'm going to grab my tools over here. Okay, my shape tools, we looked at these earlier. I'm gonna use the lips. But what I'm going to do in this case is instead of using the shape, which draws my shapes like earlier. Okay, I'm going to switch it to path. The big thing to remember though is later on in this course it remembers past when I draw things. Remember they don't appear as layers that appear in here. It's a bit of a weird thing. So later on in this course we're trying to draw a circle and it's not appearing and you can email me of course. Okay. But it's probably because you haven't switched it back to shape and just show you that switch it back to shape when you're finished causes less problems. But I wanted this case to be a path. Okay. And I'm gonna draw a circle. I'm gonna hold shift, I'm gonna draw it roughly the right size. Okay, I'm gonna grab my I'm gonna move it around using the this tool here. Okay, The path selection tool. I'm going to grab it so it's kind of there transform it using my control T. And I'm going to get it. So it's kind of sitting inside here. We need to adjust the circle later on. Get return when you're finished. Now, all we need to do is grab my type tool and just be careful when you are clicking on this line to not get this version, which has got a circle around it or the square around it. This version here with a line through it, you can see it's a little tricky click there at the top and I'm going to say this is scott shoes, Okay, I want to do a few things. I want to rotate it around now. What we can do is you can play around with the the I guess, center alignment, right alignment. To try and get it or what I like to do is just rotate it. Okay, so what I'm gonna do is I'm going to click on my move tool because I'm halfway through typing. So some of my shortcuts don't work if I try and type command T. Now, it doesn't work because I'm halfway through typing. Okay, so what I'm gonna do is go back to my move tool, I'm gonna go to edit, transform and I'm going to use rotate and I hope you're okay for a little bit of a shortcut. So I'm using command T. We've used this a few times in the course for re sizing, right? We hold shift okay? And we hold down member option on a Mac or on the Pc, so shift and option. Okay. And I can shrink this thing in and out, that's kind of half what I want, but I want to rotate it as well. The cool thing about using that shortcut, which is command T on a Mac control T on a Pc, is that watch this? I grab the corner, it's scale. But if I hover just out here, I'm not doing anything. I'm just moving my mouse out here. Can you see it turns into like a little rotation arrow so now I can click hold and drag it just kind of rotate it around, move it here. Kind of get it to where I needed to be, enter on my keyboard just to commit that I'm going to pick fonts, I'm gonna use white Font size is going to be a lot smaller. six point. Okay, it's moving around the line again, so I'm gonna have to rotate it again. Command T and just drag it around, It's got shoes, scale it up a bit. Another little thing that's happening there is I'm trying to drag and it's kind of like snapping two things which is kind of cool, but sometimes you just like go where I want you to go instead of jumping around, you can get a view in turn off smart guides. but what I like to do is on my keyboard is just use the arrow keys. So look down your keyboard just the up down left right. You can tap things around. It's kinda handy hit return when you're ready. That is going to be the top part of my circle. Now what you assume is you can type along the bottom of that same circle, that's not possible. What you need to do is just have a second ellipse, make sure it's set to path and draw out another phillips. Don't worry too much about the size because you're gonna have to resize it to suit the circle in the font. You pick okay to move it around, go back to the direct selection tool, get it roughly in the right position, grab the type tool, click once down here and I'm going to say established which totally missed it. Escape key. I'm going to go to edit step backwards. Remember you've got to look out for that perfect icon. Okay so I've got a flashing in the right place now S. T. 2019. So it's doing what the top one did okay which is the outside. Now remember when we were doing this and we flipped it over by accident we want to do it on purpose now so grab the direct selection tool. What we'll do is click hold and drag it and you want to drag it so it's on the other side It's a bit fiddly. I know just click and hold and drag it until it flips onto the other side. Now I'm going to use my back to my move tool using command T or control T on a pc to rotate it around to get it to kind of where I want to go, turn on the keyboard, it's looking okay now if you are thinking that seems kind of painful dan. It is kind of painful in Photoshop does it? Fine illustrated, does it better as well as in design they do this kind of like type on a path thing, a lot nicer and there's a little bit more sophisticated tools but Photoshop does it fine ish now you can leave now I'm going to go and play with my fonts, I'm gonna grab my type tool, I am going to say you the light version, I want it all to be light, I'm gonna play around with the tracking as well, hit escape, I'm going to undo. I want you to be the light version. I want you to be the super heavy version, You can see it kind of adjust the lines, there's a lot of rotating to get everything to look nice. Same with Established, I'm actually gonna drop down the font size to something smaller. That the same thing here. So I'm gonna Make you the big heavy one and I'm going to make you if you're finding it hard to select on. I am finding it hard to, It's my move tool, transform it around a little bit. Actually what I might do is before I rotated around with this layer selected this one here. We haven't really looked at the, it's called tracking or cunning case, the space between letters. I'm going to drag it up or down. So I'm gonna say I want it to be about 50 because because it's on the inside of the circle they're kind of starting to touch. So With Scott Shoes. Okay, I wanted to maybe tuck it in a little bit because it's expanded out so maybe -15. Now there's a lot of rotating and resizing. Okay, cool. So we're nearly at the end or we're at the end. What I'm going to do is add that kind of s in the middle here and set your little project. So I've called mine scott shoes. You give your Zeron name, pick your own fonts, see if you can get the type to bend around, make it look nicer than my version and we're going to pick a big kind of like Hero. We're picking a low type and I'm just gonna cheat by growing the type tool, clicking ones out here. I'm gonna tie back capital s. I'm going to go through my fonts and I've already gone through my fonts lying, it's the one that I want is so it's not a logo I've designed, I've cheated and just use the font, whereas the core is called Hobo Hobos, I'm not sure. And I'm gonna grab my phone size and just make it nice and big. You probably don't have that wants to go through and find a font that you like is a nice big kind of logo type and I want to see what you make. Okay, so you might have a really long name. Okay, so but give it your name, pick some fonts, circles, colors. I'd love to see a screenshot of what you make for your brand. It doesn't even have to be shoes. Just be your name. Just wanted you to prove to me you can do type on a path and add of when you're posting it. Okay. Give me a out of 10 how painful it was. Okay. I still find it painful and I'm, I'm pretty good at this so You might find it even more painful. So out of 10, 10 being mind blowingly brain melting painful and anyone being super super easy. I don't know what you're going on about dan. So send it to me on social media instagram. I'm bring your own laptop on twitter, I'm dan loves adobe or just post it here on this page. Thanks for tuning in one of the longer ones. I will see you in the very next video

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

JEWEL KHAN
 

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

user-2cc3b5
 

andrea silva
 

Student Work

RELATED ARTICLES

RELATED ARTICLES