Thứ Sáu, 31 tháng 10, 2008

Stainless Steel Background

Step 1

Create a blank new document at the size of 600×400. Create a new layer, name it ‘background’ and fill it with gray color [#c0c0c0]. Duplicate ‘background’ layer, name the new layer ‘steel background‘ and place it on top of ‘background‘.

Step 2

With ’steel background’ layer selected, apply Filter -> Add Noise and enter the following settings:

  • Amount: 14.21
  • Distribution: Gaussian
  • Monochromatic checked

Step 3

With ‘steel background‘ layer still selected, go Filter -> Blur -> Motion Blur and enter the following settings:

  • Angel: 0
  • Distance: 34 pixels

Right click ‘steel background‘, select Blending Options and enter the following settings for Gradient Overlay - Gradient Editor:

Color Stop 1

  • Color: #000000
  • Opacity: 50%
  • Location: 0%

Color Stop 2

  • Color: #ffffff
  • Location: 50%

Color Stop 3

Metal Text

Step 4

Your stainless steel background is basically done, we’ll continue from there to insert a metal text that should look matching. Use the Text Tool, write something in the middle, preferably with think fat font (I’m using Myriad Pro Bold here). Right click (or double click) the text layer to launch the Blending Options dialog.

  1. Drop Shadow
    • Opacity: 38%
    • Distance: 1px
    • Spread: 1%
    • Size: 2px

  2. Bevel and Emboss
    • Depth: 100%
    • Size: 0px
    • Soften: 0px
    • Highlight Opacity: 42%
    • Shadow Opacity: 32%

  3. Gradient Overlay, Gradient Editor

    Color Stop 1

    • Color: #3f3f3f
    • Location: 0%

    Color Stop 2

    • Color: #a1a1a1
    • Location: 100%

Your text should look something similar to the below.

Step 5

Here’s something you need to follow tightly. Hold Control key (Mac: Command key) and left click on the text layer to highlight it’s outline. Make sure the outline is still there, select ‘steel background‘ layer, and hit Control + J (Mac: Command + J)

By doing this, you are duplicating the steel background in the shape of your text. Rename the layer to ‘text background‘ and move it to the top.

Step 6

Change ‘text background‘ to Color Burn, bring it’s Opacity down to 67%.

Your final output should look something similar to the image below.

Download .PSD file.

Design Business Forms

Start working with creation of a new file (File>New) that has 1024x768 px and 72 dpi.

Take next the Rectangle Tool (U) to represent the background of the picture we want to have at the end of our work.

Create Design Business Forms in Photoshop CS3

Select the next shown parameters by making a mouse click on the layer we work with on the layers’ panel:
Fill 0%
Blending Options>Gradient Overlay


Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Select after that Custom Shape Tool (U)

Custom Shape Tool (U). "" You use the shape tools to draw lines, rectangles, rounded rectangles, and ellipses in an image. In Photoshop, you can also draw polygons and create custom shape libraries to reuse and share custom shapes.
'); return false">Custom Shape Tool (U)
to represent a circle frame which shape may be changed with the Convert Point Tool, getting the same result as the picture from below shows it:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Design Business Forms in Photoshop CS3

Blending Options>Bevel and Emboss

Create Design Business Forms in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3
Make a copy of the last made layer and choose again the same tool, Convert Point Tool, to make the corresponding corrections on the copy’s layer to get the result from below:

Create Design Business Forms in Photoshop CS3

The layer’s parameters: Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Select now the Pen Tool (P)

Pen Tool (P). "" allows you to make lines that change colour and shapes on the project.'); return false">Pen Tool (P)
to represent a flare on the picture, which shapes may be corrected again with the Convert Point Tool.

Create Design Business Forms in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Stroke

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Using the last tools, it’s possible to draw a flare on the circle’s right side.

Create Design Business Forms in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay


Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Select the previous tools, Pen Tool (P) and Convert Point Tool, to dark out the top part of the circle frame.

Create Design Business Forms in Photoshop CS3
The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Select again the same instrument mentioned above to represent another flare on the top part of the frame.

Create Design Business Forms in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Combine in a group all the layers composing the circle frame (press Ctrl button to mark out the corresponding layers and next we have to hold on the left mouse’s button for taking the marked layers on Create a new group option).
Next make a copy of all the layers contained in the circle’s group (press again Ctrl button to mark out the necessary layers and hold on the left mouse’s button for taking the marked layers on Create a new layer selection).
Merge Down all the layers (press Ctrl button to mark out the layers and press the combination of buttons Ctrl+E). Using Free Transform option it’s possible to change a little the new element that we got, placing it as below:

Create Design Business Forms in Photoshop CS3

Make a copy of the earlier made group containing the blue circle. Use again the Free Transform option (Flip Vertical) to turn around the copy, making it a little smaller (by pressing SHIFT button). We should also apply different parameters for the layers.

Create Design Business Forms in Photoshop CS3

The parameters for the first layer: Blending Options>Inner Shadow

Create Design Business Forms in Photoshop CS3

Blending Options>Bevel and Emboss

Create Design Business Forms in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3
Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The parameters for the second layer: Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The third and the fourth layers should be left the way they are at the moment. The parameters for the fifth layer:
Fill 0%
Blending Options>Gradient Overlay


Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The sixth layer doesn’t need any change. Now, for our convenience, we shall Combine in a group all the layers composing the green circle (press Ctrl button to mark out the necessary layers and hold on the left mouse’s button when taking the marked layers on Create a new group selection).
Using the method described earlier, make a copy of the layers composing the green circle. Merge Down the copies layers and use the Free Transform option to make the changes on the copies’ sizes and their placement.

Create Design Business Forms in Photoshop CS3

Make a copy of the made group of the green circle. Choose again the Free Transform option (Flip Horizontal) to turn over the copy, make it smaller (by pressing SHIFT button) and apply different parameters for the layers:

Create Design Business Forms in Photoshop CS3

The parameters for the first layer: Blending Options>Inner Shadow

Create Design Business Forms in Photoshop CS3

Blending Options>Bevel and Emboss

Create Design Business Forms in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The parameters for the second layer: Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3
Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The parameters for the third layer: Blending Options>Stroke

Create Design Business Forms in Photoshop CS3

The fourth one doesn’t need changes on its parameters: The parameters for the fifth layer: Fill 0%
Blending Options>Gradient Overlay


Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

The parameters for the sixth layer: Fill 0%
Blending Options>Gradient Overlay

Create Design Business Forms in Photoshop CS3

Gradient’s parameters:

Create Design Business Forms in Photoshop CS3

Combine in a group all the layers composing the violet circle (press Ctrl button to mark out the necessary layers and then hold on the left mouse’s button to take the marked layers on Create a new group selection). Now we have to make the same operations we did before and make copies of the violet circle’s layers, put the copied layers together and use Free Transform option to make the necessary changes on their sizes and their placement on the picture.

Create Design Business Forms in Photoshop CS3

Press again Ctrl button to mark out the layers of the circles’ reflections (it should be a single layer) and then we have to press on Ctrl + E to Merge Down in a single layer. Select also the next parameters for the new result: Filter>Blur>Gaussian Blur

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Press on the same layer the combination of buttons from here: Ctrl +U

Create Design Business Forms in Photoshop CS3

Create Design Business Forms in Photoshop CS3

Finished!