ice cube 3d tools
TRANSCRIPT
Used Images:◦Cherry - author Rob Owen-Wahl •Ice texture 1•Ice texture 2•
Create a new document in Photoshop - 800 * 600px, 72 px/inch.•Unlock background layer and apply following layer style effects to it.•
Ads by Google Photoshop CS3 Ice Cube 3D Illustrato
Page 3 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 4 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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. Drasterize created shape.
•
Page 5 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Open 3D Tools palette. And create a new 3D object from the rounded rectangular shape .•
Page 6 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
You will see following message, just click "Yes".•
Then apply 3D settings in the Repousse window, rotate created shape using "Rotate The Mesh" tool toperspective position.
•
Page 7 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 8 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Apply ice texture to this shape.•
Page 9 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Here you may find settings for the Front Inflation Material.•
Page 10 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Right click Diffuse icon and choose "Edit Properties" and change texture position . •
Page 11 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Settings for the front Bevel Material, use the same ice texture for Diffuse and Bump parameters.•
Page 12 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
But change Texture Properties:•
Page 13 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Settings for the Extrusion Material:•
Page 14 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Edit Texture Properties like on the screen shot below (don't pay attention to back side materials settinshape position):
•
Page 15 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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 possettings 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.
•
Page 16 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 17 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 18 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 19 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Duplicate 3D shape and change texture settings for the duplicated materials.•
Page 20 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 21 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Use another texture for this shape. Here is the list of new materials parameters:•
Page 22 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Apply following Texture Properties for the Front Inflation Material(the same settings for the both of OpBump parameters):
•
Page 23 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Front Bevel Material settings:•
Page 24 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 25 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Extrusion Material settings:•
Page 26 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 27 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
This shape has some transparent areas because of black and white spots texture for the Opacity ParamThat'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.
•
Page 28 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 29 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Adjust lights settings:•
Page 30 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 31 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 32 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Return to the layers palette and apply Overlay Blending Mode to the new ice texture 3D shape.•
Page 33 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Apply "Ray Traced Final" Quality for both of 3D shapes.•
Page 34 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
You should have similar result after rendering:•
Page 35 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Group 3d shapes and duplicate the group. Make group with the original 3D layers invisible(we will use3D 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 tHue/Saturation and Smart Sharpen filter on the last screen shots.
•
Page 36 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 37 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 38 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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 to create more ncube shape:
•
Page 39 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 40 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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:
•
Page 41 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Choose Polygonal Lasso Tool and select one of the edges.•
Page 42 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Continue clicking to set endpoints for subsequent segments. •
Page 43 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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.
•
Page 44 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
You should have edges for reflection in the different layers. Choose right edge and move it down belowdeformed 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)
•
Page 45 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Repeat the same action with the another edge.•
Page 46 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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 createeffect.
•
Create Levels Adjustment clipping mask for the reflection layer, use settings from the second screen s•
Page 47 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 48 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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.◦
Page 49 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 50 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Then Apply Gaussian Blur filter - 1px. Filter > Blur > Gaussian Blur.•
Page 51 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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.•
Page 52 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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 gImage > Adjustments > Levels, Check out levels settings on the second screen shot.
•
Page 53 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 54 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Add red reflection to the ice shape, add Inner shadow layer style effect.•
Page 55 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 56 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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:•
Page 57 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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 refleand Opacity - 75%.
•
Page 58 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Page 59 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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.•
Page 60 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
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.
•
Page 61 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Go to Image > Adjustments > Black and white, choose Default preset.•
Page 62 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Go to Edit > Transform > Distort transform. Transform black&white shape just like in the screen shot apply Blending Mode to shadow layer.
•
Page 63 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
move shadow layer below ice cube layers. Erase left corner(marked on the screen shot)•
Page 64 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Touch top part of shadow wit large soft Eraser Tool to create fading shadow effect.•
Page 65 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
Apply Gaussian Blur filter to this layer:•
Page 66 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html
And here is result!
Ads by Google Photoshop Workshops 3D Rigging Tutorial 3D Rendering 3D
Page 67 of 69Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice textu...
2/23/12http://alfoart.com/ice_cube_3D_tools.html