Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Designing Canon Digital Camera

In this detailed tutorial we will learn how to design Canon digital camera.

Final Image Preview

Designing Canon Digital Camera in Photoshop CS3

Let’s begin. Open Photoshop and create a new file (File>New) with 1024×768 px and 72 dpi. Select after that the Rectangle Tool (U) and represent a rectangle of the color you want.

Designing Canon Digital Camera in Photoshop CS3

Select the Blending Option parameter and select here the parameter Gradient Overlay.

Designing Canon Digital Camera in Photoshop CS3

Select the gradient’s parameters, using the codes indicated below:

Designing Canon Digital Camera in Photoshop CS3

As a result, we’ll get a nice background as the next one:

Designing Canon Digital Camera in Photoshop CS3

Start representing the photo camera itself. It’s necessary to select in this case the Rounded Rectangle Tool (U) and picture a rectangle with rounded corners.

Designing Canon Digital Camera in Photoshop CS3

The Convert Point Tool will change several points as those from below (press Ctrl button to shift the points)

Designing Canon Digital Camera in Photoshop CS3

Select after that Blending Options > Gradient Overlay
Select the Screen option instead Normal option on the Blending mode option, setting the colors depending on the codes indicated below.

Designing Canon Digital Camera in Photoshop CS3

This is the picture we should get on this stage:

Designing Canon Digital Camera in Photoshop CS3

Select next option Blending Options>Bevel and Emboss and set the next parameters:

Designing Canon Digital Camera in Photoshop CS3

Create a new file of 4×4 px and choose the Pencil Tool (B) to insert along the diagonal four pixels.

Designing Canon Digital Camera in Photoshop CS3

Edit>Define Pattern

Designing Canon Digital Camera in Photoshop CS3

Select now Blending Options>Bevel and Emboss> Texture and choose our pattern, setting the parameters from below:

Designing Canon Digital Camera in Photoshop CS3 We should get the next pattern:

Designing Canon Digital Camera in Photoshop CS3

Enter now the Blending Options>Inner Glow and select the next parameters:

Designing Canon Digital Camera in Photoshop CS3

Designing Canon Digital Camera in Photoshop CS3

Apply the next options: Blending Options>Inner Shadow

Designing Canon Digital Camera in Photoshop CS3

Designing Canon Digital Camera in Photoshop CS3

Enter Blending Options>Drop Shadow to set the parameters indicated next table:

Designing Canon Digital Camera in Photoshop CS3

Designing Canon Digital Camera in Photoshop CS3

Using the Pen Tool (P), try to picture an element as the one from the picture, having the color’s code #C4A565

Designing Canon Digital Camera in Photoshop CS3

Fill 47% on the layer.
Select Blending Options>Stroke to set the next parameters::

Designing Canon Digital Camera in Photoshop CS3

Designing Canon Digital Camera in Photoshop CS3

Press the Alt button and make simultaneously a left mouse’s click between the marked layer and the layer containing the camera’s corps

Designing Canon Digital Camera in Photoshop CS3

It’s the result we must get:

Designing Canon Digital Camera in Photoshop CS3 Working with the corps, is finished! Start working with the camera’s object glass and try to represent roundness with the Ellipse Tool (U).

Designing Canon Digital Camera in Photoshop CS3

Blending Options>Gradient Overlay:

Designing Canon Digital Camera in Photoshop CS3

Designing Canon Digital Camera in Photoshop CS3

That is what we should get:

Designing Canon Digital Camera in Photoshop CS3

Enter Blending Options>Inner Glow to set the parameters indicated next table:

Designing Canon Digital Camera in Photoshop CS3

The color’s code is #ACD4EF

Designing Canon Digital Camera in Photoshop CS3

Blending Options>Outer Glow:

Designing Canon Digital Camera in Photoshop CS3

Blending Options>Stroke:

Designing Canon Digital Camera in Photoshop CS3

That is what we have now:

Designing Canon Digital Camera in Photoshop CS3

Make a copy of the layer and make it smaller with the Free Transform option. Cancel for now the Blending Options>Outer Glow, Inner Glow and add Drop Shadow:

Designing Canon Digital Camera in Photoshop CS3

Change the placement of the gradient’s colors, as the next picture indicates it:

Designing Canon Digital Camera in Photoshop CS3

Page: 1 2 3 4

Comments