Web Design Tutorial For Beginners Using Photoshop

Today’s video brings you a web design tutorial inside Photoshop CC where I’ll go over the whole process of taking an old landing page and turning it into a modern looking one, that has a pretty unique visual style.

For more landing page design video tutorials check out this playlist: https://www.youtube.com/playlist?list=PLwK4VEM_pKK07eveaQy8GVKwpMWlD_-AO

Get full access of the fully layered Photoshop file that includes the web design of this homepage here: https://www.cosminserban.com/web-design-tutorial-in-photoshop

You can use this template for free in any of your projects. Have fun!


↓ Download more grain and noise brushes:
8 Grain Brushes + 15 Noise Brushes + 16 Vector Textures for Illustrator and Photoshop ↓



About this landing page project: The client asked for a refreshed version of one of their existing landing pages, in the past they’ve been using a generic template and wanted to move as far away from that as possible.

Came up with a couple of new ideas, introduced some very vibrant and modern colors, put a lot of thought on how this landing page can stand out from the crowd and remove friction.

The first step was to create a wireframe using the initial content that was on the landing page and then add more space.

Most of the final graphics were done using Illustrator, then copy and pasted inside Photoshop.

Just in case you’d like to learn how to design a landing page in real-time, check out my course: https://www.patreon.com/posts/full-course-page-25498918

Don’t forget to like this video if you’ve enjoyed it and subscribe for more graphic design tutorials!

About me // My name is Cosmin Serban, I’ve been a graphic designer for over 10 years now, started my career by doing logos and small websites for clients around the world, right now I work as a Design Consultant for https://www.instapage.com

If you’d like to say hi or if you have a project in mind, you can get in touch with me here: https://www.cosminserban.com

Follow me on Instagram: https://www.instagram.com/cosmindesign/
Read articles about “Design Mindset”: https://medium.com/@cosminserban

Music: Lobby Times Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License

#photoshop #webdesign #tutorial #homepage #landingpage

Products You May Like

Leave a Reply

Your email address will not be published. Required fields are marked *