You are here

    Lesson 3
    UI and Data Design for Film

    3. Organizing Your Assets

    • instructor

    - Ash Thorp

    • apprentice

    - Maciej Kuciara

    • apprentice
    • learn squared

    - Stylow .

    Here is where we will begin turning our sketches into digital imagery. Ash will show you how to set up grids and layout guides in a file of design assets to keep your work organized. We will then take our thumbnails from Lesson 1 and learn to interpret them as rough digital concepts.

     

    Homework

    Assignment

    1. Get familiar with Adobe Illustrator

    2. Create 20 basic rough shape sketches

    3. Build a library of 30 - 40 vector assets

    Student Gallery

    Learn Squared is a place where Masters can become Students, and Students can become Masters.

    - BrainchildTV
    For these assets I restricted myself to 1pt lines, no fills, no arcs and angles of 45 degree increments. With these restrictions in mind, I could focus on creating varying areas of complexity to guide the eye while intentionally reserving pockets of white space for the eye to rest.

    Had a lot of fun with this lesson! While developing the assets and trying to find a cool visual language, I noticed that a lot of the smaller components reminded me of Asian characters. Being of Vietnamese descent, and wanting to discover more about my roots, I decided to use Chữ Nôm characters (the Chinese-derived alphabet used in Vietnam before French colonisation) as a base for my explorations and then expanding from there. Let me know what you think!

    See All Homework

    Lessons in this Course

    Software Used: 
    Adobe Photoshop, Illustrator, Cinema 4D Studio R16
    Optional Software: 
    Font Explorer, Mind Node, InDesign, Bridge 2015

    1. Dissecting the Creative Brief

    (52 min)

    Starting with a client's creative brief, Ash will demonstrate his design habits from square one. We will practice pulling ideas from the mind and implementing them into artwork. Ash will document the journey from a small thumbnail sketch all the way to a complex final piece.

    2. Mind Mapping

    (36 min)

    Using references is sometimes a trickier process than it may seem. In this lesson, Ash will show when and where to pull references from, and how to best use them in your work with "mind mapping" techniques. From there, we will explore the daunting world of fonts, how to organize them, and why we choose them.

    3. Organizing Your Assets

    (1 hr, 14 min)

    Here is where we will begin turning our sketches into digital imagery. Ash will show you how to set up grids and layout guides in a file of design assets to keep your work organized. We will then take our thumbnails from Lesson 1 and learn to interpret them as rough digital concepts.

     

    4. Building the Asset Army

    (2 hrs, 51 min)

    Here’s where things start to get intense! Ash will introduce you to his Cinema 4D workflow and demonstrate how he generates large amounts of detailed content. Learn how Ash sets up his Photoshop documents and integrates assets into the beginning stages of the "Golden Frame."

     

    5. The Golden Frame

    (1 hr, 23 min)
    Setting a benchmark for the visual theme of your project is a vital step of the process. Here, Ash will create the "Golden Frame," to which all the following frames will work toward. Learn what aspects to focus on, how to manage your time, and knowing when to move on to the next part of the design.

     

    6. Bringing it All Together

    (2 hrs, 20 min)

    Give yourself a pat on the back for making it this far. Now it's time to reflect on your work, as Ash shows you how to make the finishing touches. You'll learn to evaluate a design from a bird's eye view, and make detailed final adjustments.

     

    7. Practice Makes Perfect

    (1 hr, 59 min)

    Working well with other artists can sometimes be a joy, and other times a nightmare. Ash prefers the former, so he'll walk you through his steps for making sure that happens. Learn how a basic delivery pipeline works, and how to share files with as little headache as possible.

     

    8. Professional Presentations

    (1 hr, 15 min)
    You're almost there! In this final lesson, Ash will show you how to present your work in a professional manner. Learn to sell your design concepts with clarity and ease with a competent website and portfolio. Explore the best ways to get the most bang for your buck and land a job or attract new clients.

     

    Dave Brien Basic

    So much fun playing with the pattern brush!
    The bottom left shape was the orignal pattern that makes up the rest.

    hello world Learn Squared

    Vitaly Bulgarov is extremely good at this, tho he has been a 3d person for a long time but he is extremely good at this, can't find better word to express my respect for him.

    Elia Gardella Learn Squared

    I remember that David Carson story, so genius, he became an idol to me after that! :) I think it was also in "Helvetica" movie.