Create a Diagnostics Icon in Photoshop

Diagnostic describes a procedure or test which is performed to determine what is wrong with a patient, or what illness they have. So today, in this tutorial you will learn how to create a diagnostics icon in Adobe Photoshop. I will guide you step by step until it is complete. I hope you will like our new creation. Enjoy!

Other useful photoshop tutorials:

Tutorial Details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 50 Mins

Download source file:

Create a Diagnostics Icon in Photoshop – Final Preview

Diagnostics Icon Final Preview

Tools and Resources

Tools and Resources

Photoshop Tools:

  • Rectangle Tool
  • Rounded Rectangle Tool
  • Ellipse Tool
  • Pen Tool
  • Polygonal Lasso Tool
  • Gradient Tool

Lets start to create a diagnostics icon in Photoshop

Step 1

Create a new document (Ctrl+N) 600×500 of size.

Create New Document

Step 2

Select the Rounded Rectangle Tool from Tool Panel and draw a rectangle with black color #000000, set Radius 30%.

Create a Rounded Rectangle

Step 3

Go to Layer > Layer Style or Blending Options and applying some effects.

Inner Shadow

Inner Shadow

Bevel and Emboss

Bevel and Emboss

Color Overlay

Color Overlay

Satin

Satin

After applying layer styles or blending options we get nice effect on rounded rectangle layer.

Get Nice Rounded Rectangle

Step 4

Select Rounded Rectangle Tool again and draw a rectangle with black color #000000, set radius 30%.

Create Second Rounded

Step 5

We are going to applying some Blending Options on the second rounded rectangle layer.

Drop Shadow

Drop Shadow

Inner Shadow

Inner Shadow

Gradient Overlay

Gradient Overlay

Now we get a beautiful second rectangle as like in preview.

Get Beautiful Second Rounded

Step 6

Ones again select Rounded Rectangle Tool and draw a third rectangle with this color #00b5b7.

Create Third Rounded

Step 7

Go to Layer > Layer Style and applying some effects on third rectangle layer.

Inner Shadow

Inner Shadow Third Rounded

Stroke

Stroke Third Rounded

After applying layer styles we get new effect on third rectangle layer.

Get New Effect