Shop Mobile More Submit  Join Login
×




Details

Submitted on
November 22, 2010
File Size
1.3 MB
Link
Thumb
Embed

Stats

Views
58,859 (3 today)
Favourites
516 (who?)
Comments
93
Downloads
8,398
×
Sleek - Web Layout Tutorial by detrans Sleek - Web Layout Tutorial by detrans
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 : )

...
Add a Comment:
 
:icon12sparkz:
12sparkz Featured By Owner Feb 1, 2014  Hobbyist Interface Designer
great idea to make that looks like video (or something like that) but in PS6 it is so scatter, i wanna learn how to make that, do you have that tutorial too :)
Reply
:iconabiralo:
abiralo Featured By Owner May 15, 2013
Let me check, hope work on CS6 also.
Reply
:iconwendik:
Wendik Featured By Owner Jul 13, 2012
i try to ps 3 cannot play ?[link]
Reply
:iconslushyicee:
SlushyIcee Featured By Owner May 9, 2012
can you use it for a website? xD
Reply
:icondetrans:
detrans Featured By Owner May 10, 2012  Professional Interface Designer
I made it for this tutorial,
but if you would like to...
Reply
:iconslushyicee:
SlushyIcee Featured By Owner May 11, 2012
and how do you do that? :)
Reply
:icondetrans:
detrans Featured By Owner May 11, 2012  Professional Interface Designer
by clicking the "play" button :)
Reply
:iconcoolthunder49:
Coolthunder49 Featured By Owner Jan 31, 2012
Thanks ........
Reply
:iconvaleka:
valeka Featured By Owner Jan 19, 2012  Hobbyist Traditional Artist
So so beautiful!
Reply
:iconlucazdiaz:
LucazDiaz Featured By Owner Jan 9, 2012  Student
I cant find de download link, and your job is fantastic.
Reply
:icondetrans:
detrans Featured By Owner Jan 10, 2012  Professional Interface Designer
"Download File" at the top-right corner
Reply
:iconlucazdiaz:
LucazDiaz Featured By Owner Jan 10, 2012  Student
Thanks, gratz.
Reply
:iconlucazdiaz:
LucazDiaz Featured By Owner Jan 10, 2012  Student
I'm begginer in photoshop, i only have 15 years and i use cs5, the “SleekDesign.atn” dont work here.
Reply
:icondevzign:
devzign Featured By Owner Jul 2, 2012  Professional Digital Artist
you have to open the actions panel (window-actions) then choose that SleekDesign action and press play, that's it : )
Reply
:iconehermawan:
ehermawan Featured By Owner Dec 1, 2011
Lowongan Kerja - Web Designer [link] Apply Now!!
Reply
:iconehermawan:
ehermawan Featured By Owner Dec 1, 2011
Lowongan Kerja - Web Designer [link] Apply Now!!
Reply
:iconroramo:
roramo Featured By Owner Aug 2, 2011  Student Interface Designer
awesome...
Reply
:iconabdelghany:
abdelghany Featured By Owner Aug 2, 2011  Professional Interface Designer
brilliant I like it :dummy:
Reply
:icondetrans:
detrans Featured By Owner Aug 2, 2011  Professional Interface Designer
thx :chew:
Reply
:iconevmarozova:
evmarozova Featured By Owner Jul 28, 2011   Interface Designer
very clean, nice job!
Reply
:iconrome256:
rome256 Featured By Owner Jul 10, 2011
Great work............
Reply
:icondetrans:
detrans Featured By Owner Jul 13, 2011  Professional Interface Designer
thanks..............
Reply
:iconkristianserbak:
kristianserbak Featured By Owner Jul 9, 2011
Hi friend, I have a problem with web page [link] the problem is a contact page. I cant keep the message that I send to other people on e-mail, there is an eror. I am creating my web page on a Web Creator Portable. Is that a problem with a XML or other? I am not programmer. Thanks!
Reply
:iconbrunodesign1206:
brunodesign1206 Featured By Owner Apr 23, 2011  Professional Interface Designer
this is wonderfull..
great work..
:D
Reply
:icondetrans:
detrans Featured By Owner May 10, 2011  Professional Interface Designer
ur welcome
Reply
:iconviral-iflair:
viral-iflair Featured By Owner Apr 15, 2011
good
Reply
:icondetrans:
detrans Featured By Owner May 26, 2011  Professional Interface Designer
thx
Reply
:iconsaeidparse:
saeidparse Featured By Owner Feb 23, 2011  Hobbyist Digital Artist
tank you
Reply
:icondetrans:
detrans Featured By Owner Feb 25, 2011  Professional Interface Designer
ur welcome
Reply
:icondaromano:
DaRomano Featured By Owner Feb 10, 2011  Hobbyist Photographer
Wow :) you are a good teacher, thanks for sharing.

We need more people like you !

Peace
Reply
:icondetrans:
detrans Featured By Owner Feb 10, 2011  Professional Interface Designer
ur welcome
Reply
:iconrhk:
RHK Featured By Owner Jan 8, 2011  Professional Interface Designer
wow, great work!

:iconwebdesigngods:
Reply
:icondetrans:
detrans Featured By Owner Jan 11, 2011  Professional Interface Designer
thanks
Reply
:iconblinka:
blinka Featured By Owner Dec 15, 2010
Szép munka, grat! (biztos jó sok idődbe került)
Reply
:icondetrans:
detrans Featured By Owner Jan 11, 2011  Professional Interface Designer
eltartott egy darabig, kosz!
Reply
:iconnoraalgalad:
NoraAlgalad Featured By Owner Nov 29, 2010
calm and stunning
Reply
:icondetrans:
detrans Featured By Owner Nov 29, 2010  Professional Interface Designer
thanks
Reply
:iconfractal2cry:
fractal2cry Featured By Owner Nov 28, 2010
ty!
Reply
:icondetrans:
detrans Featured By Owner Nov 28, 2010  Professional Interface Designer
yw!
Reply
:iconjourneywithin:
JourneyWithin Featured By Owner Nov 28, 2010  Student General Artist
How exactly do you convert a photoshop design into html/css and such? typically when I try to design a web layout I can only figure out how to export it as an image
Reply
:icondetrans:
detrans Featured By Owner Nov 28, 2010  Professional Interface Designer
Reply
:iconjourneywithin:
JourneyWithin Featured By Owner Nov 28, 2010  Student General Artist
:D thanks a bunch!
Reply
:iconwwwhasson:
wwwhasson Featured By Owner Nov 24, 2010
great work
Reply
:icondetrans:
detrans Featured By Owner Nov 24, 2010  Professional Interface Designer
thx
Reply
:iconkasgds:
kasgds Featured By Owner Nov 24, 2010
muchisimas gracias
Reply
:icondetrans:
detrans Featured By Owner Nov 24, 2010  Professional Interface Designer
de nada,
que lo disfrutes.
Reply
:iconc-quence:
c-quence Featured By Owner Nov 24, 2010  Professional Interface Designer
Thanks :)
Reply
:icondetrans:
detrans Featured By Owner Nov 24, 2010  Professional Interface Designer
... it's all yours :)
Reply
:iconbaxxspace:
baxxspace Featured By Owner Nov 24, 2010  Hobbyist General Artist
whoooaaaaa. thanks a bunch.. :aww: :aww:
Reply
:icondetrans:
detrans Featured By Owner Nov 24, 2010  Professional Interface Designer
ur welcome :)
Reply
Add a Comment: