In this tutorial you will learn how to design a Design a Sleek Navigation Interface using photoshop.

Preview:

Sleek Navigation Interface.

Step 1:

Let’s start out by creating a new file. I used a 1000×200 pixels canvas set at 72dpi, and I filled my background with white color. Now create a new layer then draw a long gray rectangle with #D7D7D7 color shade and 950 x40 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to the long gray rectangle layer.

Result:

Step 3:

Create a new layer, using your Polygonal Lasso Tool draw the gray rectangle like shape shown below.

Step 4:

Now grab the Eraser Tool and create a smooth curve on your gray rectangle shape.

Step 5:

Create a new layer, below the gradient a new layer draw a long rectangle with #00273E color shade and 950×26 px dimensions.

Step 6:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to the long rectangle with #00273E color shade layer.

Result:

Step 7:

Now add a white search box on the left end of the interface. Then in a new text layer type ‘Looking for something?’ on the search box, use font Arial, bold, 11 pt, none and #989898 color shade.

Step 8:

In a new layer draw a small orange rectangle with #E92700 color shade and 56 x 21 px dimensions, this will be your search button.

Step 9:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your search button layer.

Result:

Step 10:

Select the Horizontal Type Tool then set the font family to Arial Black, regular, 90 pt, strong and white color. In a new text layer type your name on the center of the canvas.

Step 11:

Here I added more white dots with a lower opacity level on the center design.

Step 12:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your black tab layer.

Result:

Step 13:

Step 14:

In a new layer draw a dark gray rectangle with #0C0C0C color shade and 130 x 11 px dimensions on the top end of the hosting rack design.

Step 15:

Results:

Sleek Navigation Interface.

In this tutorial you will learn how to design a Hosting Rack using photoshop.

Preview:

Monitor Design

Step 1:

Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with white. Now select the Rounded Rectangle Tool, above your screen under the options palette choose Fill Pixels, set the radius to 8 px and check anti-aliased. In a new layer draw a small rounded rectangle with #34333A color shade and 140 x 35 px dimensions. Then go to Edit > Transform > Perspective, drag the bottom left transform point on the rounded rectangle to the right to make the shape below.

Step 2:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Satin, Gradient Overlay and Pattern Overlay blending options to thelight purple shape layer from step one.

Result:

Step 3:

In a new layer draw another rounded rectangle with #2C2B31 color shade and 67 x 100 px dimensions right on the center of the first shape design. Then cut half of the rounded rectangle.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Glow, Satin, Gradient Overlay and Pattern Overlay blending options to your half rounded rectangle layer.

Result:

Step 5:

In a new layer draw a small rectangle with #E3EBEE color shade and 99 x 12 px dimensions on top of the half rounded rectangle shape.

Step 6:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Gradient Overlay blending options to your small rectangle layer.

Result:

Step 7:

In a new layer make a large gray rounded rectangle with #717171 color shade outside the body content, see the picture below for the proper location. Then cut the right side of the gray rounded rectangle.

Step 8:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Satin and Gradient Overlay blending options to your gray rounded rectangle layer.

Result:

Step 9:

Create a new layer then draw a large black rectangle with 354 x 220 px dimensions.

Step 10:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Inner Glow and Gradient Overlay blending options to the large black rectangle layer.

Result:

Step 11:

Select the Horizontal Type Tool then set the font family to Arial, bold italic, 7 pt, smooth and black color shade. In a new text layer type your brand name below the black rectangle screen.

Results:

Monitor Design.

• Design a Hosting Rack using Photoshop
• Design a Hosting Template using Photoshop
• Photoshop Tutorial: Nokia 5800 XpressMusic Design

In this tutorial you will learn how to design a Hosting Rack using photoshop

Preview:

Hosting Rack Design.

Step 1:

Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with black color. Now using the Rounded Rectangle Tool with 20px radius draw a small white rounded rectangle with 148 x17 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add a Drop Shadow and Inner Glow blending options to your small white rounded rectangle layer. Then set the layer’s blending mode to Darken.

Result:

Step 3:

In a new layer draw larger rounded rectangle with #555555 color shade and 149×240 px dimensions. Then cut the top corners of the gray rounded rectangle layer.

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Satin, Gradient Overlay and Stroke blending options to your gray rounded rectangle layer.

Result:

Step 5:

In a new layer draw a small black rectangle with 130×10 px dimensions.

Step 6:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to the small black rectangle layer.

Result:

Step 7:

Duplicate your small black rectangle layer and stack a bunch of them on the rack design.

Step 8:

Now add a marquee selection around the black rectangle pattern design then go to Edit > Copy Merged. Now go back to Edit > Paste and position the new set of rectangle design just below the original, set the layer’s blending mode to Soft Light.

Step 9:

Add two more set of the black rectangle pattern on the hosting rack.

Step 10:

Create a new layer, using your Pencil Tool with a 1px tip draw a couple of white dots on each side of the rack design.

Step 11:

Here I added more white dots with a lower opacity level on the center design.

Step 12:

In a new layer draw a very small circle with #006A64 color shade on the top center end of the rack design.

Step 13:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Outer Glow and Gradient Overlay blending options to your very small circle layer.

Result:

Step 14:

In a new layer draw a dark gray rectangle with #0C0C0C color shade and 130 x 11 px dimensions on the top end of the hosting rack design.

Step 15:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to the dark gray rectangle layer.

Result:

Results:

Hosting Rack Design.

More Resources:

• Design a Hosting Template using Photoshop
• Photoshop Tutorial: Nokia 5800 XpressMusic Design

In this tutorial you will learn how to design a Hosting Template Design using photoshop.

Preview:

Hosting Template Design

Step 1:

Let’s start out by creating a new file. I used a 1000×700 pixels canvas set at 72dpi, and I filled my background with #FEFFE0 color shade. Now in a new layer draw a long brown rectangle with #2F0B00 color shade and 1000 x 58 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to the long rectangle layer.

Result:

Step 3:

Select the Horizontal Type Tool then set the font family to Arial, regular, 13 pt, smooth and white color shade. In a new text layer type out your navigation links with spaces between each link.

Step 4:

Now set the font family to Brush Script MT, 36 pt, strong and white color shade. Then type out your website name.

Step 5:

In a new layer draw a large rectangle with #F1F2D5 color shade and 1000 x 278 px dimensions on center of your template. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Inner Shadow blending options.

Result:

Step 6:

Now grab the Monitor Design here then insert it into the center of your template.

Step 7:

On the top center of your template add a ‘Why Choose Us’ section. First draw a red rectangle in a new layer then add the section title in a new text layer. Below the red rectangle add the features.

Step 8:

Create a new layer then draw a rounded rectangle with #1E1E1E color shade and 147 x 52 px dimensions. Then under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option.

Result:

Step 9:

Create a new layer then draw a large white rectangle with 318 x 260 px dimensions.

Step 10:

Now add the text for the reseller host package.

Step 11:

Add two more content boxes for two hosting packages.

Step 12:

Make a new layer set and name it Footer. In a new layer draw a large brown rectangle with #170500 and 1020 x 100 px dimensions. Then in a new layer draw a smaller rectangle with #3D0E00 color shade and 1020 x 30 px dimensions.

Step 13:

With the Horizontal type tool add your navigation links on the smaller rectangle. Then add your copyright information on the brown rectangle space.

Results:

Hosting Template Design.

>

In this tutorial you will learn how to design a Dark Nature Theme Text Effect using photoshop.

Note some images below are resized for theme so please click on them to view the full size.

Preview:

Dark Nature Theme Text Effect.

Step 1:

Let’s start out by creating a new file. I used a 500×500 pixels canvas set at 72dpi, and I filled my background with black color. Now grab the background design below and insert it into your canvas.

Step 2:

Select the Horizontal Type Tool then set the font family to Eras Bold ITC, regular, 72 pt, crisp and black color. In a new text layer type your name on the center of the canvas then rotate the text through Edit > Transform.

Step 3:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Glow and Stroke blending options to your black text layer. Then set the layer’s blending mode to Lighten.

Result:

Step 4:

In a new text layer add your name again, same position as the first text layer.

Step 5:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Inner Glow and Gradient Overlay blending options to your white text layer. Then set the layer’s blending mode to Soft Light.

Result:

Step 6:

Add a marquee selection around your text design then go to Edit > Copy Merged. Then go back to Edit > Paste to add another copy of your text design. Now rotate the entire text design through Edit > Transform.

Step 7:

