Lighting effects are often used in modern web design to give a site an interesting and different look. Several months ago I published 40 Photoshop Tutorials for Lighting and Abstract Effects, which includes plenty of tutorials that can help you to get this type of look in your own work. Now, I’d like to share this gallery of sites that are putting those techniques into practice.
For more design inspiration, see:
Originally Published December 22nd, 2008
54 Responses
Leave a Reply
15 Steps to a More Productive Workday
77 Resources to Simplify Your Life as a Web Designer
Find the Perfect Colors for Your Website
Top 10 Tutorials for Developing WordPress Themes
Category Hacks for WordPress Theme Designers
12 Realities of Pricing Design Services
Minimalistic Websites Part III
Beautifully Colorful Websites Part II
Beautifully Colorful Websites Part III
Beautifully Colorful Websites Part IV
Beautifully Dark Websites Part II
Beautifully Dark Websites Part III
Inspirational E-Commerce Websites
Inspirational E-Commerce Websites - Part II
Incredibly Artistic Websites Part II
Incredibly Artistic Websites Part III
Incredibly Artistic Websites Part IV
The Best Church Websites Part II
The Best Photographer Portfolio Sites
Nature-Inspired Website Designs
11 Tutorials for Business Card Design
15 Tutorials for Creating Product Advertisements
20+ Tutorials for Working with Photoshop's Tools
25 Photoshop Tutorials for Working with Textures
25 Tutorials for Using Illustrator and Photoshop Together
25+ Photoshop Tutorials for Poster Design
30 Photo Manipulation Tutorials for Photoshop
35 Tutorials for Creating Website Layouts
35 Tutorials for Mastering Photoshop Brushes
35 Tutorials for Realistic Results
35 Tutorials Inspired by Apple
35 Tutorials for Designing Your Own Posters
40 Tutorials for Lighting and Abstract Effects
40 Tutorials for Amazing Lighting Effects - Part II
40 Tutorials for Textures and Backgrounds
40 Tutorials for Designing Icons
40 Photoshop Illustration Tutorials
40 Tutorials for Creating Wallpaper (Pt. 2)
45 Tutorials for Creating Wallpaper
45 Tutorials for Navigation Menus
60 Tutorials for Photo Touch Ups
December 22nd, 2008
[...] el post que han sacado en Vandelay con una recopilación de 23 sitios que tienen un manejo impresionante de los efectos de iluminación, tendencia que está en pleno [...]
December 22nd, 2008
[...] el post que han sacado en Vandelay jailbird una recopilación de 23 sitios que tienen un manejo impresionante de los efectos de iluminación, tendencia que está en pleno [...]
December 23rd, 2008
This is way cool.. Pretty impressive if I bring it out in a cafe. Dual screen!
December 23rd, 2008
Great list, thanks! Good inspiration for my project which needs similar effect.
December 23rd, 2008
Great inspiration, Drew Wilson is one of my favourite
December 23rd, 2008
What another fantastic selection of sites. I’ve got to admit I’m a bit of a sucker for this sort of thing at the moment. I don’t know if cuts the mustard but I wonder if my site would also make it to that list? http://www.nathanbeck.co.uk
Anyways, have a good christmas Vandelay!
December 23rd, 2008
Nathan,
Your site looks good. Looks like the guitar image in your portfolio has a similar style and inspiration with the effects.
December 23rd, 2008
beaituful collection thanks..
December 23rd, 2008
Thank you for including my website in such a great list!
December 23rd, 2008
Powered by Abduzeedo!
December 23rd, 2008
Brilliant!!!!!
December 23rd, 2008
Great collection.Thank you…
December 23rd, 2008
they all look the same to me.
December 23rd, 2008
Im both honored and humbled to be on this list
Some great inspiration. Thanks!
December 23rd, 2008
Beautiful selection!
December 24th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 24th, 2008
[...] + de 25 sites avec des effets lumineux [...]
December 24th, 2008
Irene,
You’re welcome.
jwc,
Very true!
Guy X,
I wouldn’t say they all look the same, but I do see where you’re coming from. To me there is a little less variation and uniqueness in this style of design than others, at this point anyway.
Mozami,
You’re welcome.
December 24th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 25th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 25th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 25th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 25th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design - [...]
December 25th, 2008
[...] 25 sitios web con efectos luminosos. Muy buenos! 0 # [...]
December 25th, 2008
[...] Through here. [...]
December 26th, 2008
Great……..Beautiful Designs…
December 26th, 2008
Very intresting article!
We’ve done the new site, it’s a 3D layout with light effects. We accept comments from everyone… http://www.webair.it
Thanks
December 26th, 2008
[...] 25 Websites with Lighting Effects A gallery of sites. [...]
December 27th, 2008
[...] More here: 25 Websites with Lighting Effects [...]
December 28th, 2008
[...] 25 Websites with Lighting Effects | Vandelay Website Design[Webデザイン] [...]
December 28th, 2008
great
December 29th, 2008
wow! I love the neon effects. They are fantastic. They look so great too and bring a really nice touch to the websites. Thanks for sharing these. They are so very inspiring.
January 3rd, 2009
[...] 25 Sitios Webs con efectos de luces. [...]
January 4th, 2009
Hi,
Firstly,i would like to congratulate you for your good creativity and i really like all of your designs and mostly
i like cosmive which is good at looking!
Any way,all the best for your future designs!
thank you!
January 7th, 2009
nice list. i love the designs
January 7th, 2009
All your designs are wonderful. Specially the Neon effects. All the best.
January 7th, 2009
Blogger Desk,
Just for disclosure, these are not my own designs. It’s just a gallery of sites from all different designers.
January 8th, 2009
wow where did u find this nice design’s? actually i do CSS and Html Coding so this design’s help me in the feature
Thanks
January 8th, 2009
[...] see tutorial Share and Enjoy: [...]
January 12th, 2009
We are a small to medium church in need of a new website — this list and your first list has been a great resource for us as we decide what we want the site to look like. Thank you!
January 18th, 2009
Thanks for this resource. I love Vandelaydesign!
web design iasi
January 22nd, 2009
[...] few weeks ago I posted a collection of 25 websites with lighting effects. While these sites can be excellent inspiration for working with light effects in Photoshop, [...]
January 23rd, 2009
very nice collection!
January 23rd, 2009
[...] few weeks ago I posted a collection of 25 websites with lighting effects. While these sites can be excellent inspiration for working with light effects in Photoshop, [...]
January 27th, 2009
[...] VandelayDesign - 25 Websites with Lighting Effects [...]
January 27th, 2009
Nice collection of light effect on design, I like it.
Thanks
mindxstudio
February 10th, 2009
[...] 25 websites with lighting effects [...]
April 20th, 2009
[...] Vía vandelaydesign.com [...]
April 28th, 2009
I like how the lighting effects make the site stand out more. I just started working at this web design studio as there SEO guru. Hopefully some of the designers on the team can shop me some stuff. I’d love to pick up some of these skills.
April 30th, 2009
These are amazing! I’ll have to read your photoshop tutorial post right away.
May 2nd, 2009
I appreciate you for this excellent effort to compile excellent list and also providing great links. Thanks
May 4th, 2009
[...] use this approach for creating a dramatic look. Several months ago I posted a collection of 25 websites with lighting effects, and today we’ll follow up with another 25 [...]
May 12th, 2009
[...] use this approach for creating a dramatic look. Several months ago I posted a collection of 25 websites with lighting effects, and today we’ll follow up with another 25 [...]
June 10th, 2009
Really an interesting gallery, thanks for sharing the resources.