http://www.psdburn.com/wp-content/themes/HashOne
http://www.psdburn.com

51 Comments Create a Nature Inspired WordPress Layout

Article written by admin on the 06 Aug 2009

In this Photoshop tutorial I will show you how to create a nature inspired WordPress layout. We are going to use the following resources:

I would like to thank Gin-n-Juice, Philipp Klinger and Paulo Brand

Related Posts

 

51 Comments Subscribe to these comments.

August 7, 2009 11:00 am Sam http://WebsiteURL Reply

Another amazing layout tutorial. Keep up the good work.

August 7, 2009 11:12 am Mark D. http://WebsiteURL Reply

Nice and clean. Good job. You should do more layout tuts.

August 8, 2009 3:34 pm Converting a Photoshop PSD File to an XHTML & CSS Web Site – Creating Mockups | Resources for Web Development Students @ Robin’s Blog http://www.robinsblog.com/04282009/converting-a-photoshop-psd-file-to-and-xhtml-css-web-site/ Reply

[...] Edit 8/08/09 – Create a Nature Inspired WordPress Layout [...]

August 10, 2009 9:58 am John http://WebsiteURL Reply

Great tutorial. Thanks for sharing!

August 16, 2009 5:50 am Jamal http://WebsiteURL Reply

i hope that i can do like that one day

2009-08-20 04:12:22 Ionuţ Ciursă http://www.psdburn.com

Of course you can. There are a lot of tutorials on the web that can teach you how to create beautiful and functional layouts. And with hard work you can do whatever you want.

August 16, 2009 7:13 am 90 New And High Quality Photoshop Web Layout Tutorials | Graphic and Web Design Blog – Inspiration, Resources and Tools http://www.1stwebdesigner.com/tutorials/90-new-and-high-quality-photoshop-web-layout-tutorials/ Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

August 17, 2009 1:56 am tirath http://WebsiteURL Reply

Awesome web layout with nice step by step detail tutorial.
Thanks so much for your kind effort for making such a amezing tutorials for us
keep up good work
God bless you :-)

2009-08-20 04:09:17 Ionuţ Ciursă http://www.psdburn.com

Thanks a lot for your comment. I appreciate it. I'm glad that the tutorials I write are useful for my readers.

August 18, 2009 5:22 pm 90 New And High Quality Photoshop Web Layout Tutorials – Programming Blog http://www.neurosoftware.ro/programming-blog/blogposter/web-resources/90-new-and-high-quality-photoshop-web-layout-tutorials/ Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

August 19, 2009 11:30 pm 90 New And High Quality Photoshop Web Layout Tutorials « Neha Kapoor Blog :: Letz Do it http://nehakapoors.wordpress.com/2009/08/20/90-new-and-high-quality-photoshop-web-layout-tutorials/ Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

August 21, 2009 12:29 am Samuel http://www.photodesigners.net Reply

Hi! nice Tutorial, I like the way you made the sidebars and it content.

August 21, 2009 8:06 am maruti http://WebsiteURL Reply

Hiii!!!!

Nice yaar you are doing nice job kip it up…

it’s really help to us…

August 21, 2009 9:22 am 90 New And High Quality Photoshop Web Layout Tutorials | huibit05.com http://huibit05.com/design/90-new-and-high-quality-photoshop-web-layout-tutorials/ Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

August 21, 2009 10:04 am Ionuţ Ciursă http://www.psdburn.com Reply

@Samuel, @Maruti: Thank you for your comments. I will try to write as many tutorials as possible.

August 26, 2009 7:42 am Olur Olmaz Herşey http://olurolmazhersey.com/412 Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

August 27, 2009 6:45 am Fei http://WebsiteURL Reply

thats beautiful,it looks very professional!
I am abit confused as to how to make this layout into a working site though..do you use scripts or something? Like that login and flickr icons? Do you also have a tutorial to make your layouts work as sites?

August 28, 2009 3:28 am arthit http://WebsiteURL Reply

nice tutorial thanks for sharing

August 29, 2009 9:39 pm mike http://WebsiteURL Reply

