Wie animiert man das am besten?

1

Leider kann ich noch keine Bilder posten, um es besser zu veranschaulichen. Hier wäre ein Link zu meiner ursprünglichen Frage mit bisschen mehr Material.

Also ich versuche, die Übergänge zwischen den drei folgenden Kreisen möglichst "smooth" zu gestalten.

Öffne in Overleaf
\documentclass[tikz]{standalone}
\usepackage{animate}
\newcommand{\scale}{.5}

\definecolor{bright}{HTML}{FFFFC6}
\definecolor{yellow}{HTML}{FFFF42}
\definecolor{orange}{HTML}{FF9C4A}
\definecolor{awesome}{rgb}{1.0, 0.13, 0.32}

\begin{document}

%Erster Kreis
\begin{tikzpicture}
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=bright] (0,0) circle (\scale*6cm);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=bright] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*3.9cm);
\end{tikzpicture}

%Zweiter Kreis
\begin{tikzpicture}%11
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=yellow] (0,0) circle (8cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*6.5cm);
\fill[fill=yellow] (0,0) circle (\scale*6cm);
\fill[fill=awesome] (0,0) circle (\scale*5.9cm);
\end{tikzpicture}

%Dritter Kreis
\begin{tikzpicture}%10
\useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
\filldraw[fill=orange] (0,0) circle (6cm*\scale);
\filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
\fill[fill=orange] (0,0) circle (\scale*4cm);
\fill[fill=awesome] (0,0) circle (\scale*4.1cm);
\end{tikzpicture}

\end{document}

Für den Ansatz, der am nächsten an mein Ziel war, habe ich jeden einzelnen Frame extra gemacht las gespeichert und über \animategraphics[controls,loop]{9}{animation}{}{} aufgerufen.

Das war ziemlich aufwändig und fühlt sich auch ziemlich falsch an (Habe mit Latex erst angefangen).

Vielleicht gibt es die Möglichkeit, dass mir jemand zeigt wie man einfacher von Kreis 1 auf Kreis 2 kommt, ohne dass es so abgehackt ist (Die Farben müssen dabei nicht genau dieselben sein, sollten aber in die Kategorie "hell","gelb" und "orange" passen).

Hier ist mein bisheriger Code:

animation.tex:

