Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

UI Design in Photoshop - Get Started with UI Design Career

Ahsan Idrisi, UI UX Visual Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
84 Videos (8h 37m)
    • What this course is all about?

      4:04
    • How to submit your work for a review

      2:43
    • Lets setup Photoshop CC2017 Preferences for UI Design

      6:19
    • Setting Up Custom Keyboard Shortcuts in Photoshop

      4:19
    • Installing Scripts in Photoshop

      5:40
    • Installing Photoshop Scripts on MAC

      2:15
    • Photoshop Extensions for UI Designers

      7:09
    • Power of Photoshop extensions

      9:28
    • How to Install Photoshop Extensions

      5:46
    • Installing Extensions using ZXP Installer Photoshop CC2017

      6:29
    • Installing Photoshop extensions on MAC

      5:07
    • Setup Panels and Workspace for UI Design

      7:16
    • What is Color Calibration?

      8:24
    • Best Monitors (LED) for Designers

      2:21
    • Operating System Based Color Calibration

      7:29
    • How Photoshop's Interface Works

      5:03
    • Photohsop New Document

      4:12
    • What are Artboards?

      6:22
    • How layers works in Photoshop

      7:53
    • Text Panel in Photsohop

      4:38
    • Shape Tool in Photohsop

      6:34
    • Basics of Pen Tool

      2:53
    • More on using Pen Tool

      15:52
    • Aligningment in Photoshop

      6:02
    • Selections in Photohsop

      6:21
    • Common Shortcuts in Photoshop

      14:35
    • Using Layer Masks in Photoshop

      5:26
    • Using Clipping Mask

      2:48
    • Challange Exercise → Clipping Mask

      0:50
    • Using Smart Objects in Photoshop

      7:40
    • Linked Smart Objects in Photoshop

      7:00
    • Using Layer Comps in Photoshop

      6:27
    • Mastering Drop Shadow Layer Effects

      3:40
    • Using Inner Shadow Layer Effect

      2:17
    • Using Stroke Layer Effect

      2:43
    • Re-using Layer Styles

      2:03
    • What are Gradients?

      2:03
    • Use of Gradients in UI Design

      3:41
    • 3 ways to create Gradients in Photoshop

      4:49
    • Using Gradient Editor in Photoshop

      7:30
    • Using Gradient Overlay Layer Style

      5:34
    • What are Patterns and how we use them in Web Design?

      2:28
    • 2 Methods of applying patterns

      4:59
    • Creating Patterns from an image file

      2:35
    • Installing and using .pat files

      5:11
    • How Light and Shadow works in UI Design

      4:01
    • Examples of Light and Shadow usage

      2:22
    • Color Schemes for Beginners

      1:54
    • Using Hue Saturation and Brightness for Color Schemes

      1:28
    • Online Tools to create Color Schemes

      5:29
    • Selecting Fonts and Typography

      8:55
    • Using Grids in Web Design

      5:51
    • Creating Grids in Photoshop

      6:14
    • Soft Shadow Button Creation Challange

      0:25
    • Soft Shadow Button Design Solution

      12:47
    • 3D Button Design Challange

      1:12
    • Pressed Effect in Photoshop

      7:09
    • Modern Header Design Part 1

      8:46
    • Modern Header Design Part 2

      8:49
    • Modern Header Design variation

      9:02
    • Color Overlay Effects for Hero Area

      11:25
    • Transparent Masking Effect Header Exercise

      13:15
    • Designing Tabs in Photsohop

      0:58
    • Designing Tabs theme 1

      14:14
    • Designing Tabs theme 2

      8:08
    • Gathering Resources for IOS App Design

      4:00
    • Lets start the IOS App Design

      4:35
    • Adding menu items to IOS App

      5:47
    • Adding text to IOS App Screen

      5:30
    • Adding Buttons to IOS App Design

      11:51
    • Using App Mockups to show your designs

      4:12
    • Simple Trick to remove white backgrounds

      3:20
    • Removing small objects from image with Spot Healing

      4:26
    • Making Colors pop in images

      6:48
    • Removing Background with Magnetic Lasso tool

      15:53
    • Using Select and Mask tool to clean up background

      10:20
    • What are wireframes?

      3:45
    • Tools used to create wireframes

      11:59
    • Exercise →Redesign Dribbble Shot Part 1

      15:11
    • Exercise →Redesign Dribbble Shot Part 2

      14:43
    • Converting PSD to Coding Tips

      6:18
    • Exporting Images for Web Design Tips

      6:59
    • Tips on using Grids in Photoshop

      1:30
    • Font Match → New features in Photoshop CC2017

      2:46