I’m with Fei. I’m working on trying to build a wordpress site of my own, but screwing around with other themes to try and make them my own is losing it’s fun, and quick.

How do you turn this into a functional theme?

September 7, 2009 12:28 pm Ionuţ Ciursă http://www.psdburn.com Reply

@ Fei & Mike: I’m sorry, but at the moment I don’t know enough HTML and CSS to code a layout. I’m still in the process of learning how to do this.

I will probably write tutorials on how to code layouts in the future, but I have to learn a lot until then.

However, you can find the kind of tutorials you are looking for on blogs like SixRevisions.com or net.tutsplus.com

September 10, 2009 1:57 am Oyunlar http://www.e-oyunlar.gen.tr Reply

nice tutorial thanks.

September 15, 2009 8:46 am Tony http://WebsiteURL Reply

Great tutorial! I like the way you explained the setps. Make it easy for a photoshop beginner to learn the skills. Thanks agin for helping.

October 14, 2009 5:06 pm links for 2009-10-14 « toonz http://toonz.wordpress.com/2009/10/14/links-for-2009-10-14/ Reply

[...] Create a Nature Inspired WordPress Layout | PSDBURN (tags: photoshop tutorial wordpress layout) [...]

October 17, 2009 1:53 am Julie Stoddard http://www.juliestoddard.com/r/blogcomment Reply

Looking at each step of the tutorial makes it seem less intimidating I think. I will definitely give this a try on my next free day.

Thanks for posting!

November 13, 2009 12:02 am 50+ cool web layouts photoshop tutorials | OffsetPrint.info http://offsetprint.info/?p=143 Reply

[...] Create a Nature Inspired WordPress Layout [...]

November 15, 2009 5:46 pm 30 Best Web Design Layout Photoshop Tutorials http://www.ourtuts.com/30-best-web-design-layout-photoshop-tutorials/ Reply

[...] [...]

November 16, 2009 12:16 am Photoshop Tutorial: Create a Nature Inspired WordPress Layout – Web Design Survivalist http://webdesignsurvivalist.com/photoshop/photoshop-post-test/ Reply

[...] Preview of layout ] [ View the tutorial [...]

November 21, 2009 5:46 pm 30 grandísimos tutoriales de diseño web | Recursos para Diseñadores Gráficos y Web | Creativos Online http://www.creativosonline.org/blog/30-grandisimos-tutoriales-de-diseno-web.html Reply

[...] [...]

December 20, 2009 12:59 am Dizzy Blog » 66 מדריכים להכנת אתרים בפוטושופ http://itay101.blogli.co.il/archives/32 Reply

[...] Tutorial Link [...]

December 22, 2009 4:31 pm Marius http://WebsiteURL Reply

Very nice tutorial Ionut, I really appreciate the hard work you put there. Thank you and keep up this good work.

December 23, 2009 8:04 pm Alex Raduta http://blog.creative-webdesign.info Reply

Today I found your website when I read an article on sixrevisions.com. There are a lot of nice photoshop tutorials here :) Keep up the good work!!

January 1, 2010 11:30 am web dizajner http://webdizajnblog.blogspot.com/ Reply

Nice, simple and clean, I realy like that the whole tutororial is easy to understand and follow.

January 5, 2010 6:30 pm 来自大自然的灵感:65个教程、笔刷、图案、纹理和矢量 | Resource | 前端观察 http://www.qianduan.net/inspiration-nature-65-tutorials-brushes-pattern-texture-and-vector.html Reply

[...] 制作一个受大自然启发的WordPress布局 [...]

January 6, 2010 3:24 pm 16 First Step High-Quality Tutorials On Creating Blog Layout Using Photoshop | Creative Magazine http://www.creativemagz.com/2010/01/16-first-step-high-quality-tutorials-on-creating-blog-layout-using-photoshop/ Reply

[...] Create a Nature Inspired WordPress Layout [...]

January 6, 2010 3:30 pm 65 Resources for Nature-Inspired Design | JKookServ Hosting Blog http://jkookserv.com/blog/65-resources-for-nature-inspired-design/11201/ Reply

