|
| 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
Today we will continue with the 100 Marathon Tutorials For our newest members this means that each day i will add a new tutorial. This is Tutorial 53 This is my final result: ![]() So let's start. Create a new document with a white background.the size should be 760 x 770 px. Create a new layer by pressing Ctrl+Shift+Alt+N in the same time. Now with your Rectangle Tool create a simple Shape ![]() Select Ellipse Tool and create a small Circle and place it on the left top side ![]() We will not use this small circle in our layout. I will try to make some rounded corners. You will see in the following steps Press on The Layer Thumbnail ( circle layer ) ![]() Your circle will have a selection around it. Now press on CTRL+SHIFT+I This will inverse the selection Now select the rectangle layer ![]() Go to Layer > Rasterize > Shape Grab the Eraser Tool and start deleting the corner ( see the next image for example - I have zoomed in the image to see better what i am doing) ![]() Press on CTRL+D to deselect After you delete the corner you should have something like this: ![]() Then you can hide the red circle and this is my result ![]() Make a selection with Rectangular marquee Tool on the black rectangle ![]() Then hit delete on your keyboard, and press CTRL+D to deselect ![]() Now with the same technique as above change the following corners to this nice looking round corners ![]() Now add the following layer styles ![]() ![]() ![]() This is my result: ![]() Duplicate this layer ( press CTRL+J ) GO to Edit > Transform > Flip Horizontal Then go to Edit > Transform > Flip Vertical With your down arrow key i will place this new layer as above ( please note that i have changed the color alone - so you can see better ) ![]() Now apply the following layer styles: ![]() ![]() ![]() This is my result ![]() Now we will add some text buttons and some stock photos ![]() Next step is to select the Line Tool and to create over 15 lines ( set the Weight to 1 pixel ) . please place the lines like in the following image ![]() Select all the layers with lines and press CTRL+E This will merge all the layers Select this layer and go to Edit > Transform > Warp and use the following settings ![]() Then hit Enter and this will be your result ![]() Now press on Add layer mask ![]() Select Gradient Tool and draw a line from bottom to top. in the next image you will see the result and also the way you should draw the line with gradient tool ![]() Select the blue shape layer. Make a selection like mine with Rectangular marquee tool ![]() One more time be sure you have selected the blue layer Go to Layer > new > layer via copy Now go to Edit > transform > rotate 180 and with your arrow keys place this piece of rectangle like in the next image ![]() Then drag the layer before the background layer and add the following layer styles ![]() ![]() Then add some text ![]() ![]() Create a new layer and select Custom Shape Tool Choose the Arrow 6 custom shape ![]() Then make 3 different shapes and place them like in the next image ![]() Create a new layer , select Brush tool , find a star brush and make some simple start on your layout. This is my final image ![]() If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack I hope you like this layout.
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
|
|||
|
One more Excellent and Five Star Tutorial by you.... we can only expect this kind of Quality Tutorials from you...
Where do you get all of your Imagination, to provide this kind of Tut ??? Congrats a lot. Keep it up...we just love it... P.S. The only problem is: I've to translate it in Portuguese, to use in the Classroom....Don't you know Portuguese ??? Amit |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|