My personal Adobe After Effects Tutorial-Hitparade

Here are my personal After Effects Tutorials directly from ADOBE!


Animation by Michael Alan Reed / www.REEDesign.ch – using Adobe After Effects

Tutorials in English and German / Anleitungen in Deutsch und Englisch
Deutsche Version siehe unten!

divider

English version:

TIP: Fixing the Footage: Stabilize shaky footage!

As an easy start, I recommend with a FUN workshop, while we are exploring the interface and creating a first composition – our UFO project: After Effects with special Effects – our first easy Workshop!

Get to know After Effects / Tour the interface / Import media / Organise projects:
1. How to get started with After Effects

Work with compositions / Position layers in a composition / Create your first animation / Animate layered Illustrator and Photoshop documents:
2. Work with compositions

Get to know the basics of animation:
Important basics of Animation

Basic training on Animation with Keyframes and Graph-editors:
3. Keyframe animation

4. Animate an object along a path

5. Adjusting keyframe dynamic movements with the graph-editor

6. Animating with parenting “pick wip”

Using Effects:
7. Animating with Expressions (Effects)
Expression Basics from Adobe: More expressions & tips for After Effects

Masks, Motion-Masks and keep the transparencies:
8. Create Masks with the pen tool

9. Remove unwanted elements with Content-Aware Fill

10. Fill text with video using track mattes (Alpha channel)

11. Create transparency with Luma Matte

Keying and rotoscoping:
12. Isolate elements with the Roto Brush

13. Refine edges of a Roto Brush selection

Create visual effects:
14. 3D Camera Tracker, Isolate elements with greenscreen=KEYING & Retime Video

Animate text- and graphic elements (shape layers):
15. Create, animate text and graphic elements

16. Understand how layers build compositions

17. Add layers to a composition

18. Create shape layers

19. Animate shape layers

20. Add animation properties to shape layers

21. Convert Illustrator layers into shape layers

22. Draw complex shapes in After Effects

Work with 3D:
23. Understand 3D renderers, Position 2D layers in 3D space, Add lights to a 3D scene, Fly through a scene with a camera, Create 3D type with the Cinema 4D Renderer

Output your work from After Effects, add to Render Queue and the Adobe Media Encoder:
24. Render a composition with the render queue & Create multiple renders in Adobe Media Encoder

TIP: Create Motion Graphic Templates with Essential Graphics (between After Effects & Premiere Pro) Info-Film

BONUS Motion Tracking:
Face Tracker in Adobe CC

divider

TIP 1: After Effects Text Animation Presets Preview Gallery

TIP 2: Organize your projects with customizable templates

TIP 3: Shortcuts / Tastaturbefehle in After Effects

Quick check list:
4:3 Ratio / SD = 720 x 576 Standard Definition
16:19 Ration / HD = 1920 x 1080 High Definition
2 K Formate 2560 x 1440
4 K Formate 3840 x 2160
DSLR Digital SLR 1080 25 fps PAL = Europe / 30 fps NTSC = USA / 24 fps = movies / p = progressive (modern / Vollbilder) / i = interlaced (old / veraltete Monitore)
Audio = 48 kHz is now the standard, but for audio targeted at CDs, 44.1 kHz (and multiples) are still used.

FREE MUSIC: YOUTUBE Free Music Library

divider

Deutsche Version:


Animation by Michael Alan Reed / www.REEDesign.ch – using Adobe After Effects

TIPP: Verwackelte Video-Aufnahmen reparieren: Stabilisieren des Films!

Als einfachen Start empfehle ich einen FUN workshop, wo wir die Oberfläche kennenlernen werden und eine erste Komposition erstellen werden – unser UFO Projekt: After Effects mit Spezialeffekten – unser erster Workshop!

Grundlagen von After Effects / Kennenlernen der Arbeitsoberfläche, Werkzeuge und Bedienfelder / Footage importieren und verwalten:
1. After Effects kennenlernen

Kompositionen erstellen / Ebenen in einer Komposition positionieren / Die erste Animation erstellen / Illustrator- und Photoshop-Dokumente mit Ebenen animieren:
2. Mit Kompositionen arbeiten

Wichtige Basiskenntnisse der Animation gut erklärt:
Wichtige Grundlagen der Animation

Grundlagen der Animation mit Keyframes und Diagrammen:
3. Animation mit Keyframes

