2015
Udemy
Muhammad Ahsan Idrisi
5:00
English
Do you think that UI Designers use Photoshop in the same way as other Designers?
No, not at all.
So if you want to learn Photoshop for UI Design and upgrade your confidence and Skill levels in Photoshop; this course is for YOU. This course is equally good for Beginners and Experts so don’t worry if you haven’t used Photoshop before.
Most of us don’t know the basic settings, shortcuts, tools and extension we need in Photoshop to become a UI Designer, we make same mistakes and keep on wasting time online searching for different settings and answers to common UI Design issues and problems.
Section 1: Introductions
Lecture 1
What this course will cover?
02:43
Lecture 2
Meet your Instructor!
00:53
Lecture 3
Goal of this course?
00:28
Section 2: Setting Up Photoshop for UI Design
Lecture 4
Photoshop Preferences for UI Design
03:56
Lecture 5
Setting Color Profiles Settings for UI Design
03:15
Lecture 6
Creating Custom Shortcuts for Photoshop
02:30
Lecture 7
Setting Up Panels for UI Design
06:04
Lecture 8
Installing Photoshop Scripts and shortcuts for them
02:33
Lecture 9
Download and Install Photoshop Extensions for UI Design
05:28
Lecture 10
How to Install ZXP Extension in Photoshop CC2015 (STUDENT REQUEST LECTURE)
06:29
Quiz 1
Photoshop Settings for UI Design
7 questions
Section 3: Basics of Photoshop for Beginners
Lecture 11
New Document Setup for UI Design
05:12
Lecture 12
Concept of Layers and Layers Panel Deep Dive
07:53
Lecture 13
How Photoshop Interface Works
03:53
Lecture 14
Type Tool (Character and Paragraph Panel)
04:38
Lecture 15
Shape Tool for UI Design (Combine and Subtract Shapes)
06:34
Lecture 16
How to use Pen Tool for UI Design
02:53
Lecture 17
Selections we use in UI Design
06:21
Lecture 18
Alignments
06:02
Lecture 19
Using Clipping Masks in UI Design
02:48
Lecture 20
Exercise Challenge : Clipping Mask
00:50
Lecture 21
Layer Masks
05:26
Lecture 22
Smart Objects
07:40
Lecture 23
Linked Smart Objects
07:00
Lecture 24
Commonly used Keyboard Shortcuts
14:35
Quiz 2
Basic Tools Quiz
10 questions
Section 4: Layer Styles Basics
Lecture 25
Using Multiple Layer Shadow Effects in UI Design (PSD Excercise File Included)
03:40
Lecture 26
Using Inner Shadow Effect
02:17
Lecture 27
Using Layer Stroke Effect
02:43
Lecture 28
Re-using Layer Styles
02:03
Section 5: Gradients in Web and UI Design
Lecture 29
What are Gradients?
02:04
Lecture 30
Examples of Gradients usage in Web and UI Design
03:41
Lecture 31
3 ways to create gradients in Photoshop
04:49
Lecture 32
Using Gradient Overlay Layer Style
05:34
Lecture 33
Gradient Editor Deep Dive
07:30
Section 6: Using Patterns in Web and UI Design
Lecture 34
What are Patterns and their Usage in UI Web Design?
02:28
Lecture 35
Methods of applying Textures In Photoshop
04:59
Section 7: Basics of UI Design | Light Shadows Colors and Typography
Lecture 36
Light and Shadow (Important Concept)
04:01
Lecture 37
Example usage of Light and Shadow in UI Design
02:22
Lecture 38
Color Schemes in UI Design for Beginners
01:54
Lecture 39
Getting Color Schemes from Logo and using HSL Basics
01:29
Lecture 40
Using Online Tools for creating Color Schemes
01:29
Lecture 41
Resources : Online Tools for Color Schemes PDF
1 page
Lecture 42
Resources : PDF Typography and Font pairing
1 page
Lecture 43
Typography or Font Selection for Beginners
08:55
Section 8: Exercise and Challanges with Step by Step solutions
Lecture 44
Exercise Challenge : Soft Button
00:25
Lecture 45
Challange SOLUTION: Soft Button (Step by Step)
12:47
Lecture 46
Exercise Challenge : 3D Button
01:12
Lecture 47
Exercise Mastering Pressed or Inset Effect in UI Design
07:09
Lecture 48
Exercise Modern Header/Hero area Design (PART 1)
08:46
Lecture 49
Exercise Modern Header/Hero area Design (Part 2)
08:49
Lecture 50
Exercise Modern Hero Area Design (Variation 2nd)
09:02
Lecture 51
Exercise Modern Header/Hero Design with Color Overlay Technique
11:25
Section 9: BONUS: Dashboard UI Design (Student Request)
Lecture 52
Exercise AREA GRAPH: Design Base
03:32
Lecture 53
Exercise AREA GRAPH: Grid Design
05:07
Lecture 54
Exercise AREA GRAPH: Adding text and Legends
08:04
Lecture 55
Exercsie AREA GRAPH : Design Main Red Graph Shape
03:46
Lecture 56
Exercsie AREA GRAPH: Adding Extra Detials
05:49
Lecture 57
Exercise AREA GRAPH: Alignment and Balance
10:04
Lecture 58
Exercise LINE GRAPH: Desiging Line Graph from Area Graph
03:47
Section 10: Photoshop Features Comparison for CC2014 and CC2015
Lecture 59
New Features in Photoshop CC2015 for UI Designers
05:18
Lecture 60
Few Bugs and Problems with Photoshop CC2015
03:10
Lecture 61
Where to go Next?
01:11
udemy.com/learn-photoshop-for-ui-design-from-scratch
Download File Size:373.25 MB
|
