Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : 3D Effects Last Updated: Apr 15th, 2008 - 18:38:37


Create Software Box
Author: Concept Visionz
Authors Website: www.conceptvisionz.net
Apr 13, 2007, 01:13

Email this article
 Printer friendly page

1. Open up adobe photoshop. I use version 7.0. Start with a blank canvas by pressing Ctrl+N.

2. Using the rectangle shape tool, select your color you want to use and draw out a box like how I've done.


3. Press Ctrl+T (transform tool), so we can distort and this box to an angle so we can see all three sides of this box. After you select Ctrl+T, you should see a resize type outline on your shape, press down the Ctrl key, and using your mouse you can drag each corner of the box to the proper angles.


4. Repeat steps 2 through 3 another two times to make all 3 sides of our box (top, side, front).



5. To make things easier to see, I will turn the front white, and put some shadows in. To do this, select the layer with the front shape, it should be black, just double click on the palette to the left of the layer, and select your color. Now right click on that layer, and select blending options. Select both the drop and inner shadow options. Use the same or similar settings I used.




6. Now select the other layers (top and side) and use the same Drop Shadow settings you used early. Don't do an inner shadow for these two layers. Here is how yours should look like now with everything up to this point.


7. Well, you are basically done, just add your text and images. Take a look at mine.



Top of Page

 
Level Ten Hosting