Home Community Submit Tutorials Downloads Gallery Links Contact FAQ's / Help
  Home
  Submit Tutorials
  Community
  Tutorials
  Fonts
  Templates
  Affiliates
  Photography Corner
  Site Map
  Contact Us
 
Affiliates
  Pixel Apex
  Trick Digest
  Racuda
  Adobe Tutorialz
  Pixel2life
  Good-Tutorials
  Tutorialized
  Deviantart
  Majesticlicks
  Free-Brushes
 
Tutorial Categories
3D Studio Max
Adobe Photoshop
Adobe Fireworks
Adobe Flash
Adobe Flex
Adobe Illustrator
ASP.NET
Dreamweaver
eCommerce
Gimp
JavaScript
Maya
Microsoft Frontpage
PHP Coding
Swift 3D Swift 3D
Windows Operation
Wordpress
 
Tutorial
Name:
Image Quality
Author:
Trick Digest
Tutorial
Name:
Opened Envelope
Author:
Pixel Digest
 
Search:
Search Example: Orb, Oman3d, Adobe Photoshop or Picture Editing
 
 
Glass Ellipse - Create a elliptical display screen.
Introduction: In this tutorial I will teach you how to create the glass elliptical shape below. I created this using blending options and the gradient effect. One from the top and another from the bottom. If you are having problems feel free to e-mail us, or post a message on the forum.
 


In this tutorial I will teach you how to create this elliptical display screen


Step1: Setting up your work area and creating the Elliptical shape.

Ok, lets get started. Create a new image with the dimension 800 x 600. Set the background color to white, make sure the Color Mode is set to RBG Color and click ok when you are finished. Click View Actual Pixels so you can view the full size of your work area. Create a new layer, Layer New Layer... (Shift+Ctrl+N) and name it Ellipse. Click on the Elliptical Marquee Tool Elliptical Marquee Tool and create a ellipse using the dimension below.

 

 

Using the setting I mentioned you should have the ellipse below.

 

 

Step2: Create the boarder around the ellipse.

Still on the Ellipse layer, click on the Paint Bucket Tool and fill the selection with this black color (#000000). Now with the color added to the Ellipse layer your image should look like what I have below. 

 

 

Now right click on the Ellipse layer as shown below and click Blending Options.

Add the Blending Options setting below to the Ellipse layer.

Drop Shadow

 

Bevel and Emboss

 

Contour

 

Contour Setting

Click Ok when you are finished

With that setting added your image should look like the screenshot below.

Step3: Creating the glass effect.

Hold Ctrl and click on the Ellipse layer which will select the ellipse. When your image is selected it should have a selection around it as shown below.

With the selection, Click Select Modify Contract and change the contract to 7 pixel. 

 

Contract Pixel Size

Create a new layer, Layer New Layer... (Shift+Ctrl+N) and name it Glass. Fill the selection with this green color (#19b000). With that your image should look like the screenshot below.

Now right click on the Glass layer as shown below and click Blending Options and add the setting below.

Bevel and Emboss

 

Bevel and Emboss (Gloss Contour)

 

Gradient Overlay

Gradient Overlay ( Gradient)

 

Pattern Overlay

Download Pattern

Stroke

Click Ok when you are finished.

With that setting added your image should look like the picture below.

 

Step4: Creating the glass effect, (adding reflection)
Hold CTRL and click on the Glass Layer to select it. Create a new layer, Layer New Layer... (Shift+Ctrl+N) and name it reflect1. With the selection, Click Select Modify Contract and change the contract to 3 pixel. With that your image should look like the screenshot below.

Using the Rectangular Marquee Tool make sure that subtract from selection is selected and subtract from your selection to look like the image below.

Click on the Gradient Tool , double click on the image of the gradient to edit it as shown in the image below.

When the Gradient Editor window comes up create the gradient below. Save the gradient you will need it in the next step.

Create a gradient on the selection going to the bottom to the top as shown in the image below.

 

 

with that added you should have the effect shown below.

 

Now we need to repeat step 4 and place a reflection at the bottom of the image. Hold CTRL and click on the Glass layer, Click Select Modify Contract and change the contract to 3 pixel. Using the Rectangular Marquee Tool make sure that subtract from selection is selected and subtract from your selection to look like the image below.

Create a new layer, Layer New Layer... (Shift+Ctrl+N) and name it reflect2. Create a gradient going from the top to the bottom to get the effect below.

Finished:
Well that is it, hope it came out to what you expected. I also created a video tutorial for this example. The file is a 18 MB flash file. I have the link up on the video section on the forums. Users have to register to view the file, click here to register and view file.  If you have any question or comment about this tutorial feel free to post a message on the forum.

 

 

This Tutorial was Created by Mark
© 2006 pixeldigest.com. All Rights Reserved.

 
 
Help Support Us
 
 
 
News Updates
Updated the Forum, Unfortunately i could not use the same link as the old forum for the update. For the new link click Here. All the post and user name are still usable. So, if you previously registered you can still use the old username and password. Some accounts that was not used were deleted.  
 
News Update [10/16/07]
Yesterday on the 15th of October my gallery went down for some unknown reason. I was able to get the backup of the images, i just lost all the users. The gallery was not that active but i am sill pissed about what happened. I am in the process of reloading the gallery. Just give me some time and it should be up and running.Yesterday on the 15th of October my gallery went down for some unknown reason. I was able to get the backup of the images, i just lost all the users. The gallery was not that active but i am sill pissed about what happened. I am in the process of reloading the gallery. Just give me some time and it should be up and running.  
... Read More
 
Bookmark This Page
 
 
Untitled Document
Latest Gallery Image
 
Sponsors
Custom Shapes
Custom Shapes
Custom Shapes
 
 

Home | Submit | Tutorials | Forums | Gallery | Fonts | Downloads | Templates | Affiliates | Sitemap | Contact | FAQ's / Help

© 2005 - 2008 pixeldigest.com