Brauche Hilfe bei einer Transformation

Ich möchte die folgende Transformation erstellen, indem ich die SCHWARZE Ebene des angehängten GIF transformiere. Ich weiß, wie man den weißen Teil transformiert (so habe ich das GIF erstellt). Ist das möglich? In meiner Produktionsversion ist der weiße Teil eigentlich ein Bild des Mondes, das ich nach und nach ausblenden möchte, um die Mondphasen zu simulieren. Der Grund, warum ich den weißen Teil nicht transformieren kann, ist, dass er das Bild des Mondes verzerrt. Die anderen 3/4 des Zyklus habe ich herausgefunden, aber dieser hat mich ratlos gemacht.

Geben Sie hier die Bildbeschreibung ein

Lange schwarze Schicht mit Halbkreis rechts ... nach rechts verschoben.
@Scott welche Form hätte die "lange schwarze Schicht", um den weißen Halbkreis immer oben und unten zu schneiden?
Wenn ich 2 lange schwarze Schichten gemacht habe - beide ungefähr doppelt so breit wie der Halbkreis -, hat eine der schwarzen Schichten einen transparenten Halbkreis ausgeschnitten und überlagert das Weiß. Die zweite (ein Rechteck) sitzt links von der 1. schwarzen Schicht. Dann wurde die erste nach rechts transformiert, während die zweite nach rechts verschoben wurde. Ich bin mir nicht sicher, ob Sie das gemeint haben (oder Sinn machen), aber es hat mich trotzdem auf eine Idee gebracht.
Die Transformation des Schwarzen ist genau die gleiche wie beim Weißen. Aber das führt zu anderen Problemen.
Vielleicht fehlt mir hier etwas, aber ich möchte nur sicherstellen, dass Sie über die Möglichkeit nachdenken, einfach "invertiert" zu arbeiten. Erstellen Sie eine schwarze Füllung mit einem weißen Kreis darüber, den Sie transformieren. Dann multiplizieren Sie das Ganze auf dem Mond, der dann in den weißen Teilen sichtbar wird.

Antworten (4)

Verwenden Sie einen einfachen schwarzen Kreis, der von der Leinwand verschoben wird, um zu beginnen. Fügen Sie einfach Schlüsselmarkierungen für Positionam Anfang und am Ende hinzu....

Geben Sie hier die Bildbeschreibung ein

Oder ... wenn Sie die gegenüberliegende Halbkreis-Maske benötigen, erstellen Sie eine lange Form und einen Halbkreis, der aus der rechten Seite ausgeschnitten ist, und animieren Sie ihn dann auf die gleiche Weise ... (Beachten Sie, dass das obige Bild eigentlich mehr ist richtig, wie die Mondphasen erscheinen / sich verstecken würden, aber ich habe dies eingefügt, um Ihrer Frage zu entsprechen.)

Geben Sie hier die Bildbeschreibung ein

Sie könnten beides mit einer Maske auf der Mondebene tun und dann die Maske animieren. In diesem Fall benötigen Sie lediglich eine Hintergrundebene.

Und wenn Sie natürlich nur den Mond animieren möchten, der sich nach rechts bewegt, müssen Sie nur diese Ebene animieren und eine geeignete statische Hintergrundebene hinzufügen, die "freigelegt" wird, wenn sich der Mond bewegt ...

Geben Sie hier die Bildbeschreibung ein

Anscheinend wurden alle geposteten Kommentare entfernt. Es scheint, dass Sie für diesen Beitrag etwas Flak geben. Leider haben die 3 Effekte, die Sie gepostet haben, meine Herausforderung nicht angesprochen. Ich habe mich jedoch von Ihrem Kommentar inspirieren lassen und schätze all die Zeit, die Sie in die Entwicklung von Alternativen gesteckt haben.

Obwohl dies bereits vom Benutzer beantwortet wurde. Folgen wir der Logik.

  1. Der Mond ändert seine Form nicht.

  2. Das einzige, was sich ändert, ist der beleuchtete Teil.

Die Antwort, verwenden Sie eine Maske.

Verwenden Sie die Animation, die Sie bereits erstellt haben, als Maske über dem beleuchteten Vollmond über dem dunklen Mond.

Genau das habe ich versucht, konnte aber nicht herausfinden, wie man eine sich bewegende Maske anwendet, die aus transformierten intelligenten Objekten erstellt wurde. Gibt es irgendwo einen Link, den Sie teilen könnten, der ein Tutorial enthält? Ich verbrachte weit über eine Stunde damit, einen zu finden.

Meine Lösung

