Text warp & typing on a path in Photoshop

11 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€64.99
List Price:  €92.85
You save:  €27.85
£55.77
List Price:  £79.68
You save:  £23.90
CA$95.68
List Price:  CA$136.70
You save:  CA$41.01
A$105.96
List Price:  A$151.38
You save:  A$45.42
S$94.48
List Price:  S$134.98
You save:  S$40.50
HK$546.78
List Price:  HK$781.15
You save:  HK$234.36
CHF 63.33
List Price:  CHF 90.48
You save:  CHF 27.14
NOK kr761.11
List Price:  NOK kr1,087.35
You save:  NOK kr326.23
DKK kr485.02
List Price:  DKK kr692.92
You save:  DKK kr207.89
NZ$116.44
List Price:  NZ$166.35
You save:  NZ$49.91
د.إ257.06
List Price:  د.إ367.25
You save:  د.إ110.18
৳7,660.01
List Price:  ৳10,943.35
You save:  ৳3,283.33
₹5,835.78
List Price:  ₹8,337.18
You save:  ₹2,501.40
RM331.75
List Price:  RM473.95
You save:  RM142.20
₦86,437.65
List Price:  ₦123,487.65
You save:  ₦37,050
₨19,492.21
List Price:  ₨27,847.21
You save:  ₨8,355
฿2,572.74
List Price:  ฿3,675.50
You save:  ฿1,102.76
₺2,264.43
List Price:  ₺3,235.04
You save:  ₺970.61
B$355.02
List Price:  B$507.19
You save:  B$152.17
R1,295.44
List Price:  R1,850.71
You save:  R555.27
Лв127.05
List Price:  Лв181.51
You save:  Лв54.46
₩94,909.58
List Price:  ₩135,590.93
You save:  ₩40,681.35
₪260.15
List Price:  ₪371.66
You save:  ₪111.51
₱3,993.87
List Price:  ₱5,705.78
You save:  ₱1,711.90
¥10,713.01
List Price:  ¥15,304.96
You save:  ¥4,591.95
MX$1,187.73
List Price:  MX$1,696.83
You save:  MX$509.10
QR254.83
List Price:  QR364.06
You save:  QR109.23
P950.82
List Price:  P1,358.38
You save:  P407.55
KSh9,247.76
List Price:  KSh13,211.65
You save:  KSh3,963.89
E£3,352.12
List Price:  E£4,788.95
You save:  E£1,436.83
ብር4,006.43
List Price:  ብር5,723.72
You save:  ብር1,717.28
Kz58,511.64
List Price:  Kz83,591.64
You save:  Kz25,080
CLP$65,950.47
List Price:  CLP$94,219
You save:  CLP$28,268.52
CN¥506.53
List Price:  CN¥723.65
You save:  CN¥217.11
RD$4,055.76
List Price:  RD$5,794.19
You save:  RD$1,738.43
DA9,420.16
List Price:  DA13,457.95
You save:  DA4,037.79
FJ$157.70
List Price:  FJ$225.30
You save:  FJ$67.59
Q542.52
List Price:  Q775.06
You save:  Q232.54
GY$14,601.52
List Price:  GY$20,860.22
You save:  GY$6,258.69
ISK kr9,773.40
List Price:  ISK kr13,962.60
You save:  ISK kr4,189.20
DH703.98
List Price:  DH1,005.73
You save:  DH301.75
L1,236.34
List Price:  L1,766.28
You save:  L529.93
ден3,998.26
List Price:  ден5,712.05
You save:  ден1,713.78
MOP$561.77
List Price:  MOP$802.57
You save:  MOP$240.79
N$1,291.99
List Price:  N$1,845.78
You save:  N$553.78
C$2,569.36
List Price:  C$3,670.67
You save:  C$1,101.31
रु9,319.09
List Price:  रु13,313.56
You save:  रु3,994.46
S/260.54
List Price:  S/372.22
You save:  S/111.67
K269.79
List Price:  K385.44
You save:  K115.64
SAR262.50
List Price:  SAR375.01
You save:  SAR112.51
ZK1,882.68
List Price:  ZK2,689.66
You save:  ZK806.98
L323.40
List Price:  L462.03
You save:  L138.62
Kč1,628.77
List Price:  Kč2,326.92
You save:  Kč698.14
Ft25,334.28
List Price:  Ft36,193.38
You save:  Ft10,859.10
SEK kr755.02
List Price:  SEK kr1,078.64
You save:  SEK kr323.62
ARS$61,468.17
List Price:  ARS$87,815.44
You save:  ARS$26,347.26
Bs483.33
List Price:  Bs690.51
You save:  Bs207.17
COP$271,845.87
List Price:  COP$388,367.89
You save:  COP$116,522.02
₡35,672.25
List Price:  ₡50,962.55
You save:  ₡15,290.29
L1,724.16
List Price:  L2,463.20
You save:  L739.03
₲522,510.75
List Price:  ₲746,475.93
You save:  ₲223,965.17
$U2,674.97
List Price:  $U3,821.56
You save:  $U1,146.58
zł281.37
List Price:  zł401.98
You save:  zł120.60
Already have an account? Log In

