Photoshop Tutorials

S5 Box

Login Form

Register

BY ACCESSING THIS WEBSITE YOU AGREE TO BE BOUND BY THE TERMS AND CONDITIONS BELOW. THESE TERMS AND CONDITIONS ARE SUBJECT TO CHANGE WITHOUT NOTICE, FROM TIME TO TIME IN OUR SOLE DISCRETION. WE WILL NOTIFY YOU OF AMENDMENTS TO THESE TERMS AND CONDITIONS BY POSTING THEM TO THIS WEBSITE. IF YOU DO NOT AGREE WITH THESE TERMS AND CONDITIONS, PLEASE DO NOT ACCESS THIS WEBSITE.

The content of PanosFX.com is the intellectual property of Panos Efstathiadis (except for any User Generated Content). You may not distribute, publish, or share the PanosFX add-ons & content to any third parties or any media, without the creator's written permission.

User Generated Content: Users may not upload any infringing, abusive, offensive or unsolicited content. Users are responsible for any copyright infringement issues.

 

By downloading the trial/commercial add-ons you agree to the following:
  • The images produced by the trial versions may not be used in any commercial projects. To use them commercially, you must buy the full product version.
  • The license is issued to a single user (the buyer). The product files may not be distributed or sold (in their original form, or modified) to any third parties.
  • The product files may not be published on any other sites, or distributed to any other media, without the written consent of the creator.
  • The product files are provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of fitness for a particular purpose. In no event shall the copyright holder included in this notice be liable for any claim or any special indirect or consequential damages, or any damages whatsoever resulting from loss of use, data or profits, whether in an action of contract, negligence or other tortious action, arising out of or in connection with the use or performance of the software.

 

By downloading the free add-ons you agree to the following:
  • The digital images produced by the free add-ons may be used both in commercial and non-commercial projects.
  • The product files may not be distributed or sold (in their original form, or modified) to any third parties.
  • The product files may not be published on any other sites, or distributed to any other media, without the written consent of the author.
  • The product files are provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of fitness for a particular purpose. In no event shall the copyright holder included in this notice be liable for any claim or any special indirect or consequential damages, or any damages whatsoever resulting from loss of use, data or profits, whether in an action of contract, negligence or other tortious action, arising out of or in connection with the use or performance of the software.

 

Registering with the site:

Registration is free, granting the following benefits:

  • Members are granted exclusive free access to certain advanced add-ons, not offered to non-registered users.
  • Members receive regular updates about our news, via newsletters.
  • Members may post their questions & messages on the forum.
  • Registered customers have access to the customer control panel, that lets them track their past purchases and re-download their products.
To register with the  site, you will be asked to provide a valid email address, a name, a username and a password. This information is solely used to identify you as a PanosFX member and will not be shared with any third parties. To cancel your free membership and have your email removed from our lists, click the 'unsubscribe' link on any newsletter, or contact us.

CREATING TRANSPARENCY IN 3D MESHES (Photoshop CC, CS6 Ext. and CS5 Ext.)

By Pit Hermann


This tutorial shows you how to create transparent areas in 3D objects.
In this example I will warp a text layer around a sphere. Then I'll make the sphere transparent, except for the text.
 
1. Create a new document with a ratio of 2:1.
In this example I created a document of 1000px (width) by 500px (height).
 
2. Type in your text.
(In this example I entered: "HAVE A LOT OF FUN -" using Times New Roman 90pt)
 
3. Press Ctrl-A (PC) or cmd-A (Mac) to select all.
 
4. Select the MOVE tool (press the V key) and click the "Align Horizontal Centers" and "Align Vertical Centers" buttons, in the options bar, below Photoshop's menu.
 
5. Press Ctrl-D (PC) or cmd-D (Mac) to deselect.
 
6. Click on the "fx" button in the layers panel and select "Bevel & Emboss".
 
7. Click on the "Technique" drop down list and select "Chisel Hard". Set: Depth=100%, Size=60px.
 
8. Click on "Gradient Overlay", select GRADIENT: Spectrum and hit "OK"
 
