You are here

HUD Modules

Lesson 2 in HUD Design

Lesson Information

After you've begun to wrap your head around the purpose and function of your HUD, the next step will be the design phase. To begin, Ash will demonstrate some techniques for creating an "Asset Army" which will be reused and repurposed throughout various modules in the design. From there, you'll create a base version of the HUD, as well as additional modes for greater storytelling potential.


Join the discussion!

Log in or register to post comments

I don't really understand how the Realtime HUD Creation lessons fit in. We spent all of this time talking about being thoughtful, the tier system, building an asset army, then we stepped into these HUD creation lessons and didn't seem to use any of it. I do think it's valuable to see the videos, but it sort of seems like the overall "system" we are being presented with isn't actually how the author does things, and he just typically wings it.

Also, has anyone managed to get the archive videos' sound working?

View 1 reply

I think he glossed over it quickly, but his sketches which would be the "asset army" are in a physical sketchbook he's referencing while working on the realtime HUD example. So the way it applies is all the work and ideas you put into the asset army, are basically a visual library you created to fuel your concept, and now its time to work on your concept, and the asset army is there as a supplement. So...
Concept/Brief > Asset Army > Wireframe a HUD using the knowledge of tiers/windows/etc.

Here's another tip. Like most thing in Illustrator, there are multiple ways to do them. This is true for the Blend Options. I find the easiest way to do a blend is as follows:

1. Deselect everything
2. Choose the Blend Tool (shortcut W)
3. Click on the first object you want to blend (the cursor will show a *)
4. Click the second object you want to blend to (the cursor will show a +)
Optional step 5. to change the number of steps, with the blended shape selected, press enter and you can specify the steps.

The advantage of these steps is that you can modify the steps and see a live preview.

View 2 replies

In the adding complexity video, it'd be great to add several typekit font alternatives, as well as, possible free fonts, since the majority of everyone will be using the adobe cloud, and not everyone can afford these fonts.

Ash, quick tip for you: go into your Mac's System Preferences > Spotlight > Keyboard Shortcuts, hit the Spotlight entry in the menu, and turn off the shortcuts for Show Spotlight search and Show Finder search window. That'll take care of the redundancy with the AI zoom in/out shortcuts.

Hey Liam, Im only in the first section but i thought the mini exercise would state the next steps of what and how to build. I am choosing to concern myself with composition until after i have gone through the entire course...maybe it will be covered.

Lesson Plan