|
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
|||
|
Hello
Today i will write tutorial number 174 from our Marathon This tutorial will be made for a hosting company I will start as usual with a new document with the following size 760x770 I have choose a nice stock image with some domino pieces ![]() With ROUNDED RECTANGLE TOOL ![]() I will create a simple shape with the following layer styles INNER GLOW ![]() STROKE ![]() This is my result ![]() With the same tool ROUNDED RECTANGLE TOOL, i have created another shape, and i have used the same layer styles as above ![]() I will create some buttons with Rounded Rectangle tool ![]() i will add the following layer styles ![]() ![]() ![]() ![]() This is my result ![]() Then i will create another buttons. the easy way is to duplicate each button, and place it with the MOVE For all buttons i will use the following layer styles ![]() After i have applied the layer styles from above , this is my result ![]() i will create another small button With the same layer styles as my first button. This is the button ![]() I will select Ellipse tool, ![]() then i will create a small circle ![]() You can see that i have used a layer style for this small circle ![]() I will create some text (HOSTING TO THE LIMIT ) with HORIZONTAL TYPE TOOL ![]() I will use the following layer styles DROP SHADOW INNER SHADOW ![]() COLOR OVERLAY ![]() This is my result ![]() Please duplicate this layer. To duplicate the layer please select the layer first in your layer palette, then press on CTRL+J Duplicate this layer 2 times, and move the text like in the following image ![]() After that select the duplicate layers, and i will press on ctrl+e or you can go to LAYER >> MERGE LAYERS ![]() I will change the opacity to 20% and with ERASER TOOL ![]() cu BRUSH TOOL and with the following brush ![]() I will delete the bottom part of the text ![]() this is my result ![]() On the top part of the payout i will create 3 text links: Home | Client Logon | Site Map I will use a brush ![]() These small brushes you can find them in Talk-Mania Big Pack. there are over 4000 brushes in this package. ![]() Under these small pixel icons i will place some text " Home | Client Logon | Site " with Type Tool The same i will use HORIZONTAL TYPE TOOL to add some text on my layout, and in the same time i will place also some images This is my final result ![]() Thank you very much for reading this tutorial |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|