4. Objekt an einem Pfad entlang bewegen

5. Mit dem Diagramm-Editor dynamische Bewegungen erstellen

6. Animationen mithilfe von übergeordneten Ebenen steuern

Effekte einsetzen, anpassen und kombinieren:
7. Mithilfe von Expressions animieren (Effekten)
Expressions – Grundlagen: Expression Tipps für After Effects

Masken, Bewegungsmasken und Transparenz erhalten:
8. Masken mit dem Zeichenstift-Werkzeug erstellen

9. Unerwünschte Elemente per inhaltsbasierte Füllung entfernen

10. Text durch eine bewegte Maske mit Video füllen (Alpha Kanal)

11. Transparenz mit einer Luma-Maske erstellen

Keying und Rotoskopieren:
12. Elemente mit dem Roto-Pinsel isolieren

13. Kanten einer Roto-Pinsel-Auswahl verfeinern

Spezialeffekte erzeugen:
14. 3D Camera Tracker, Elemente mithilfe eines Greenscreens isolieren=KEYING & Video Wiedergabegeschwindigkeit ändern

Text- und Formebenen animieren:
15. Text erstellen, animieren sowie Formebenen

16. Ebenen zu Kompositionen zusammensetzen

17. Ebenen zu einer Komposition hinzufügen

18. Formebenen erstellen

19. Formebenen animieren

20. Animationseigenschaften zu Formebenen hinzufügen

21. Illustrator-Ebenen in Formebenen konvertieren

22. Komplexe Formen in After Effects zeichnen

Arbeiten im 3D-Raum mit Kamera und Lichtquellen:
23. 3D Renderer verstehen, 2D-Ebenen im dreidimensionalen Raum positionieren, Lichter zu einer 3D-Szene hinzufügen, Kamerafahrt durch eine Szene hinzufügen, 3D-Text mit dem Renderer „Cinema 4D“ erstellen

Export mit der Renderliste und dem Adobe Media Encoder:
24. Komposition mithilfe der Renderliste rendern, Mehrere Formate über Adobe Media Encoder rendern

TIPP: Erstellen von Motion Graphic Vorlagen mit Essential Graphics (zwischen After Effects & Premiere Pro) Info-Film

BONUS Motion Tracking:
Gesichter Tracking in Adobe CC

Motion & Animation 9

English:
PART 9:

Tip of today:
Tutorial about Adobe After Effects – How to add layers: AFTER EFFECTS LAYERS

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Trailer YEHT animated with After Effects and illustrated by Michael Alan Reed

Seek the truth to see the lies

Graphic Novel YEHT available in the USA AMAZON.com / In Europe: AMAZON.de

Deutsch:
TEIL 9:
Tipp von heute:

Tutorial über Adobe After Effects – Mit Ebenen arbeiten: AFTER EFFECTS EBENEN

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 8

English:
PART 8:

Tip of today:
Tutorial about Adobe After Effects – Animate text part 2: AFTER EFFECTS

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Trailer YEHT animated with After Effects and illustrated by Michael Alan Reed

yeht crazy demo animation adobe education online tutorial

Seek the truth to see the lies

Graphic Novel YEHT available in the USA AMAZON.com / In Europe: AMAZON.de

Deutsch:
TEIL 8:
Tipp von heute:

Tutorial über Adobe After Effects – Animieren von Text Teil 2: AFTER EFFECTS

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 7

English:
PART 7:

Tutorial about Adobe After Effects – Animation with keyframes: AFTER EFFECTS

Tip of today: how to use filters on Text. Select your text in Adobe After Effects. Go to Menu > Animation > Browse Presets > which will take you to Adobe Bridge where you can preview the built in presets. Text animation preset infos.

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Trailer YEHT animated with After Effects and illustrated by Michael Alan Reed

Graphic Novel YEHT available in the USA AMAZON.com / In Europe: AMAZON.de

Deutsch:
TEIL 7:
Film über Adobe After Effects – Animation mit Keyframes: AFTER EFFECTS

Tipp von heute: Wie man Filter bei Text benutzt. Wähle den Text in Adobe After Effects. Unter Menu > Animation > Vorgaben durchsuchen > damit wird man zu Adobe Bridge umgeleitet wo man alle Filter im Vorschau-Modus anschauen kann. Text Animationen Infos.

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 6

