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 Image Framing
Author: SweDesignz.com
Authors Website: www.swedesignz.com
Jul 22, 2006, 12:06

Email this article
 Printer friendly page
This is the finished product from this tutorial:
Web Designers Library- Tutorials and Articles
3D Image Framing


I am going to show step by step how to do it. There's the original pic for this tutorial, cute sexy Britney Spears.
Web Designers Library- Tutorials and Articles
3D Image Framing


Create a new file, about 900x900 px and paste this picture there. Ctrl+click the picture's layer (to get it selection). Then go to Select > Modify > Expand, use 10 px. Now create a new layer below the picture's layer and fill it with white color (alt+f) Your picture is looking like this now.
Web Designers Library- Tutorials and Articles
3D Image Framing


Now merge the white and the picture layer by linking it (picture) then go to Layer > Merge Linked (Ctrl+E) Now go to Edit > Transform > Rotate 90 CW. Then go to Filter > Distort > Shear. Use the following settings:


Web Designers Library- Tutorials and Articles
3D Image Framing


Now go to Edit > Transform > Rotate 90 CCW. Now you can simply add a Drop Shadow style, clicking with the right button on the layer and going to blending options, I used the following settings:
Web Designers Library- Tutorials and Articles
3D Image Framing


You are done!
Web Designers Library- Tutorials and Articles
3D Image Framing


I hope that you liked this tutorial, it's principles can be used to make a lot of nice effects to your pictures! Thanks.



Top of Page

 
Level Ten Hosting