Pixel Apex Banner

Powered by Google
Contact
Main Menu
  Home
Community
Gallery
Tutorials
Search
FAQ's / Help
Apex News
  Contact
   
Pixel Apex Affiliates
  Pixel Digest
  HV-Designs
  Xtreme-Pixel
  LooseMoose52
  Pixel2Life
  Learn It 2
  Good-Tutorials
  PS-Lover
  Tutorials-Expert
  Add your Link?
   
Tutorial Categories
  Adobe Photoshop
  Adobe Flash
  Adobe Illustrator
  3D Studio Max
  Maya 3D
  PHP Coding
  Operation System
 
Weekly Updates
Name: dream
Link: Click Me
Site: Pixel Apex
Name: Underwater
Link: Click Me
Site: freeonlineclasses
Search Box
Search:
Folder Icon:
In this tutorial, I will teach you how to create the folder shown.

Part one: Setting up Photoshop and downloading shapes.
Open photoshop, I sat up my workspace at 800 by 600. I used the same background color as my web page; you can use any color you want. First click here to download these custom shapes. And import them into photoshop.

shapes

Part two: Applying the Blending Options to the rectangle.
Create a new Layer, change the foreground color to #e8c813, this will be the color of the folder top cover. Click on the Custom Shape Tool custom shape and select the first shape. Using the settings below,

shape settings

Draw the cover of the folder as shown below.

folder image
Folder
Color# e8c813

Right click on the Folder Layer and click Blending Option.

Blending Options

With that apply the settings shown below.

Drop Shadow
Gradient Overlay
Drop Shadow
Gradient Type

Click ok.

Create a new layer, change the foreground color to #846606. This would be the color of the back part of the folder. This layer has to be under the previous layer.

folder

Position the Custom Shape Tool cross hear as shown above. Click, Hold and drag to the other end of the folder, as shown below.

folder

When you are satisfied release the mouse. With that you should have the folder shown below.

folder
Folder

Right click on the Back Folder Layer and click Blending Option.

Blending Options

With that apply the settings shown below.

Drop Shadow
Gradient Overlay
Drop Shadow
Gradient Type

Click ok. With that you should have the image below.

Folder
Folder

New we need to put some papers into the folder, Create a new layer in between the to folder layers. You can use the pen tool and recreate the shape below

calender
Paper

Right click on the Back Folder Layer and click Blending Option.

Blending Options

With that apply the settings shown below.

Gradient Overlay
Gradient Overlay

 

Blending Options
Gradient Color

Duplicate the paper layer about 4 or 5 time and just reposition it to get the effect shown below. If you want to give the folder a glowing effect. Merge all the layers except the background layer, Next duplicate the layer. So now you will have two folder layer, Blur the bottom layer to about 2.4 and change the top layer to overlay.

Gradient Overlay
Folder

Untitled Document

This Tutorial was Created by pixelapex
© 2006-2007 pixelapex.net. All Rights Reserved
.

Finished:
 

 
 
Pixel Apex News
News 03/18/08:
Pixel Apes has a new look, i was unable to update the previous site on a continuous basis which led me to create a new site. Feel free to email me any suggestion on improving the site and its content. I am looking for mod's for the forums. Also some help creating new tutorials. Any one willing to help email me at admin (at) pixelapex.net. This site is a hobby os i can not afford to pay for your services.
 
News 1/01/07:
Wow its 2007, 2006 seem to go by so fast. Anyway, I just want to wish all you guys a happy new year and many more to come. Hope you have a safe and fun one and best wishes to you and your friends and family in 2007.
 
News 1/08/06:
The site is moving along, I added some tutorials submitted by hv-designs. I am also creating some tutorials that will be up soon. We are also looking for affiliates and people to add more tutorial to our database. So if you get a chance sign up.
 
 
   
Apex Gallery Images
Gallery Image Gallery Image
 
Gallery Image Gallery Image
 
Gallery Image Gallery Image
 
   
   
   
   
   
   
 


Untitled Document

© 2006-20011 pixelapex.net. All Rights Reserved.
Home | Tutorials | Gallery | Community | Submit Tutorials | Hobbies | Media | Links | Search | Contact | Faqs / Help