Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Adobe Photoshop CC - Web Design, Responsive Design & UI
Rating: 4.5 out of 5(934 ratings)
5,053 students

Adobe Photoshop CC - Web Design, Responsive Design & UI

Learn how to design a professional quality website in Photoshop CC.
Created byDaniel Walter Scott
Last updated 1/2025
English

What you'll learn

  • Take on paid commercial web design projects.
  • Design professional web design mockups using Photoshop.
  • Create web designs for mobile, tablets and desktop.
  • Present your concepts on actual mobile devices.
  • Supply files to a web developer.

Explore related topics

Course content

17 sections • 50 lectures • 2h 43m total length

  • Introduction1:43
  • What do we need to deliver at the end of our project?0:49

    This lecture we'll discuss what your final deliverables are. What files need to be made. What code needs to be created and supplied to a web developer.

  • What is Photoshop’s role when designing a website0:55
    Photoshop is amazing at many things. In terms of designing websites it’s the most commonly used tool and if you’re looking for employment in the web design world it’s essential. So Photoshop can do so much in the planning and concept stage. As far as a completed website (online and taking orders) Photoshop can do very little. Once you’ve had your Photoshop mockup signed of and agreed to. You hand over the images and styles you’ve created and either you or your web developer needs to start build the site in HTML & CSS.
  • What are the production videos?0:24

    These sessions are where I’m busy building our concept site using the tools we’ve learnt.

  • What are we making in Photoshop?

Requirements

  • No previous experience in Photoshop is necessary.
  • You will need a copy of Photoshop CC 2015 installed. Free trials can be downloads from Adobe

Description

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. 


Who this course is for:

  • This course is for people who want to start earning money as a web designer.
  • This course is for beginners wanting to learn to use Photoshop for web design.
  • This course is not intended for people wanting to learn Photoshop for graphic design or photography uses.

Report abuse