detrans on DeviantArthttps://www.deviantart.com/detrans/art/Sleek-Web-Layout-Tutorial-187062474detrans

Deviation Actions

detrans's avatar

Sleek - Web Layout Tutorial

By
Published:
76.7K Views

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: :+fav: is much appreciated : )

...
© 2010 - 2024 detrans
Comments94
Join the community to add your comment. Already a deviant? Log In
DarKMaSk2009's avatar
This is great :), but how could I turn this in a joomla 3.x template? :(