Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...

Page 3 of 69

Used Images: Cherry - author Rob Owen-Wahl Ice texture 1 Ice texture 2 Ads by Google

Photoshop CS3

Ice Cube

3D Illustrato

Create a new document in Photoshop - 800 * 600px, 72 px/inch. Unlock background layer and apply following layer style effects to it.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 4 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 5 of 69

Choose Rounded Rectangle Tool

with Radius 10px and create square around 200x200px in Shape

mode. We will use this shape to create 3D cube with rounded and smooth edges and corners. D rasterize created shape.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 6 of 69

Open 3D Tools palette. And create a new 3D object from the rounded rectangular shape .

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 7 of 69

You will see following message, just click "Yes".

Then apply 3D settings in the Repousse window, rotate created shape using "Rotate The Mesh" tool to perspective position.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 8 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... Page 9 of 69

Apply ice texture to this shape.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 10 of 69

Here you may find settings for the Front Inflation Material.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 11 of 69

Right click Diffuse icon and choose "Edit Properties" and change texture position .

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 12 of 69

Settings for the front Bevel Material, use the same ice texture for Diffuse and Bump parameters.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 13 of 69

But change Texture Properties:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 14 of 69

Settings for the Extrusion Material:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 15 of 69

Edit Texture Properties like on the screen shot below (don't pay attention to back side materials settin shape position):

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 16 of 69

Open 3D lights settings palette and create lights like on the screen shot. In order to add a new light, Create A New Light button , and choose the light type from the drop down menu. Find Light pos

settings in the top part of screen shot or apply your own by rotating 3D Axis guide. To view Axis guide Toggle icon and select 3D Axis.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 17 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 18 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 19 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 20 of 69

Duplicate 3D shape and change texture settings for the duplicated materials.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 21 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 22 of 69

Use another texture for this shape. Here is the list of new materials parameters:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 23 of 69

Apply following Texture Properties for the Front Inflation Material(the same settings for the both of Op Bump parameters):

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 24 of 69

Front Bevel Material settings:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 25 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 26 of 69

Extrusion Material settings:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 27 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 28 of 69

This shape has some transparent areas because of black and white spots texture for the Opacity Param That's why we need to set back side materials for this shape. Make them just invisible, apply Opacity Back Bevel Material and Back Inflation Material.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 29 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 30 of 69

Adjust lights settings:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 31 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 32 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 33 of 69

Return to the layers palette and apply Overlay Blending Mode to the new ice texture 3D shape.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 34 of 69

Apply "Ray Traced Final" Quality for both of 3D shapes.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 35 of 69

You should have similar result after rendering:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 36 of 69

Group 3d shapes and duplicate the group. Make group with the original 3D layers invisible(we will use 3D shape in future steps to create reflection)and create Smart Object from the duplicated group - righ the group and choose "Convert to Smart Object". Correct Hue/Saturation settings for this shape a bit( to add Hue/Saturation adjustment layer, right click to this layer and choose "Create Clipping Mask") Also add "Smart Sharpen" filter effect - Filter > Sharpen > Smart Sharpen. You may find settings for t Hue/Saturation and Smart Sharpen filter on the last screen shots.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 37 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 38 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 39 of 69

Rasterize Smart object ice cube layer and merge it with Hue/Saturation adjustment layer. Then apply filter to it, Filter > Liquify. Deform cube straight lines with Forward Warp Tool cube shape: to create more n

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 40 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 41 of 69

Duplicate deformed ice shape, apply Flip Vertical transformation to the duplicate - Edit > Transform > Vertical. Then choose Eraser Tool and erase bottom edge, just like on the example below:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 42 of 69

Choose Polygonal Lasso Tool and select one of the edges.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 43 of 69

Continue clicking to set endpoints for subsequent segments.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 44 of 69

Cut out selected part of ice shape and paste it into a new layer. Also you may see moved original 3D layer. Return to the group with original 3D layers and select one layers. Then choose "Drag the 3D Object" Tool and move the shape down just like on the screen shot. use this shape as a reflection guideway.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 45 of 69

You should have edges for reflection in the different layers. Choose right edge and move it down below deformed ice cube shape, then go to Edit > Transform > Distort. Drag corner points to align left edge edge of 3D shape. Try to line up ice texture(look at marked area)

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 46 of 69

Repeat the same action with the another edge.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 47 of 69

Make helper 3D layer invisible again. Merge transformed reflection layers. Set Opacity around 45%. Add layer mask to this layer, fill the bottom part of Layer Mask with black and white gradient to create effect. Create Levels Adjustment clipping mask for the reflection layer, use settings from the second screen s

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 48 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 49 of 69

Create a small dark reflection(selected area on the screen shot). Duplicate deformed ice layer. Place duplicated layer below the original. move it down on 5-6 px. Apply Multiply Blending Mode and Opacity 75%. Erase marked area above the bottom of ice cube edges.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 50 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 51 of 69

Then Apply Gaussian Blur filter - 1px. Filter > Blur > Gaussian Blur.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 52 of 69

Separate cherry from the white background and insert it to the Photoshop file. Cut out selected part of the cherry image and paste it into a new layer.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 53 of 69

Select bottom part of the cherry. Go to Ice layer and copy selected part. Paste copied ice area above cherry layer, apply Screen Blending Mode and opacity 92%. Then add levels adjustments, you may use adjustment layer as in several previous examples or just g Image > Adjustments > Levels, Check out levels settings on the second screen shot.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 54 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 55 of 69

Add red reflection to the ice shape, add Inner shadow layer style effect.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 56 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 57 of 69

Group following 3 layers: bottom part of cherry, top part and ice layer above cherry. Duplicate created group and merge it. Apply Flip Vertical transformation to merged group. Edit > Transform > Flip Vertical. Place cherry reflection layer below Ice shape layer, just like on the screen shot below:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 58 of 69

Load selection for the ice cube shape. Go to cherry reflection layer and cut out selected area. Then paste it into a new layer above Ice cube. Apply Inner shadow layer style effect to this small refle and Opacity - 75%.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 59 of 69

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 60 of 69

Return to the reflection layer below of ice shape. Apply Multiply Blending mode to it and Opacity 35%. Add Layer Mask to this layer and fill bottom part of the Mask with linear Black and White gradient.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 61 of 69

Group cherry and Ice cube layers above reflection, duplicate the group and merge it - Group 4 copy 7 screen shot below. We will use this merged copy to create shadow effect.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 62 of 69

Go to Image > Adjustments > Black and white, choose Default preset.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 63 of 69

Go to Edit > Transform > Distort transform. Transform black&white shape just like in the screen shot apply Blending Mode to shadow layer.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 64 of 69

move shadow layer below ice cube layers. Erase left corner(marked on the screen shot)

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 65 of 69

Touch top part of shadow wit large soft Eraser Tool to create fading shadow effect.

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 66 of 69

Apply Gaussian Blur filter to this layer:

http://alfoart.com/ice_cube_3D_tools.html

2/23/12

Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu... Page 67 of 69

And here is result!

Ads by Google

Photoshop Workshops

3D Rigging Tutorial

3D Rendering

3D

http://alfoart.com/ice_cube_3D_tools.html

2/23/12