English:
PART 6:
Below is a tutorial about another cool APP: Adobe Premiere RUSH CC… part of the Adobe cloud: a big WOW! if you like to edit your videos with your smart phone. Also Adobe SPARK Video is simple and easy to learn. Check it out: The SPARK REVOLUTION

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English


This trailer we’ve filmed with our new iPhone. Then we made a quick film edit with Adobe PREMIERE RUSH. The animation was created with AFTER EFFECTS later on.

Deutsch:
TEIL 6:
Oben ist ein Film über ein weiteres cooles APP: Adobe Premiere RUSH, Teil der Creative Cloud… einfach genial, wenn du unterwegs deine Videos schneiden möchtest! Auch Adobe SPARK Video ist simpel und einfach zum lernen. Hier ist mehr Info dazu: The SPARK REVOLUTION

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 4

English:
PART 4:
At this Z-DOG project below we’ve used Adobe AFTER EFFECTS to create this simple animation but, with Adobe PREMIERE PRO it also would have been possible to do this.
Both programs are part of the Creative Cloud and therefore free for us to use.
Bilingual Ziggy books are available through Amazon and other stores: Ziggy’s Store

Here’s a link to a great tutorial on After Effects for beginners directly from Adobe: AFTER EFFECTS Tutorial
Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Deutsch:
TEIL 4:
Bei diesem Z-DOG Projekt oben haben wir Adobe AFTER EFFECTS benutzt um diese Animation herzustellen, dies wäre aber auch möglich gewesen mit Adobe PREMIERE PRO. Beide Programme sind Teil der Creative Cloud und somit gratis für uns.
Zweisprachige ZIGGY Bücher können via VIER PFOTEN oder Ziggy’s Store bestellt werden.

Hier ist ein Link mit einem super Tutorial für After Effects Anfänger, direkt von Adobe (mit Deutschen Untertiteln): AFTER EFFECTS Tutorial
Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 3

English:
PART 3, ANIMATION WITH ADOBE ANIMATE CC
Here I’m sharing some great tutorials directly from ADOBE which helped me a great deal to understand ADOBE ANIMATE CC:

Tutorial 1: Animation with ADOBE ANIMATE CC
Tutorial 2: Animate a figure with ADOBE ANIMATE CC

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English


Our animation was first done with ANIMATE – then we used AFTER EFFECTS to finish it.

Deutsch:
TEIL 3, ANIMATION MIT ADOBE ANIMATE CC
Hier zeige ich ein paar Tutorials (Lernvideos) direkt von ADOBE welche mir sehr geholfen haben ADOBE ANIMATE CC zu verstehen:

Tutorial 1: Animation mit ADOBE ANIMATE CC
Tutorial 2: Animiere eine Figur mit ANIMATE CC

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Motion & Animation 2

English:
PART 2, my APP Tip for STOP MOTION
My favourite free APP for my Smart phone, easy to use on the road: Stop Motion Studio. Stop Motion Studio has received great ratings in the APP Store. A Step up would be: Stop Motion Studio Pro. Check it out, it is self-explanatory.

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English


Artwork by Jasmine Attinger: JAS.LAND

Deutsch:
TEIL 2, mein APP Tipp für STOP MOTION:
Mein Lieblings-gratis App für mein Smart Phone heisst: Stop Motion Studio. Stop Motion Studio hat eine super Bewertung im APP Store erhalten. Das Stop Motion Studio Pro APP hätte noch mehr Möglichkeiten. Probiere es aus, es ist einfach zum lernen.

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Stop Motion reel by Cynthia Gall, Los Angeles
(Cynthia uses Dragonframe and then compiled her reel in After Effects)

Motion & Animation 1

Moving images are the future / bewegte Bilder sind die Zukunft!
This is the beginning of my series about Animation, Stop Motion & Film editing. Never before was it so easy to create your own movies.
Dies ist der Anfang von meiner Serie über Animation, Stop Motion & Film schneiden. Noch nie war es so einfach wie heute deinen eigenen Film zu drehen.

Let’s go !

English:
PART 1, HOW TO CREATE AN ANIMATED GIF WITH ADOBE PHOTOSHOP:
Tutorial: How to create an animated GIF in Adobe Photoshop

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Illustrated with Illustrator and animated with Photoshop for Z-DOG.org

Deutsch:
TEIL 1, WIE MAN EIN ANIMIERTES GIF MIT ADOBE PHOTOSHOP MACHT:
Tutorial: Wie man ein Portrait animiert

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

