This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Master Photoshop for Web & UI Design - Adobe Photoshop Class
Setting Up Photohsop for Better Performance
Value of User Interface Design (3:58)
Setting up Photoshop Preferences (6:19)
Color Profiles for UI Design (4:29)
Proof Settings for UI Design (1:11)
Creating Custom Shortcut Keys (4:19)
Few problems with MAC Keyboard Shortcuts in Photoshop (2:09)
Installing Scripts in Photoshop (5:39)
Installing Scripts using MAC (2:15)
What are Photoshop Extensions (7:09)
How to Install Photoshop Extensions (15:55)
Setup Panels for UI Design (7:16)
Download Course PSD Resources
Basics of Adobe Photoshop
Customize Toolbar (4:11)
How Photoshop Interface Works (5:03)
Creating New Photoshop Document (4:12)
What are Artboards (6:22)
Layers Panel Part 1 (5:45)
Layers Panel Part 2 (5:32)
Type Tool (4:47)
Character Panel (7:25)
Paragraph Panel (4:14)
Shape Tool (7:41)
Pen Tool (3:43)
Pen Tool a bit more (15:52)
Taking Selections (7:15)
Alignments (6:02)
Common Keyboard Shortcuts Photoshop (14:35)
Clipping Masks in Photoshop (2:48)
Assignment - Clipping Mask (3:50)
Layer Masks (5:26)
Smart Objects (7:40)
Linked Smart Objects (7:00)
Using Layer Comps (6:27)
Smart Guides in Photohsop (5:18)
Layers styles in Adobe Photoshop
Drop Shadow Layer Effect (3:40)
Inner Shadow Layer Effect (2:17)
Using Stroke Effect (2:43)
Reusing Layer Styles (2:03)
Master Gradients in UI Design
What are Gradients (2:03)
Uses of Gradients (3:41)
3 Methods of Creating Gradients (4:49)
Using Gradient Editor (7:30)
Gradient Overlays (5:34)
Using Patterns in Web & UI Design
What are Patterns (2:28)
2 Methods of Applying Patterns (4:59)
Create Patterns from an Image file (2:35)
Using .PAT files in Photoshop (5:11)
UI Design Concepts for Everyone
Light and Shadows in UI Design (4:01)
Examples of Light and Shadows (2:22)
Color Schemes for Beginners (1:54)
Getting Colors from Branding (Logo) and HSB (1:28)
Online Tools for Color Schemes (5:29)
How to choose typefaces and fonts (8:55)
Using Grid for Web Design (5:51)
Creating Grids in Photoshop (6:14)
Step by Step Design Exercises
Soft Shadow Button Challenge (0:25)
Soft Shadow Button ► Solution Video (12:47)
3D Button Challenge (1:12)
Inset or Pressed Effect in Photoshop (7:09)
Modern Header Part 1 (8:46)
Modern Header Part 2 (8:49)
Modern Header doing design variations (9:02)
Color Overlay in Headers/Hero (11:25)
Gradient Effect on Headers (13:15)
Designing Tabs Intro (0:58)
Designing Tabs Part 1 (14:14)
Designing Tabs Part 2 (8:08)
Image Editing in Photoshop
Removing White Background simple Trick (3:20)
Using Spot healing Bursh (4:25)
Making colors pop in Photoshop (6:48)
Magnetic Lasso tool to remove Background (15:53)
New Select and Mask Tool (10:20)
iPhone App Design Exercise
Gathering IOS App Resources (4:00)
Let's start the IOS iPhone App Design (4:35)
Addign images to iPhone App (5:47)
Adding Text to iPhone App (5:30)
Adding buttons to the design (11:51)
Using Mobile Mockups (4:12)
Assignment ► App Design Challenge (6:03)
Dashboard Design Exercise
Area Graph Base Design (3:32)
Area Graph Grid Making (5:07)
Adding Text to Graph (8:04)
Graph with Pen Tool (3:46)
Designing Dots and plot your Graph (5:49)
Final Adjustments to Area Graph (10:04)
Area to line Graph (3:46)
Circular Bar Graph Base (5:31)
Adding Gradients and Shadows (13:24)
Designing Stats with Text (8:41)
Bar Graph Design in Photoshop (9:12)
Bar Graph Adding Text (5:29)
Student Request - Bar Graph Circular on student request (8:26)
What are Wireframes
What are wireframes (3:45)
Tools used for Wireframes (11:59)
Dribbble Design Exercise
Dribbble Shot Redesign Part 1 (15:11)
Dribbble Shot Redesign Part 2 (14:43)
Form Design in Photohshop Exercise
Base of Login Form Design (6:59)
Design Form Fields (12:07)
Finalizing Form Design (11:30)
Pro Tips and New Features in Photohsop
Tips on Using Grids (1:30)
Exporting Images from Photoshop (6:59)
PSD to HTML CSS (6:18)
Match Fonts in Photohsop (2:45)
CC 2018 Updates and New Features (3:35)
What are Gradients
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock