Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Design & Animate Icons in Illustrator & After Effects
Rating: 4.2 out of 5(30 ratings)
255 students

Design & Animate Icons in Illustrator & After Effects

Using Adobe Illustrator to Design Material Icons and Using After Effects to Animate them.
Created byChethan KVS
Last updated 11/2018
English

What you'll learn

  • Crafting amazing Material Icons.
  • Understanding the workflow between Adobe Illustrator and After Effects.
  • Learning the Fundamentals of Motion Design in After Effects.
  • Downloadable Exercise Files.
  • You will learn all the animation techniques needed to bring your icons to life.
  • Complete understanding of the Material Design Guidelines created by Google

Course content

6 sections • 21 lectures • 2h 52m total length

  • Introduction2:08

    Hey there, my fellow designer. My name is Chethan and I am a Self-Taught Designer from India. I have been doing a lot of creative work as a hobby for the past 5 years and dabbled in various domain of Design such as Graphic Design, Motion Graphics, Video Editing, Film Making and UI/UX Design. Now, I work as a Full Time UI/UX Designer!

    I've made this course for complete beginners. There is no need to have any previous knowledge of Illustrator or After Effects. We'll start at the super basics. We will take a look at the Material Design Guidelines by Google and Downloaded a few resources. Then, we will get started in Illustrator and Design all the 5 Icons. Once we design them, we will export them from Illustrator and import them into After Effects to Animate them and bring them to life :)

  • Inspiration2:28

    Is this Video, we will take a look at a online platform for designers called Designers where we can see my Inspiration for creating this course. In April 2016, Jonathan Chung from Google had created an Animation which we will be recreating in this course. We will also install a Browser Extension called GIF Scrubber that helps us to navigate the GIF easily and pause at the exact moment and play it like a video.


    You can checkout the Original Animation here:

    https://dribbble.com/shots/2631862-A-new-look-for-Google-Play-family-of-apps


    You can follow me on Dribbble to view all my latest works:

    https://dribbble.com/chethankvs


    Install GIF Scrubber:

    https://chrome.google.com/webstore/detail/gif-scrubber/gbdacbnhlfdlllckelpdkgeklfjfgcmp

  • Downloading Resources4:27

    In this Video, we will be taking a look at the few resources that we will need to get started. We will also take a brief look at the Material Design Website by Google.


    Product Icon Section of the Material Design Website:
    https://material.io/design/iconography/product-icons.html


    Download the Illustrator Icon Template:

    https://material.io/archive/guidelines/resources/sticker-sheets-icons.html#sticker-sheets-icons-system-icons


    Download the Material Color Palette:

    https://material.io/archive/guidelines/resources/color-palettes.html

Requirements

  • You will need a copy of Adobe Illustrator & After Effects CC 2017 or above. A Free Trail can be downloaded for both these programs.
  • No previous After Effects or Illustrator skills are needed. Although basic knowledge of Illustrator and After Effects will make this course easier to follow.

Description

I've made this course for complete beginners. There is no need to have any previous knowledge of Illustrator or After Effects. We'll start at the super basics. We will take a look at the Material Design Guidelines by Google and Downloaded a few resources. Then, we will get started in Illustrator and Design all the 5 Icons. Once we design them, we will export them from Illustrator and import them into After Effects to Animate them and bring them to life :)

Who this course is for:

  • Anyone who wants to start using Adobe Illustrator and Adobe After Effects.
  • This course is for beginners, newbies & amateurs in the field of Graphic Design & Motion Graphics.

Report abuse