Web Hosting Deals Premium Website Templates Webcam Chat Logo Design - $149 Hosting Deals and Coupons Register domain Webmaster Forum Busby SEO Challenge 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.


Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 01-09-2007, 09:06 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,306
Blog Entries: 2
admin has disabled reputation
66 Software layout

Hello

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

Today i will create a software layout, where you can sell your digital goods
For this i will use a image with a software box. You can see the tutorial HERE

So start a new photoshop document with the following size: 760 X 770
Color background : # 303030

Select rectangle Tool, and make 2 rectangles



Then for both rectangles , add the following layer styles











This is my result:



Next you have to add one image with the software box. As i have told you you have the tutorial HERE , or you can use your own software box image



Duplicate this layer ( with the software box ) < resize it and place it like in the following image



Now let's add some text



now you can add the following layer styles for your " Advanced Solutions " layer







This is the result



Duplicate the " Advanced Solutions " layer ( to duplicate the layer you have to select the layer, then press CTRL+J )

then go to edit > transform > Flip vertical
Then press one time on the " V " - move tool, then press a few times on your down arrow keys, until you place the duplicated layer like in the following image



Then Press on The " Add Layer mask " button
Select Gradient Tool and draw a line from Top to Bottom of your text ( follow the blue line )



With the same technique you can add a mirror effect also for another text layer



Grab Rectangle Tool, and create some rectangles like in the following image



Now Duplicate the software box 3 times, and place it like me , after you will resize it



Then you have to add more text on your layout



Then you can find a star brush, and make some stars on your layout ( be sure you will create a new layer before you will create the stars )
Then i will add with Line Tool, 2 lines on the left and on the right of our layout

This is my final result. i have to admit that is not my best layout. I am not feeling too good today. Maybe tomorrow i will have more inspiration




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

Attached Files
File Type: zip layout66.zip (359.6 KB, 691 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-09-2007, 10:22 PM
Lukeintosh's Avatar
Senior Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 248
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Saucey √√√√ out of √√√√√
Reply With Quote
  #3 (permalink)  
Old 01-10-2007, 06:01 AM
Junior Member
 
Join Date: Jan 2007
Posts: 11
anonymopt is on a distinguished road
can users use this tutorials?
Reply With Quote
  #4 (permalink)  
Old 01-10-2007, 08:12 AM
Junior Member
 
Join Date: Jan 2007
Posts: 10
ecogunner is on a distinguished road
i like the software layout is 100% coool
Reply With Quote
  #5 (permalink)  
Old 01-10-2007, 10:40 AM
Junior Member
 
Join Date: Nov 2006
Posts: 5
samiatay is on a distinguished road
it's a great tutorial and a great design thnx man
Reply With Quote
  #6 (permalink)  
Old 01-10-2007, 11:20 AM
Junior Member
 
Join Date: Dec 2006
Posts: 10
deherve is on a distinguished road
hello,

it's very nice !!!!

great
Reply With Quote
  #7 (permalink)  
Old 01-10-2007, 01:00 PM
Senior Member
 
Join Date: Dec 2006
Location: Lisbon-Portugal
Posts: 256
amitk is on a distinguished road
Smile Great

Hi Admin,

Once More...and one more time GREAT...and CLASSY Tutorial....
Step by step...so we can practice it also...
I was looking for you...because I did'nt see you since New Year, so I put an advertisment...looking for you...in Talk-Mania.com...
And it did give good results...because You came with this Tutorial.
Thanks a Lot...and keep it up.

Amit
Reply With Quote
  #8 (permalink)  
Old 01-10-2007, 11:39 PM
Junior Member
 
Join Date: Jan 2007
Posts: 20
Nizoo is on a distinguished road
i love the software hehe
Reply With Quote
  #9 (permalink)  
Old 01-11-2007, 01:56 AM
Member
 
Join Date: Oct 2006
Posts: 38
ibeeback is on a distinguished road
thanks man
Reply With Quote
  #10 (permalink)  
Old 01-11-2007, 01:58 AM
Member
 
Join Date: Oct 2006
Posts: 38
ibeeback is on a distinguished road
thanks lol

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 12:30 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