Happy 2019 !

Illustration & animation by Michael Alan Reed – www.REEDesign.ch

Michael Alan Reed used Adobe Illustrator for his illustration, Photoshop with a “Lense-Flare-Effect” in the timeline to animate it and export as a GIF file. For (online) lessons in German or English feel free to contact us. HAPPY 2019 !

Here is how we animate / Hier findest du unsere Animation-Tipps auch in Deutsch:
Animate with: Adobe After Effects
Animate with: Adobe Photoshop

Advertisements

Animate your illustrations

Tutorial in English and German / Anleitung in Deutsch und Englisch

Deutsche Version siehe unten!
divider
English version:

TIP OF THE WEEK: How to make simple animations

1. Tip: Draw a storyboard or write your concept in advance – see sample below:

TicTacToe_Storyboard

2. in my case: to feel the characters and their movements I made a simple animated GIF using the timeline in Adobe Photoshop:
-Draw your characters in several positions
-Open them in Adobe Photoshop and go to WINDOW > TIMELINE
Tutorial: How to create frame animations in Photoshop
zeitleiste

-save it as an ANIMATED GIF with a loop – under FILE > EXPORT > Save for Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

In order to complete the following animated ebook, I’ve used tigercreate, which runs similar like every animation program by using a timeline with frames:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.

divider

Deutsche Version:

TIPP DER WOCHE: Wie man einfache Animationen erstellen kann

1. Tipp: Zeichnen Sie ein Storyboard oder schreiben Sie ein Konzept im voraus – siehe Beispiel:

TicTacToe_Storyboard

2. Um ein Gespür für meine Charakteren und ihre Bewegungen zu erhalten, erstellte ich kurz ein animiertes GIF mit einer Zeitleiste in Adobe Photoshop:
-Zeichnen Sie ihre Charakteren in mehreren Positionen
-Öffnen Sie diese in Adobe Photoshop und gehen Sie zu FENSTER > ZEITLEISTE
Tutorial: Erstellen von Frame-Animationen in Photoshop
zeitleiste

-speichern Sie es als ANIMIERTES GIF mit einem Loop – unter DATEI > EXPORTIEREN > Speichern für Web:

Copyright by Mimi Selmi Reed

Copyright by Mimi Selmi Reed – for TigerBooks Germany

Um dieses animierte ebook fertigzustellen, benutzte ich tigercreate, welches ähnlich funktioniert wie jedes Animations Programm. Nämlich mit einer Zeitleiste:

Written, illustrated and animated by Mimi Selmi Reed & sound design by Mike Reed REEDesign.ch – all rights reserved. Z-DOG for Tigerbooks Germany.

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

Moving forward in 2015!

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