1. Design & Illustration
  2. Adobe Photoshop

UI Elements in Photoshop

Ryan QuintalLessons: 23Length: 4 hours
Adobe PhotoshopUI DesignGraphic DesignWeb Design
Previous
Next Lesson

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

4.2 Form fields

Even the most boring text block can be dressed up with things like highlight colors, inner shadows, and tooltips.

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.
Course source files