Subscribe to Tutorials 2.0

This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.

I am starting with a 400×300 px white canvas. Draw your basic shape. I have started with a custom shape from Photoshop’s presets.

Step 1

Fill the shape with a nice orange color (I am using #ff6600)

Making a web 2.0 logo in Photoshop - Step 1

Step 2

Apply Bevel and Emboss to the layer using the following values :

Structure

  • Style : Inner Bevel
  • Technique : Smooth
  • Depth : 100%
  • Direction : Up
  • Size : 200px
  • Soften : 0px

Shading

  • Angle : 120 (use global light checked)
  • Altitude : 30
  • Highlight mode : Screen, Opacity : 75%
  • Shadow mode : Multiply (color : #ff0000), opacity 75%.

Making a web 2.0 logo in Photoshop - Step 2

Step 3

Stoke the layer with an orange color 3 pixels in size (I am using the same orange as the fill : #ff6600)

Making a web 2.0 logo in Photoshop - Step 3

Step 4

Apply an inner glow, size 40px.

Making a web 2.0 logo in Photoshop - Step 4

Step 5

Create a new top layer and using the Elliptical Marquee Tool create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a 50% opacity. You may rotate this layer so it will look cooler.

Making a web 2.0 logo in Photoshop - Step 5

Read the rest of this entry »

Popularity: 16% [?]

header2.jpg

We’re all big Bob Ross fans here at ClickPopMedia. Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.

Welcome back everybody. I sure am glad you could make it out today. Does everyone have their Illustrator warmed up and ready to do some vectorizing? Good.

Read the rest of this entry »

Popularity: 16% [?]