HOME | DD
detrans — Sleek - Web Layout Tutorial
Published: 2010-11-22 17:13:05 +0000 UTC; Views: 81911; Favourites: 506; Downloads: 8618
Redirect to original
Description
Description:This Photoshop Action will show you how to create a professional web layout in seconds.
Just click play and enjoy it !
Free PSD included!
Instructions:
1. Download and unzip this archive...
2. Click to open the "SleekDesign.psd" file FIRST !
DO NOT TOUCH OR CHANGE ANYTHING THERE !
Make sure in the Layers Panel the “Background” Layer is selected and all the Layers in the “materials” folder are not visible.
3. Once the .psd file is opened and active, double-click the downloaded “SleekDesign.atn” file to load it to your Photoshop Action Panel.
Go to "Window > Actions" menu in Photoshop to open the Actions Panel.
Click on the triangle next to the “SleekDesign” Action Set to expand it, then select the “SleekAction” action.
With the “SleekAction” selected click "Play" button, located at the bottom of the actions palette to run the selected action.
Support:
Only tested in PS CS4, but should work with any CS+.
If any problem, please report here...
I used Arial system font to avoid missing font problems, the original was made with Helvetica CY font family.
Credits:
Original Web Layout: [link]
Photo: [link]
Icons: Licensed stock images - do not use them!
Update:
Adjustment Layer issue fixed.
...
As always:
is much appreciated : )...
Related content
Comments: 94
wtf, this is cra-a-a-azy.
Thanks a lot, cheers
👍: 0 ⏩: 1
This is pretty... Sick!
I can imagine it was a lot of hard work and took hours.
Very sophisticated design btw.
👍: 0 ⏩: 2
... actually it took days creating the layout + tutorial
👍: 0 ⏩: 1
Really nice contribution 
👍: 0 ⏩: 1
LOVE the idea!! And beautiful layout, sleek is the perfect word for it.
I adore all your work, and it's a privilege to see the process and other details.
Thanks for sharing!!!!
👍: 0 ⏩: 1
thanks bbt,
... had some hard time with this one.
👍: 0 ⏩: 1
I'll make sure i check it out, see how you did
and LOL bbt is a very old name for me, call me enzu
👍: 0 ⏩: 1
ok enzu, I just tried to make ur name shorter somehow
it is a very difficult way to create a tutorial, not like when u make screenshots...
only limited techniques are accepted or supported in .atn etc.
👍: 0 ⏩: 1
Ahh yep i understand bro , it would be difficult then for sure
👍: 0 ⏩: 1
yeah, that's why don't expect awesome things - am just happy to make it somehow
👍: 0 ⏩: 0
Unfortunately, the action does not create anything but it's otherwise a really good idea! 
👍: 0 ⏩: 1
Have you followed the instructions?
The .psd file must be opened (and active) first then you click the action.
👍: 0 ⏩: 1
Yes, but even after several attempts, it does not work! Nevertheless, good job!
👍: 0 ⏩: 1
Interesting... This was made in CS4 which version do you have?
👍: 0 ⏩: 1
No, I use CS5, should I rather use CS4? :>
👍: 0 ⏩: 1
I don't think that would be the solution 
Just tested in CS5 also, works perfect (Mac + Win)
I would suggest to read the instructions more carefully...
👍: 0 ⏩: 1
It is because my Photoshop is a German version! This I have just found out on closer examination!
👍: 0 ⏩: 1
yes, that could be the problem!
with the english version the first locked layer is called: Background
with your version maybe this word is in German: Hintergrund (?)
in this case double-click the locked layer and change its name to: Background
and then use the action...
or maybe this won't work either, since all the menus are in German
and all the action commands uses English menus
well, it is worth a try...
👍: 0 ⏩: 0
yeah, this was crazy for me too
👍: 0 ⏩: 1
<= Prev |