Designing Canon Digital Camera

September 24th, 2007 by ART-D Posted in Adobe Photoshop, Designing

   

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

  •  

  •    
  •  

 

Post Pages: 1 2 3 4

Tags: , , , , ,

  • Kathrine

    30/03/2010

    I need a text and everything……..gosh

  • 3boda207

    12/11/2010

    ineed this shape
    please
    my e-mail is ::
    a.boda207@hotmail.com
    please please

  • kidney problem

    10/05/2011

    Perfect piece of work you have done, this site is really cool with excellent information.

  • eva

    28/05/2012

    I don’t manage to get the little white spot out of the center. How did you do that? And I am lost with the brush/flares comment, could you clarify that step please? Thanks a lot for your detailed tutorial, it’s really appreciated!