Mobile app version of vmapp.org
Login or Join
Angela777

: "Fake" 3d effect in Photoshop/Illustrator with raster images I need to create a "fake" 3D effect for some raster image, like this one below: do you know how I can achieve this in Photoshop

@Angela777

Posted in: #AdobeIllustrator #AdobePhotoshop #Isometric

I need to create a "fake" 3D effect for some raster image, like this one below:



do you know how I can achieve this in Photoshop (CS5) or Illustrator? Thanks.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Angela777

3 Comments

Sorted by latest first Latest Oldest Best

 

@Bryan765

Hey I've been wondering about the exact same question for a while, and just found out exactly how they (fantasy interactive, the mock shown in your screenshot) did it.

Its actually a lot easier than the methods mentioned above. In illustrator, select the item you want to turn "3D", go to effect - 3d - extrude and bevel. You can play with the settings a bit to get the angle you want, and voila. Super easy.

10% popularity Vote Up Vote Down


 

@Sent7350415

You can do this in Photoshop CS 5 (Extended) but somewhat painfully. However, if you have Photoshop CS 6 Extended it is now even easier to do this with Photoshop's updated 3D tools and user experience. Additionally, as it is in true 3D space all of the perspective is controlled by a virtual camera, which you can adjust like Field of View and Depth of Field.

Among the other benefits of it being in 3D, the scene is lit with and IBL and/or 3D Lights which can be picked up in the objects materials (Shine, Reflection), and all of your floating elements (3D objects) cast and receive shadows, which you can also control.

Best part is... it's non-destructive! You can go in at any time and change any of the elements positions, replace materials or Texture Maps (images) or even adjust the camera's Depth of Field for some cool effects and much more.

Here's how...


Separate your elements into individual layers
In the 3D panel, individually convert each layer to a 3D Postcard
Select and move your 3D Postcard layers back and forth
Select all your 3D postcards and rotate them to your liking
Select the Current View and rotate the view to your liking
Render your scene


Here's my super quick example for you:


...and my Photoshop 3D workspace:


...and one I did with the 3D camera's Depth of Field settings. (Note that I only let it go for 5 passes, the longer it renders the more noise it cleans up.):


You get the idea. If you like the answer, +1 it, check it, leave a comment or do nothing at all but leave knowing another trick in Photoshop. (^_^)

You can get more information at Photoshop.com. Cheers!

Disclaimer: I am the editor-in-chief of Photoshop Dimensions.

10% popularity Vote Up Vote Down


 

@Heady304

A good method for creating this sort of 3d perspective rim is as follows:

Using the perspective tool put the object into the correct perspective (or leave it in position for a different effect).



Copy the layer and use the original (make sure the layer is below the copy) and nudge it with the down arrow key until it is as low as you want the rim to be deep.



Then hold the alt key and repeatedly press the up arrow until your copied layer reaches the same position as your original (this duplicates the layer and nudges it up one pixel on each key-press).



VOILAH! Add some shadow or whatever 3D effects you want. I often find it a good idea to merge the layers that make up the rim you just made and then you can burn and dodge it in places to give the illusion of depth. If you just want to make it darker press CMD + U (mac) or CTRL + U (windows) and drag the lightness down until you are satisfied.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme