Skip to main content
ab091416
Participant
September 14, 2016
Answered

Making a flat object curved

  • September 14, 2016
  • 7 replies
  • 22263 views

Hi

I'm trying to insert my company logo on a curved background, and I want the logo to follow the curve of the background.

I'm pretty sure there is a really easy way to do this in Photoshop, I just can't find it.

Can anyone help?

    This topic has been closed for replies.
    Correct answer Sahil.Chawla

    Hi Anita,

    You can use the warp function in photoshop.

    1. Select what you want to warp in your case it is the logo.

    2. Do one of the following:

    Choose Edit > Transform > Warp.

    If you chose a different transform command or the Free Transform command, click the Switch Between Free Transform And Warp Modes button in the options bar.

    3. Do one or more of the following:

    To warp using a specific shape, choose a warp style from the Warp pop‑up menu in the options bar.

    To the manipulate the shape, drag the control points, a segment of the bounding box or mesh, or an area within the mesh. When adjusting a curve, use the control point handles. This is similar to adjusting the handles in the curved segment of a vector graphic.

    Note: To undo the last handle adjustment, choose Edit > Undo.

    To change the orientation of a warp style that you chose from the Warp menu, click the Change The Warp Orientation button in the options bar.

    To change the reference point, click a square on the Reference point locator in the options bar.

    To specify the amount of warp using numeric values, enter the values in the Bend (set bend), X (set horizontal distortion), and Y (set vertical distortion) text boxes in the options bar. You can’t enter numeric values if you have chosen None or Custom from the Warp Style pop‑up menu.

    4. Do one of the following:

    Press Enter (Windows) or Return (Mac OS), or click the Commit button in the options bar.

    Regards

    Sahil

    7 replies

    Participating Frequently
    August 4, 2018

    Hey there,

    I know this is an old thread, however, perhaps someone else out there is having the same issue and has stumbled across this like i did.

    Before PS had 3D and warp functions, here's how I used to do it:

    1. Have the logo or text (rasterized) on the layer above the chosen image.

    2. Hit Command + T to transform it. Holding Shift down, rotate it 90 degress.

    3. Draw a selection box around the logo, leaving about half the depth of the logo around each side. Go to Filter/distort/shear.

    Depending which way you rotated the image, you will need to adjust the curves slider accordingly. Now REMEMBER: This filter is very sensitive. I also recommend moving the top and bottom points back ever so slightly, then the center forward even less. This will take a bit of practice/ trial and error, however, it is doable and can provide excellent results. You can of course adjust one side more etc if that is where the logo is to be placed.

    4. End result (I did this is about 90 seconds so it is a bit rough- just to show the method really.

    Well I hope this helps anyone else who stumbles across this page, I was looking for a way to create airplane windows in perspective!

    Cheers

    Rob

    Abambo
    Community Expert
    Community Expert
    August 4, 2018

    Could I get a beer? Thanks for your solution.

    ABAMBO | Hard- and Software Engineer | Photographer
    Participating Frequently
    August 4, 2018

    Lol, I'm working too late so I got confused! I thought you wanted a visual of a Carlsberg Beer! hahaha. (you don't do you..?)

    No worries for the solution. Shame it's almost 2 years late...

    ab091416
    ab091416Author
    Participant
    September 15, 2016

    Hi Sahil

    Thank you very much for your accurate instructions.

    I understand if you can't support old versions of the program, but I'm using Photoshop CS version 8.0.1, and I don't think it has these warp styles, or at least I can't see any Warp pop-up menu :-(

    Am I correct?

    Abambo
    Community Expert
    Community Expert
    September 15, 2016

    I cannot remember how we did, but we did quite what you needed putting the company's logo on a cylindrical shape.

    It may have been with transformations.

    You may also look into the liquify filter. A Barrel distortion at the right place could be exactly what you need.

    ABAMBO | Hard- and Software Engineer | Photographer
    Sahil.Chawla
    Adobe Employee
    Sahil.ChawlaCorrect answer
    Adobe Employee
    September 14, 2016

    Hi Anita,

    You can use the warp function in photoshop.

    1. Select what you want to warp in your case it is the logo.

    2. Do one of the following:

    Choose Edit > Transform > Warp.

    If you chose a different transform command or the Free Transform command, click the Switch Between Free Transform And Warp Modes button in the options bar.

    3. Do one or more of the following:

    To warp using a specific shape, choose a warp style from the Warp pop‑up menu in the options bar.

    To the manipulate the shape, drag the control points, a segment of the bounding box or mesh, or an area within the mesh. When adjusting a curve, use the control point handles. This is similar to adjusting the handles in the curved segment of a vector graphic.

    Note: To undo the last handle adjustment, choose Edit > Undo.

    To change the orientation of a warp style that you chose from the Warp menu, click the Change The Warp Orientation button in the options bar.

    To change the reference point, click a square on the Reference point locator in the options bar.

    To specify the amount of warp using numeric values, enter the values in the Bend (set bend), X (set horizontal distortion), and Y (set vertical distortion) text boxes in the options bar. You can’t enter numeric values if you have chosen None or Custom from the Warp Style pop‑up menu.

    4. Do one of the following:

    Press Enter (Windows) or Return (Mac OS), or click the Commit button in the options bar.

    Regards

    Sahil

    ab091416
    ab091416Author
    Participant
    September 14, 2016

    I actually thought the solution would be quite simple, but apparently it's more complicated than that. I don't want to be wasting your time, so here is a copy of the project but with a different logo. How can I make the logo follow the curve of the cylinder?

    Abambo
    Community Expert
    Community Expert
    September 14, 2016

    The solution is quite simple, when you know what the problem is. It's not easy when you just describe your problem incompletly.

    You could also hav delivered an image of a round trashcan and a logo (type the words "LOGO"), and people would have known where to go...

    I'm happy that your problem is solved. Have a nice day.

    ABAMBO | Hard- and Software Engineer | Photographer
    ab091416
    ab091416Author
    Participant
    September 14, 2016

    Thank's for your answers, they're really appreciated :-)

    It appeares that I'm using an old version of the program; the Photoshop CS. It doesn't have the 3D feature, or so it seems.

    Unfortunately, I can't post an image of my project as it is business confidential :-(

    But it would be more or less the same as wrapping a label around a bottle.

    Your suggestion comes very close, Trevor.Dennis, only the cylinder should be the other way around :-)

    Can you give me the directions to make these perspective lines?

    Abambo
    Community Expert
    Community Expert
    September 14, 2016

    I don't think that Trevor can comply as PS CS does not have that feature. The wrap however is there, when I remember the good old days. You need to do a lot of thjis work mannualy. I Sugest you draw a model by hand or take a quick picture of the real object (a bottle), with the logo scotched to and use that as a reference.

    ABAMBO | Hard- and Software Engineer | Photographer
    Abambo
    Community Expert
    Community Expert
    September 14, 2016

    Why don't you post screenshots of your logo and curved background?

    If the curved background can be represented in 3D space, you can attach your Logo as a texture to your 3D object.

    ABAMBO | Hard- and Software Engineer | Photographer
    Trevor.Dennis
    Community Expert
    Community Expert
    September 14, 2016

    Difficult to advise without seeing both the curved background and the logo you want to put on it. It is very easy to add the images to this forum.  Just copy to clipboard, and paste here with Ctrl v (Cmd v).

    It will probably come down to using Free Transform > Warp to distort the logo, and then applying shading to match the background.

    Trevor.Dennis
    Community Expert
    Community Expert
    September 14, 2016

    Some badly placed perspective lines with the logo fitted between, and warped so that the left and right ends of the FT box match the curve of the cylinder.

    Then add shading to match the background

    Abambo
    Community Expert
    Community Expert
    September 14, 2016

    Why not using these techniques: Unlink Layer Mask from Smart Object

    (please note that the title is misleading as this was the problem, not the solution. The solution is using a 3D model and the smart object as a texture, just as I suggested )

    ABAMBO | Hard- and Software Engineer | Photographer