Transcript

Bending a blade was type can be a great way to achieve creative and expressing designs. So let's say for instance, we need to create a magazine ad or a poster like the one in front of us, encouraging people to spend their holidays maybe in Seattle, and we need to implement by booth in our design for more interaction. So here as you can see, guys, we have Space Needle Seattle, on top of the tower or the space near Seattle. And also maybe you can be adding height in a better way to our tower, and bending type or typing in a curve we can be easily done within Photoshop. So let's start first with building our type. Selecting our type tool for instance, and we'll be typing in here and let's maybe type holidays.

Monday eight, select our type or Ctrl A, increasing our phone size, all the way to 72 for instance, and here you can see that option for text tool, you can be clicking that one to bend your type create work text will have any options selected you can be selecting from any of these styles. arc, for instance, will be bending our time like that. And we can even bend it more or less. And we have horizontal and vertical distortion. To add distortion to horizontal side like that, or vertical to tweak like that. Gonna presume here, maybe take it the other way.

Adding a bit of perspective to our time, or can be selecting on our style. Maybe something like inflate and setting vertical to zero and also horizontal so we can see better, increasing our bench strength. Let's Or we can be trying other shapes as well. Maybe fish eye, which is looking really cool, maybe we need to reduce that one a bit so we can see better. And it's instantly adding noise effect to our time can be applying that pressing OK. Now we can select our types lifting, maybe that layer. And as you can see, we have the text or player can change our warping style once again by selecting our layer, then we can be selecting that option once it can be selecting another style or even increase that effect, or distorting these values and so on and so forth.

Now, let's cancel that and maybe how it all shows up there. To show you even more controlled and precise ways to bend our type, or place it within shapes, maybe like that Space Needle Seattle line, we can be zooming in a bit Switching to move to selecting our layer, and let's create that one from scratch, I'm going to be hiding that layer, selecting ellipse shape, or Ellipse tool. And you can be drawing a circle maybe from center clicking in here pressing Alt, to draw it from center and pressing Shift as well to have a perfect circle, maybe all the way to here and removing fill color selecting both selection tool, so to move our circle a bit. Now in order to start typing on that circle, all we need to do is to select our type tool pressing T. And as you can see, we have that dotted circle around our type tool, which means that we're going to be typing within that circle.

And if we hover a button to our circle, we can see that curvy dashed line, which means that we can be typing on our circle along the path. So let me start first by typing inside Clicking inside, you can see that circle in there, which means it's going to be filling that circles type, creating a type area for us or a bar graph. And we can realign that one to center, maybe for that shape. And let me remove that highlight so you can see better guys. Now it's fucking blacks who maybe don't see better. However it can give either can be changing its color among the A, again, changing or colors to white.

And you can keep playing with the toy, maybe reduce its size, and add maybe justification and almost hyphenation to our paragraph all the way till it looks maybe like a better circle. However, let's undo that and start typing on the edge of our circle. So I'm going to be selecting type to the Select by pressing Command or Ctrl Z. To undo typing. I'm going to be using the Path Selection tool to get our circle appearing once again and selecting our type tool. Now, let's help On the edge of our circle, till we get the icon and clicking to start typing.

We have lorem ipsum type or dummy text. And let's replace that one with Seattle Space Needle. Now in order to align or type we need to be selecting the Direct Selection tool or white arrow. If we start hovering over or type we can see those two lines in here to invert our type, up and down like that. Or we can be moving or type all the way to center. And if we hover the other way, of course, our circle can see only one arrow for the start point to four types.

So if I drag that one all the way like that, we are controlling our start point for our type. And going up and down can be flipping or type as you can see. Now I'm moving on time, all the way to endpoint or type. And I can get back to where it was by rotating that start point, and that can be helpful if we want to align our type even better or show missing words. So if we move our end point all the way to here we can be losing some time as well. Like space needed, we can see that one so we are dragging or in going to show missing words.

Now we are controlling our time moving to move tool so it can be transforming our time together closer to Space Needle, third pressing Command or Ctrl T, and pressing Alt or Option key to bring it closer to the center. All the way maybe to here, hitting return. Selecting or type tool, once again, can be highlighting or type. Maybe you can be increasing our font size a bit to 48. And you can play around with some letters, so maybe you can be selecting that l letter In here, selecting Carter barrel and distorting that one. Although it may be two 300 or something like that, we rarely play with distortion.

However, in that case, a letter will be maintaining its proportions. If we do that was maybe t letter or E letter, it might be looking bad. So let's try that on steel after increasing heights. Now it's looking so ugly and distorted. However, for a letter can be maintaining its proportions. So I'm going to undo that to get it back to original size and maybe selecting the other l in here, increasing its height here to 200.

Now selecting needle wall can be changing its color so it can be more readable. Who can be picking color from here or selecting the same color we have for the type pressing OK. Now let's start typing on an open path. And it's almost the same concept. So scrolling down Selecting the Path Selection tool, and often we have many bosses in here, I'm going to be selecting that one where we can start typing along the path selecting type tool, hovering over that path. And let's start maybe from here. Now we need to be adjusting the start and end point for that type, selecting the Direct Selection tool and hovering over or type.

Of course, we can be adjusting also our path using the Direct Selection tool so we can be moving these anchor points if we hover over our path, however, in that case, we need to be adjusting our type. So I'm going to be hovering over type to flip type along your path or that arrow for endpoint to leave more type. So I'm going to release the type all the way to here and also flipping type alongside our poll and you can be adding us type. Now zooming out a bit Let's also discuss some visuals for that design. Let me first disable some layers. Starting with that one doesn't look really cool, I don't like it.

Also for space needed, I'm gonna bring that one on and disable that one as it looks better with bigger phones and letters. Of course guys, you will find that file in new resources so you can be practicing the same design. However, it's not going to be looking the same. So if we scroll down, pressing all to option key to check our original layer is how it looks like this helped all started, of course, loads up off, but let's re enable our effects once again, pressing Alt or Option key clicking on that icon to get all our layers back. Here added two or three adjustment layers as part of lockup or lots for adding dramatic look and orange and teal theme. So let's quickly check those layers.

Select that layer in here you can see that we have the orange plus contrast a lot, 3d lot file, you can be finding that one at the very bottom of your lots was only 55% of opacity you can be increasing that one so you can see how it looks like in full. That's still green and strong. So let's undo that. And also I'm using another adjustment layer as a moon light lot. You can find that one at the very bottom as well. You have moonlight and light from day both of them are almost the same.

It's going to be adding a my theme to your poster. And I mainly use that one here to darken those clouds so can have more readable text as I really want to use white pipe in here. So I want to to them Zeus clouds a bit. So let me increase the font for you guys so you can see how it looks like it's adding the cool light effect your image So maybe you need to be trying that one out as well. So let's get it back to the time suppose and I'm using ultra that orange color for more contrast on that dark blue background to go along with that orange and teal theme, now Okay, guys and start designing your own poster

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.