1. envato-tuts+
  2. Home
  3. Design & Illustration
  4. Graphic Design

Advanced UI Techniques

Neil PearceLessons: 19Length: 2.4 hours
Graphic Design Adobe Photoshop
Previous
Next Lesson

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

2.4 Adding The Buttons And Overstate

In this video we are simply adding in our text for the navigation buttons and then thinking about how our overstate will look on hover.

1.Introduction
3 lessons, 09:18

1.1
Course overview
02:05

1.2
Principles of UI design
03:23

1.3
Examples Of Good Inspirational Ui Design
03:50

2.Dark navigation menu
5 lessons, 40:47

2.1
Inspiration And Getting Set Up
03:48

2.2
Creating The Background Bars
05:01

2.3
Shadows And Feet
11:58

2.4
Adding The Buttons And Overstate
07:48

2.5
Adding Additional Ui Elements (ie: Social Icons, Circles)
12:12

3.Light, clean image slider
5 lessons, 43:51

3.1
Setting Up
04:11

3.2
Creating The Background
05:25

3.3
Corner Elements And Shadows
11:32

3.4
Adding The Navigation Arrows
09:15

3.5
Using A Stock Image And Finishing Up
13:28

4.Retro UI elements
6 lessons, 50:03

4.1
Creating A Ribbon Shape
08:36

4.2
Adding Texture And Styles
03:25

4.3
Adding The Stitching And Navigation Text
06:50

4.4
Adding The Logo
11:33

4.5
Creating The Social Icons
08:54

4.6
Creating Rounded Stitching And Badges
10:45

Neil Pearce
Neil Pearce
Neil Pearce is a passionate web and graphic designer who has over seven years experience. Even though he started his career as a front-end developer, his true passion is design. Neil now heads the Design courses here on Tuts+
Course source files