Adobe Photoshop CC - Web Design, Responsive Design & UI

Learn to design professional websites in Photoshop CC, mastering UI/UX skills for high-paying jobs. No prior experience needed.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course takes you on a fun journey of creating stunning website mockups using Photoshop CC. Designed for beginners, you'll learn everything from the basics to handy tricks, helping you kickstart your web design career and impress clients with your new skills.

Key Points

  • Learn to design professional-quality website mockups in Photoshop CC
  • Course is for beginners with no previous design experience
  • Focus on creating mobile and desktop versions of a mock creative agency website
  • Covers web-safe colors, fonts, and image cropping
  • Includes quizzes, printable notes, and personal feedback from the instructor

Learning Outcomes

  • Design simple and professional website mockups in Photoshop
  • Understand how to create responsive designs for various devices
  • Choose the right colors and fonts for web projects
  • Crop images and create backgrounds effectively
  • Export files correctly for use on live websites

About This Course

Learn how to design a professional quality website in Photoshop CC.

Hi - my name is Dan and I’ll be leading you through this course on how to Build Professional Website Mockups using Photoshop. This course is for people serious about making money building professional website mockups using Photoshop.

These are the skills employers want. UI/UX design skills are where the high paying jobs are at.

I built this course for beginners. For the people nervous about changing their careers into web design - as well as for developers who lack any design skills. No experience in Photoshop or web design is necessary before taking this class.

During the course we’ll create this website for a mock creative agency - creating mobile and desktop versions. 

With exercise files you can download and work along with me. While we’ll start right at the basics we’ll move quickly into the professional tricks of the trade.

This course is a mixture of head and shoulders style presentations and HD screen captures. The course also includes printable notes as well as quizzes to help retain what you have learnt.


I’ll be teaching you how to setup your new documents. How to work with mobile, tablet and desktop views. You’ll be able to easily pick web safe colours and fonts for your website and preview them on your iPhone or iPad. You’ll learn how to crop images and make full backgrounds all the way through to exporting all the right files for your website. Know that I’ll be around to help - when you’re ready you can send me your work and I’ll see if they are any suggestions I can offer.


If you’ve ever wondered how to design a website in Photoshop than this is the course for you.

Now it’s time to upgrade your skills, get that better job and impress your clients.

  • Take on paid commercial web design projects.

  • Design professional web design mockups using Photoshop.

  • Create web designs for mobile, tablets and desktop.

Course Curriculum

Instructor

Profile photo of Daniel Walter Scott
Daniel Walter Scott

Sharing is who I am, and teaching is where I am at my best, because I've been on both sides of that equation, and getting to deliver useful training is my meaningful way to be a part of the creative community.I've spent a long time watching others learn, and teach, to refine how I work with you to be efficient,...

Review
4.9 course rating
4K ratings
ui-avatar of Ananth R
Ananth R.
5.0
1 year ago

I like it

  • Helpful
  • Not helpful
ui-avatar of Emelie Ortiz
Emelie O.
3.5
1 year ago

The editing is a bit jumpy, and this video is from almost 9 years ago --- could use a little updating!

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
4.5
1 year ago

Good

  • Helpful
  • Not helpful
ui-avatar of Caleb Biser
Caleb B.
3.5
2 years ago

I enjoyed the course. This is some tough content for me for some reason so I imagine this won't be the last time I review these videos. I do wish you would slow down a bit and narrate your button presses/combo's more often though. I find myself having to pause and rewind your video's constantly so I can catch up. You have clearly been working with this software for ages, but wow is photoshop advanced. I'd like to go back to the simplicity of coding, please! Lol

  • Helpful
  • Not helpful
ui-avatar of Bernadett Grega
Bernadett G.
3.5
2 years ago

I have been using Photoshop for quite some years now for photo editing and even tho this course is quite "old" it still gave me new infos and tricks when it comes to using Photoshop for Web. Why not 5-star? Just cause it's not 2022/2023 but otherwise spot on.

  • Helpful
  • Not helpful
ui-avatar of Francisco Santos
Francisco S.
5.0
2 years ago

Another excellent course. Adobe Photoshop Web Design involves the mockup of websites for desktop, tablet and mobile formats. I think its great to have this skill in your toolbox if you see yourself doing web design work.

Mr. Scott is passionate about teaching which makes learning fun for us students!

  • Helpful
  • Not helpful
ui-avatar of Vikramaditya Jog
Vikramaditya J.
4.0
3 years ago

'The navigation menu patterns' link which you shared in your video, is not working. Please update that.

  • Helpful
  • Not helpful
ui-avatar of Timothy Smith
Timothy S.
5.0
3 years ago

I enjoyed the fast pace of this course running through a workflow for creating mock-ups of responsive web sites. On completing this course I have a lot more confidence to move forward with my web design.

  • Helpful
  • Not helpful
ui-avatar of khushboo Singh
Khushboo S.
4.0
3 years ago

The Explanation is great and the course has a whole lot of tips and tirc. It helped understand the things necessary for web designing.

  • Helpful
  • Not helpful
ui-avatar of Karen Hanson
Karen H.
2.5
3 years ago

I need more information, but it was a good place to start.
Course needs updating Adobe no longer offers Color Themes, outside resources material outdated.

  • Helpful
  • Not helpful
Leave A Reply

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

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses