Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote -1 down vote favorite

I have a few hundred images that I'm using for a fairly comprehensive site mock-up. I'd like to add css3 like ribbon to the images without having to add the ribbon image to them all individually in photoshop. Is there a Adobe Bridge script out there or will I have to create my own? Thanks in advance for your help.

share|improve this question
4  
There really isn't enough information here for anyone to provide a definite answer. Are your images are all the same size, with the ribbon effect in the same place on each? Or are there differences? Does this have to be in Photoshop, or is your mockup live code, so you could just do it with CSS? Make your question specific, and you'll likely get exactly the answer you're looking for. – Alan Gilbertson♦ Jun 8 '11 at 23:38
Note also that PHP GD functions can be used as well... – horatio Jun 9 '11 at 20:03
1  
Yep. Probably not something I'd bother doing in Photoshop. This "CSS3 Ribbon" thing seems to be quite popular at the moment, though. I counted at least a dozen tutorials with that in their titles, just on a quick check on Google. – Alan Gilbertson♦ Jun 10 '11 at 1:30
what is a 'css3-like ribbon'? – DA01 Jun 13 '11 at 14:13
The answer would be Actions and Automate > Batch Though im not sure I see the point in this as ribbons are often used to indicate something "Special" and few hundred images.. Well.. – Joonas Sep 3 '11 at 15:30

2 Answers

up vote 0 down vote

I dont know what exactly you need but you can create css ribbons without using images with the help of css and java script and if your creating mockup you have to use them because using 100 of image instead of css is kind of time and resource waste this will kill your mockup speed.....

check this

  1. How to create css3 ribbons without images
  2. Online css3 ribbon Generator
  3. If you need psd for the same
share|improve this answer
up vote 0 down vote

You could:

  • put a div with the ribbon image on top of a div with the to-be-overlapped image, or

  • make the to-be-overlapped image a background image of a div, and in the same div (in an tag) the ribbon image.

Otherwise, it'll have to be the batch option (if that works)(as suggested by Lollero) or programmatically (like php/javascript/whatever).

share|improve this answer

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.