|
| Web Hosting Deals | Premium Website Templates | Webcam Chat | Logo Design - $149 | Hosting Deals and Coupons | Register domain | Webmaster Forum | Busby SEO Challenge | Web Hosting |
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
||||
|
Hi Again. Today is another day, this mean we have a new tutorial
This is the Tutorial number 61 from the 100 Marathon Tutorial As i have told you i will try to add a tutorial each day. I will create a sport layout. There are only a few templates available on the net that's why i will create one ![]() Create a new document in photoshop Size 760 X 770 pixels White background We have to create a new grass pattern . maybe someday i will show you how to create patterns from scratch Today we will use the following image ![]() Open this image in photoshop Click on CTRL+A ( this will select your image ) Go to Edit > Define Pattern... Chose a name for your pattern and press ok Now let's come back to our soccer template Create a new layer ( press CTRL+SHIFT+ALT+N ) Grab Paint Bucket Tool Select your grass pattern ![]() Then click one time on your canvas. I will not show you my result because this is a very simple step Then Go to Filter > Render > Lightning effects and use the following settings ![]() This is my result ![]() Create a new layer ( press CTRL+SHIFT+ALT+N ) Now grab your Rounded Rectangle Tool and create a shape on your grass Set the radius to 15 pixels ![]() Then apply the following layer styles for this rectangle layer ![]() ![]() ![]() This is my result ![]() Now Hold The CTRL key pressed and with the left mouse button click on the layer thumbnail ![]() This will create a selection ![]() Select Elliptical Marquee Tool, press on Subtract from selection ![]() Then start subtracting from your initial selection like in the following image ![]() When you will release the mouse button you will have this result ![]() Now Create a new layer ( press CTRL+SHIFT+ALT+N ) Select paint bucket tool , and fill your selection with white ![]() Then press on CTRL+D to deselect And change the layer opacity ![]() This is my result ![]() Now you have to add some text buttons on your layout ![]() Then select Rounded rectangle Tool ( set radius to 5 pixels ) and create a new rectangle Be sure you will drag this layer under the big shape layer You can add the same layer settings as above ![]() Now select this 2 layers ( first layer is the text layer with buttons , and the second one is the shape you have already created ) ![]() Duplicate this layers, ( to duplicate this layers you have to drag them to the " Create new layer " button Then be sure you have selected this 2 new layers ( copies ), and press on CTRL+E ( you will merge the layer into a single one ) Then drag the new merged layer to the top of your layer palette ![]() With this layer selected go to Edit > Transform > Flip Vertical Then move down your flipped layer with your arrow keys ( keyboard keys ) ![]() Now press on Add layer mask Select Gradient tool and make a small line like in the following image ( from top to bottom ) ![]() This is my result ![]() As you see we have created a nice reflection but our initial buttons are hidden . We will fix this problem right now ![]() Select Eraser Tool , Chose a square brush , and start deleting ( you can hold down the SHIFT key when you will delete with Eraser tool ) ![]() This is my result ![]() Now we will add some text. You can add your text alone. it is not so hard You have seen that in the next images i have added another rectangle You know already how to add a rectangle ![]() Now i will add also some images , and also a text logo. ![]() Of course we will add another details For example i think it will look very good with a nice shadow under the big shape Select Rounded Rectangle Tool . set your foreground color to a dark grey and make a simple shape like in the following image ![]() With this layer selected go to Filter > Blur > Gaussian Blur , Photoshop will ask you if you want to rasterize the shape. Press OK and use the following settings ![]() This is the result ![]() Now let's add also some shadow for the big ball Select Ellipse Tool and create a shape ( place this layer under the ball layer in your layer palette ) ![]() Then go to Filter > Blur > Gaussian Blur and use the same settings as above this is my result ![]() Now you can add also some simple details. For example i will select my Type Tool and i will write on my canvas some simple minus signs " --------- " ![]() Then i will add alone another details. This are only stock images. This is my final sport template ![]() I hope you like it. This layout is only for VIP members
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
![]() |
![]() |
![]() |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|