In this quick tip I show you how to add details to a boring web banner with a photo overlay. As always – leave a comment and let me know what you think! And don’t forget to subscribe via iTunes.
Share This Article
11 Responses to “Quick Tip #31 Adding Details With A Photo Overlay”
Leave a Reply
Trackbacks & Pingbacks:
-
Pingback from Quick Tip #31 Adding Details With A Photo Overlay : Design Newz
May 7th, 2009 at 11:50 am[...] Quick Tip #31 Adding Details With A Photo Overlay [...]
-
Pingback from Learning From El Lissitzky | The Design O'Blog by Niki Brown
August 31st, 2009 at 4:17 am[...] designing consider adding depth by layering photographs using blending modes in photoshop or through some other means. Add texture that directs your users eye around the composition and [...]
Steph Adamo says:
cool idea!
May 7th, 2009 at 12:23 pm
Kish says:
Thanks heaps ! Super handy
May 7th, 2009 at 8:32 pm
netsnake says:
Feather basically turns a hard edge into a soft one, depending on the amount of pixels you provide in the dialog. If you feathered that selection by 50 pixels instead of contracting it, you’d get a gradient-like effect. Or feather by two pixels only to make the edge of your button blurry, not hard.
Greets
netsnake
P.S.: Nice effect! Totally forgot to say this…
May 8th, 2009 at 7:47 am
choen says:
to simple.. but cool.
May 9th, 2009 at 5:35 am
Christine says:
This is great. Thanks a lot!
Christine
May 10th, 2009 at 1:28 pm
rory says:
Nice tip to spice up a boring banner. I use simple tricks like this all the time, on my clients web design they ask for plain coloured boxes often, so I slip in a subtle pattern and everyones happy!
May 13th, 2009 at 1:10 am
Kaal says:
Great tip, useful site for free comp images too.
One of my all time favourite feature in photshop is Perspective cropping, useful if you need to photo a painting with glass and need to use a flash, take from a little of to the side and use Perspective cropping to make square! Might be worth a mention as a future tip!
Many thanks, looking forward to the next tip.
May 14th, 2009 at 3:57 pm
Mikey says:
You may know this already, but I noticed how much effort you put into resizing the image after you pasted it into the document.
When you’re in transform mode (after you’ve pressed Ctrl-T but before you press enter), you can press Ctrl-0 OR from the menu you can select View –> Fit On Screen and the window will zoom to fit the transform controls within the viewing area. Much quicker way to see the whole transform.
Hope this helps.
Thanks!
May 16th, 2009 at 10:08 pm
Kyle Anderson says:
Awesome tutorial! Simple, quick, and a great result!
Nice!
May 18th, 2009 at 3:09 pm