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


3D-Photo Effect
Author: Adobetutorialz.com
Authors Website: www.adobetutorialz.com
Feb 16, 2007, 18:23

Email this article
 Printer friendly page

In this tutorial I will try to explain how to create a 3D effect from a 2D-image

1. This is the original image
Web Designers Library- Tutorials and Articles
3D-Photo Effect


2. Start with creating the "Photo-frame" by drawing a selection with the Polygonal Lasso Tool (L). Save the selection as "frame"
Web Designers Library- Tutorials and Articles
3D-Photo Effect


3. Now, mask the details that is outside the frame you created in step 2.

When you're done, copy the masked objects and paste it into a new layer
Web Designers Library- Tutorials and Articles
3D-Photo Effect


4. Creating the Photo frame

Select the first layer with the original image and Load the "frame selection" that you saved in step 2. Select inverse and hit Delete. Select inverse again and go to
Select > Modify> Contract selection by 15 pixels. Save that selection as Innerframe.

Now, load the selection "frame" and then load the selection "innerframe" and chose subtract from selection, an d it will look something like this.
Web Designers Library- Tutorials and Articles
3D-Photo Effect


5. Add a new Layer and fill it with a gradient white to light grey. White top left to light grey bottom right.

6. Creating a shadow.

Add a new layer below the "frame layer", load the selection "frame" and fill it with black. Deselect and apply the gaussian blur filter with amount 5.
Web Designers Library- Tutorials and Articles
3D-Photo Effect


7. Now go to Edit > Transform > Skew and drag it down a little bit on the right side.
Web Designers Library- Tutorials and Articles
3D-Photo Effect


8. Set the opacity to about 60%
Web Designers Library- Tutorials and Articles
3D-Photo Effect


9. Now, fill the bottom layer with any color you like and you're done!
Web Designers Library- Tutorials and Articles
3D-Photo Effect



Top of Page

 
Level Ten Hosting