[...] Create a Nature-Inspired WordPress Layout [...]

January 7, 2010 3:03 am 65 Resources for Nature-Inspired Design | iDESIGN http://blog.idesignmalta.com/?p=2342 Reply

[...] Create a Nature-Inspired WordPress Layout [...]

January 12, 2010 12:08 pm Create a Nature Inspired WordPress Layout | ShareUnlimited.net – free downloads web and graphic resources http://www.shareunlimited.net/index.php/ebook/create-a-nature-inspired-wordpress-layout.html Reply

[...] See more here (www.psdburn.com) Share and Enjoy/Compartir: [...]

January 17, 2010 4:47 am wd4u http://WebsiteURL Reply

Thanks a lot for great tutorial. One question though is there any way to plot similar grid with gridmaker2 in PS CS3. When I try to plot grid with gridmaker2 rows also get plotted and columns are not similar to shown in screenshot??

Thanks.

January 23, 2010 10:48 am zavese http://www.trakastezavese.com Reply

Thanks, nice tutorial, simple and understandable.

January 27, 2010 10:34 am Norbert http://zappd.com/portfolio/ Reply

Awesome tutorial! What do you use to pick your colors?

January 31, 2010 1:51 am 66 Excellent Photoshop Web Design Layout Tutorials | http://www.shinemarks.info/35-websites-to-teach-you-how-to-use-css-effectively Reply

[...] Tutorial Link [...]

January 31, 2010 11:35 am Ionuţ Ciursă http://www.psdburn.com Reply

@Tony: I’m glad you find it easy to learn new Photoshop skills from my tutorials.

@Julie Stoddard, Marius, Alex Raduta, Web Dizajner, Zavese: Thank you very much for all your comments. I appreciate them.

@Wd4u: I don’t know how the Gridmaker 2 plugin for Photoshop CS3 is different from the one I use for CS4. Don’t you have the same options for column width, gutter width, number of columns and column divisions? Anyway, you can also try the 960 Grid System from http://www.960.gs if you want. Simply download the archive and open the .psd file that has a grid with 12 columns.

@Norbert: When I chose my colors I use either Kuler from Adobe (there is also a great Kuler plugin for Photoshop) or http://www.colourlovers.com

February 8, 2010 12:51 am 制作一个受大自然启发的WordPress布局 : 等待 http://www.csinfo.cn/index.php/archives/392 Reply

[...] X [...]

February 11, 2010 5:46 pm Venecijaneri http://www.enteksmont.rs Reply

Thanks, very nice tut…

April 4, 2010 6:39 am sameer http://WebsiteURL Reply

I think every tutorial explains how to design website
step by step.But there is little information about
composition. How to place object at right place.

April 17, 2010 7:58 pm Raman Gill http://WebsiteURL Reply

Thank you for making wonderful tuts.

April 19, 2010 8:58 am Marius_ro http://WebsiteURL Reply

Great tutorial.I`ll try it right now !

May 12, 2010 11:17 pm Best Web Design Layout Tutorials - Wsblogz.com – Web design magazine http://www.wsblogz.com/tutorials/web-design-layout-photoshop-tutorials/ Reply

[...] Nature Inspired WordPress Layout [...]

June 4, 2010 4:21 pm kadıköy vaillant servisi http://kadikoyvaillantservisi.net Reply

thank you nice work

July 26, 2010 2:20 pm Katie http://www.smileyhelper.com Reply

Congrats, your tutorial has been added to a list of the best Photoshop website layout tutorials, seen here:
http://smileyhelper.com/inspiration/50-photoshop-website-layout-tutorials/
:)

July 28, 2010 6:38 pm 90 New And High Quality Photoshop Web Layout Tutorials « FED视野 http://ztaom.wordpress.com/2010/07/29/90-new-and-high-quality-photoshop-web-layout-tutorials/ Reply

[...] 7.Create a Nature Inspired WordPress Layout [...]

Leave a Comment!

Name
Email
URL
Message