I need to create 60 unique framed mirrors for product images, looking for a way to automate

Basically I am given an image

moulding

and I need to create a framed mirror

result

I also need to be able to adjust the width of the moulding individual of the mirror because the width of the moulding needs to stay constant as the mirror is various sizes. Is there a way to maybe script this?

Answer

If it’s not for print, you might be able to use this Image Framer jquery plugin that I’ve made. It basically stretches frames around practically any size image. The website (that had been down forever) is back online. The demo page does do a pretty good job at showing you everything, but there are some examples in the repo directory too. The examples don’t showcase all the options, like different sizes.

enter image description here

It comes with frame presets, but I also made this psd template + script combo to go with it, in case people want to make their own frames… That said, the template only produces miter joints.

The corners don’t necessarily need to use miter joints, but some css edits might be needed if the corner images need to be bigger to fit in some sort of corner ornament. The plugin is actually 90% html and css. Javascript just makes it easy to attach it to multiple elements.


It is also possible to do something similar purely in Photoshop if you want to generate images with frames attached to the image itself.

I made this PS action for someone as an example. The Action/workflow could be modified to fit other cases quite easily. This also It also makes miter joints and requires the source frame edge to be at least as long as the longest side of the photo.

The action works like this (more or less): You prepare nice long frame image, perhaps by using clone stamp tool if needed and then automate the process where you place, rotate, cut(the 45° angle) and duplicate the frame + repeat the process on all sides. Pretty basic as far as Actions go…

All the major steps:

enter image description here

The white shape in the gif with the 45° angle is a triangle shape layer that is used as the cutter. It’s a psd file that is placed in the photo document on demand.

There are 3 steps in the Action with paths that need to be changed: Open = Frame file path, Place = Frame cutter path and Export = Output path for images.

Then you run it in batch with File > Automate > Path.

In the Batch window:

  • Set: Framing Action
  • Action: Framing Action
  • Source: Folder (This should be your input folder path)
  • Destination: None (Export step handles saving the files to a specific folder)

Attribution
Source : Link , Question Author : Sobeman , Answer Author : Joonas

Leave a Comment