• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Create a Fresh Nature-Themed Wallpaper Using Photoshop

By Anja | on Aug 5, 2010 | 1 Comment
Photoshop Tutorials
  • Tweet
  • Share
  • Tweet
  • Share

This Photoshop tutorial will show you how to create a fresh, attractive design based around the theme of nature. You will also get an idea of how to illustrate a concept using stock images, type, brushes and patterns. This design is very versatile and can be used as a wallpaper, website header, advertisement etc.
The tutorial has been created in Photoshop CS5; however you will be able to reproduce the results in any Photoshop CS version without problems.

Step 1. Start off with a blank canvas and fill it with a light gray color (e.g. #e6e6e6). The dimensions I’ve used are 1366×768, to match the resolution of my monitor and use the final result as a wallpaper.

step1.jpg

Step 2. Create a new layer and fill it with a solid green color (in this case, #20b329). Then, add a layer mask to this layer and, on the mask, create a large, black and white radial gradient. For this tutorial, it should be black in the center and white on the edges.

step1.jpg

Step 3. To create the typography, type ‘nature’ in Gill Sans Ultra Bold, black, place it in the center of the image and enlarge it using Free Transform. In order to fill this text with a fun theme, you can use this flower pattern.
Then, go to Layer -> Layer Style and use the following effects:

step1.jpg

step1.jpg

step1.jpg

Step 4. Duplicate the text layer and change its color to white. Then, slightly offset it down and to the right, to give the typography an illusion of depth. Clear the layer style and go to Layer -> Layer Style and use the effect below:

step1.jpg

Step 5. Next you’re going to start shaping up the center of the image: paste this image behind the text, scale it down to 50% and carefully mask around it until you get a balanced, interesting composition. If the colorful image ends up being too faded by masking, duplicate the layer and adjust the opacity of the resulting layer depending on how vibrant you want it to be. In this case, I’ve set the duplicated layer to opacity:45%.

step1.jpg

Step 6. If you feel that the image could use more color, create a new Hue/Saturation adjustment layer and increase the saturation to +31 and place this layer underneath the typography.

step1.jpg

Step 7. To give the image its finishing touches, you can get creative and use brushes to add more details. For example, I’ve used this flowers and waves brush and added a swirl and a few small white flowers above the text.

I’ve given the green swirl a slight 3D effect by overlaying two layers: one with the swirl in a bright green and on top, one with the swirl in dark green. I’ve simply masked parts of the dark green swirl to make it blend with the brighter green.

step1.jpg

Step 8. The final detail I’ve added is using this spiral brush. There are infinite ways of using brushes to enhance any composition. In this case, I’ve chosen to create something similar to a paint brush effect by applying a horizontal streak over the center of the image and masking away the excess. I’ve given the streak a transition effect by overlaying a green streak on one layer with a cyan streak on another below it.

step1.jpg

The final result:

step1.jpg

Share this story:
  • tweet

Author Description

One Response to “Create a Fresh Nature-Themed Wallpaper Using Photoshop”

  1. September 5, 2010

    iJeans Log in to Reply

    Not good for beginners like me ;(

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 0Followers 496Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    June 2013
    M T W T F S S
    « Oct    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.