UI Design in Photoshop - Get Started with UI Design Career

Muhammad Ahsan, UI UX Visual Designer 10+ Years

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

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

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

      6:19
    • 4. Setting Up Custom Keyboard Shortcuts in Photoshop

      4:19
    • 5. Installing Scripts in Photoshop

      5:40
    • 6. Installing Photoshop Scripts on MAC

      2:15
    • 7. Photoshop Extensions for UI Designers

      7:09
    • 8. Power of Photoshop extensions

      9:28
    • 9. How to Install Photoshop Extensions

      5:46
    • 10. Installing Extensions using ZXP Installer Photoshop CC2017

      6:29
    • 11. Installing Photoshop extensions on MAC

      5:07
    • 12. Setup Panels and Workspace for UI Design

      7:16
    • 13. What is Color Calibration?

      8:24
    • 14. Best Monitors (LED) for Designers

      2:21
    • 15. Operating System Based Color Calibration

      7:29
    • 16. How Photoshop's Interface Works

      5:03
    • 17. Photohsop New Document

      4:12
    • 18. What are Artboards?

      6:22
    • 19. How layers works in Photoshop

      7:53
    • 20. Text Panel in Photsohop

      4:38
    • 21. Shape Tool in Photohsop

      6:34
    • 22. Basics of Pen Tool

      2:53
    • 23. More on using Pen Tool

      15:52
    • 24. Aligningment in Photoshop

      6:02
    • 25. Selections in Photohsop

      6:21
    • 26. Common Shortcuts in Photoshop

      14:35
    • 27. Using Layer Masks in Photoshop

      5:26
    • 28. Using Clipping Mask

      2:48
    • 29. Challange Exercise → Clipping Mask

      0:50
    • 30. Using Smart Objects in Photoshop

      7:40
    • 31. Linked Smart Objects in Photoshop

      7:00
    • 32. Using Layer Comps in Photoshop

      6:27
    • 33. Mastering Drop Shadow Layer Effects

      3:40
    • 34. Using Inner Shadow Layer Effect

      2:17
    • 35. Using Stroke Layer Effect

      2:43
    • 36. Re-using Layer Styles

      2:03
    • 37. What are Gradients?

      2:03
    • 38. Use of Gradients in UI Design

      3:41
    • 39. 3 ways to create Gradients in Photoshop

      4:49
    • 40. Using Gradient Editor in Photoshop

      7:30
    • 41. Using Gradient Overlay Layer Style

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

      2:28
    • 43. 2 Methods of applying patterns

      4:59
    • 44. Creating Patterns from an image file

      2:35
    • 45. Installing and using .pat files

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

      4:01
    • 47. Examples of Light and Shadow usage

      2:22
    • 48. Color Schemes for Beginners

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

      1:28
    • 50. Online Tools to create Color Schemes

      5:29
    • 51. Selecting Fonts and Typography

      8:55
    • 52. Using Grids in Web Design

      5:51
    • 53. Creating Grids in Photoshop

      6:14
    • 54. Soft Shadow Button Creation Challange

      0:25
    • 55. Soft Shadow Button Design Solution

      12:47
    • 56. 3D Button Design Challange

      1:12
    • 57. Pressed Effect in Photoshop

      7:09
    • 58. Modern Header Design Part 1

      8:46
    • 59. Modern Header Design Part 2

      8:49
    • 60. Modern Header Design variation

      9:02
    • 61. Color Overlay Effects for Hero Area

      11:25
    • 62. Transparent Masking Effect Header Exercise

      13:15
    • 63. Designing Tabs in Photsohop

      0:58
    • 64. Designing Tabs theme 1

      14:14
    • 65. Designing Tabs theme 2

      8:08
    • 66. Gathering Resources for IOS App Design

      4:00
    • 67. Lets start the IOS App Design

      4:35
    • 68. Adding menu items to IOS App

      5:47
    • 69. Adding text to IOS App Screen

      5:30
    • 70. Adding Buttons to IOS App Design

      11:51
    • 71. Using App Mockups to show your designs

      4:12
    • 72. Simple Trick to remove white backgrounds

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

      4:26
    • 74. Making Colors pop in images

      6:48
    • 75. Removing Background with Magnetic Lasso tool

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

      10:20
    • 77. What are wireframes?

      3:45
    • 78. Tools used to create wireframes

      11:59
    • 79. Exercise →Redesign Dribbble Shot Part 1

      15:11
    • 80. Exercise →Redesign Dribbble Shot Part 2

      14:43
    • 81. Converting PSD to Coding Tips

      6:18
    • 82. Exporting Images for Web Design Tips

      6:59
    • 83. Tips on using Grids in Photoshop

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

      2:46
17 students are watching this class