Design an Awesome Freestyle Nature-Themed Artwork in Photoshop

Design an Awesome Freestyle Nature-Themed Artwork in Photoshop

Posted on April 25th, 2010 under Photo Effect

In this tutorial, I will show you the steps I took to Design this cool looking,  Awesome Nature-Themed Artwork in Photoshop. This is an intermediate level tutorial and some steps can be tricky, but why not have a try!

Here a preview of the final effect: (click to enlarge)

nature abstract final1 500x455 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

To complete this tutorial, you will need the following stock:

Rock

Waterfall

Tree 1

Tree 2

Hawk

Step 1

Create a new document sized 900px * 800px, leave the background colour as white.

The way I intended for this artwork is somehow the overall shape would resemble a number “1″ shape. So Firstly I create a 3D text model using Illustrator (I won’t demonstate the steps to create this 3D effect as it’s irrelevant to this Photoshop tutorial) to use as a model for this abstract effect.

You can download a copy of this image and paste it on your canvas, by clicking the image below:

1 drag 3d 500x455 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Of course the final effect won’t include this 3D text, however it gives a good starting point for the abstract effect I’m going to make.

Load the “Rock” texture into Photoshop, grab the Quick Selection tool and select a random piece of rock according to the settings below:

Important: Tick the “Auto-Enhance” option on the top toolbar for the Quick Selection Tool, this will help improving the edges of the selection.

1 quick 500x196 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Select Random Rock Pieces from this rock stock image:

1 select rock 500x307 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Copy and paste the selection onto our document, resize, rotate and fit it onto any position you like on the text:

1 paste2 500x418 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Select another different piece from the rock texture using the quick selection tool:

1 select rock 2 500x225 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Paste it onto the canvas, and after you paste it, make sure you use a soft eraser to get rid of any edge roughness, so as to blend it with the background and other rock texture.

1 erase2 500x401 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Hint: Use the Chalk brush (comes with Photoshop by default), with a 40% flow and opacity to erase the edges. You will find it quite effective in situation like this.

1 chalk eraser 500x233 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Repeat the select, copy and paste routine, make sure you select a different piece of the rock texture each time, until you cover the whole 3D text as shown below: (Erase the edges with soft brushes along the way)

1 erase 21 500x451 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Also use the dodge and burn tool to darken and lighten some areas of the rocky texture so we have some lighting dynamics and increase the depth of the image:

1 dodge burn 500x461 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Please note that the above screenshots only provide an indicative guide, you will need to experience the effect yourself as the textures may differ from mine to yours.

Step 2

Load the “Waterfall” stock image into Photoshop, use whatever selection method you prefer to cutout the waterfall portion, copy and paste it on our document, name this layer as “waterfall”, resize and fit it to the portion as shown below

2 waterfall paste 500x460 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

use soft brush to erase the edges of the waterfall so it blends with the rock and the background:

2 erase2 500x484 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Add the following Curves adjustment layer on top of the waterfall layer: (make sure to select “use previous layer as clipping mask” option)

2 curves Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Duplicate the waterfall layer once, flip it horizontally and put it to the lower position as shown below:

2 paste 2 500x475 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Add the following Curves adjustment layer on top of the waterfall layer: (make sure to select “use previous layer as clipping mask” option)

2 curves overall Design an Awesome Freestyle Nature Themed Artwork in Photoshop

We can also do some tiny adjustments for the overall effect. So add the following two adjustment layers on top of all previous layers:

Vibrance

2 vib Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Curves

2 curves 2 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Here is the effect so far:

2 effect1 500x443 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

We can now hide the original 3D text layer cos we won’t be needing it anymore.

Step 3

Load the “Tree 1″ texture into Photoshop. Cut the tree portion of the image with Channel Masking technique (if you’re not familar with this technique, please refer to Step 3 of this post for detailed explanation) and paste it onto our document. Name this new layer as “tree 1″, resize it to a small size and fit it on top of the rocks:

Make sure you erase the edges of the tree layer as depicted below:

3 paste erase 500x460 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Add the following Curves adjustment layer (make sure to select “use previous layer as clipping mask” option) on top of the tree layer to bring out some extra lights:

3 curves Design an Awesome Freestyle Nature Themed Artwork in Photoshop

We can also add some grass texture on to the bottom of the tree for more details. So grab the lasso tool with a 40px feather to select a piece of the grass from the tree  stock image:

3 select grass 500x268 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Copy and paste it onto our document and put the new layer below the Tree layer, resize it to fit the size of the rock base, change the blending mode to “overlay”, you will have the following effect:

3 grass paste Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Step 4

I feel like adding more tree images on the rocks for more details. So load the “Tree 2″ texture into Photoshop. Use the same channel masking technique to cut out the tree from the stock image, paste it onto our document, into the the following positions:

Top Left

4 tree paste 499x260 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Add the following Curves adjustment layer on top: (make sure to select “use previous layer as clipping mask” option)

4 curve left Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Bottom Right:

4 tree dup 500x269 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Add the following Curves adjustment layer on top: (make sure to select “use previous layer as clipping mask” option)

4 curves bottom Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Step 5