After Effects – LOVE it

As instructors of Adobe programs and creative professionals, we’ve assembled this blog as easy reference for our students and clients.” Miriam Selmi Reed & Michael Alan Reed

English version:
Below you may have a look at our latest animation / trailer, done with Adobe After Effects.
Here’s a link to a great tutorial on After Effects for beginners directly from Adobe: AFTER EFFECTS Tutorial

Sharing infos: iADOBE FORUM Our tips for easy download: i-adobe eBook in English

Animation for our trailer for LICHTBOX – by Michael Alan Reed – REEDesign.ch


Trailer for LICHTBOX.CH © 2018 Funk & Meier AG, Obfelden

Composition, video & audio – www.reedesign.ch
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Photoshop

divider

Deutsche Version:
Oben sieht man wie wir mit Adobe After Effects unseren neuesten Trailer erstellt haben.
Hier ist ein Link mit einem super Tutorial für After Effects Anfänger, direkt von Adobe (mit Deutschen Untertiteln): AFTER EFFECTS Tutorial

Tausche dich aus im iADOBE FORUMAlle unsere Tipps als: i-adobe eBook in Deutsch

Invitation / Einladung Art Show in Zurich, Switzerland

Vernissage_Facebook

Art Exhibition in Zurich, Switzerland – from 19.2. – 11.3.2016
Vernissage / Opening reception: Friday 19.2.16 starts at 6pm (18 Uhr) – GALERIE 16b, Ausstellungsstrasse 16, 8005 Zürich – (hinter dem HB Zürich) Finissage with concert: Friday 11.3.16 starts at 6pm (18 Uhr) – Gallery opening hours: WE to SA from 5 to 8pm. (Öffnungszeiten: MI bis SA von 17 bis 20 Uhr)

BLOG / Info: Fine Art / Illustrations by Miriam Selmi Reed

Programs used out of the Adobe Creative Cloud: Adobe Photoshop, After Effects, Audition, Illustrator and Apple Logic Pro

Fine Art & Footage: Miriam Selmi Reed
Music composed, played and arranged by Michael Alan Reed
Copyright 2015 – www.REEDesign.ch – all rights reserved

Animate with Photoshop in 2016

The following illustration was created by Mimi Selmi Reed (webdesign: Adobe Muse) with pencils and water color – traced and executed in Illustrator & Photoshop – animated in Adobe Photoshop CC.
(Tutorial see below / Anleitung siehe unten)

Copyright by Miriam Selmi Reed - member SCBWI - all rights reserved.

Copyright by Miriam Selmi Reed – member SCBWI – all rights reserved.

Every Follower, Like and comment is welcome! More comics & cartoons at: Z-DOG COMIC

divider

ENGLISH:
Animations with Photoshop / Animationen mit Photoshop:
Photoshop timeline for animations is under Window > Timeline. Have fun!
How to create frame animations in Photoshop

DEUTSCH:
Die Photoshop-Zeitleiste für Animationen kann man unter Fenster > Zeitleiste finden. Viel Spass!
Erstellen von Frame-Animationen in Photoshop

animation

REEDesign visual audio portfolio


Trailer for BITCOIN DINNER Treff by Jean Pierre Seemann
© 2019 by Jean Pierre Seemann

Illustrations, composition, video & audio – www.reedesign.ch
Michael A. Reed & Miriam S. Reed
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Photoshop

divider


Trailer for LICHTBOX.CH
www.lichtbox.ch
© 2018 Funk & Meier AG, Obfelden

Composition, video & audio – www.reedesign.ch
Michael A. Reed & Miriam S. Reed
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Photoshop

divider


Trailer for SWISSVEG
www.swissveg.ch
© 2017 swissveg

Composition, animation & audio – www.reedesign.ch
Michael A. Reed & Miriam S. Reed
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Illustrator

divider


Trailer for SWISSVEG
www.swissveg.ch
© 2017 swissveg

Composition, animation & audio – www.reedesign.ch
Michael A. Reed & Miriam S. Reed
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Illustrator

divider


Trailer for Lauterbach Weine SA
www.lauterbachweine.ch
© 2012-2016 Lauterbach SA

Composition, video & audio – www.reedesign.ch
Michael A. Reed & Miriam S. Reed
Programs: Adobe After Effects CC, Apple Logic Pro, Adobe Photoshop

