• No products in the cart.

UI Design for Beginners with Photoshop

4.6( 7 REVIEWS )


Are you looking to enhance your UI design proficiency to help boost your career prospects? Building a satisfying career can be a lifelong process but if you want to gain a competitive edge in your job search, look no further!

With this UI Design for Beginners with Photoshop course, you will build the solid foundation you need to kickstart a successful career in the UI design industry.

The course covers the essential things you need to know to boost your career within the UI design. It provides you with the ability to improve your earning potential.

Covering everything you need to know to boost your career within UI design, this industry recognised certification includes 92 comprehensive bite-sized modules that you can learn in your own time, pace and environment. Complete your course and earn your qualification in just 8 hours 34 minutes with dedicated online support you can trust and rely on.

Why Learn With Queen Mary Academy?

  • 50,000+ students worldwide
  • Start a new career or advance your current one & land your dream job
  • Most in-demand skills for today’s job market
  • Award-winning Customer Support
  • Partnered with biggest accreditors in the world

Benefits You Will Gain

  • No hidden fees.
  • 24/7 access to the Learning Portal.
  • Receive the UK and globally recognised certificate on completion of the course.
  • Qualified tutor support and exceptional customer service.
  • Access the Learning Portal whenever you want 
  • Learn from industry-leading experts.

Who is this course for?

Whether you are looking to enhance your employment prospects, boost your CV with essential skills or climb the career ladder to a higher position, this UI Design for Beginners with Photoshop course will work as an initial step towards earning an internationally-recognised qualification that could prove invaluable for your career.

This UI Design for Beginners with Photoshop course has been designed for learners who are looking to gain the skills and credentials to fast track a fulfilling career in UI design.

Entry Requirement

The UI Design for Beginners with Photoshop course is for learners of all levels, with no specific enrolment requirements; all you need is the commitment to learn, knowledge of the English language, and basic numeracy and IT skills. Students must be over the age of 16.


Once you have successfully completed the UI Design for Beginners with Photoshop course, you will receive an accredited certificate from Queen Mary Academy as validation of your new skills. Certification is available in PDF format, at the cost of £12, or a hard copy can be sent via post at the cost of £27.

Career path

On successful completion of the UI Design for Beginners with Photoshop course, learners will have the knowledge, skills and credentials to enter the relevant job market, with the confidence to explore a wide range of industry-related professions. Students will be able to add this qualification to their CV/resume, giving them a head start in their chosen field.


Course Curriculum

Introduction to UI Design and why it matters
What This Course Will Cover? 00:02:00
Why UI Design Matters? 00:04:00
Setting Up Photoshop for UI Design
Photoshop Preferences for UI Design & better performance – Updated 00:06:00
Color Proof Settings – Updated 00:01:00
Color Profile Settings for UI Design- Updated 00:04:00
Creating Custom Shortcuts for Photoshop – Updated 00:04:00
Keyboard Shortcut problems on MAC OS → Student Request Lecture 00:02:00
Photoshop Workspace(Panels) setup for UI Design → Updated 00:07:00
Basics of Photoshop for Beginners
How Photoshop Interface Works 00:05:00
Customizing Photoshop Toolbar→ Student Request Lecture 00:04:00
New Document Setup for UI Design 00:04:00
What are artboards and how to use them? 00:06:00
How layers works and Basics of Layer panel controls 00:05:00
Layers Panel → Filtering and finding layers 00:05:00
Type Tool 00:04:00
Character Panel 00:07:00
Paragraph Panel 00:04:00
Shape Tool for UI Design (Combine and Subtract Shapes) 00:07:00
How to use Pen Tool for UI Design 00:03:00
Student Request: How to use pen tool in Icon Design? 00:15:00
Using Selections in different ways (Selection + Lasso Tool) 00:07:00
Alignments 00:06:00
Using Clipping Masks in UI Design 00:02:00
Exercise Challenge : Clipping Mask 00:01:00
Layer Masks 00:05:00
Smart Objects 00:07:00
Linked Smart Objects 00:07:00
Layer Comps usage in Photoshop 00:06:00
Commonly used Keyboard Shortcuts 00:15:00
Smart Guides and Smart Snapping in Photoshop 00:05:00
Layer Styles Basics for UI Design
Using Multiple Layer Shadow Effects in UI Design (PSD Excercise File Included) 00:04:00
Using Inner Shadow Effect 00:02:00
Using Layer Stroke Effect 00:02:00
Re-using Layer Styles 00:02:00
Gradients in Web and UI Design
What are Gradients? 00:02:00
Examples of Gradients usage in Web and UI Design 00:03:00
3 ways to create gradients in Photoshop 00:04:00
Using Gradient Overlay Layer Style 00:05:00
Gradient Editor Deep Dive 00:07:00
Using Patterns in Web and UI Design
What are Patterns and their Usage in UI Web Design? 00:02:00
Methods of applying Patterns In Photoshop 00:05:00
How to create patterns from an image file in Photoshop 00:02:00
Installing and using .PAT pattern files in Photoshop 00:05:00
Basics of UI Design | Light, Shadows, Color schemes & Typography
Light and Shadow (Important Concept) 00:04:00
Example usage of Light and Shadow in UI Design 00:02:00
Color Schemes in UI Design for Beginners 00:02:00
Getting Color Schemes from Logo and using HSL Basics 00:01:00
Using Online Tools for creating Color Schemes 00:05:00
Typography or Font Selection for Beginners 00:09:00
Using Grids in Web and UI Design
What are Grids in Web and UI Design and how to use Grids 00:05:00
How to create Grids in Photoshop (Two methods) 00:06:00
Installing and Using Photoshop Plugins and Scripts to automate tasks
Installing Photoshop Scripts and setting Keyboard Shortcuts for them – Updated 00:05:00
Installing Photoshop Scripts on MAC OS → Student Request Lecture 00:02:00
How to Install Photoshop Extensions in CC2018 & CS6 (MAC and Windows) 00:16:00
Photoshop Extensions used by UI Designers – Updated 00:07:00
Super Powers of Photoshop Extensions (Demonstration) – NEW 00:09:00
(Optional → Can watch at the end) Color Calibration and Monitors for Designers
What color calibration is and what tools are there to do calibration 00:08:00
How to perform Color Calibration on Windows or MAC 00:07:00
Image Editing 101 for UI Designers
Removing white background from image with blending options 00:03:00
Removing any background quickly with Magnetic Lasso and Refine Edge 00:16:00
UPDATE: Removing background with Select and Mask 00:10:00
Removing specific parts of an image using Spot Healing Brush 00:04:00
Enhancing Pop effect of your images using Adjustment layers 00:06:00
IOS App Design : Exercise iPhone Food Deals App
Fonts and Images used in Iphone App Design 00:04:00
Starting Iphone App Design 00:04:00
Adding Images to Iphone App Screen 00:05:00
Adding text to Iphone App Screen 00:05:00
Adding Buttons to Iphone App Screen 00:11:00
Using Iphone Mockup to show your designs 00:04:00
BONUS: Dribbble styled Dashboard UI Design (Student Request)
Exercise AREA GRAPH: Design Base 00:03:00
Exercise AREA GRAPH: Grid Design 00:05:00
Exercise AREA GRAPH: Adding text and Legends 00:08:00
Exercsie AREA GRAPH : Design Main Red Graph Shape 00:03:00
Exercsie AREA GRAPH: Adding Extra Detials 00:05:00
Exercise AREA GRAPH: Alignment and Balance 00:10:00
Exercise LINE GRAPH: Desiging Line Graph from Area Graph 00:03:00
Exercise Circular Graph: Design Base shapes of Circular graph 00:05:00
Exercise Circular Graph: Adding Styles to Circular graph fills 00:13:00
Exercise Design Stats with text 00:08:00
Exercise Bar Graph Design: Part 1 00:09:00
Exercise Bar Graph Design : Part 2 00:05:00
Student Request → Custom Percentage Circular Bar Graph 00:08:00
Exercises : Form UI Design with Photoshop
Exercise Login Form: Base Design 00:07:00
Exercise Login Form: Designing Input Fields 00:12:00
Exercise Login Form: Finishing Login Form 00:11:00
Wifreframes in UI Design + Ultimate Web Design Challenge
What are Wireframes ? 00:03:00
Online Tools & Softwares to to create Wireframes 00:12:00
Pro Secret Tips and Tools for Designers and Developers
Converting PSD to CSS (Tips, tools and Extensions for Web Designers/Developers) 00:06:00
Tips for Using Grids while Designing 00:01:00
Exporting Images for Web and UI Design 00:07:00
Photoshop Features Updates and New Versions
Font Match Feature in CC2017 00:02:00
CC2018 New Features for UI Designers 00:03:00
Order Your Certificate Now

Course Reviews


7 ratings
  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

UI Design for Beginners with Photoshop



    14 Days Money Back Guarantee

    © Queenmary Academy. All rights reserved.