|
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack (8) | Thread Tools | Display Modes |
|
||||
|
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. 3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
|
|||
|
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 ![]() |
|
|||
|
Congratulations for the first 100, we can wait to see the rest tutorials that are following.
|
|
|||
|
Quote:
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
|
|
||||
|
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 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:
![]() Quote:
Quote:
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 ) |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|
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 07:26 PM | |
| Adobe Photoshop - Portfolio Layout #4 | This thread | Refback | 08-14-2008 08:23 PM | |
| PlanetaPhotoshop.ru • Ÿ€осмо‚€ ‚ем‹ - šа‚алог ƒ€оков „о€ƒма | This thread | Refback | 08-09-2008 10:37 PM | |
| Portfolio Layout with vector look | This thread | Refback | 08-07-2008 11:02 PM | |
| Portfolio layout 4 by ~hotcomputers on deviantART | This thread | Refback | 07-29-2008 12:42 PM | |
| PlanetaPhotoshop.ru • Просмотр темы - Создание дизайна сайта-портфолио | This thread | Refback | 07-27-2008 01:14 PM | |
| Portfolio Layout. -> Demiart - Photoshop | This thread | Refback | 07-10-2008 05:46 PM | |
| Photoshop Web Layouts Portfolio Layout with vector look Tutorial | This thread | Refback | 06-27-2008 02:42 PM | |