divider


Animation for Trailer I PEAK GmbH.
Client: i-peak infosystems gmbH
Creative Director / CEO: Raoul Julen
Animation & Editing: www.reedesign.ch / Michael A. Reed / Miriam S. Reed
Soundtrack: “Fleure Bleue” / proudmusiclibrary.com
Programs: Adobe After Effects CS6, Apple Logic Pro

divider


New visual audio portfolio for REEDesign, under the art direction of Michael Alan Reed. Set to the instrumental groovy theme of “C how U r” by Michael Alan Reed.

ANIMATION & PRODUCTION:
REEDesign.ch – Michel Alan Reed
Music Copyright © 2013 by Michael Alan Reed, all rights reserved.
Programs: Adobe After Effects / Audition, Photoshop, Illustrator and Apple Logic Pro
divider


Animation for CIC Bank:
Werbeagentur: Brainheart GmbH
Creative Director: Mirjam Pierig
Kunde: CIC Bank, Sebastian Comment, Leiter Marketing & Kommunikation
Thomas D’haemer, Projektleiter Marketing & Kommunikation
Music & Trailer Edit: Michael A. Reed – www.reedesign.ch

Custom video display advertising for Swiss client Bank CIC, based on Mondrian art style under the creative direction of Mirjam Pierig Brainheart GmbH. Set to the laid-back, chill-groove of the instrumental theme “Way” by Michael Alan Reed.

divider


The making of the Siemens Commercial.
Film company: Zeitsprung Commercial
Werbeagentur: Kaelinkom & Partner
Creative Director: Rolf Kälin
Kunde: Siemens Hausgeräte
Storyboard: Miriam Selmi Reed
Music & Trailer Edit: Michael A. Reed – www.reedesign.ch

divider


The making of the Emmi Latte Commercial.
Film company: Rosas & CO Films AG
Werbeagentur: ByHeart
Creative Director: Hans Siegwart
Kunde: Emmi Caffé Latte
Francina Modeling- www.francinamodels.com
Storyboard: Miriam Selmi Reed
Music & Trailer Edit: Michael A. Reed – www.reedesign.ch

Animation for display ad – Bank CIC

Custom video display advertising for Swiss client Bank CIC, based on Mondrian art style under the art direction of Brainheart Gmbh. Set to the laid-back, chill-groove of instrumental freeform theme “Way” by Michael Alan Reed.

AUFTRAGGEBER:
Banque CIC (Suisse) – Sebastian Comment, Leiter Marketing
& Kommunikation / Thomas D’haemer, Projektleiter Marketing &
Kommunikation

WERBEAGENTUR:
Brainheart Gmbh – Mirjam Pierig, Creative Director

ANIMATION & PRODUCTION:
REEDesign.ch – Miriam Selmi Reed & Michel Alan Reed
Music Copyright © 2013 by Michael Alan Reed, all rights reserved.

Programs used: Adobe After Effects, Adobe Photoshop, Adobe Illustrator and Apple Logic Pro

Animation for Trailer: i-peak infosystems gmbh

Animation for Trailer / i-peak infosystems gmbh

CREDITS:
Client: i-peak infosystems gmbh
Creative Director / CEO: Raoul Julen
Animation & Editing: REEDesign.ch / Michael A. Reed / Miriam S. Reed
Soundtrack: “Fleure Bleue” / proudmusiclibrary.com
Programs: Adobe After Effects CS6, Apple Logic Pro

Z-Dog Trailer

Would you like to receive our tips for free in your e-mail box? Simply select FOLLOW to sign up with your e-mail address.
divider
Möchten Sie unsere gratis Tipps im e-mail erhalten? Schreiben Sie sich unter FOLLOW mit Ihrer e-mail Adresse ein.
divider

Illustrations: manual technique combined with Adobe Photoshop & Illustrator.

Copyright by Miriam Selmi Reed, registered with the Library of Congress USA, Date of Recordation:  2009-12-02, Entire Copyright Document: V3583 D244-246 P1-83, Registration Number: PA0000962179., Title: original Title:” Ziggy takes Coco for a walk.”

Animation for I-Pad: Adobe InDesign / Animation for Trailer: Adobe After Effects
Music, composing and mix by Michael Alan Reed,
Copyright by Michael Alan Reed: using Apple Logic
divider

Latest news about Z-DOG: Z-DOG COMIC