• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How do I 'contort' text?

Guest
Apr 20, 2017 Apr 20, 2017

Copy link to clipboard

Copied

Hello,

I am trying to 'contort' text over a curved, three dimensional object, but do not know how to do it. I know how to put curved text on a curved line, but I do not know how to make a certain word contour in three dimensions on the back of this excavator? Basically, I want it as if it was painted on the back of the excavator.IMG_0767.JPG

Any help is appreciated! Thanks!

Views

898

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Apr 22, 2017 Apr 22, 2017

There's a better way to make your dotted stroke.

  1. Instead of drawing the rounded rectangle with the Pen tool, use the Rounded Rectangle Shape tool (cyan highlight) and in the properties panel move the radius as far as it will go to make the ends into semicircles
  2. Make the Fill black, and the stroke white.  Adjust the Stroke size to match the size of the dots.
  3. To the right of the Fill, use the style drop-down (red highlight) and choose dotted line.
  4. Click on More Options, and in the resulting panel chan
...

Votes

Translate

Translate
Adobe
Community Expert ,
Apr 20, 2017 Apr 20, 2017

Copy link to clipboard

Copied

Try using a displacement map.

JJMack

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 20, 2017 Apr 20, 2017

Copy link to clipboard

Copied

Ass JJ says, a Displacement Map.

First you need to construct the map.  That means black where you want a concave curve, and white for convex, and that is best done with the Pen tool.

Duplicate the map layer to a new document and blur it.  I have placed a grey background behind it so you can see the white, but you don't need that.  Save this layer as Digger Map.psd

Then add the text, and Free Transform roughly to shape.  It has to be made a Smart Object in order to warp it.

Select the text layer and go Filter > Distort > Displace and use lowish values (5,5 )

You'll get something like this.  Note the two map layers are turned off (see next section)

We need to add some depth, so copy the original map layer, and set one to Multiply, and the other to Screen.  Adjust opacity to suite.

I'm actually wondering if it work to use the map twice.  Once with 5,5, and then again with -5,-5 to distort the text in the right direction on the left.

Well it kind of worked, but got a bit complicated.  The masking is a bit fiddly, and you need to relocate the two layers and then recombine them as a nested Smart Object so you can clip the shadow and highlight layers.  Probably not worth the trouble.

[EDIT]  I've been looking at this some more, and I think the distortion is definitely more accurate doing it two goes using negative values on the left.  That's a new trick for me, so I have got something out of this thread for myself.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 21, 2017 Apr 21, 2017

Copy link to clipboard

Copied

Great job Trevor....

JJMack

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Apr 21, 2017 Apr 21, 2017

Copy link to clipboard

Copied

Thank you very much for your help!

However, after a google search and search through photoshop, I don't know how to jot down black as well as white anchor points?

As well, I think didn't explain well enough; I need my text to actually follow these lines (not the wavy contours of the back of the excavator):

Neff.PNG

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 21, 2017 Apr 21, 2017

Copy link to clipboard

Copied

I'm not entirely sure what you would like to achieve.  There is Text on a Path (red), or Text in a Shape (black) below.  I somehow don't think either is what you are after though.

Do you want your text to fit inside your guides like this perhaps?   Draw it freehand if you find it difficult to describe.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

Yes, I want it to fit the curve that I have drawn with my guides! As if it's like a graphic wrap on the side of a van.

IMG_0771.JPG

It's going to be used as a clipping mask, so all I need is the text without any blur's or highlights. 🙂

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

OK.  BTW, I think we are in different time zones which is making it a long time between answers, but we know what you want to do now.

Make your text layer and size it to fill the box you have made.

Make the text layer a Smart Object (right click).  This is necessary so you can warp the text.

Start the Free Transform (Ctrl T) and drag the corner handles, while holding down the Ctrl key, to fit your box, but don't click to finish the Transform yet.

Click on the Warp button in the Options Bar (green highlight), and use the drop-down (red highlight) and choose Arch.

The text will bend more than you need, so drag the centre handle (cyan highlight) to fit you guide box.

Click to OK.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

I also am working on another picture of an excavator; and am using the pen tool to make a guide to which I can just type periods on. However, I do not know how to make it type on the other side of the path. It'll only type on this side:

Treads.PNG

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

There's a better way to make your dotted stroke.

  1. Instead of drawing the rounded rectangle with the Pen tool, use the Rounded Rectangle Shape tool (cyan highlight) and in the properties panel move the radius as far as it will go to make the ends into semicircles
  2. Make the Fill black, and the stroke white.  Adjust the Stroke size to match the size of the dots.
  3. To the right of the Fill, use the style drop-down (red highlight) and choose dotted line.
  4. Click on More Options, and in the resulting panel change Align to Outside.
  5. Adjust the space with the Gap setting if required.
  6. If your dots are the wrong size, go back to the Stroke slider and adjust.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

Another option

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Apr 22, 2017 Apr 22, 2017

Copy link to clipboard

Copied

That all worked perfectly. Thanks guys!!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Apr 26, 2017 Apr 26, 2017

Copy link to clipboard

Copied

LATEST

Well, I still cannot get the text to curve correctly over the excavator.

This is as close as I could get with the 'inflate' warp function:

Banda 2.PNG

It still doesn't look correct. So, I am curious if there's a way to follow these lines that I have drawn with the pen?

Banda 1.PNG

If there's no tool for such a function, its ok, I just wanted to at least try my best to make it look right!

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines