Advertising Banner

October 29, 2004 · Filed Under Effects · Comment 

In this tutorial I will teach you how to make a perfect advertising banner. Let’s start.

Step 1.
Create a new 200X300 pixels document. Choose Rounded Rectangle Tool(Radius->3px) and create a rectangle like in the picture shown below.

Apply Layer > Layer Style > Blending Options with the following settings:

Now you have to create a stroke composed of points: create a new 2X2 pixels document and set the Zoom Slider to 1600%. Paint upper and lower pixels with white and black like shown on the picture below. Press Ctrl+A and apply Edit > Define Pattern (call it “2pixels”). Delete 2X2 px document.

Step 2.
Apply Layer > Layer Style > Blending Options and use the following settings: Size->1px, Position->Inside, Fill type: Pattern (choose «2 pixels» pattern).

Now open a layer style “Shape 1” and choose Gradient Overlay. I used dark and light blue, Style->linear, Angle->123. Then make a rectangle with grey and white gradient (angle->106):

Step 3.
Holding Ctrl choose the layer “Shape 1” and apply Select > Modify > Contract (Radius->1px) and apply the button “Add Layer mask“.

Then create 2 lines with the width 1 pixel between blue and grey gradients.

Now create an advertising space. Choose Rounded Rectangle Tool (Radius->3px) and create rectangle with the Layer Style settings: Inner Shadow=> Opacity 18%, Distance 0px, Size 3px; Stroke=> Size 1px, Color-light grey.

Add several dividing light-grey lines. Then create a small Rounded rectangle (Radius->3px) of the blue color on the left. In the center of this rectangle create a very small Rounded rectangle of dark blue color and stroke=> Size 1px, Color->pale blue.

Add a tick and apply Drop Shadow. Merge Down 3 layers and copy them. Add a text for advertising.

Step 4.
Let’s create a “Buy Now” button. Create Rounded rectangle (look step 2) with additional settings: Inner Shadow=>Size 12, Distance 0, Opacity 10%.

Create a smaller rectangle inside the bigger one with the following settings: Stroke=> white, 1 px, Outside; Drop Shadow=> Distance 1, Size 4, Opacity 50%; Inner Shadow=> Distance 1, Size 1, Angle 90, Opacity 50%; Gradient Overlay=>white to Grey.
Then add a text on this button.

Step 5.
Finally, add any image and the banner is ready.

Original Background

October 18, 2004 · Filed Under Textures and Patterns · Comment 

In this article I’ll tell you how to make an unusual background.

Step 1.
Create a new 450X350 pixels document (Content: “White”).
Choose the Paint Bucket Tool and set the colour: #016DAE.

Step 2.
Choose the Gradient Tool (Angle Gradient), set colours you wish and employ it.

Step 3.
Apply Filter > Render > Lens Flare with the following settings: Brightness->103; Lens Type->105mm Prime.

Step 4.
Apply Filter > Stylize > Extrude with the following settings:

Step 5.
Apply Image > Adjustments > Curves (or press Ctrl+M) and try to make the line like shown in the following picture:

Step 6.
Duplicate your layer (apply Layer > Duplikate Layer…) and then press Ctrl+I to inver the image.

Step 7.
Apply Filter > Sketch > Chrome with the following settings: Detail->1; Smoothness->2.

Step 8.
Set the blending mode “Linear Light” for the new layer. And that’s it.

Cell Texture

October 16, 2004 · Filed Under Textures and Patterns · Comment 

In this photoshop tutorial I’ll tell you how to create an unusual effect: yeast-like cells (a view through the microscope).

Step 1.
Create a new 300X300 pixels document with the black background. Choose the Gradient Tool (Radial Gradient) and set “Lighten” of the blend mode and try to draw cells like the image below:

Step 2.
Apply Filter > Artistic > Plastic Wrap and use the following settings: Highlight Strength -> 15; Detail -> 8; Smoothness -> 10.

Step 3.
Apply Image > Adjustments > Hue/Saturation with the following settings: (colorize-on); Hue->41; Saturation->60; Lightness-> -25.

Step 4.
Apply Filter > Artistic > Plastic Wrap and use the following settings: Highlight Strength -> 8; Detail -> 4; Smoothness -> 5. And that’s it.

Volcanic Break

October 10, 2004 · Filed Under Effects · Comment 

Step 1.
Create a new document with the size 200X200 pixels. Create a new layer and press Ctrl+Backspace to fill it.
Apply Filter > Render > Clouds and then Filter > Render > Difference clouds.

Step 2.
Apply Image > Adjust > Invert to invert the image. Apply Image > Adjust > levels… and use the following settings:

Step 3.
Apply Image > Adjust > Brightness/Contrast with the following settings: Brightness => -38; Contrast => +11; and then apply Image > Adjust > Hue/saturation with the following settings: Colorize=ON; Hue => 5, Saturation => 100, Lightness => +11.

Step 4.
Apply Filter > Render > Lightning effect and use the following settings:

And that’s it.

Chrome Object

October 7, 2004 · Filed Under Text Effects · Comment 

In this article I’ll tell you how to create a chrome text effect in few minutes using your favourite Photoshop.

Step 1.
Create a new document with the white background and the dark foreground ( I chose the “101,101,101″ colour). Write the necessary text (I chose the “D” letter).

Step 2.
Press Ctrl+J and apply Layer > Rasterize > Layer.
Apply Layer > Layer Style > Bevel and Emboss to the ‘D copy’ layer with the following settings:

Step 3.
Create ‘D copy 2′ layer (Ctrl+J). Press Ctrl+”create a new layer” and then activate “D copy 2″ layer and press Ctrl+E. Activate a new “Layer 1″ layer and apply Layer > Layer Style > Bevel and Emboss with the following settings:

Step 4.
Apply Image > Adjustments > Hue/Saturation and set the colour you wish. And that’s it.

Next Page »

All photoshop tutorials (unless otherwise stated) are property of TutorialPark.com You may not reproduce any portion of the website contents without the prior express written consent of TutorialPark.com