Basierend auf der Inspiration von @Scott. Erstellt eine Ebene in der gleichen Größe wie der Kreis. Habe es mit Schwarz gefüllt. Bewegte es 1/2 Weg nach links (1/2 vom Bildschirm, 1/2 überlappender Halbkreis) Schneiden Sie den Halbkreis aus der schwarzen Ebene aus. Erstellen Sie die 2. Ebene, füllen Sie sie mit Schwarz und bewegen Sie sie vollständig nach links vom Bildschirm. Transformierte die erste schwarze Ebene mit dem linken mittleren Griff ganz nach rechts. Zweite schwarze Ebene gleichzeitig nach rechts verschoben (erforderlich, da die erste Ebene schließlich den darunter liegenden weißen Kreis enthüllte, da sie auf die Breite 0 geschrumpft war.

UPDATE Das folgende GIF enthält die obige Lösung. Es ist aus den Gründen, auf die @ user287001 hinweist, nicht genau, aber es reicht aus, um es meiner Klasse der Sechstklässler zu zeigen.

Herauszufinden, wie man den rotierenden Mond umwandelt (während der weiße Teil immer nach rechts zeigt - zur Sonne) war ein weiteres Problem, das ich nicht lösen konnte. Ich konnte es perfekt um den Mittelpunkt drehen, wobei der weiße Teil immer nach innen zeigt. Was gepostet wird, hat einen 3D-Mond, der ungefähr 70 Mal manuell in die ungefähre Position transformiert wird - deshalb ist es leicht sprunghaft.

Geben Sie hier die Bildbeschreibung ein

Um es auch geometrisch und zeitlich richtig zu machen, können Sie mit Illustratoren oder Photoshops 3D arbeiten. Das nächste Beispiel ist in Illustrator. Ein Halbkreis wird zu einer Kugel mit 3D-Revolutionseffekt gedreht und ein halbschwarzes Rechteck wird darauf abgebildet. Die andere Hälfte ist Cyan, um sie ohne Schattierung auf meiner weißen Zeichenfläche sichtbar zu machen:

Geben Sie hier die Bildbeschreibung ein

Im nächsten Bild wird die abgebildete "Kunst" passend skaliert. Die Betrachtungswinkel können geändert werden, um sie an alle möglichen Ansichten anzupassen.

Geben Sie hier die Bildbeschreibung ein

Ihre Beispielansicht mit scheinbaren Polen oben und unten muss nur einen Winkel ungleich Null haben. Sie können es beispielsweise in 12-Grad-Schritten von 0 bis 360 ändern, um einen vollständigen Zyklus als 30 Schnappschüsse zu erhalten. Sie können jede Version kopieren und in eine andere Photoshop-Ebene einfügen.

Öffnen Sie den Ansichtseinstellungsdialog erneut, indem Sie im Bedienfeld „Darstellung“ auf „3D-Drehung“ klicken

Ich sagte "auch rechtzeitig". Wenn Sie die Frames mit gleichmäßigen Drehwinkelschritten erstellen, ändert sich die scheinbare Geschwindigkeit der Hell-Dunkel-Kante nach rechts. Es ist am schnellsten bei Halbmond und am langsamsten bei Voll- und Neumond.

Wissenschaftlich ist dies nur eine grobe Annäherung, weil sie nicht die volle Komplexität der Mondumlaufbahn berücksichtigt, nicht einmal die Bahnbewegung der Erde. Aber es ist realistischer als jede lineare Bewegung oder Skalierung mit konstanter Geschwindigkeit.

Ich bin sicher, dass Leute, die fortgeschrittene Video-Editoren verwenden, dies direkt als Video in ihrem Programm mit demselben 3D-Effekt + durch Definieren der Rotation erstellen würden. Es liegt außerhalb des Rahmens dieser Antwort.

HINZUFÜGEN: Dies wurde nicht gefragt, aber Illustrator kann auch ein genaues Orbitalbewegungsdiagramm erstellen. Object > Transform > Rotate führt exakte und leicht wiederholbare (=Strg+D) Drehungen durch.

Geben Sie hier die Bildbeschreibung ein

Der Magenta-Kreis dient nur der Bequemlichkeit. Es ist eigentlich farblos und strichlos, es dient nur dazu, die Form für eine konsistente Drehung symmetrisch zu machen, ohne dass die Mitte festgelegt werden muss.

Die ursprüngliche schwarze Form wird dupliziert (=Alt+Ziehen) und auf jeder gedrehten Version platziert. Es rastet genau in Illustrator ein, wenn Smart Guides aktiviert sind.

Ich habe Ihren Beitrag gelesen und es scheint, dass er die richtige Lösung bietet. Ich kenne mich jedoch nicht mit Illustrator aus und bin noch nicht einmal annähernd an die Beherrschung von Photoshop 3D herangekommen. Meine Lösung ist in der Tat ungenau - insbesondere in Bezug auf das Fehlen einer konstanten Geschwindigkeit, wie Sie darauf hinweisen. Diese Animation ist für Schüler der 6. Klasse, daher ist zum Glück keine Perfektion erforderlich, wie es bei einer Präsentation auf College-Niveau der Fall wäre. Danke, dass du das dargelegt hast.
@mseifert Habe gerade deine fertige Animation gesehen. Anscheinend gehören Sie zu denen, die Dinge in Gang setzen, wenn die Richtung klar ist. Glückwunsch. Sie können Ihre eigene Antwort gut akzeptieren.
Ihr Beitrag wird mich hoffentlich dazu inspirieren, Illustrator zu lernen, sobald ich etwas Freizeit habe. Danke nochmal.