Photoshop Tutorials

Download the WordPress theme! Objectives In this tutorial you will learn how to create a smooth style website layout with a technique I have dubbed Whiteshading, this is Version 2 of the popular tutorial Fundamentals of Web Design Color choice ideas ‘Whiteshading style’ Difficulty Level: Intermediate Final Result: Zoom Step 1: Your first step is [...] Photoshop · Web Layouts

We are going to be creating the following Image: View Full Image First off your going to want to create a new photoshop document; I used the following settings Fill the canvas using the paintbucket tool with #e2e2e2 Tip: Press (g) to bring out the Paintbucket tool Now Create a new layer and select the [...] Photoshop · Web Graphics · Web Layouts

We are going to be creating pixel buttons like so First off create a new image document, I made it 100 x 50 pixels, now you need to use the paintbucket tool to fill the background with #D5D3BF. After you create the new image with the background color set the foreground color to #313025 and [...] Buttons · Photoshop · Web Graphics

We are going to be making a very small icon , using the famous Photoshop Feather logo! This should help you in some basic Pixeling concepts. Step 1: First create a new Photoshop document 16×16 pixels in size: Step 2: First pull out the pencil tool (you’ll be using this alot) and set your foreground [...] Icons · Photoshop

We are going to be creating a modern Photoshop Logo like below: First start by creating a new Photoshop image, 500 x 400 pixels, with a white background. Make a new layer and use the circular marquee to create a selection like below and fill that selection with Black #000000. Now using the circular marquee [...] Logo Design · Photoshop

In the following tutorial we are going to be creating a stylized button like so First off you are going to want to create a new document. I used the following settings. Use the Fill tool to fill the background with white #FFFFFF, Create a New Layer over the white background and grab the marquee [...] Buttons · Photoshop

Page 1 2 next In this tutorial we will be covering the Basics of Icon creation by creating a ‘monitor’ icon like below. We will be using the Pen tool and be practicing a fairly common illistration technique for icon development. First create a new document, I made mine 400 x 400 pixels with a [...] Icons · Photoshop

Page: 1 2 next Welcome to the tutorial Website Layout White Shadow style tutorial! We will learn how to create a website design like below: View full image First off create a new image using the following settings: tip remember that about 30% of website users still have their resolution at 800×600 pixels, it’s always [...] Photoshop · Web Layouts

We are going to be creating an image like below using a technique called displacement mapping. tip A displacement map allows you to wrap images or other content over a background image so they blend in with it First off you are going to need to download the water background used in the tutorial in [...] Photoshop · Text Effects · Web Graphics

In this tutorial we are going to create an Affiliate Banner like below: tip: Affiliate banners have standard sizes the standard size below is 120×240 pixels, to see a full listing of all web-banner sizes click here. Step 1: First creat a a new image, make the background transparent, and the size 120 pixels wide [...] Photoshop · Web Graphics