Adobe Photoshop CC – Web Design, Responsive Design & UI

Adobe Photoshop CC – Web Design, Responsive Design & UI, available at $64.99, has an average rating of 4.25, with 49 lectures, 16 quizzes, based on 889 reviews, and has 4844 subscribers.

You will learn about 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. This course is ideal for individuals who are This course is for people who want to start earning money as a web designer. or This course is for beginners wanting to learn to use Photoshop for web design. or This course is not intended for people wanting to learn Photoshop for graphic design or photography uses. It is particularly useful for This course is for people who want to start earning money as a web designer. or This course is for beginners wanting to learn to use Photoshop for web design. or This course is not intended for people wanting to learn Photoshop for graphic design or photography uses.

Enroll now: Adobe Photoshop CC – Web Design, Responsive Design & UI

Summary

Title: Adobe Photoshop CC – Web Design, Responsive Design & UI

Price: $64.99

Average Rating: 4.25

Number of Lectures: 49

Number of Quizzes: 16

Number of Published Lectures: 49

Number of Published Quizzes: 16

Number of Curriculum Items: 65

Number of Published Curriculum Objects: 65

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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.

Target Audiences

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.

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.  

Course Curriculum

Chapter 1: Overview

Lecture 1: Introduction

Lecture 2: What do we need to deliver at the end of our project?

Lecture 3: What is Photoshop’s role when designing a website

Lecture 4: What are the production videos?

Chapter 2: Before you get started

Lecture 1: Getting your workspace ready for UI work

Lecture 2: Adjusting the Photoshop preferences

Lecture 3: Download the exercise files

Chapter 3: Mobile friendly web design

Lecture 1: Understanding responsive mobile & tablet design

Lecture 2: Understanding grid systems & BootStrap

Chapter 4: The tools you’ll need

Lecture 1: Tips for zooming & navigating your document

Lecture 2: Measuring & spacing tools

Lecture 3: Layer shortcuts you need to know

Lecture 4: The eye dropper tool

Lecture 5: The transform tool

Lecture 6: The ‘f’ key

Chapter 5: Triple check it works!

Lecture 1: Testing on iPhone & iPad using Adobe Device Preview

Lecture 2: What is technically possible in web design

Lecture 3: Screen sizes for desktop, tablet & mobile

Chapter 6: Your pages

Lecture 1: Using art boards

Lecture 2: What about page heights?

Lecture 3: Page guides, columns & rulers

Chapter 7: Website Colors

Lecture 1: Picking website colors

Chapter 8: Adding structure to your website design

Lecture 1: Adding structure to your site with the vector shapes

Lecture 2: Production video – adding structure to your web design

Chapter 9: Using text in website design

Lecture 1: Expanding & fixed width text boxes in Photoshop

Lecture 2: How to design using web safe fonts via Google Fonts

Lecture 3: Place holder text with Lorem Ipsum

Lecture 4: Production video – adding all of our text

Chapter 10: Page adjustments

Lecture 1: Adjusting your page edges

Chapter 11: Using images in your website design.

Lecture 1: Where to get commercial use free images

Lecture 2: Embedding or linking your images?

Lecture 3: How to mask your images using a clipping mask

Lecture 4: Masking images for rounded corners & circles

Lecture 5: How to create large background images

Lecture 6: Production video – adding our images

Chapter 12: Using icons in your website design.

Lecture 1: Where to get commercial use, free icons for your Photoshop website design.

Lecture 2: Production video – adding our icons

Chapter 13: Mastering layers

Lecture 1: How to tidy up with layer grouping

Lecture 2: Find what you need quickly with layer search

Lecture 3: Naming your layers like a pro

Chapter 14: Forms and footers

Lecture 1: Designing a form for your website design

Lecture 2: How to create a footer for your website

Lecture 3: Production video – finishing up our desktop view

Chapter 15: Designing for mobile websites

Lecture 1: Designing your mobile website view

Lecture 2: Production video – completing our mobile view

Chapter 16: Exporting your Photoshop website design

Lecture 1: Exporting your web images

Lecture 2: Exporting CSS from Photoshop

Lecture 3: Using Adobe Generate to make image export amazing

Chapter 17: Conclusion

Lecture 1: I don’t want this to be over. What next Dan?

Instructors

Daniel Walter Scott
Adobe Certified Instructor & Adobe Certified Expert

Rating Distribution

1 stars: 9 votes
2 stars: 17 votes
3 stars: 108 votes
4 stars: 241 votes
5 stars: 514 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu