How To Animate A Vector In After Effects

Cease Event:

Adobe Illustrator is a graphic vector editor adult by Adobe. Difference between Photoshop and Illustrator? Illustrator is vector-based. And so, unlike Photoshop'south pixel-based format, Illustrator uses mathematical constructs to create vector graphics. A vector graphic will never lose its quality if it'south scaled up or downwards. So graphic designer uses Illustrator will also give you a better print output since it's not resolution dependent. Illustrator are typically used to create logos, icons, drawings, typography, and complex illustrations.

Some contemporary design trends are Skeuomorphism, Flat pattern, and Material design (more details). For this workshop, we piece of work with Flat design.

Adobe After Effects is a digital visual furnishings, motion graphics, and compositing awarding developed by Adobe and used in the mail-production process of film making and television production. Among other things, After Effects can be used for keying, tracking, compositing and blitheness. For this workshop serial, nosotros work with Movement graphics.

Illustrator to After Effectsis a 3 session workshop series that introduces attendees to unproblematic illustrate-animate workflow: from Illustrator – vector graphic – to After Effects – motion graphic. Past the end of the series, attendees volition accept a bones agreement of graphic design, the software, and a cool animated rocket video/GIF (some work/other work).

The iii workshop sessions ideally will encompass the nuts of Illustrator and After Furnishings can do. By and large, the series is for Illustrator and Later Effects newbies. Difficulty levels may increase simply not drastically so don't worry if you miss the previous i and want to become to the next 1!

If yous have questions, you are too more than welcome to pass by the Digital Media Bar, looking for Thanh Nguyen, or email me at tnguyen19@wooster.edu.

Agenda & files of session 1 is available.

Agenda of session ii is available.

Calendar of session 3 is available.

Adobe Suite CC is bachelor on the lab computers in Ebert 109 – Visual Resource Lab and Andrews Library Digital Studio.

Some Illustrator examples

---

ILLUSTRATOR to Afterward EFFECTS session #1: FLAT DESIGN

Attendees volition create vector cartoon of a rocket that will exist used for animation using introductory tools.

Files: x

• • Introduction to Vector graphics
    • Vector graphics & common uses
    • Difference between AI, PS, and AE
    • AI User Interface
  • Flat Design – creating this from squares and circles
    • Document setup
    • Select & Direct Select tools
    • Shape & Pen tools
    • Color guide & Color scheme
    • Pathfinder

Beginner tutorials:

1. Acquire to fix a new Illustrator file: x
2. Larn to employ pen, pencil, and flare tool: x
3. Acquire to work with shape tools: x

---

ILLUSTRATOR to Subsequently EFFECTS session #2: Illustration to ANIMATION

Attendees will continue the rocket vectors & adjust them into animation components that then will be imported to After Furnishings

Files: x

• • Continue with Flat Design and Illustrator
    • Quick revision
    • Shape & Pen tool
    • Rotate tool & Mirror tool
    • Transform again tool
  • Motion Graphics & Animative components
    • Introduction to motion graphics
    • Animation components
    • Consign components (assets) in Illustrator

Tutorials & Resources:

1. Add depth and texture in Illustrator (not flat pattern): ten
2. Adobe Color bicycle: x
3. A unproblematic Typography tutorials: x
4. Introduction to Motion Graphics in Subsequently Effects: x

---

ILLUSTRATOR to AFTER EFFECTS session #3: Move GRAPHICS

Attendees will animate the imported illustration using Subsequently Furnishings

Files for workshop: x

FINAL RESULT: x

• Introduction to Motion Graphics
  • Quick Revision: import .ai file to After Effects
  • Movement graphics
  • After Furnishings UI
• Breathing the rocket
  • Create new composition
  • Timeline & Transform
  • Export project files to .mov an .mp4

Tutorials & Resources:

1. Helpful graphic design aqueduct: The Simple Designer
2. Slick object transitions tutorial: x
3. Inspiration Character animation workflow: ten

Source: https://educationaltechnology.wooster.edu/adobe-illustrator-workshop/

Posted by: whiteeatilten.blogspot.com

Share this post