13
3D Model Energy Bar For this tutorial we are using PSD Extended CS5

Energy bar

Embed Size (px)

DESCRIPTION

customizing a energy bar in photoshop extended

Citation preview

Page 1: Energy bar

3D Model

Energy Bar

For this tutorial we are using PSD Extended CS5

Page 2: Energy bar

01 Files in this setREADY TO USE

Scenes

Model withgroundplane

Photoshopgroundplane

Matt

Label UV map

Page 3: Energy bar

Photoshopgroundplane (02)

Model withgroundplane (01)

02 Differences between this 2 modelsThe model (01) the ground is connected to the model (see last chapter 04).Recommend for CS4 or CS5, if you want to set floor reflection or place a texture map.

The model (02) render ground plane shadows in a transparent background.To activate you must go to the top menu in photoshop select 3D them activateGround plane shadow catcher and them Snap object to the ground plane before render, recommend for CS6 and above, that have better controls, like merging several models in the same layer to cast shadows and share reflections... (Only in CS6)

Page 4: Energy bar

03 Change render quality to interactive (CS4 and CS5)Only for versions CS4 and CS5, if you are using CS6 jump this step. After you opened one of the model samples check the 3D scene panel,to change render settings, set Quality to interactive (Painting)before starting the customizing process.

Follow the pink dots, from top to bottom.

before after

Page 5: Energy bar

04 Customizing the floor Just for the Model with ground plane attach- Change colour- Control floor opacity- Control reflection intensity- Hiding the floor

(01) Floor material(02) Floor colour(03) Floor opacity(04) Floor reflection

FLOOR COLOURTo change floor colour, go to diffuse (02) double click in the colour box or click on the texture icon to place a texture map

FLOOR OPACITYYou can control floor opacity (03) inserting a value in the box, 0% for hiding the floor, 100% to full opaque, or inserting a texture map (this work like a mask, black to hide, white to show)

This models have a texture map to fade the floor with the background

FLOOR REFLECTIONYou can control floor reflection (04) inserting a value in the box, 0% no reflection, 100% full reflection.

HIDING FLOOR (05)To hide the floor go to opacity, remove the texture map, (click in texture map icon) and insert 0% value in the box.

02

01

03

0405

Page 6: Energy bar

05 Loading a new label Go to the 3D materials window, click in LABELthen DIFFUSE (01) (click in the texture icon)then OPEN TEXTURE, replace the image placeholder by yours.

Gloss and matt finish Go to the 3D materials window, click in LABELthen REFLECTION (02) set the amount 20% for gloss and 0% for matt

01

02

Page 7: Energy bar

06 New labelReplace this layer (01) by yours, close and save

01

front backback

Page 8: Energy bar

07 Dentate edge and welding linesThe TRANSPARENCY channel is used to set the edge finish and the BUMP for the welding lines. Use only grayscale colours

Page 9: Energy bar

08 Customizing your scene - 3D tools (For the model with ground plane)

You can rotate the model to find the perfect angle for this scene.

Be sure to pick the model layer, before starting using the 3D tools, then select in the TOOL BOXthe 3D tool you need (01). (3D axis tool interface to rotate (02), scale...and more.

If this tool is not visible checkhere (03) 3D AXIS

01

03

02

Page 10: Energy bar

09 Customizing your scene - 3D camera (For the model with photoshop ground plane )

You can orbit the camera to find the perfect angle for this scene.

Be sure to pick the model layer, before starting using the 3D tools, then select in the TOOL BOXthe 3D tool you need (01).

3D axis tool interface to change camera view (02).

With the camera tool you can,roll, pan, walk and zoom

If this tool is not visible checkhere 3D AXIS (03)and 3D GROUND PLANE (04)

01

03

02

04

Page 11: Energy bar

10 Customizing your scene - 3D lights

If you need to lighten any dark part of the model,change light intensity or change the light colour

(01) Lights window(02) Pick the light you need to customize(03) Light intensity(04) Light colour(05) Light control

(05A) show 3D light in the scene(05B) Light rotation(05C) Light rotation tool

01

02

0304

05A

05B

05C

Page 12: Energy bar

11 Render the final pictureAfter concluding the customizing process, you need to render the final picture, where you can see the soft shadows, reflections...

To do that you must go to 3D scene to change render settings, change Quality to Ray traced Final,follow the pink dots,from top to bottom andlet the computer render the scene.

Page 13: Energy bar

For any questions you can use the photoshop help or contact me through my email - [email protected]