Holiday Logo Design Website Header Templates Register domain Web Hosting
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Web Layouts

Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials.

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 05-17-2008, 10:15 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,385
Blog Entries: 2
admin has disabled reputation
157 AQUA Layout

Hello my friends

Today we will continue our marathon. this is tutorial number 157
As you may noticed we haven't created so many tutorials lately. This is because we have released a new website: www.downplazza.com
On this website we will release some cool photoshop products.

We have created this website because a lot of people do not afford to pay for our products : www.talk-mania.com/store/
If you want to download something from downplazza.com you need to earn points. This is a very easy task. some members have already earned a few hundreds points already.
All you need to do is to spread your referral link on internet. In a few minutes you can earn hundreds of points. There are a lot of ways to earn points and i am sure you can handle with this simple task.


In this tutorial i will show you how to create a layout based on a stock image.
i will use a wonderful image with water

this is my final result



Please download the following image



Create a new document with the following image size : 760x770 pixel
Please use a white background

Open also the image from above , and place it on the document.



Select Eyedropper tool and select the color we will use for our background



Create a new layer ( press CTRL+Shift+alt+N ) ,then with Brush tool, fill the bottom part of the layout. This is my result



With Rectangular marquee tool make a selection like mine



Then set the foreground color to : #71c0c5 and the background layer to : #ffffff



Create a new layer ( press CTRL+SHIFT+ALT+N )

After that go to Filter > render > clouds
you will have a similar result like mine



Press on CTRL+D to hide the selection then change the blending mode for this layer to Darken



Select Eraser Tool, and with a smooth round brush delete some parts from this layer. delete the parts above the water.



NOTE : You can use the following set of Free Clouds Brushes

Now we need to create some boxes where we will place some text. With rounded rectangle tool , create some shape like in the following image.



For all this layers add the following layer styles







This is my result



Create another layer ( above all layers )
and with brush tool create some random lines



Then change the opacity to 10-20 %



The result :



Now it is time for you to add some details. You can download a set of nice bubbles brushes from www.photo-shop-brush.com or you can add some other details like fishes, birds, divers from your stock collection.

Now please download the following image



Open this bubble image in Photoshop, then go to Edit > define brushes
Click Ok

Now select Brush Tool, and set the brush settings as follows







On a new layer ( press CTRL+SHIFT+N+ALT ) create some bubbles with brush tool



For a realistic effect you can change the opacity value to 20 - 30 %

An if you have another brushes with fishes , you can add on your layout



Now it is time to add some text, and we are ready



Please download the PSD layout to understand better how it's made

Attached Files
File Type: zip layout157.zip (2.05 MB, 381 views)

3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 05-18-2008, 12:33 AM
Junior Member
 
Join Date: Mar 2008
Posts: 1
zeyad danish is on a distinguished road
thanks my frinds
Reply With Quote
  #3 (permalink)  
Old 05-18-2008, 01:10 AM
Member
 
Join Date: May 2008
Posts: 30
tutmaster is on a distinguished road
this layout is great.very simple but it has a nice impact on my eyes i am downloading right now.
Reply With Quote
  #4 (permalink)  
Old 05-18-2008, 10:12 AM
Senior Member
 
Join Date: Mar 2008
Location: United Kingdom
Posts: 166
Robbb is on a distinguished road
Send a message via MSN to Robbb Send a message via Skype™ to Robbb
why are you downloading it? You should be trying out the tutorial......
Anyways, nice tutorial mate Not really my type of website, but im sure others will like it!
Good job
Reply With Quote
  #5 (permalink)  
Old 05-18-2008, 01:05 PM
Junior Member
 
Join Date: Mar 2007
Posts: 25
arab-design is on a distinguished road
this layout is great.very simple but it has a nice impact on my eyes i am downloading right now.
Reply With Quote
  #6 (permalink)  
Old 05-24-2008, 03:36 PM
Junior Member
 
Join Date: May 2008
Posts: 1
donoulis is on a distinguished road
Really Great!!!!

can i use this tutorial to make a web page?? i really like it!!
Reply With Quote
  #7 (permalink)  
Old 05-28-2008, 11:15 AM
wfdgraeme's Avatar
Member
 
Join Date: Apr 2007
Location: east coast of Australia
Posts: 84
wfdgraeme is on a distinguished road
Wow easy on the eyes and so simple, always really great...
Reply With Quote
  #8 (permalink)  
Old 05-30-2008, 12:17 PM
Junior Member
 
Join Date: Apr 2007
Posts: 4
Emilie159 is on a distinguished road
Very nice! I like layouts with sea-things!
Keep up!
Reply With Quote
  #9 (permalink)  
Old 05-30-2008, 10:43 PM
Junior Member
 
Join Date: Dec 2006
Posts: 12
hassona3d is on a distinguished road
very nice < but where is the birds image ,
Reply With Quote
  #10 (permalink)  
Old 05-30-2008, 10:44 PM
Junior Member
 
Join Date: Dec 2006
Posts: 12
hassona3d is on a distinguished road
and if you dont mind iam going to made a VB style from it .....

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 09:22 AM.



Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com