|
| Web Hosting Deals | Holiday Logo Design | Webcam Chat | Website Header Templates | Register domain | Search Engine Optimisation | Web Hosting |
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
||||
|
Hello
This is the Tutorial number 75 from the 100 Marathon Tutorial As i have told you i will try to add a tutorial each day. I will show you how to create a portfolio layout ![]() Open a new document in photoshop Size should be as usual 760x770 pixels. Color background : #333333 Select Rounded Rectangle Tool ( set the radius size to 10 pixels ) Then create a simple rectangle ![]() Add the following layer styles ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() This is the result ![]() Duplicate this shape and place it will a little bit to the right. In your next image you can see that i have already applied some layer styles which you can find it after the following image ![]() This are the layer styles for the blue ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Now duplicate the blue shape, and move it to the right Then apply the following layer styles ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() This is the result ![]() Duplicate this last rectangle and place it on the right side, then add the following layer styles ![]() ![]() ![]() ![]() ![]() ![]() ![]() This is the result ![]() Then withe the same tool. Rounded rectangle tool, create another shape, please use the following color as the background. #333333 ![]() Then add the following layer styles ![]() ![]() ![]() This is the result ![]() Now add some text on the layout, ![]() and also some images on the right side ![]() Select ellipse tool , and create some small circles ![]() Then select Rectangle tool, and make a simple rectangle ![]() Then go to Filter > Distort > Polar Coordinates You will be asked if you want to rasterize the shape. Press yes use the following settings for the polar coordinates, and press OK ![]() I have moved, and rotate this layer , and you can see the result in the following image ![]() In the next image you can see 4 different shapes, you can duplicate the first one , and place it a little to the right Then i have duplicate the first layer two more times, and i have flipped vertically, then with my mouse i have placed like in the next image ![]() Then with the Rounded Rectangle Tool, i have created another shape, and place it like in the following image, then i have duplicate the circles from above, and place it on top of the shape ![]() Now you have completed the tutorial from today. I will wait you tommorow for another new tutorial This is the end result ![]() I am sure you can do better then me. If you have question please ask me. i will try to answer as soon as i can If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|