Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Sound System Studio Web Layout (Part 2)
rss

Sound System Studio Web Layout (Part 2)

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2  3 > >>


The text's parameters:

image 1

Write also the main menu:

image 2

Use the next parameters from the tables below for the text:

image 3

Select the Pencil Tool (B) and try to represent two dividing stripes. Create a new layer for this operation. The light - blue stripe has this color #267EAE and the dark – blue one has the next color - #004F80

image 4

It's what we should get:

image 5

Continue by representing the informational blocks of our site:

image 6

Using the Rounded Rectangle Tool (U), represent a window with the same edges' radius as it is written next:

image 7

Apply the next parameters for Blending Options as in the next example.

image 8

image 9

image 10

Fill the block with the convenient text, having the parameters form the next table:

image 11

image 12

Applying the same radius for the corners, try to create a banner, selecting the Rounded Rectangle Tool (U):

image 13

Choose next a photo for the banner and place it above the banner. As we did earlier, we have now to hide the photo in a mask. It's necessary to press the Alt button and direct the mouse's indicator between the layers on the layers' palette. We'll get a new indicator where we'll make a left mouse's click. The upper photo's layer will be changed, having the pointer directed on the bottom. The photo gets the banner's shape.

image 14

It should be looking, like on the next example:

image 15

Represent one more so – called rectangle, applying the Rounded Rectangle Tool (U) and move off the points from its right side. We'll use also the Add Anchor Point Tool for having sharp corners.

image 16

Apply Blending Options' parameters as it is indicated next:

image 17

image 18

We must get the next picture:

image 19

Create one more plate under this layer:

image 20

Apply Blending Options' parameters:

image 21

image 22

image 23

image 24

You should get the next result:

image 25

Now we'll choose the Brush Tool (B) and the color # 0099CC

image 26

and make a feature on the new layer. Apply the mask for the layer in case. Next we'll just draw a flare, like next one:

image 27

The text should be placed, like it is shown next picture. The photo must be situated in the text.

image 28

The text's size is the same as it was in the first block. Insert a star's element, near the date. It's necessary for this operation to apply the Custom Shape Tool (U) - 5 point star frame. The color's code is #0099CC

image 29

The block's title has the parameters shown in the tables from below:

image 30

image 31

Next step includes creating and copying one more block.

image 32




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3 > >>

Add comments to "Sound System Studio Web Layout (Part 2)"