Monday, December 5, 2011

Web Header for Personal Blog

Create new file that would have 773×220 px and 72 dpi. Using the next instrument, mark out the same places indicated below with the shown parameters next step. 

Web Header for Personal Blog in Photoshop CS

Blending Options-Inner Shadow
Web Header for Personal Blog in Photoshop CS

Blending Options-Color Overlay
Web Header for Personal Blog in Photoshop CSTake the same instrumentand represent a rectangle with the shown sizes next step. 

Web Header for Personal Blog in Photoshop CSBlending Options-Inner Shadow
Web Header for Personal Blog in Photoshop CSBlending Options-Gradient Overlay

Web Header for Personal Blog in Photoshop CSGradient’s parameters. 

Web Header for Personal Blog in Photoshop CS

Take the previous instrument and picture one more figure (a rectangle) that must have the parameters form the lower picture. 

Web Header for Personal Blog in Photoshop CSBlending Options-Drop Shadow
Web Header for Personal Blog in Photoshop CSBlending Options-Inner Shadow

Web Header for Personal Blog in Photoshop CS

Blending Options-Gradient Overlay

Web Header for Personal Blog in Photoshop CS

Gradient’s parameters.

Web Header for Personal Blog in Photoshop CS
Take again the last instrumentand insert a new rectangle with the parameters from the next image.

Web Header for Personal Blog in Photoshop CS
Blending Options-Inner Shadow
Web Header for Personal Blog in Photoshop CS

Blending Options-Color Overlay
Web Header for Personal Blog in Photoshop CS
Then make use again of the following instrumentto introduce in the composition another rectangle colored in C99F15. Don’t forget about the parameters. They must be that ones form the next step.

Web Header for Personal Blog in Photoshop CSBlending Options-Drop Shadow
Web Header for Personal Blog in Photoshop CS
Apply a different tool nowto picture a figure like the next one.

Web Header for Personal Blog in Photoshop CSBlending Options-Outer Glow
Web Header for Personal Blog in Photoshop CSGradient’s parameters.

Web Header for Personal Blog in Photoshop CS\
Then click on the mouse between the layers, keeping pressed the Alt button and the recently represented picture will be transformed into a mask.

Web Header for Personal Blog in Photoshop CS

Take again the same instrumentand insert a new element colored in 569413.

Web Header for Personal Blog in Photoshop CS

Click again between the layers, keeping pressed the Alt button and the new made figure will become a mask too.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS
Apply again the previous tool to represent another figure colored this time in 32560B.

Web Header for Personal Blog in Photoshop CS

Click between the layers (holding on Alt button) and the figure will become a mask also, as the previous figures did.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS

Copy this new made layer and minimize it. Fill up to 30% on the layers. Make use of Free Transform selection to enlarge it and place everything the same way it is done next picture. Keep pressed Alt button and click between the layers for figure to become mask.

Web Header for Personal Blog in Photoshop CS

Apply again the known instrumentto picture an element with the color 1D5004 and minimize it. Fill up to 30 % on the layers.

Web Header for Personal Blog in Photoshop CS

Using the same tool, create a new figure colored in 1D5004 and minimize it. Fill maximum 30% on the layers.

Web Header for Personal Blog in Photoshop CS
Take the previous instrumentand picture another figure colored in 1D5004 and minimize it. Fill up to 30% on the layers.

Web Header for Personal Blog in Photoshop CS

Add the text, using the same type, size and the color from the next table.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS

Blending Options-Drop Shadow

Web Header for Personal Blog in Photoshop CS

Add another part of the text and don’t forget about the type, size and the color. They must be the same from the next table.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS

Add more text, with the demands form the table below.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS

Finally add the rest of the text, keeping the type, size and the color.

Web Header for Personal Blog in Photoshop CS

Web Header for Personal Blog in Photoshop CS

The final result!

No comments: