100s of email, admin & website templates now available on Envato Elements. Unlimited downloads. JUST $29/MONTH

Vector Web Graphics in Photoshop

by Craig Campbell25 Oct 2013

Lessons:20Length:2.8 hours

Adobe Photoshop UI Design Vector

Next lesson playing in 5 seconds

Free Preview: Vector Web Graphics in Photoshop

Introduction

01:22

Adobe hasn’t tried to put Illustrator inside of Photoshop, but the addition of better vector tools makes creating and editing graphic elements easier and quicker. So in this course, Craig Campbell will bring you up to speed with how vectors are used within Photoshop.

1.Introduction
2 lessons, 11:56

Free Lesson

1.1
Introduction
01:22

Free Lesson

1.2
Photoshop Vector Basics
10:34

2.Vector Icons
9 lessons, 1:26:45

2.1
Creating a Home Icon
08:58

2.2
Adding a Roof
08:26

2.3
User Icon
09:01

2.4
Search Icon
07:03

2.5
Settings Icon
08:11

2.6
Email Icon
09:47

2.7
Computer Icon
08:47

2.8
Shopping Cart Icon
12:24

2.9
Organizing Icons
14:08

3.Buttons
4 lessons, 38:28

3.1
Flat Buttons
09:26

3.2
Shiny Buttons
11:39

3.3
Download Button
07:16

3.4
Adding a Ribbon (Buttons)
10:07

4.Vintage Badge
4 lessons, 27:11

4.1
Creating a Vector Badge
06:26

4.2
Adding Detail
06:12

4.3
Adding a Ribbon (Vintage Badge)
09:11

4.4
Coloring Your Badge
05:22

5.Conclusion
1 lesson, 01:31

5.1
Final Thoughts
01:31

Craig

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.