400+ Files, Tutorials, and Inspirations for Nature Themed Design

By / Nov 3, 2008 / Resources
shares

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)

14 Comments

  1. Ricks
    November 3, 2008

    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

    Reply
  2. liam
    November 3, 2008

    Lovely collection indeed, think those brushes are brilliant. Thanks for sharing.

    Reply
  3. Mike Houghton
    November 3, 2008

    Hi. Please replace “Viget – Extend” with Taproot Creative (http://taprootcreative.com), or at least consider changing the name to “Viget – Plagiarize.” Thanks.

    Reply
  4. Jennifer Chiappisi
    November 3, 2008

    @Mike Houghton

    Actually, I think they are very two very different sites (http://taprootcreative.com/ vs. http://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.

    Reply
  5. Kyle
    November 3, 2008

    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.

    Reply
  6. Jefferson
    November 3, 2008

    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.

    Reply
  7. Kelly
    November 4, 2008

    @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.

    Reply
  8. Averyl
    November 12, 2008

    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

    Reply
  9. Emma
    December 8, 2008

    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.

    Reply
  10. Owen
    January 15, 2009

    I love you. lol. Awesome. Simply awesome.

    Reply
  11. e-Muškarac.com
    January 21, 2009

    This is fantastic!

    Reply
  12. Jackie
    February 22, 2009

    Thanks for this brilliant and inspiring list. Boo to your detractors because I love your site :-)

    Reply
  13. Ekios
    March 3, 2009

    Amazing !! thx !!

    Reply
  14. Jake
    May 31, 2009

    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!!

    Reply

Leave a Reply