1. Design & Illustration
  2. Adobe Photoshop

UI Elements in Photoshop

Ryan Quintal
FREELessons: 23Length: 4 hours
Adobe PhotoshopUI DesignGraphic DesignWeb Design
Next Lesson

Next lesson playing in 5 seconds

Cancel

UI Elements in Photoshop

Welcome

01:32

Are you finding it hard to get to grips with UI Design, then do not fear as Ryan is here to teach us how to create some great graphic elements for the web in Photoshop. You will learn how to create classy buttons, ribbons, multimedia elements and much much more! Come and  join Ryan and take your UI designs to a whole new level.

1.Introduction
3 lessons, 05:25

1.1
Welcome
01:32

1.2
What is Usability
01:10

1.3
The Seven Stages of Action
02:43

2.Application Elements
6 lessons, 1:29:09

2.1
Modal Windows
20:31

2.2
Buttons
18:19

2.3
Tabs
15:30

2.4
Tuttons (Tabbed Buttons)
06:25

2.5
Toolbars
18:06

2.6
Scrollbars
10:18

3.Attention Elements
4 lessons, 46:55

3.1
Banners
06:57

3.2
Badges
11:20

3.3
Flags and Ribbons
17:17

3.4
Error Messages & Tooltips
11:21

4.Data Elements
4 lessons, 44:18

4.1
Tables
14:04

4.2
Form fields
08:58

4.3
Breadcrumbs
07:58

4.4
Tags
13:18

5.Multimedia Elements
5 lessons, 52:41

5.1
Media Controls
09:05

5.2
Slideshow Controls
02:25

5.3
Location Markers
14:13

5.4
Thumbnails
12:19

5.5
Comments
14:39

6.Conclusion
1 lesson, 01:16

6.1
Goodbye
01:16

Ryan Quintal
Ryan Quintal
Edgy. Daring. Sometimes a little kooky. Graphic designers of all backgrounds turn to Ryan's QuintalDesigns.com for industry articles, Adobe Illustrator and Photoshop Tutorials, and a host of other fun information. A blend of strong experience, innovative design, and geeky background. Ryan's current gig is as a Designer in Massachusetts, while at the same time, attending college, where he is honing his skills for his design career.
Add to My CoursesSource filesDiscuss in the Forum