Smart Photoshop

April 27, 2006

XP Style Flatbed Scanner Icon

Filed under: web-graphics — admin @ 7:26 pm

Creating Windows XP style icon for a flatbed scanner

Start by creating a rounded rectangle using rounded rectangle shape tool.

Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Press Alt key and keep hitting the down arrow key to create 3d extrusion.

Select and merge all the duplicate layers. Double click the layer to open layer style window. Apply layer style with the settings shown.

Select the merged extruded layer and scale up a bit.

Create a rounded rectangle using rounded rectangle shape tool. Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Create a rectangle using rectangular shape tool. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown. Move this layer below the scanner top layer in layer order in layer palette.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Create an ellipse for the button using elliptical shape tool.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Create a selection of left edge using polygon lasso tool.

Create a new layer and apply a black to white gradient in linear mode.

Change the layer mode to screen.

Similarly create shiny layers on top of all other parts of the scanner.

Create more buttons.

Create an ellipse using elliptical shape tool. Enable subtract form shape area form the top bar. Create a rectangle using rectangular shape tool.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Select and merge all the layers.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Comments (2)

April 21, 2006

XP Style Help Icon

Filed under: web-graphics — admin @ 7:34 pm

Creating Windows XP style icon for help

Create a rounded rectangle using rounded rectangle shape tool.

Enable subtract form shape area form the top bar. Create a rectangle using rectangular shape tool near the bottom of the rounded rectangle.

Press Ctrl+T. Right click the layer and select perspective. Adjust nodes to get the shape as shown.

Press Ctrl+T. Right click the layer and select warp. Adjust nodes of the bottom side to get the curved shape as shown.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Duplicate layer. Remove layer style. Enable subtract form shape area form the top bar. Create a shape as shown in the image below.

Create an ellipse using elliptical shape tool. Rotate a bit so that it looks like an exclamation sign.

Repeat above mentioned steps for circle layer too.

Double click the gray shape layer to open layer style window. Apply layer style with the settings shown.

Using pen tool create thin shapes to add highlight to the icon.

Select the upper part layer of icon. Ctrl+Click the layer thumbnail to get the selection. Create a new layer. apply white to black gradient in this layer. repeat steps for circle too.

Change layer mode to screen.

Select eraser tool and using a feathered brush setting erase the left portion of this layer.

Select and merge all layers. Scale down to icon size. Double click the layer to open layer style window. Apply layer style with the settings shown.

Comments (2)

April 17, 2006

Stethoscope Logo

Filed under: web-graphics — admin @ 12:31 am

Creating a logo with stethoscope

Start by creating a rounded rectangle using rounded rectangle shape tool.

Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

Press Ctrl+T. Right click the layer and select perspective. Adjust nodes to get the shape as shown. Rasterize the layer.

Ctrl+Click the layer thumbnail to get the selection.

Form select menu apply modify>>contract. Contract the selection by 5 pixels.

Press Delete to remove the selection.

Create a rectangular selection using rectangular marquee tool.

Press delete to remove the selection.

Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.

Create a couple of ellipses using elliptical shape tool.

Create a slit using rounded rectangle shape tool.

Press Ctrl+T. Right click the layer and select warp. From top bar select arc from the preset warp shapes. Apply settings as shown.

Place the layer as shown in the image below.

Create a path using pen tool.

Select a 5 pixels hard brush. Create a new layer. Apply stroke path with brush from the path window.

Similarly create the right side of the pipe.

Create a circle using elliptical shape tool.

Select the initial shape. Double click the layer to open layer style window. Apply layer style with the settings shown.

Copy paste the layer style on the ear pads.

Double click the layer to open layer style window. Apply layer style with the settings shown.

Apply stroke to the circle and fill with gray color.

Duplicate the layer and scale down. Fill with light gray color.

Merge all layers. Rotate and place interestingly above the company name.

Comments (0)

• Pages
  • About
  • All Tutorials
  • Smart Photoshop Store

If you would like to get the most updated tutorials, please put in your name and email below.

First Name:
Email:

• Categories:
  • Uncategorized
  • basics
  • designing
  • animation
  • drawing
  • effects
  • photo-effects
  • text-effects
  • texturespatterns
  • web-graphics
• Archives:
  • August 2007
  • February 2007
  • December 2006
  • July 2006
  • June 2006
  • May 2006
  • April 2006
  • March 2006
  • February 2006
• Credits:
  • RSS
  • Comments RSS
  • Valid XHTML
  • XFN
  • WPT
  • WP
• Admin:
  • Login
• Search:
  
  

• Blogroll

  • Alex
  • Mike
  • Matt
  • Donncha
  • Michel
  • Ryan
  • Dougal