DesignBoost

FOR DEVELOPERS AND DESIGNERS

Glyph Icon Design Course

Get both pre-designed glyphs, plus instruction on how to customize and create your own glyphs for your app!


It’s easy to find pre-designed glyph icons. They’re everywhere. But what happens when a lot of people buy the same set? Your app starts to look like everybody elses! This course teaches you how to draw custom glyphs for your app without having Van Gogh artistic talent. Yes I’m serious. Have you ever heard of tracing?

Hold up! If you bypassed watching the above video, you missed out on a behind-the-scenes tour of exactly what you get with this course. Go back and check it out the video if you didn’t watch it. It tells you WAY more about what your will learn and what you get for your money.

Glyphs are Easy to Draw

The good news is glyph icons are easy to make. Why do think everyone is selling a set? :) In this class I’ll tech you exactly how to draw your own unique, pixel-perfect glyph icons. All you need is a beginner level knowledge of Photoshop.

Who this course is for:

If you want to create awesome looking glyph icons for your app and have beginner-level knowledge of Photoshop, this course is for you. If you’re interested in learning about how to choose the proper icons to represent functionality in your app, this course is for you. We look at excellent and not so excellent examples of glyph design.

Who this course is NOT for:

If you do not have experience working in Photoshop, you will benefit from only half the lessons in this course.

  • Amp up the value of your App.
    Get the training you need to know how to transform your boring tab bar to one that has a direct impact on your sales!
  • Quickly and accurately size and proportion icons.
    Supplied in this course are pre-designed Photoshop templates that make sizing and proportioning your icons a snap!
  • Nice and tidy Photoshop templates.
    The templates supplied in this course are top quality, right down to the layer labeling and organization.
  • Learn to edit glyph templates.
    Edit a collection of over 200 glyph icons to use for your own application.
  • Learn how to properly slice out glyphs
    I'll teach you the easiest and fastest way to slice out active and inactive glyph states for your application.
  • Learn to slice and name
    Learn about intuitive naming conventions for your slices and how to slice images in Photoshop so they're ready for development.
  • Use icons from a collection of over 250
    Use these icons directly from the collection, or learn how to edit and personalize them for your own application.
  • Learn to draw custom glyph icons
    You can trace an existing image or create an original drawing of your own.

 

About the Templates

All icons are vector shape layers in Photoshop, which means you can resize these badboys to the size of a tractor trailer and still won’t see image degradation.

These very mobile-centric glyph icon sets include “people” themed icons, “social” or “connecting” themed glyph icons, “award” and “trophy” glyphs, and a hoard of miscellaneous glyphs, all for mobile applications, all available for download.

I’ve also taken some extra time and sliced out transparent .pngs so you can quickly get to using them in your app.

Lessons Include:

In this lesson we’ll take a look at some of the glyph icon repositories and talk about the benefits of designing your own custom glyph icons.
In this lesson we’re going to talk about what makes a set of excellent glyph icons for an application.
In this lesson we’ll take a look at some poorly executed glyph icons and discuss how they could be improved.
In this lesson we’ll talk about how to work through functions that are hard to figure out what type of image works best.
In this lesson we’ll talk about glyph icons that are already well-recognized by mobile users.
In this lesson we’ll talk about the labels or text surrounding glyph icons and whether or not it is necessary.
In this lesson we’ll talk about the difference between tab bars that use the standard iOS UI treatment and others that use custom graphics.
In this lesson I’ll review the glyph icons that are included in this course.
In this lesson I’ll teach you how to determine the proper size for your glyph icons in your app’s navigation bars.
In this lesson we’ll talk about how to define the glyph icons you need to use for your application.
In this lesson we’ll look at the example app used in this course, ClassBits.
In this lesson I’ll show you how to find the right icons to use your your app.
In this lesson I’ll show you how to tweak the glyph icons included in this course.
In this lesson we’ll talk about how to achieve appropriate balance and proportion between your icons.
In this lesson I’ll teach you how to customize your glyph icons using layer masking techniques.
In this lesson we’re going to talk about how to customize vector shapes using the pen tool and selection tools to create pixel perfect icons.
In this lesson I’m going to teach you the best way to keep your Photoshop file organized so future use is painless.
In this lesson I’ll teach you how to create gradient transparency and dimension for your glyph icons.
In this lesson I’ll show you the best way to create both retina resolution and non-retina resolution versions of your glyph icons.
In this lesson I’ll show you where I go to find inspiration for the glyph icons you’ll be drawing.
In this lesson I’ll show you how to create a scalable, vector glyph icon using Photoshop.
This lesson will give you a step-by-step process for creating glyph icons in Illustrator.
Thanks and if you enjoyed this course, please consider sharing it along to a friend.

Glyph Icon Design Course


Close
Get a Free Design Course
Learn to design a custom iPhone app interface in only 30 minutes.
[subscribe]