65
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 69 Ice cube 3D photoshop tools tutorial. 3D scene ice cube and cherry inside, ice texture ... 2/23/12 http://alfoart.com/ice_cube_3D_tools.html

Ice Cube 3D Tools

  • Upload
    mr-dil

  • View
    70

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Ice Cube 3D Tools

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 2: Ice Cube 3D Tools

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

Page 3: Ice Cube 3D Tools

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

Page 4: Ice Cube 3D Tools

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

Page 5: Ice Cube 3D Tools

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 6: Ice Cube 3D Tools

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

Page 7: Ice Cube 3D Tools

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

Page 8: Ice Cube 3D Tools

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

Page 9: Ice Cube 3D Tools

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

Page 10: Ice Cube 3D Tools

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

Page 11: Ice Cube 3D Tools

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

Page 12: Ice Cube 3D Tools

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

Page 13: Ice Cube 3D Tools

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

Page 14: Ice Cube 3D Tools

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 15: Ice Cube 3D Tools

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 16: Ice Cube 3D Tools

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 17: Ice Cube 3D Tools

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

Page 18: Ice Cube 3D Tools

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 19: Ice Cube 3D Tools

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

Page 20: Ice Cube 3D Tools

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

Page 21: Ice Cube 3D Tools

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

Page 22: Ice Cube 3D Tools

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 23: Ice Cube 3D Tools

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

Page 24: Ice Cube 3D Tools

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 25: Ice Cube 3D Tools

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

Page 26: Ice Cube 3D Tools

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 27: Ice Cube 3D Tools

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

Page 28: Ice Cube 3D Tools

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 29: Ice Cube 3D Tools

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 30: Ice Cube 3D Tools

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

Page 31: Ice Cube 3D Tools

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

Page 32: Ice Cube 3D Tools

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

Page 33: Ice Cube 3D Tools

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

Page 34: Ice Cube 3D Tools

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 35: Ice Cube 3D Tools

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 36: Ice Cube 3D Tools

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

Page 37: Ice Cube 3D Tools

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 38: Ice Cube 3D Tools

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

Page 39: Ice Cube 3D Tools

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

Page 40: Ice Cube 3D Tools

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

Page 41: Ice Cube 3D Tools

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

Page 42: Ice Cube 3D Tools

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

Page 43: Ice Cube 3D Tools

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

Page 44: Ice Cube 3D Tools

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

Page 45: Ice Cube 3D Tools

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 46: Ice Cube 3D Tools

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

Page 47: Ice Cube 3D Tools

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 48: Ice Cube 3D Tools

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

Page 49: Ice Cube 3D Tools

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

Page 50: Ice Cube 3D Tools

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

Page 51: Ice Cube 3D Tools

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 52: Ice Cube 3D Tools

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

Page 53: Ice Cube 3D Tools

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 54: Ice Cube 3D Tools

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

Page 55: Ice Cube 3D Tools

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

Page 56: Ice Cube 3D Tools

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 57: Ice Cube 3D Tools

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

Page 58: Ice Cube 3D Tools

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

Page 59: Ice Cube 3D Tools

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

Page 60: Ice Cube 3D Tools

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

Page 61: Ice Cube 3D Tools

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

Page 62: Ice Cube 3D Tools

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

Page 63: Ice Cube 3D Tools

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

Page 64: Ice Cube 3D Tools

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

Page 65: Ice Cube 3D Tools

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