Load the “Hawk” image into Photoshop, cut out the hawk and paste it onto our document, resize it to a very small size:

5 eagle resize 500x348 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

To add some motion for the hawk, duplicate this new hawk layer once, apply the following motion blur settings to the duplicated layer:

5 mo blur Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Change the blending mode the duplicated layer to “Hard Light”, drop the opacity to 30%:

5 effect3 500x361 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Adding more details, we can also put aonther hawk on the left side of the rock:

5 eagle 2 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

and here is the overall effect so far:

5 effect 2 500x495 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Step 6

Ok we’re almost done! For some final adjustments, I added the following two things:

  • Lens flare – not a popular option in Photoshop, but in this occasion I think it brings extra effect and color into the image
  • Cloud texture – for the surrounding environment

To add the lens flare effect, we can create a new layer on top of all previous layers, fill the new layer with black color, then apply the following Lens Flare settings:

6 lens filter Design an Awesome Freestyle Nature Themed Artwork in Photoshop

You will have the following effect:

6 lens flare 500x438 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

Change the blending mode of this layer to “Screen”, you will have the following effect:

6 effect 500x369 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

You can move, duplicate this Lens Flare layer for more effect:

6 effect 2 500x453 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

For the cloud texture, you can either use cloud brushsets or stock image to achieve it. I painted some cloud on the top and bottom of the canvas:

6 effect 3 499x458 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

and here is the final effect for this tutorial: (click to enlarge)

nature abstract final1 500x455 Design an Awesome Freestyle Nature Themed Artwork in Photoshop

That’s it for this tutorial! Hope you enjoy it and learn something new!

Fresh Posts from PSD Vault

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 55 Create a Magical Photo Manipulation with Flowery Effect in Photoshop Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop Unique and Curious Photoshop Tutorial Showcase – January 2012 Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54
  • http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/design-an-awesome-freestyle-nature-themed-artwork-in-photoshop/ uberVU – social comments

    Social comments and analytics for this post…

    This post was mentioned on Twitter by webdesignblog09: Design an Awesome Freestyle Nature-Themed Artwork in Photoshop http://bit.ly/bc64pz...

  • http://juliakhusainova.com/ Julia

    Hmm… not very easy but I keep plugging! :)

  • http://www.psdmaterial.com/ Taimur

    nice result
    step 1 is the base of this tut
    thanks for share

  • http://www.cna-trainingclass.com/ cna training

    found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later

  • http://www.onlinetruckshop.com/commercialtrucksforsale.php Andrew Willson

    I really like your work.This is very beautiful and very nicely done.You have lots of good ideas.Hope to see such a informative stuff in future!!

  • http://www.rajablog.com/ Ian

    found your site on del.icio.us today and really liked it.. i bookmarked it and will be back to check it out some more later

  • http://www.colorexpertsbd.com/ Clipping Path

    Awesome!! I’ve found lots of helpful photoshop tutorial.

  • STRANGE

    very good thank you..

  • http://www.tripwiremagazine.com/2010/04/user-linkdesign-an-awesome-freestyle-nature-themed-artwork-in-photoshop.html [User Link:Design an Awesome Freestyle Nature-Themed Artwork in Photoshop] | Tips for Designers and Developers | tripwire magazine

    [...] Design an Awesome Freestyle Nature-Themed Artwork in Photoshop [...]

  • http://www.tripwiremagazine.com/2010/04/140-inspirational-fresh-articles-for-web-designers.html 140+ Inspirational Fresh Articles for Web Designers | tripwire magazine

    [...] Design an Awesome Freestyle Nature-Themed Artwork in Photoshop [...]

  • http://www.teknotrik.com/web-tasarimcilar-icin-derledigimiz-yuzlerce-kaynak.html Web tasarımcılar için derlediğimiz yüzlerce kaynak « TeknoTrik, Teknoloji, İnternet, Web Tasarım, Grafik

    [...] Photoshop kullanıcıları için naturel temalar [...]

  • http://photoshopcow.com/photoshop-tutorials/design-an-awesome-freestyle-nature-themed-artwork-psd-vault/ Design an Awesome Freestyle Nature-Themed Artwork [PSD Vault] | Photoshop Cow

    [...] Tutorial LinkThis is an interesting and unique tutorial. You’ll really stretch your manipulation muscles on this one. [...]

  • http://www.17ps8.com 17ps8

    i like it very much thanks

  • http://boigeniusinc.com Ron

    I’ve been struggling with the lens flare effect for a while now…tinkering around with this tutorial has helped me understand it more.

  • http://www.primeval.plusboard.de Saphira

    Found your tutorial on pixel2life.com
    Really love it and tried it out.
    Here’s my result:
    http://www.saphira-123.deviantart.com/#/d2r56ve

  • http://www.webdunyam.net 3denjoy

    nice example for me

  • http://www.codebox.ro Effy

    Great tutorial,pretty good explanations,and an amazing outcome.
    Definately one of my favourites.Keep it up!

    Here is my outcome,I will post it on deviantArt and link back to you so others can follow this awesome tutorial!

  • http://www.codebox.ro Effy