Now go to Filter > Stylize and apply a wind effect on the rotated text design, use the settings below. Once the wind effect is applied rotate the design to the original position.

Result:

Step 8:

Select the Horizontal Type Tool then set the font family to Webdings, regular, 36 pt, smooth and white color. In a new text layer type ‘#’ which should be a spider web icon.

Step 9:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Pattern Overlay blending options to your spider web text layer. Then set the layer’s opacity level to 83%.

Result:

Step 10:

Now add more spider webs on your text design, make each web unique by modifying the sizes, opacity level etc.

Results:

Dark Nature Theme Text Effect.

More Photoshop Tutorials:
Photoshop Tutorial: Nokia 5800 XpressMusic Design
Photoshop Tutorial: Ice Cream Cake Design

In this tutorial you will learn how to design a Nokia 5800 XpressMusic mobile phone using photoshop.

Step 1:

Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with white. Now select the Rounded Rectangle Tool, above your screen under the options palette choose Fill Pixels, set the radius to 30 px and check anti-aliased. In a new layer draw a large rounded rectangle with #343B45 color shade and 170 x 380 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Stroke blending options to your large rounded rectangle layer.

Result:

Step 3:

In a new layer draw another large rounded rectangle with #0A0A0A color shade and 150 x 360 px dimensions.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your large dark rounded rectangle layer.

Result:

Step 5:

Now grab the screen design here and insert it into your canvas.

Step 6:

Select the Horizontal Type Tool then set the font family to Arial, bold, 7 pt, smooth and white color shade. In a new text layer type ‘NOKIA’.

Step 7:

In a new layer make a small black rounded rectangle on the top center of the design. Then in another new layer draw a small circle with #2B2B33 color shade on the right end of the design.

Step 8:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Stroke blending options to the small circle layer.

Result:

Step 9:

Grab the express music logo here and insert it into your design.

Step 10:

Create a new layer then draw a long black rounded rectangle below the screen design. Then under Layer Style(Layer > Layer Style) add a Stroke blending option.

Result:

Step 11:

In a new layer draw a smaller black rounded rectangle inside the first then cut a rectangle in the middle. Now under Layer Style(Layer > Layer Style) add a Stroke blending option.

Result:

Step 12:

In a new layer draw a small rectangle on the middle of the rounded rectangle design and add the same Stroke blending option settings from step eleven. Then draw 3 small rectangles in different colors, #00C285 for green, white and #FF595E for the light pink color shade.

Results:

Nokia 5800 XpressMusic.

More Photoshop Tutorials:
Photoshop Tutorial: Ice Cream Cake Design

Here is the first Photoshop tutorial from Photoshop Fizz Note some images below are resized for theme so please click on them to view full size

Ice Cream Cake Design.

Step 1:

Let’s start out by creating a new file. I used a 500×500 pixels canvas set at 72dpi, and I filled my background with #901E00 color shade.

Make a new layer set and name it ‘Ice Cream Cake’. Now create a new layer then draw a light brown rounded rectangle with #964C25 color shade and 160 x 90 px dimensions. Then go to Edit > Transform and rotate the shape as shown below.

Step 2:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your brown rounded rectangle layer.

Result:

Step 3:

Duplicate the first rounded rectangle and remove layer style attached to the layer.

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your second light brown rounded rectangle layer.

Result:

Step 5:

In a new layer draw a small ellipse with #331314 color shade and 9 x 8 px dimensions on top of your rounded rectangle designs.

Step 6:

Draw more small ellipses on the same layer from step five.

Step 7:

Under Layer Style(Layer > Layer Style) add an Outer Glow and Inner Glow blending options to your small ellipses layer.

Result:

<

Step 8:

On the Layers Window create a new layer below all the current layers on your canvas. Then draw the pink shape with #D96B88 color shade design shown below using the Pen Tool or Polygonal Lasso Tool, this will be the bottom layer of the cake.

Step 9:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Satin blending options to the bottom layer design of the ice cream cake.

Result:

Step 10:

Duplicate the ‘Ice Cream Cake’ layer set and merge it through Layer > Merge Layer Set, the layer set should turn into a regular layer. Now apply a Plastic Wrap filter through Filter > Artistic and use the settings below.

Result:

Step 11:

Now set the duplicated cake layer’s opacity level to 36%.

Results:

Ice Cream Cake Design.