To explain it further How can I create a skeleton or a mould of a photo-frame which would receive a small image of the frame style/pattern as input and convert it into a full rectangular frame with a image placeholder in the middle?

In this way I will be able to create different frame styles of different sizes quickly with a more professional looking output. As of now I am doing this work manually which is timetaking and not so sleek-looking.

On Graphicsriver I saw a lot of PSDs available but in them the frame style has to stay the same and there is not a single template where there is a placeholder for the frame style. Hope I am easy to understand.

Here's what I mean. enter image description here

I had tried to ask something similar previously and the solution I got was pretty effective and I have been following that path ever since but still I think there's even a better way do this. Any help will be deeply appreciated.

What are the best programs to achieve this. (I love PS.)

  • 1
    This can't be done with Photoshop. You can easily accomplish this with Pattern Brushes in Adobe Illustrator however.
    – Scott
    Jul 9 '13 at 8:06
  • 3
    If there's any chance that you'll be using the frames in a website: imageframer.joonas.me ( If anyone feels like this is ruthless advertising, I have no issues to delete this comment )
    – Joonas
    Jul 9 '13 at 12:02
  • @Joonas Hey brother, this is amazing. But I would like ask you something. What was your purpose behind building such a tool? I mean I think people don't really make programs to do such trivial tasks. And plz check your mail.
    – Dave
    Jul 10 '13 at 9:19
  • Dave, I'm not sure what part you mean. I like to make things that make life easier, even if just a little bit. This could have been done without javascript, but it brings a level of easiness since you can tag multiple images easily with a class, instead of copying multiple elements around each image you want to frame. If you were to build this from scratch, a beginner couldn't do it, but with this jquery plugin you just need to copy and paste stuff around and BAM! Your image(s) are surrounded by frames. ( The frames are flexible and can be attached to images of any size ).
    – Joonas
    Jul 10 '13 at 11:55
  • Technically it's a script, not a program. People definitely make the most trivial scripts if it helps even a little bit. - I checked my mail, nothing?
    – Joonas
    Jul 10 '13 at 11:56

you just have to create a document and use the percentage measure.

Next, you create a square or other vector form, and you apply it a style with an outer edge (with your pattern),

then adds a layer above it by clicking APPLE + ALT + G to create a clipping mask and hop

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.