In this video, I’m going to walk you through a few web design basics in Photoshop. This is about the layout and composition of a hero image which is typically the first thing a user will see when they land on your website home page.

When designing for the web you’re going to focus on user experience and how easy the website is for your user. You only have a very short amount of time to keep the user moving forward on your site so the elements have to identify your website and what the next step for the user will be without making them think about it. That is what we will focus on here in this video.

You can design a website in Photoshop, Adobe XD, or any other design software but the basics of user experience will not change.

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
I also wanted to take the opportunity to show you how I made the water splash background used in one of my sample images from a previous video where I showed you how to make water patterns. You can watch that video here: https://youtu.be/M6-RMHoTGFs

If you want to follow along with me on this mini-tutorial, you can download the brush I used for this here: https://bit.ly/3al6X8B

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •

IMPORTANT NOTE ON SOFTWARE:
In this tutorial, I am using Photoshop CC 2020. You may not have the same configuration in your version of Photoshop. Things get moved around in updates. Some of the features in this version of Photoshop may not be available in older versions. Please leave a comment on the Youtube platform or send me an email if you get stuck or are missing a feature and I will do my best to help you.

If you like this content consider becoming a subscriber! https://www.youtube.com/channel/UCMkv…

You can also find me in all of these places:
Website: https://prettywebz.com
Pinterest: https://www.pinterest.com/Myartisticd…
Facebook: https://www.facebook.com/prettywebz/
Twitter: https://twitter.com/prettywebz
Instagram: https://www.instagram.com/prettywebz/

LEAVE A REPLY

Please enter your comment!
Please enter your name here