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
  #11 (permalink)  
Old 01-18-2007, 08:14 PM
Junior Member
 
Join Date: Jan 2007
Posts: 12
absi is on a distinguished road
good job so gr8
Reply With Quote
  #12 (permalink)  
Old 01-19-2007, 07:12 AM
Junior Member
 
Join Date: Jan 2007
Posts: 11
deepakrohilla is on a distinguished road
this one is amazing
Reply With Quote
  #13 (permalink)  
Old 01-19-2007, 08:23 AM
Junior Member
 
Join Date: Jan 2007
Posts: 3
Pony_pyllymaa is on a distinguished road
Really nice tutorial.
Reply With Quote
  #14 (permalink)  
Old 01-19-2007, 11:03 AM
Junior Member
 
Join Date: Jan 2007
Posts: 10
destino is on a distinguished road
Quote:
Originally Posted by admin View Post
Hello

This is the Tutorial number 71 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 for your flash projects



Open a new document in photoshop
Size 600 X 600 pixels
Background color: dark grey - #333333

Grab Rounded Rectangle Tool, set the radius to 30, set the foreground color to white and make a simple rectangle



Then go to Filter > Blur > Gaussian Blur
Photoshop will ask you if you want to rasterize the shape. Choose yes

Then in the Gaussian Blur window enter the following value



Then lower the opacity to 15 %



Then Create another Rectangle



For this rectangle add the following layer styles











This is the result



Select one more time Rounded rectangle tool ( this time set the radius to 15 pixels ) and create 2 rectangles like in the following image



Next step is to add a layer style for both rectangles











This is the result



Next step is to add some text. In the next image you will see the text "ENTER "
I have used the same layer style as above ( used for the blue rectangle )



Select Rectangle Tool and create another shape with a black color



Then go to Filter > Blur > Gaussian Blur and set the value to 7
After you will press Ok you have to change the layer opacity to 40 %
This is the result



Now we will need a pattern. open a new document 5 x 5 pixels with a transparent background
Zoom your document to 1600 %
Select Pen Tool and create the following drawing



Then go to Edit > Define Pattern , select a name for your pattern then press ok

Now we will come back on our splash page
Select Rectangular Marquee Tool, and make a selection under the 2 blue shapes



Create a new layer ( press CTRL+SHIFT+ALT+N ) , then select Paint bucket Tool
be sure you have selected the pattern we have created in our last step



Then press One time inside your selection
This should be the result after you will deselect ( CTRL+D to deselect )



With this doted layer selected, press on " Add layer mask "
Select Gradient Tool, and be sure you have this settings



Then make a line from the center of your doted line to the exterior



Then with the same technique you can add also some lines
You will see a zoomed image
You must add 2 lines. one with a black color, and the second one with a light grey, or white



Then i will add more text



Then i will add a text logo, i will use the same layer blue style



Duplicate this text layer ( with Talk-mania )
Go to Edit > Transform > Flip Vertical , then place the second text layer under the first one with your arrow keys



The next step is to change the opacity to 20 % for the second text layer.
This is my final result



I hope you like it
Nice tutorial! I'll use this way of creation...
Reply With Quote
  #15 (permalink)  
Old 01-21-2007, 07:59 PM
Junior Member
 
Join Date: Jan 2007
Posts: 10
tony73 is on a distinguished road
Good Tutorial
Reply With Quote
  #16 (permalink)  
Old 01-23-2007, 02:03 PM
Junior Member
 
Join Date: Jan 2007
Posts: 10
_7up_ is on a distinguished road
this flash look nice
Reply With Quote
  #17 (permalink)  
Old 01-23-2007, 02:41 PM
Junior Member
 
Join Date: Jan 2007
Posts: 4
cytex is on a distinguished road
might come in handy, tx alot
Reply With Quote
  #18 (permalink)  
Old 01-23-2007, 05:03 PM
Junior Member
 
Join Date: Jan 2007
Posts: 27
pelly is on a distinguished road
great
thanks for sharing
Reply With Quote
  #19 (permalink)  
Old 01-24-2007, 12:29 AM
Junior Member
 
Join Date: Jan 2007
Posts: 10
Eichen is on a distinguished road
THis would look great as a splash page.
Reply With Quote
  #20 (permalink)  
Old 01-24-2007, 08:46 AM
Junior Member
 
Join Date: Jan 2007
Location: Estonia
Posts: 7
srkz is on a distinguished road
Send a message via MSN to srkz
This is a wonderful tutorial. One question that I have is: What kinda text style did you use for the text? Damn im low with my post number, cant download the tutorials yet.

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 05:09 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