Öffne in Overleaf
\documentclass[tikz]{standalone}
\newcommand{\scale}{.5}
\usepackage{animate}
\definecolor{awesome}{rgb}{1.0, 0.13, 0.32}
%______________________________________________________
\definecolor{yellow_one}{HTML}{FFFFC6}
\definecolor{yellow_two}{HTML}{FFFFB9}
\definecolor{yellow_three}{HTML}{FFFFAC}
\definecolor{yellow_four}{HTML}{FFFF9E}
\definecolor{yellow_five}{HTML}{FFFF91}
\definecolor{yellow_six}{HTML}{FFFF84}
\definecolor{yellow_seven}{HTML}{FFFF77}
\definecolor{yellow_eight}{HTML}{FFFF6A}
\definecolor{yellow_nine}{HTML}{FFFF5C}
\definecolor{yellow_ten}{HTML}{FFFF42}
%______________________________________________________
\definecolor{orange_one}{HTML}{FFF543}
\definecolor{orange_two}{HTML}{FFEB44}
\definecolor{orange_three}{HTML}{FFE144}
\definecolor{orange_four}{HTML}{FFD745}
\definecolor{orange_five}{HTML}{FFCE46}
\definecolor{orange_six}{HTML}{FFC447}
\definecolor{orange_seven}{HTML}{FFBA48}
\definecolor{orange_eight}{HTML}{FFB048}
\definecolor{orange_nine}{HTML}{FFA649}
\definecolor{orange_ten}{HTML}{FF9C4A}
%______________________________________________________
\begin{document}
    %______________________________________________________
    \begin{tikzpicture}%1
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_one] (0,0) circle (\scale*6cm);
    \filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
    \fill[fill=yellow_one] (0,0) circle (\scale*4cm);
    \fill[fill=awesome] (0,0) circle (\scale*3.9cm);
    \end{tikzpicture}

    \begin{tikzpicture}%2
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_two] (0,0) circle (6.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%3
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_three] (0,0) circle (6.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%4
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_four] (0,0) circle (6.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%5
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_five] (0,0) circle (6.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%6
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_six] (0,0) circle (7cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%7
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_seven] (0,0) circle (7.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%8
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_eight] (0,0) circle (7.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%9
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_nine] (0,0) circle (7.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%10
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow] (0,0) circle (7.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%11
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_ten] (0,0) circle (8cm*\scale);
    \filldraw[fill=awesome] (0,0) circle (\scale*6.5cm);
    \fill[fill=yellow_ten] (0,0) circle (\scale*6cm);
    \fill[fill=awesome] (0,0) circle (\scale*5.9cm);
    \end{tikzpicture}
    %______________________________________________________
    \begin{tikzpicture}%1
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_one] (0,0) circle (7.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%2
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_two] (0,0) circle (7.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%3
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_three] (0,0) circle (7.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%4
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_four] (0,0) circle (7.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%5
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_five] (0,0) circle (7cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%6
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_six] (0,0) circle (6.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%7
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_seven] (0,0) circle (6.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%8
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_eight] (0,0) circle (6.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%9
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_nine] (0,0) circle (6.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%10
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_ten] (0,0) circle (6cm*\scale);
    \filldraw[fill=awesome] (0,0) circle (\scale*4.5cm);
    \fill[fill=orange_ten] (0,0) circle (\scale*4cm);
    \fill[fill=awesome] (0,0) circle (\scale*4.1cm);
    \end{tikzpicture}
    %______________________________________________________
    \begin{tikzpicture}%1
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_nine] (0,0) circle (5.9cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%2
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_nine] (0,0) circle (5.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%3
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_eight] (0,0) circle (5.7cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%4
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_eight] (0,0) circle (5.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%5
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_seven] (0,0) circle (5.5cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%6
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_seven] (0,0) circle (5.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%7
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_six] (0,0) circle (5.3cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%8
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_six] (0,0) circle (5.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%9
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_five] (0,0) circle (5.1cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%10
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_five] (0,0) circle (5cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%11
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_four] (0,0) circle (4.9cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%12
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_four] (0,0) circle (4.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%13
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_three] (0,0) circle (4.7cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%14
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_three] (0,0) circle (4.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%15
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_two] (0,0) circle (4.5cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%16
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_two] (0,0) circle (4.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%17
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_one] (0,0) circle (4.3cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%18
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_one] (0,0) circle (4.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%19
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=orange_one] (0,0) circle (4.1cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%20
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_ten] (0,0) circle (4cm*\scale);
    \filldraw[fill=awesome] (0,0) circle (\scale*2.5cm);
    \fill[fill=orange_ten] (0,0) circle (\scale*2cm);
    \fill[fill=awesome] (0,0) circle (\scale*2.1cm);
    \end{tikzpicture}
    %______________________________________________________
    \begin{tikzpicture}%1
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_nine] (0,0) circle (4.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%2
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_eight] (0,0) circle (4.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%3
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_seven] (0,0) circle (4.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%4
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_six] (0,0) circle (4.8cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%5
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_five] (0,0) circle (5cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%6
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_four] (0,0) circle (5.2cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%7
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_three] (0,0) circle (5.4cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%8
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_two] (0,0) circle (5.6cm*\scale);
    \end{tikzpicture}

    \begin{tikzpicture}%9
    \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);
    \filldraw[fill=yellow_one] (0,0) circle (5.8cm*\scale);
    \end{tikzpicture}
    %______________________________________________________
\end{document}

main.tex:

Öffne in Overleaf
\documentclass[tikz]{beamer}
\usepackage{animate}

\begin{document}
\begin{frame}[fragile]
\begin{center}
\animategraphics[controls,loop]{9}{animation}{}{}
\end{center}
\end{frame}
\end{document}

gefragt 17 Mär '19, 18:01

Simba's gravatar image

Simba
16●2
Akzeptiert-Rate: 0%

bearbeitet 17 Mär '19, 18:03

1

@Simba 1/2 Ui... Du lieferst sehr viel Holz, was es natürlich erschwert durchzusteigen. Beim zweiten, größten Code ändert sich m.E. nur der Radius in den einzelnen TikZ-Bildern.
Das kannst Du massiv abkürzen durch eine foreach-Schleife, und das ist auch üblich bei sowas.
...

(17 Mär '19, 18:44) cis

2/2 Irgendwie so o.ä.:
\documentclass[margin=5mm, tikz]{standalone} \begin{document} \foreach \Radius in {3.0, 3.1,...,6.4}{%% \begin{tikzpicture}%5 \useasboundingbox[fill=black] (-8.2*\scale,-8.2*\scale) rectangle (8.2cm*\scale,8.2cm*\scale);\filldraw[fill=yellow_five] (0,0) circle (\Radius*\scale); \end{tikzpicture} }%% \end{document}

So erhieltest Du Einzel-Bilder, aus denen Du in der main-Datei eine Animation basteln kannst.
Du kannst das auch testweise mal durch PDF-->gif jagen: https://ezgif.com/pdf-to-gif Ich empf. das erstmal zu machen und den obigen Code so abzukürzen.

(17 Mär '19, 18:46) cis

@cis Danke ersmal für die Antwort. Lässt sich bei der foreach-Schleife auch ein Verlauf bei den Farben von hell/weiß zu gelb erzeugen?

(17 Mär '19, 18:59) Simba

@Simba Sicher. Du kannst die foreach-Schleife über mehrere Größen laufen lassen oder darin auch neue Parameter bzw. Zähler evaluieren.
Da Dein Problem recht umfangreich ist, empf. ich derlei Details auf mehrere Einzelfragen runterzubrechen; z.B. "Wie ändere ich die Farbe in einer foreach-Schleife?"

(17 Mär '19, 19:29) cis
Deine Antwort auf die Frage: (Bemerkungen bitte oben als Kommentar)
Vorschau umschalten

Folgen dieser Frage

Per E-Mail:

Wenn sie sich anmelden, kommen Sie für alle Updates hier in Frage

Per RSS:

Antworten

Antworten und Kommentare

Markdown-Grundlagen

  • *kursiv* oder _kursiv_
  • **Fett** oder __Fett__
  • Link:[Text](http://url.com/ "Titel")
  • Bild?![alt Text](/path/img.jpg "Titel")
  • nummerierte Liste: 1. Foo 2. Bar
  • zum Hinzufügen ein Zeilenumbruchs fügen Sie einfach zwei Leerzeichen an die Stelle an der die neue Linie sein soll.
  • grundlegende HTML-Tags werden ebenfalls unterstützt

erfahre mehr über Markdown

Frage-Themen:

×731
×12

gestellte Frage: 17 Mär '19, 18:01

Frage wurde gesehen: 2,029 Mal

zuletzt geändert: 17 Mär '19, 19:29

verwandte Fragen

TikZ Plot animiert darstellen

Wie erstelle ich eine animierte gif Grafik und platziere sie in einer PDF mit dem animate Paket?

TikZ Bild springt bei letztem Schritt mit animate package

[closed] TikZ animate beamer: Fehler durch ngerman-Option für Paket babel

Animation einer Funktion und eines Punktes Tikz

Animation einer Gerade

Wie arbeite ich mit dem animate-Paket (allgemein und in Verbindung mit TikZ / pgfplots)?

Wie kann ich die Blätter eines TikZ-Baums auf gleiche Höhe ausrichten?

Wie kann ich einer Grafik einen Untertitel hinzufügen?

Wie forciere ich waagerechte oder senkrechte Linien in TikZ?

über | FAQ | Impressum | Datenschutzerklärung | Hilfe | Kontakt