3

I have the clock hands below (cf. photo). they look very flat. i would now like to process them so that they get a slight metallic-black effect and become slightly three-dimensional if possible. The goal is that they are no longer just flat, but look a bit metallic-three dimensional. Do you know how I can do this...? Suggestions in Photoshop and / or Illustrator are welcome :)

Thanks a lot for your appreciated support!

enter image description here

1
  • Depends what look you're going for, but Dodge and Burn tools are great for adding metallic shine to things.... unfortunately in many cases and I would say here as well, that would mean basically "painting" it. But given the object, you could use a mouse to do it. There's a comment on a similar question where I briefly talk about it and I posted a video where I show how I'd do it. I used a mouse in the video. Old and gritty looking metal is easier to do too.
    – Joonas
    Aug 9, 2021 at 11:36

2 Answers 2

4

Your attached image has so low resolution that it's useless to insert any embossing to it in Photoshop. Illustrator gives more possibilities. The image can be traced there. Low resolution makes automatic tracing look irregular. But it can be fixed without redrawing by making few edits. The result can be 3D extruded. It gave this:

enter image description here

It's possible as well to paste the traced shape to Photoshop into a high resolution empty image. There one can get easily this (+ infinitely more variations with very little effort):

enter image description here

In Photoshop:

If you happen to have already a sharp high resolution version (1000 px wide or bigger) in Photoshop, make a version which has no background. The edges must be anti-aliased, but otherwise it must be razor sharp. Adjust its color with curves to 50% grey:

enter image description here

This is, of course, one of my tracing attempts in Illustrator (a less cleaned version, not the same as used in Illustrator version). It's pasted to an empty 1200 px wide image as pixels. It can be stretched to full size without losing sharpness if it's done before finalizing the paste operation. Pasting as smart object or path can be useful for scalability, but I avoid complexity here.

Layer style Bevel&Emboss creates apparent thickness and gives an endless number of variation possibilities. This is done with few adjustments from default settings:

enter image description here

I avoid large full white or black areas to make the next step possible. It's fake metallization and blackening the grey surface with partial grayscale inversion. A curves adjustment layer makes it:

enter image description here

As said, the variation possibilities are endless. Here effects Bevel&Emboss and Curves have totally different settings:

enter image description here

There's on the top also a separate layer (=CAP) which has an embossed circle as the end cap of the axle. It must have a different light to be seen.

You will not get richness like this as easily in Illustrator. There you must insert manually gradient mesh for shading. That's much work, but an experienced user surely gets what he can imagine. With Photoshop effects there's no need to be able to imagine all details beforehand. By making adjustments one has chances to meet a good result with very light effort (like me above).

One can think that a 3D model would be the key to more realistic results. It is, but the model must be realistic including forms and materials and the rendering must be photorealistic (not available in simple 3D programs). Finally a glossy metallic appearance is made as well by the environment as the model itself, so building the environment including the lights also will need some work.

As a development possibility I suggest the same that user Wolff has already said in his comment: Separate the hands to different layers. You can give to them a little different light to make them clearly separate. Different drop shadows would give to them different elevations from the background like in a real clock.

How to extract a vector from questioner's low resolution screenshot

The attached image is fortunately not the worst possible quality. For ex. it has good contrast and the JPG compression noise can just be handled by tracing settings. The edges are presented badly, but Illustrator's tracing with proper settings can make a path which is not unacceptably wrinkled. The hands are asymmetric:

enter image description here

A competent Pen and path editing tool user would draw decent hands in few minutes. He would draw only a half of each and combine mirrored copies. The axis is a circle.

It would be a good idea to make the hands separate because you may keep them separate also when they are extruded to some thickness and avoid them to look one stiff piece. I skip that.

I expanded the tracing result to path and divided it to pieces with a few lines:

enter image description here

I deleted the halves which looked more crunched and made reflected copies of the marginally better halves:

enter image description here

By having snap to point and smart guides ON the parts can be rotated and placed to fit exactly. Select a part with the normal selection tool. Hold the Ctrl-key to have temporarily the direct selection tool in use. Drag a node to to snap against a corresponding node in another shape. All other nodes will follow. Set the rotation center to the common (axis) node of the halves and move the other end to snap. I also deleted a couple of corner nodes which seemed to cause too sharp overhangs. Finally you have this:

enter image description here

Insert a new mid circle and combine the parts. As said, for more realism it would be useful to add to both hands its own circle and keep the hands separate. I combine all for simplicity:

enter image description here

As you see, there's not especially many nodes. That's because the tracing was coarse.

The fill color should be changed to white for extruding. It makes the light setting easier. Here's the 3D Extrude&Bevel effect dialog:

enter image description here

Low ambient light makes the flat areas nearly black. I guess it was wanted.

Done.

3
  • Oh yes that looks great. Looking forward for your description how I can achieve this result! :-)
    – Silvan
    Aug 8, 2021 at 6:08
  • The result looks great. But I think you should separate the two hands and make them layered on top of each other. Right now it looks like they are locked in position.
    – Wolff
    Aug 8, 2021 at 10:06
  • True. Here's one attempt tokeep the hands separate. It's embossed and combined in Photoshop, but the base shape was built in Inkscape to test how its tracing works. It needed finally as much edits than in Illustrator, but it didn't miss the smallest hole. i.stack.imgur.com/G8bJ7.png
    – user287001
    Aug 8, 2021 at 23:43
2

There is a way to do this entirely in Photoshop CC, including a way to trace the image right inside Photoshop, so that it's vector.

  1. Open the file, and go into the Libraries tab

  2. Click on the + icon at the bottom and choose: Create from Image

enter image description here

  1. In the dialog that opens, select the Shapes tab. Increase the Detail slider. Click on Save to CC Libraries.

enter image description here

Now you have a vector shape inside your Libraries which you can click and drag into any image, and you can resize it without degradation (since it's a vector image). Apparently the CC Library uses Adobe Capture to make this possible

  1. Set up a new document, say an A4 or similar size

  2. Click and drag the graphic from your Libraries onto the canvas. Resize it larger by clicking and dragging the corner handles. Press Enter to confirm the resizing

  3. Open the Styles tab, and scroll down until you find the Chrome folder, and expand it

  4. Choose any of these styles

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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