Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation 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 01-07-2007, 12:49 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
65 Splash Page

Hello

This is the Tutorial number 65 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

Today i will show you how to create a splash page



Open a new document in photoshop
Size 600 x 600 pixels
Color #333333 ( or a dark grey )

Select ellipse tool and make one simple circle



then add the following layer styles







Then be sure you have selected this layer, then go to Edit > Transform > Warp

then choose Shell Upper from the custom drop down menu



Then hit Enter on your keyboard, and you will have this result



Duplicate this layer one time, then resize it



Then with your arrow keys place the second layer in the middle of the initial one



For this second layer please add the following layer styles















This is my result



Now Select Ellipse Tool and create another circle



As you have noticed i have used the same settings for the layer styles:







Nov with this layer selected go to Edit > Transform > Warp, and select Inflate



Do not forget to hit Enter

Then duplicate this layer, and change the size one more time ( make it smaller ) and place it with your arrow keys in the middle ( you can use the alignment tool )



Then add the following layer styles for the top layer









This is my result



Then add some text " ENTER "



Select The Line Tool ( set the weight to 1 pixel ) and make a simple line like in the next image



Then with the line layer selected, press on Add layer mask



Select Gradient Tool ( set to reflected gradient )



Then draw a line following the blue arrow from the next image



Duplicate this layer ( with the thin line ) and place it like in the next image



Now select all the layers ( without the background layer ) and drag all the layers to the " create new layer " button from your layer palette
This will duplicate all the layers



Now press on CTRL+E ( this will merge the duplicate layers into a single one )
now go to Edit > Transform > Flip Vertical



With your arrow keys place this layer like in the following image ( we will create a reflection )



be sure you have the reflection layer selected, then press on " Add layer mask "



Grab the Gradient Tool one more time, and make a vertical line ( following the blue arrow )



Now reduce the opacity for this layer



This is my final image


If you want to add extra details then you might be interested in Talk-Mania Big-Pack

Attached Files
File Type: zip tutorial65.zip (166.1 KB, 1251 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 01-07-2007, 02:13 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Good i will use this
WELL DONE ADMIN
Reply With Quote
  #3 (permalink)  
Old 01-07-2007, 11:56 AM
Member
 
Join Date: Jan 2007
Location: Glasgow, Scotland
Posts: 30
XenizE is on a distinguished road
Send a message via AIM to XenizE Send a message via MSN to XenizE
Oh my...*orgasms*...it's that good =D.


What font did you use for the text at the bottom?
__________________
I don't care aout my sig and the fact that it sucks...I just can't be bothered uploading any of my sigs
Reply With Quote
  #4 (permalink)  
Old 01-07-2007, 03:53 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
Here you can download the font Link
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #5 (permalink)  
Old 01-07-2007, 09:20 PM
Junior Member
 
Join Date: Jan 2007
Posts: 11
haunted is on a distinguished road
tnx man, beatuiful
Reply With Quote
  #6 (permalink)  
Old 01-08-2007, 05:12 AM
Junior Member
 
Join Date: Jan 2007
Posts: 10
kevinjansen is on a distinguished road
nice spalsh page little bit flash and its cool
Reply With Quote
  #7 (permalink)  
Old 01-08-2007, 05:12 AM
Junior Member
 
Join Date: Jan 2007
Posts: 10
kevinjansen is on a distinguished road
oo and keep up the good work
Reply With Quote
  #8 (permalink)  
Old 01-08-2007, 03:21 PM
ARS ARS is offline
Junior Member
 
Join Date: Jan 2007
Posts: 10
ARS is on a distinguished road
how change brushes?
Reply With Quote
  #9 (permalink)  
Old 01-08-2007, 07:35 PM
Junior Member
 
Join Date: Jan 2007
Posts: 10
shakeebgenii is on a distinguished road
hi

awesome work dude keep it up
Reply With Quote
  #10 (permalink)  
Old 01-08-2007, 07:38 PM
Junior Member
 
Join Date: Jan 2007
Posts: 10
shakeebgenii is on a distinguished road
oa

ooa good work keep going up

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 07:01 AM.


Fake ID

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