9. Merge layers by pressing Shift-Ctrl-E (PC) or Shift-cmd-E (Mac).
 
10. Duplicate the image (select: Image > Duplicate) and name the new image as "transparency"
 
11. Convert the new image to GRAYSCALE (Image > Mode > Grayscale)
 
12. Press Ctrl-L (PC) or cmd-L (Mac) to open the Levels window.
Enter 0,01 in the midtones field:
transparent-mesh-1

13. Press Ctrl+I (Mac: cmd+I) to invert the image.
inverted
Save the image in your hard disk (I prefer to save it as png, but you can choose jpg or tiff).
Close this image.

14. Now we will create a sphere from the image that is open in Photoshop (the one with the colored text).
  • If you have PS CC or PS CS6 Extended, select: 3D > New Mesh from Layer > Mesh Preset > Sphere from the menu.
  • If you have PS CS5 Extended select: 3D > New Shape from Layer > Sphere from the menu.
The image should now look like this (which actually looks not like anything new to you I think, but we will change it NOW!):
transparent-mesh-2

15. We will use the 3D panel: Please select Window > 3D from the main menu.
Once it shows up, click on "Sphere_Material". If it is not visible simply click on the small triangle to the left of "Sphere" and it will show up.
  • If you have PS CC or PS CS6 Extended the 3D panel should look like this:
transparent-mesh-3a
  • If you have PS CS5 Extended the 3D panel should look like this:
transparent-mesh-3

16. Now click on the small folder icon to the right of the Opacity field, which can be found in the Properties panel in PS CC or CS6 Extended, and in the 3D panel in PS CS5 Extended:
transparent-mesh-4a   transparent-mesh-4

17. Select "Load Texture" and open the "transparency" image file you saved earlier on.
Your sphere should now look like this:
transparent-mesh-5

We are ready. Now you can animate the image using the animation panel.
  

TIP: In this tutorial I used only BLACK and WHITE in the "transparency" image, where black gives fully transparency while white gives full opacity. Working with different gray tones results in different transparency values.

Following these steps you can create a bunch of great 3D effects. Here are two animations created using this technique:
        

© Pit Hermann, http://www.pit-hermann.com , http://www.pit-hermann.de
4.7/5 from 3 ratings.
Summary rating
updated for cc
2017/02/23
Your review
video previews are missing
Show more
  • Panos 2017/02/24
    Thank you very much for bringing this to my attention. The issue has been fixed.
    Panos

More to share? (Optional)

..%
No description
  • Size:
  • Type:
  • Preview:

SHOPPING CART

The cart is empty

COMPLETE BUNDLE: -50%

Our best offer!

  • Get our complete collection of commercial Photoshop actions and pay 50% less!
  • Get exclusive discounts in the future on any new product releases.


Click here to find out more


Photoshop version:

Add to cart
$73.00

Elements version:

Add to cart
$69.80

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Books & Brochures
Filmstrip effects
Puzzle Effects
Photo corners - Slits
Retro
Big pictures
Comics & Cartoons
Cubes
Tablets
Vinyl records & DVDs

Classic and creative 2D & 3D jigsaw puzzles!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Amazing filmstrips effects!

Stunning collection of unique filmstrip actions!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Stunning collection of unique filmstrip actions!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Create awesome books, booklets, brochures, spiral bound pads!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Create awesome books, booklets, brochures, spiral bound pads!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Mount your photos to the background through beautiful corner slits

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Mount your photos to the background through beautiful corner slits

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Turn your images into beautiful vintage photos

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Create funny cartoons and comic book pages!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

An impressive collection of photo collage effects!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Create static and animated photo cube effects!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Turn your photos into tablet PCs

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

Create beautiful vinyl records and DVDs

Create beautiful vinyl records and DVDs

Create beautiful vinyl records and DVDs in Photoshop!

For Photoshop:
Add to cart
$73.00
For Elements:
Add to cart
$69.80

50% off!

ArrowArrow
ArrowArrow
Slider