detrans on DeviantArt

Deviation Actions

detrans's avatar

Photoshop Web Layout Tutorial



Professional Photoshop Web Layout Tutorial.

I call it: "silence tutorial" because of no time adding a description. Sorry about that...

But, observing the Photoshop tools and layers (effects), it is quiet obvious how it was done.

Result: [link]

Background: [link]
Flower: [link]
Bee: [link]

Full-size: [link]

Enjoy, +fav and share.

Image size
1009x18000px 4.37 MB
© 2010 - 2024 detrans
Join the community to add your comment. Already a deviant? Log In
LewisBell's avatar
:star::star::star::star-half::star-empty: Overall
:star::star::star::star-half::star-empty: Vision
:star::star::star::star::star-empty: Originality
:star::star::star::star-empty::star-empty: Technique
:star::star::star::star::star-empty: Impact


The finished product is indeed clean, simple and professional; as you aimed for it to be. It's a fantastic piece for someone to mimic, especially someone starting out, because of it's relative simplicity (in both looks and technique) whilst maintaining the intended purpose of looking good.


I don't see many web design tutorials, which is a real shame so you've got plenty of stars for that part. Whilst the design may have similar aspects to other works, it's the tutorial that you're being judged on here.


Unfortunately, you lack explanations! It would reinforce the simplicity of the tutorial if there were basic explanatory sentences thrown in there too. Luckily, the images show enough for anyone with Photoshop experience to be able to follow along.


The design is lovely and the tutorial is top-notch too. You get a four here simply because it's hugely useful for anyone looking to learn.