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

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

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