3

I am trying to super impose a label design onto a jar label. But I'm tired of using the warp tool, and I need to make use of photoshops 3D tools.

The photo already has an existing white label in the picture, and my label design has a white background.

Once I have my design wrapped around a 3D cylinder to scale, I want to disable all texture effects, shadows, light effects, only leaving my 3D rendered label. I then want to be able to layer style Multiply the 3D rendered layer so the label black artwork appears perfectly over jar.

I use SketchUp a lot so I understand 3D a little, and know how to control the 3D plane, position, and objects.

What I can't seem to understand is how control the cylinder to scaling and disabling effects in Photoshop 3D mode.

So here is my jar with label.

enter image description here

So I then measured the label height and jar diameter and worked out the circumference.

Label Height: 35mm
Jar Diameter: 66mm (207mm Circumference)

I created this label artwork (66mm x 207mm) in a separate psd document and placed the artwork in my jar file as a smart object.

enter image description here

So I then go to...

enter image description here

Which then creates this clever wrap...

enter image description here

But I don't understand where the dimensions of the cylinder come from, my understanding was that it would use the layer dimensions to create a cylinder based of this.

The problem is if I scale the cylinder manually by pulling the object toggles, it just squishes my artwork...

enter image description here

So the questons I have...

  1. How do I control the cylinder height and diameters using integers so my 3D object scale is exactly as my jar.

  2. How to control the scale of cylinder when creating the mesh from layer.

  3. How do I disable all my 3D effects (shadows, lighting, etc).


Thanks in advance for any tips.

2 Answers 2

2

The solution I found is to Edit the Cylinder_Material.

Follow the steps below.

enter image description here

Edit: More info.

enter image description here

4
  • Cool man lets give this a go
    – joshmoto
    Mar 15, 2019 at 12:52
  • Thats awesome... imgur.com/YuMDRJE But do you how to remove all effects and just my image. If i toggle most things i get the image above.
    – joshmoto
    Mar 15, 2019 at 13:03
  • I just updated the post with more information.
    – LeoNas
    Mar 15, 2019 at 14:05
  • Sorry just seen your update let me catch up with your updates and I will get back to you thank you
    – joshmoto
    Mar 17, 2019 at 21:12
1

Warning: I use legacy software. New Photoshop obviously has some things fixed.

Preset 3D shapes such as cylinder has inbuilt dimensioning and mapping rules. You have very thin control over them. Try at first start with image size = your intended label stripe, I mean this:

enter image description here

Generate new cylinder shape from it. The result will be stretched vertically to about 200% due the internal dimensioning and mapping rules:

enter image description here

You can either insert empty space by increasing the height of the canvas or edit the mapping scaling. This is the latter

enter image description here

enter image description here

The result:

enter image description here

You can use a half of this image to cover your jar. Unfortunately the imaging perspective is probably quite different than in your jar photo, so do not expect exact match even in case the scale happens to be good.

I bet this all looked out crap and that it is. Photoshop's 3D doesn't include proper tools for modelling nor texture image mapping. The cylinder has fixed proportions and you must accept it if you want to use it.

In theory you could make a new texture image starting from the cylinder or more preferably an imported OBJ-format 3D model of your jar. But Photoshop's 3D doesn't know anything of multimaterial 3D models, so the model of the jar must be considered only for a way to get the label right. The label image would be applied also to glass and metal parts with zero user control. That can be acceptable for quite fine material textures, but not for images. An example (red was added to make possible to notice if even a corner happened to become visible)

enter image description here

To get it right at the label area you must do some math or have an icredible luck because the perspective must be same as in your photo.

Better suggestions:

Goto Illustrator. There you can 3D extrude an arc to make a label sticker. 3D isn't a must, you can also warp the 2D label. The result is importable to Photoshop with copying and pasting. Or as well you can compose it all in Illustrator.

See this older case for reference. It was about candles:

Recreating realistic text to be editable?

You can do warps in Photoshop, as you already knew (and got tired). An example

enter image description here

A white label with a couple of grey lines and black texts is placed onto your image and dragged to right size (it was too big)

It's bended manually to the perspective with Edit > Transform > Warp:

enter image description here

Blending mode multiply replaces the white with the base label shading:

enter image description here

Then something that you maybe haven't tried, because you have got tired:

If you want the label to stay editable, convert it to smart object before scaling and warping. It can contain several layers (texts, drawings, bitmap images). Photoshop generates smart filter automatically.

Not Asked: Here's a reference image of what me and many others have hoped as a minimum when they started with Photoshop's 3D - a possiblity to easily create simple custom 3D shapes and place images on them with proper control.

enter image description here

As said above, Photoshop hasn't modelling tools. But one could make this easily from scratch in Illustrator or nearly any 3D modelling program due its elementary geometry (=revolved shape). Label fits perfectly.

This one is actually made in an entry level freeware 3D CAD program and it has got a contrast lift in Photoshop, because the CAD program had poor control for light. It's not glass, because there's no photorealistic materials, only solid color fills.

The same 3D jar was used above in the attempt to map the label onto 3D jar model in Photoshop. Now the mapping has been done in the 3D program. The label was drawn in Photoshop and pasted to the 3D program.

In Illustrator one could make both the jar and the label. But making it look out glass doesn't happen with Illustrator's 3D effects. Plausible glass appearance needs photorealistic 3D rendering which knows glass and other needed materials. No entry level software will do it.

Hundreds of years painters have put glass into their paintings succesfully. It can be tried also in Photoshop without photorealistic 3D rendering.

This case Photoshop: How to make shadow more realistic

is actually about shadows, but there's a transparent looking glass bottle in Photoshop and some high quality photorealistic 3D glass renderings.

4
  • See i got the size and position right its just a shame I can drop all the effects. Yeah i know the illustrator method well, I would have to bring the photo into illustrator to get the correct position but yeah that work. I like the photoshop method just shame I can't get rid of every effect
    – joshmoto
    Mar 15, 2019 at 13:44
  • imgur.com/a/tDgviOJ
    – joshmoto
    Mar 15, 2019 at 13:45
  • Sorry mate, i've just seen this. Let me catch up with your answer and I will get back to you thanks
    – joshmoto
    Mar 17, 2019 at 21:11
  • No problem. Generally late writings get very little attention. I just added more stuff.
    – user82991
    Mar 18, 2019 at 0:02

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.