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

    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!

    20 Thumbnail sketches

    Learn Squared is an invaluable resource to artists of all skill levels.

    - Volen CK

    My first stab at organizing my assets sketching rough shapes.

    Building and playing with assets. Putting to the test the tool brush, which until now did not know. Good feelings, wanting to continue

    I tried my best to keep this simple and use brushes as much as I could. I have never used Illustrator before so it was a lot of fun getting familiar with the software and applying this technique on designing assets. I definitely have found a new tool that I will be using a bunch in the future. Side note: There were a couple weird shapes I began creating accidentally that I rolled with because I thought they resembled a flock of sparrows.

    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.