There is a lot of focus being put on the environment today, and it is no surprise that the “going green” trend is spilling over into web design. There are so many beautiful things to be found in nature that make great design elements. This article includes web design samples for inspiration and a roundup of tutorials, textures, and brushes to help you get started in creating a nature inspired design.
Inspiration
Carbonica
Original Source
Design Disease
Viget – Inspire
Viget – Extend
Adit Shukla
MacAllan Ridge
Tutorials
How To: Make the Viget Inspire Background
Create a Spectacular Grass Text Effect in Photoshop
Create a Nature Inspired Painted Background in Photoshop
Create an Awesome Grass Texture in Photoshop
Autumn Leaves
How to Break Sunlight Through the Clouds
Textures
Cloud Textures 1 (18)
Texture of Nature (5)
Cloud Textures 2 (6)
Rock Textures (7)
Weird Color Cloud Textures (7)
Cloud Textures 3 (7)
Rough Textures (15)
Water Textures (4)
Water and Ice Textures (10)
Swamp Water Textures (7)
Brushes and Vectors
Vector Flowers (3)
Grass Brushes (6)
Cactus Brushes (24)
Nature Brushes (7)
Vector Foliage Brushes (35)
Floral Photoshop Brushes (10)
Tree Brushes (8)
Flora Exotica (170)
Complete Tree Brush Pack (40)
Great compilation! I really like the cloud textures in this list, and there are some awesome sites that I haven’t seen like the Adit Shukla website! Great stuff
Lovely collection indeed, think those brushes are brilliant. Thanks for sharing.
Hi. Please replace “Viget – Extend” with Taproot Creative (https://taprootcreative.com), or at least consider changing the name to “Viget – Plagiarize.” Thanks.
@Mike Houghton
Actually, I think they are very two very different sites (https://taprootcreative.com/ vs. https://www.viget.com/extend/). Navigation, foliage, placement of the logos, colors/styles on the headers, the subnavs, and the footers are entirely different just to name a few from a quick glance.
The only thing that I view that is SIMILAR is the grass/dirt effect that goes horizontally across the page as a background. Furthermore, that ‘effect’ or thought has been used over & over again on many different websites.
I believe the only reason you’re miffed Mr. Houghton, is because he might have used the same idea you had for a site; but he executed it much better imho.
I’m disappointed with this post. I was hoping Web Design Ledger would provide something more valuable than more “Here are a TRILLION tutotials on !”, like Smashing Magazine.
A lot of professional web developers simply don’t have time to explore these posts in detail. The most valuable service a web-design blog can provide is *filtering* out all the cruft.
Anyone can search Google for “design inspiration” and post 400 links on their blog. I would like to see someone post LESS links — “Top 5 hand-picked sources for nature themed design”, for example.
Not trying to hate on this blog — I really do like it 🙂 I just *really* don’t want WDL to become another bloated, lame Smashing Magazine.
I believe I have seen the Viget-Extend/Taproot Creative style at least 20 times in the last 5 years with a variety of themes. With all due respect it is not a groundbreaking, original idea.
@Kyle – No worries. I don’t think you are trying to hate on WDL. We understand your concerns, but I can assure you that we don’t want this site to be like all of the others. Our main goal is to provide useful info for you and other web designers. We don’t plan on doing tons of articles like this, but we realize that some find them useful.
We really appreciate your feedback.
wow,nice post and thanks for all those nature resources. For me, I love the ocean therefore i’ve made my site like inside an ocean.
please have a look: http://www.inspireocean.com
Well, since I’m not a “professional” web designer, I do happen to like all the different things listed here.
Once I become a “professional” at anything, I will know enough not to worry about somebody’s long list. I will be grateful to be able to get something for free.
I love you. lol. Awesome. Simply awesome.
This is fantastic!
Thanks for this brilliant and inspiring list. Boo to your detractors because I love your site 🙂
Amazing !! thx !!
Beautiful stuff.
I agree with the concern that there is a lot of filler. However, even if I don’t follow the links or work through the tutorials, it’s nice even just to see the thumbnail to get a sort of inspiration from all the different styles.
Maybe a happy medium for this would a “top five” at the beginning, then post the rest afterwards?
Either way, there is definitely some great stuff here, thanks for posting it!!