Designing Freelancer portfolio layout
May 25th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout
Blending Options>Gradient Overlay 
Gradient’s parameters: 
Under the inserted name we’ll add the picture we want to have there: 
Use the next shown styles for the picture’s layer: Blending Options>Stroke 
On the left part of the picture we’ll represent the primary layer reserved for a button. This time we’ll select the Rectangle Tool (U) and black color. 
The layer’s styles: Fill 40%, Blending Options>Stroke 
Let’s represent now a pointer of white color, applying by turn the Line Tool (U) (weight 1 px). 
Combine in a group all the layers composing the button and its pointer (press Ctrl button to mark out the necessary layers and hold on the left mouse’s button to move the marked layers on Create a new group selection). Make a copy of the group we’ve got and select the Free Transform option to turn over the copy and place it the same way indicated below: 
Insert the section’s name under the picture: 
The layer’s styles: Blending Options>Outer Glow 
Create a new file of 2×1px/72 dpi. Here we’ll use the Pencil Tool (B) (brush 1 px) to represent a pattern of white color. The background in this case is absent. 
Edit>Define Pattern
Insert a horizontal line under the section’s name, using the Line Tool (U) (weight 1 px). 
The layer’s styles: Fill 0%, Blending Options>Pattern Overlay 
On the last stage we’ll insert the appropriate text in the About me section: 
Finished!
View full size here.
Post Pages: 1 2
