Designing personal web page layout

Create a new file having 766×606 px and 72 dpi. Color the layer in black, with the instrument. Now use the instrumentto draw a grey short stripe. Set the adjustments in Blending Options, like it is demonstrated in the picture.

 Designing Personal Web Page Layout in Photoshop CS

 Designing Personal Web Page Layout in Photoshop CS

 Designing Personal Web Page Layout in Photoshop CS

Copy the stripe then and turn it horizontally, using Free Transform option.

 Designing Personal Web Page Layout in Photoshop CS

Copy the lower stripe�s layer and place it the way it is done in the picture. Set out Opacity of 15%.

 Designing Personal Web Page Layout in Photoshop CS

Use the brush after that and make a circle with the color 707070. Erase a part of it to be exactly like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Use the instrumentagain to represent a black figure , which bounds may be seen in the picture. Click on Blending Options, Stroke on the layer and choose the white color and 2 pcx.

 Designing Personal Web Page Layout in Photoshop CS

Use the same instrumentand draw a white figure. Place it the way it is in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Copy the layer with the recently created figure. Turn it around using Free Transform and keeping pressed the Shift button, make it smaller, exactly like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Use the instrumentto make a figure of white color. Use Free Transform to turn it on 45 degrees, like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Take the instrumentand make a small circle of white color and place it the same way it is done in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Write the text now, applying the parameters below:

 Designing Personal Web Page Layout in Photoshop CS

Blending Options-Drop Shadow

 Designing Personal Web Page Layout in Photoshop CS

Blending Options-Gradient Overlay

 Designing Personal Web Page Layout in Photoshop CS

Gradient�s parameters

 Designing Personal Web Page Layout in Photoshop CS

Take the instrumentto draw a figure of white color (holding on the Shift button, create intersecting themselves circles of different sizes, several times and you must get the same thing from the next picture).

 Designing Personal Web Page Layout in Photoshop CS

Copy the layer with the collected figure, looking like a button and place it the same way from the picture. Insert the changes (place the second half-circle inside, exactly like in the picture).

 Designing Personal Web Page Layout in Photoshop CS

Create on more button the same way we�ve created the button next to Personal Page words.

 Designing Personal Web Page Layout in Photoshop CS

And one more.

 Designing Personal Web Page Layout in Photoshop CS

Take a brush of small size and represent a pointer of white color (the corner is possible to create holding the Shift button, or point it, draw aside the brush on the necessary distance and holding Shift button click on the left mouse�s button on the place that is reserved for the line�s end).

 Designing Personal Web Page Layout in Photoshop CS

Write the text now, applying the appropriate type. Place it, like it is done in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Use the instrumentthen and make a figure of white color (holding Shift button, make several intersecting circles of different sizes, several times to get the same sum from the picture).

 Designing Personal Web Page Layout in Photoshop CS

Copy the figure�s layer and make everything to look like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Write the text now, applying the appropriate type and place it the same way from the picture below:

 Designing Personal Web Page Layout in Photoshop CS

Write more, applying the necessary type and place it like it is done in the picture also.

 Designing Personal Web Page Layout in Photoshop CS

Take the next instrumentand make a figure of arrange color (holding the Shift button, draw several intersecting circles of different sizes, several times, to get the same sum form the picture. Use Blending Options on the layer, Stroke � the color must be white and 3 pcx).

 Designing Personal Web Page Layout in Photoshop CS

Further take a photo with your picture, but you should choose the one that is possible to put in the orange figure�s limits. Place the photo�s layer on the orange figure. Press Alt button, click between the layers of the figure and the photo and we�ll get the same thing form the picture below:

 Designing Personal Web Page Layout in Photoshop CS

Take the instrumentand represent a white circle, like it is done below:

 Designing Personal Web Page Layout in Photoshop CS

Its inside must be colored in f2a90f and its size must be the same form the picture:

 Designing Personal Web Page Layout in Photoshop CS

Then do on the contrary. Create first the orange circle and inside of it – one small white circle.

 Designing Personal Web Page Layout in Photoshop CS

Take a brush then of small size and with the color 7f7f7f and make two points, like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Take the instrumentand build a line between them, like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Use another instrument nowand draw a white, discontinuing stripe, like in the picture.

 Designing Personal Web Page Layout in Photoshop CS

Take another instrumentnow and the white color and picture the same thing from below:

 Designing Personal Web Page Layout in Photoshop CS

Take the instrumentwith white color and represent the same form the picture below:

 Designing Personal Web Page Layout in Photoshop CS

And several more, like it is demonstrated:

 Designing Personal Web Page Layout in Photoshop CS

The last stage includes adding the text, applying the necessary type, size and color.

 Designing Personal Web Page Layout in Photoshop CS

The final result!

Advertisements

About alamzyah
Name : Alamsyah Nick Name : Alamzyah Place of Birth : Jakarta, 04 June 1983 sex : Male Religion : Moslem Region : Jakarta, Indonesia Specialist : IT, Computer mail : alamzyah@gmail.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: