Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

my request is nothing very advanced (the way I think it should be done at least).

I blog for a business, and part of "keeping the style throughout" is applying a specific frame. That frame comes from iLife's Keynote (it's a standard picture frame we apply to most pictures).

the frame from Keynote which I think he's using

The crappy thing about that frame is that on the sides and edges, it's not transparent. If it were, my issues would be long resolved.

What I want to do: I want to be able to apply that frame (on photoshop or wherever) to any picture, without having to worry about the aspect ratio. I suppose I have to create my own template out of that frame. I don't want to distort the pixels, so I also guess I would have to make a somewhat high-res template, too.

Is there any way to at least partly automate the process? create a template that I can use in the future? Ideally I would like to apply the frame without having to do any touch-ups.

share|improve this question
1  
Can you post a sample of the frame so we can get an idea of it's complexity? Not everyone uses Keynote. –  Scott Oct 10 '13 at 10:31
    
Is the final output a JPG image with the frame included? –  Yisela Oct 10 '13 at 21:08
    
Will this always be used online? You could create an image for the corners and then an image for the top/bottom and an image for the sides and then add them as elements to a css layout to be applied to all images... –  Phlume Jan 14 at 16:00
add comment

1 Answer 1

I think your best solution would be to implement the border-image property within the actual css code for the web site. The property is widely supported with the use of the vendor prefixes (except IE of course).

A nice tutorial on the topic is available at THIS SITE

The basic principal would be to set the corners to be a section of the border-image, and allow the top and sides to repeat the smaller, non-critical section.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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