Creating an Abstract Ecology Scene with 3D Render

I came across one of the most beautiful 3D renders from Futurology on DeviantArt and realized I must create something with it. This is a walk-through of how I made the New Life artwork. It is a simple and short tutorial that focus on the basic Photoshop tools.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners. You CANNOT copy the whole tutorial, either in English or translate to another language.

Create a new document of A4 size with 300dpi resolution. Using the Gradient tool, make a vertical gradient from white to grey as shown below.

Download Rocky Mountain Trail from ShutterStock. Using the Polygonal Lasso tool, extract out several mossy rocks from the downloaded image. You may position the rocks in a similar manner like mine below.

Create a new layer below the rocks and rename it as Shadow. Using the Soft Rounded Brush tool with 20px and black color, paint in the shadow beneath the rocks.

Download Green Leaves from ShutterStock. Open up the downloaded Green Leaves image. Using Magic Wand tool, click on the white area of the Green Leaves image. Go to Select > Inverse. Using the Move tool, drag the leaves into your original document.

Download the 3D Render from Futurology. Open up RW6.png and drag it into your working document using the Move tool.

Using the Eraser tool, clean away those floating unwanted pieces. Select the 3D Render image, go to Image > Adjustments > Hue/Saturation. Enter the settings as shown below.

Create a new layer above the 3D Render. Using the Soft Rounded Brush tool and size 40px, paint in shadow around the leaves as shown below.

Download Green Ivy from ShutterStock. Open up the downloaded Green Ivy image. Using the Magic Wand tool, click on the white area of the image to load a selection of it. Go to Select > Inverse. Using the Move tool, drag the Green Ivy into the original document. Using the Eraser tool to remove some parts to make it look as if it is crawling around the 3D Render.

Duplicate the Green Ivy layer to decorate the lower of 3D Render as well.

Create a new layer below the 3D Render and rename it as Random Lines. Using the Brush tool with 3px and grey color, draw random lines along the flow of 3D Render. It will be easier with you are using a tablet. Paint several dots of various sizes with the same color around the random lines.

Duplicate the Random Lines layer. Right-click on the duplicated layer and choose Color Overlay. Pick a light green color and hit OK. Choose Outer Glow and enter the settings shown below. Using the Soft Rounded Eraser tool with 1000px, remove the lower part so it reveal the grey lines.

You should be getting something similar to this.

Last thing to do is to add a simple bokeh effect to the background and you are done! There are plenty of tutorials on Bokeh Effect and the best I can find so far is from Abduzeedo. Hope you enjoyed this tutorial. Have a nice day!

Donate now to help keep 10steps free for everyone! Just 2.99 per donation.

Other Design Articles You May Find Interesting

21 Comments | Write a Comment

  1. Lingkojoy Oinam says:

    Nice work… specialy the creativity…. Thanks you for your valueable contribution….

  2. f.m says:

    thanks alot.

  3. f.m says:

    it is fantastic, thank you very much.

  4. Habieb says:

    Great tutorial, maybe I’ll try to use 3D render next time.

  5. omvaishnav says:

    Great tutorial…thanks for sharing…!

  6. Logomondo says:

    Very nice. Keep up the good work

  7. loga says:

    thanks for sharing this really awesome great job thanks for sharing this tutorial dude

  8. Anitha says:

    Awesome post thanks for sharing it

  9. Morepsd says:

    Great post Thank You For Making This Point.and I love the theme on your site

  10. awesome tutorial. I will give it a try..

Leave a Comment

  • 1stWebDesigner
  • Free Brushes
  • Presidia Creative
  • Photoshop Deluxe
  • Naldzgraphics
  • Colorburned
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • PSD Vault
  • Web Design Resource
  • Search Engine
  • Design Under
  • Designora
  • Design Inspiration
  • Digital Art Empire
  • Web Technology Society
  • Design Expanse
  • SmashingApps
  • Smashing Tips
  • Flash Components
  • Pixels that Make your Life Easy
  • Brushes for Photoshop
  • Flash Website Templates
  • Dzinepress
  • Flash CMS
  • Onextrapixel
  • Inspiration and Resources for Web Designers and Graphic Artists
  • PSD to HTML
  • Design, Inspiration, photography, photoshop, Tutorials
  • Photoshop tutorials and graphic design resources
  • CSS Reflex
  • Collection of the Web's Highest Quality Free Icons
  • Web Design Magazine
  • Graphic Design
  • Vobliq
  • Snatch59
  • Logo Design
  • Photoshop Tutorials and Design Resources
  • DesignersList
  • DesignersDigest
  • DesignBeep
  • Design Resource Blog
  • SEO India
  • vector clipart
  • design resources
  • design inspiration
  • design tutorials
Follow My Twitter Subcribe Full RSS