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 (8) Thread Tools Display Modes
  8 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 03-11-2007, 03:32 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
100 Portfolio Layout #4

Hello my friends

First of all i want to thank you for visiting talk-mania each day.
This tutorial is special for YOU , and for all Tutorial websites where my tutorials are accepted.

Today i will create the last tutorial from 100 Tutorial Marathon. This doesn't mean that will be the last tutorial on Talk-Mania.
Tomorrow i will start another Marathon. This marathon will have 400 new tutorials.

This means that i will transform 100 Tutorials marathon into 500 Tutorials Marathon

In this way i am sure you can find the tutorials faster

This is what we will create today


In this tutorial i will show you how to create a tech layout.
Open a new document in photoshop
Size 760 x 770
Background color: #343434

Select Rounded Rectangle Tool ( set the radius to 5 pixels ) and create a simple rectangle



Then Go to Edit > Transform Path > Warp
And use the following settings:



This is the result



Then add the following layer styles









This is the result



Now i will show you how to create a nice vector brush
Create a new document . size 500 X 500 with a transparent background

Then with ellipse tool, create some circles ( when you create this circles, be sure you use the following buttons : Subtract from shape area (-) and Add to Shape area (+)



Create something randomly.
This is what i have



Now go to Edit > Define Brush preset...
Choose a name for your brush and press OK

Now let's come back to our layout. Create a new Layer ( press CTRL+ALT+SHIFT+N )
Select brush Tool. Select the brush you have made

And start Drawing on the corner of the layout. be sure you have the same foreground color as our background. In my case #343434



I will use different brushes. if you want you can find another brushes with google.

Create a new layer above the background layer

Then please create another document with the following settings:


Zoom this document to 1600% and with the Pencil Tool Draw 3 points:



After that go to Edit > Define Pattern...
Choose a name for your pattern and press OK
To learn more about patterns , please visit the following link.
http://www.talk-mania.com/showthread.php?t=37

Then you can close this document.

Grab Paint Bucket tool, Use the following settings



And fill the document with this pattern
this is my result



Now add some images and text on your layout



Add the following layer styles for the buttons









result :



Now add half circles under your buttons



Then you can add another small circles ( with brush tool )

This is my final result



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

Attached Files
File Type: zip layout100.zip (482.2 KB, 969 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-11-2007, 04:53 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!

Well done on the last tutorial of the 100 marthon!!! Good effort 8/10
Reply With Quote
  #3 (permalink)  
Old 03-11-2007, 04:56 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
Quote:
Originally Posted by admin View Post
Hello my friends

First of all i want to thank you for visiting talk-mania each day.
This tutorial is special for YOU , and for all Tutorial websites where my tutorials are accepted.

Today i will create the last tutorial from 100 Tutorial Marathon. This doesn't mean that will be the last tutorial on Talk-Mania.
Tomorrow i will start another Marathon. This marathon will have 400 new tutorials.

This means that i will transform 100 Tutorials marathon into [b][u][size=4][color=Red]500 Tutorials Marathon
Ok you said 400 and you say i will turn 100 in to 500 is it 500 or 400?>
Reply With Quote
  #4 (permalink)  
Old 03-11-2007, 06:44 AM
Junior Member
 
Join Date: Sep 2006
Posts: 24
wilson is on a distinguished road
Hello Everyone,
Nice tutorial.
Man you have just done 100 tutorials in 5 months, that's impossible but you did !! and all the tutorials are good,also well explain ,that very amazing !!!
As far i know on the net there is no any website got that many tutorials, well done.
Keep up the good work.
Thanks
Reply With Quote
  #5 (permalink)  
Old 03-11-2007, 08:48 AM
Junior Member
 
Join Date: Feb 2007
Location: New Jersey
Posts: 13
Outkast is on a distinguished road
Congrats, on a job well-done...amazing...I'm just wondering how do you find the time, are you unemployed, lol....keep them coming, i'm glad I ran into this site.
Reply With Quote
  #6 (permalink)  
Old 03-11-2007, 01:31 PM
Member
 
Join Date: Jan 2007
Posts: 81
Rady is on a distinguished road
Congratulations for the first 100, we can wait to see the rest tutorials that are following.
Reply With Quote
  #7 (permalink)  
Old 03-11-2007, 03:51 PM
Junior Member
 
Join Date: Feb 2007
Location: Singapore
Posts: 15
sixseven is on a distinguished road
Awesome!!!
__________________
67
Reply With Quote
  #8 (permalink)  
Old 03-11-2007, 05:56 PM
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
Quote:
Originally Posted by Lukeintosh View Post
Ok you said 400 and you say i will turn 100 in to 500 is it 500 or 400?>
He is doing 400 more. 400 + 100 = 500 =]

He is just adding 400 to the 100 he has already done =]


And hey Admin. This tut is just....amazing....seriously =]
You get better with every tutorial you make!
__________________
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
  #9 (permalink)  
Old 03-11-2007, 06:14 PM
Junior Member
 
Join Date: Feb 2007
Posts: 25
coblyox is on a distinguished road
the best site
Reply With Quote
  #10 (permalink)  
Old 03-11-2007, 06:20 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
yes i will add another 400 Tutorials
At the end i will be 500 tutorials.

I want to add more because it will be easier for you to follow the tutorials

The i will start another marathon.

Quote:
I'm just wondering how do you find the time, are you unemployed, lol.
I am student, and i have also a Computer store. i don't have time for me. but i have time for Talk-Mania.
I am doing this because i like Photoshop very much. I am a big fan and i am Working each day with a huge pleasure.

Quote:
Man you have just done 100 tutorials in 5 months, that's impossible but you did !!
I am not happy with that. 5 months means 150 tutorials. and i have only 100

Quote:
As far i know on the net there is no any website got that many tutorials, well done.
I am not sure if Talk-mania is the biggest tutorial website. But i assure you that it will be very soon.

Quote:
Well done on the last tutorial of the 100 marathon!!! Good effort 8/10
Thank you. Unfortunately i can not satisfy all members. each member has a different point of view.
I have a lot of members who are asking me how to create basic things, i have to create different layouts. for PRO users and for beginners

Thank you

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
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

LinkBacks (?)
LinkBack to this Thread: http://www.talk-mania.com/web-layouts/26505-portfolio-layout-4-a.html
Posted By For Type Date
PlanetaPhotoshop.ru • Просмотр темы - Каталог уроков форума This thread Refback 09-30-2008 08:26 PM
Adobe Photoshop - Portfolio Layout #4 This thread Refback 08-14-2008 09:23 PM
PlanetaPhotoshop.ru • Ÿ€осмо‚€ ‚ем‹ - šа‚алог ƒ€оков „о€ƒма This thread Refback 08-09-2008 11:37 PM
Portfolio Layout with vector look This thread Refback 08-08-2008 12:02 AM
Portfolio layout 4 by ~hotcomputers on deviantART This thread Refback 07-29-2008 01:42 PM
PlanetaPhotoshop.ru • Просмотр темы - Создание дизайна сайта-портфолио This thread Refback 07-27-2008 02:14 PM
Portfolio Layout. -> Demiart - Photoshop This thread Refback 07-10-2008 06:46 PM
Photoshop Web Layouts Portfolio Layout with vector look Tutorial This thread Refback 06-27-2008 03:42 PM


All times are GMT +2. The time now is 01:31 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