Warten auf Weihnachten: Animierte Türrolle in Procreate

1. Willkommen: Es ist wieder diese Zeit des Jahres. Weihnachten steht vor der Tür. Christen nennen die vier Wochen vor Weihnachten die Adventszeit. Ursprünglich bedeutet Advent Ankunft, und es ist eine Zeit der Besinnung, in der wir uns nehmen, auf das Jahr zurückzublicken und etwas Ruhe zu finden. Und ein Adventskalender zählt die Tage 1—24 bis Weihnachten Und heutzutage ist es auf der ganzen Welt beliebt, unabhängig von jeder Religion In diesem Kurs werden wir anhand einer sich öffnenden Tür eine Animation erstellen , die eine kleine festliche Illustration zum Vorschein bringt. Sie können diese Technik verwenden, um 24 verschiedene Türen zu öffnen und sie in Ihren sozialen Medien zu veröffentlichen. Ich werde genau das tun und ich hoffe, dass ihr an meiner persönlichen Instagram-Challenge , um eine festliche Atmosphäre zu verbreiten. In diesem Kurs lernen Sie, die Zeichenunterstützung und die Animationsunterstützung von Procreate zu verwenden Zeichenunterstützung und die Animationsunterstützung von Procreate Es ist für fortgeschrittene bis fortgeschrittene Procreate-Benutzer gedacht, da ich Ihnen hier keine Procreate-Grundlagen beibringe Schauen Sie sich bei Bedarf meine anderen anfängerfreundlichen Kurse an Wir werden in der Procreate-App zeichnen und animieren, nicht in Procreate Sie benötigen also ein iPad mit der Procreate-App und einen Stift Okay, lass uns gleich loslegen. Wir sehen uns im Unterricht. 2. Dein Projekt: Ihr Projekt in diesem Kurs ist ein Video mit Ihrer animierten Tür, das jedes Bild zeigt, das Sie zeigen möchten. Bitte teile deine Arbeit in der Galerie. Wenn du magst, kannst du mir auch auf Instagram beitreten, wo ich vom ersten bis zum 24. Dezember jeden Tag einen echten Beitrag posten werde . 3. Setup und Skizzieren: Und bevor wir mit dem Zeichnen beginnen, müssen wir unsere Rolle ein wenig planen Das ist also mein Instagram, und du musst dir beim Erstellen der Rolle überlegen, wie sie in deinen Füßen aussehen wird. Also hier ist der allgemeine Feed, und Sie haben die quadratische Vorschau. Und hier auf den Walzen hast du das Ganze. Das ist also nicht das Problem. Das Problem ist hier, wie es in diesem Feed aussieht. Okay, lass uns zu Procreate gehen. Lass uns eine neue Leinwand erstellen. Das ist im Format 1080 bis 1920. Das ist also auch das normale Format für eine Realität oder eine Geschichte. Du kannst es auch in den Geschichten teilen. Klicken Sie dann auf Erstellen. Ich verwende übrigens einen SRGB-Farbmodus, der perfekt für Instagram-Reels ist Okay, und stelle diese queere Vorschau aus dem Feed ein, müssen wir nachdenken Und lassen Sie uns diese Leinwand mit Farbe füllen und dann auf das Transformationswerkzeug klicken und dann auf den blauen Punkt hier in der Ecke und dieses kleine gebundene Symbol loslassen und auf 1080 x 1080 klicken und schon haben Sie dieses quadratische Format Und jetzt verschiebe ich es, bis es einrastet. Nein, ich habe das Schnappen nicht an. Schalte das Schnappen ein. Und du kannst es verschieben, bis es zentriert ist. Okay. Die gelben Linien hier und da. Es ist also perfekt in der Mitte. Und so erscheint die Vorschau in deinem Instagram-Feed. Also nur als kleine Orientierungshilfe, ich schalte die Deckkraft sehr gering Erstelle eine weitere Ebene. Und ich verwende für meine Tür, ich würde gerne ein leuchtendes Rot verwenden. Also habe ich überlegt, den Hintergrund in dieser rosa Farbe zu machen, und die Tür sollte in diesem leuchtenden Rot sein. Und die Details, die ich mit diesem dunklen Rot kreiere, ich verlinke euch alle meine Farben unter diesem Video, und ihr könnt die gleichen Farben verwenden, wenn ihr mögt. Okay, wir haben den Hintergrund und ich mache meine Skizzen mit diesem Dugat Und dafür würde ich gerne den Six B Pencil verwenden. Das ist mein bevorzugter Pinsel für fast jede Illustration, die ich mache. Ich liebe ihn, weil er so vielseitig ist. Okay, und ich würde gerne eine Tür bauen. Also der Kopf, der runde Kopf der Tür und 22 Türen , die sich auf diese Weise öffnen. Machen Sie eine grobe Skizze. Also hier ist das Oberteil, mach es rund. Und dann die Tür, nicht bis ganz unten, weil das besser für die Animation später ist. Dann kannst du sehen, wie die Tür zur Seite schwingt. Okay, auf diese Weise. Also in den Füßen kannst du diese Kachel sehen, und du kannst später auch die Zahl hier in der Mitte hinzufügen die Zahl hier in der , sodass du sie an deinen Füßen siehst. Aber das spielt im Moment keine Rolle. Okay, das ist meine grobe Skizze, und jetzt möchte ich sie verfeinern. Lassen Sie uns den Drawing Guide einschalten. Zeichnungshandbuch bearbeiten. Symmetrie. Okay. Und es ist die vertikale Symmetrie. Klicken Sie auf Fertig. Ich beschleunige meinen Skizzierprozess für Sie Ich bin mir sicher, dass du es ohne meine Hilfe schaffen kannst. Wenn du etwas Inspiration brauchst, kannst du auf mein Pinterest-Board klicken, das ich dir unter diesem Video verlinkt habe. Das ist also meine grobe Skizze. Und treffen wir uns in der nächsten Klasse, um die Sache zu veranschaulichen. 4. Illustration: Lassen Sie uns also die Opazität der Skizzierebene reduzieren. Oder 37% F, und ich drehe es, um es zu multiplizieren, und lasse es oben, damit ich es immer sehen kann Wir können diese grobe Skizze in der Mitte löschen und eine weitere Ebene erstellen . Ich schiebe sie hinter die Skizze, sodass ich meine Skizze immer sehen kann Für die Illustration und Animation ist es wichtig, den oberen Teil in einer Gruppe und dann eine Tür in einer anderen Gruppe zu zeichnen den oberen Teil in einer Gruppe und dann eine Tür in einer anderen Gruppe Okay, fangen wir mit diesem oberen Teil an. Und ich sagte, ich hätte gerne meine Tür in dieser leuchtend roten Farbe. Aber um einen Kontrast zu schaffen, die Oberseite, den Hintergrund der hätte ich die Oberseite, den Hintergrund der Oberseite, gerne in diesem dunklen Rot. Und ich benutze auch die Zeichenhilfe für das Oberteil. Ich schalte es hier ein. Und um den Vorgang etwas zu beschleunigen, habe ich Studio Pen verwendet. Also normalerweise würde ich es mit den sechs B-B-Stiften zeichnen und die Teile mit dem Bleistift einfärben. Aber für dieses Video würde ich gerne den Studiostift wählen und die Farbe hineinlegen , um es schneller zu machen. Okay. Fangen wir mit dieser Zeile an. Okay, ich finde es gut. Okay. Dann erstelle ich eine Ebene darüber, um die Details zu erstellen. Und ich benutze dabei auch die Zeichenhilfe und gehe zu meinem leuchtenden Rot über. Und ich zeichne diese Tropfen. Es ist nicht nötig, exakt von der Skizzierebene aus zu zeichnen , aber es liegt an Ihnen Und hängt von Ihrem Zeichenstil ab. Y. Verfeinern Sie diese Ecken und Kanten ein wenig, ordnen Sie die Spitzen an, damit es schön aussieht Und die Punkte dazwischen. Sie müssen nicht perfekt und in derselben Größe hergestellt werden. Und ich glaube, ich würde hier gerne ein paar Streifen machen . Auf der Spitze. Jetzt möchte ich einige Teile hier löschen , um mehr Details zu machen. Du könntest auch zum Sternrot zurückkehren und die Farbe einzeichnen, aber um weniger Ebenen zu verwenden, möchte ich Teile davon löschen und das Dunkelrot vom Hintergrund durchscheinen lassen. Ich würde gerne mit den sechs B-Stiften radieren. Und ich denke, mach es ein bisschen kleiner. Ich hätte gerne eine Warteschlange hier drin. Und ich mag es nicht, das mit dem Pinsel so perfekt zu machen Also lasse ich die Linie so, wie sie ist, ohne Hilfe beim Strohhalmen Sie können die Skizzierebene für einen Moment ausschalten , um zu sehen, ob Ihnen das Teil gefällt Ich lösche hier auch einfach einen Kreis und in der Mitte einen. Und auch hier, ich glaube, es gefällt mir. Und wenn Sie mehr Interesse haben, können Sie zum Pinsel und zu dieser roten Farbe zurückkehren, und ich nehme den 6-B-B-Stift und mache ein paar Schatten, damit es ein bisschen dreckig wird oder die Tür benutzt. Machen Sie es auf diese Weise interessanter und fügen Sie etwas Textur hinzu. Aber du musst das nicht tun, wenn du es nicht magst. Okay. Gut. Und ich möchte diese beiden Ebenen für die oberste Ebene gruppieren, eine weitere Ebene erstellen und sie hinter die obere Ebene verschieben. Und jetzt zeichnen wir die Tür nur auf dieselbe Weise mit dem Studiostift auf eine Seite nur auf dieselbe Weise mit der Tür und schalten die Skizzierebene wieder Aber nicht die Zeichenhilfe. Es ist wichtig, eine Seite auf einer Ebene oder einer Gruppe zu zeichnen . Die Gruppe ist wichtig, aber dazu später mehr. Und die Details, ich mache es von oben, aber zur Seite, so dass der leuchtend rote Laden und die Details mit dem Dunkelrot zu meinem Dunkelrot passen, und ich lege eine weitere Schicht auf die Tür und gehe zu meinen sechs B-B-B-B-Bleistiften Ich finde, es ist zu dick. Ich. Es ist besser. Ich verwende 30% Größe, falls du es genauso machen möchtest. Ich beschleunige den Rest der Illustration für Sie. Mach es in deinem Stil. Okay. Lassen Sie uns die beiden Türebenen gruppieren und dann die Tür duplizieren, gehen wir zum Verschieben-Werkzeug und drehen sie horizontal um, stellen Sie sicher, dass Ihr Fangwerkzeug und Ihre Magnetik aktiviert sind, und jetzt können Sie sie auf diese Seite verschieben, bis sie hier in der Mitte einrastet und Sie diese gelbe Linie sehen Okay. Das ist es. Wir können diese Zeichenhilfe ausschalten, sodass die Linie in der Mitte verschwindet. Und das ist links. Ich kippe nach links und hier ist die rechte. Es spielt keine Rolle, aber nur für meine Organisation. Also auf dem Sitz gibt es ein paar kleine weiße Flecken in der Mitte, und ich korrigiere das auf der rechten Seite. Also gehe ich zum Studiostift und zum leuchtenden Rot und korrigiere das ein bisschen. Nur ein bisschen. Okay. Und ich gehe zur dunkelroten Ebene und mache daraus eine Schnittmaske Ich befestige es an der Tür und gehe zurück zu der Schicht Ducret, der roten Schicht von Dak, und ich gehe zum 6-B-B-Stift und mache auch eine kleine Linie hier am Rand der Ich finde es also schöner, wenn man die Kante in der Mitte sieht An der geschlossenen Tür. Okay, jetzt ist es nett. Okay, wir sind mit der Abbildung fertig. Eins. Ich habe es oben zu viel und unten ist mehr Platz. Also möchte ich alle drei Gruppen markieren, das Verschieben-Tool, und ich verschiebe es ein bisschen nach unten. Okay. Das ist es. Das ist jetzt also nett. Und du kannst hier unten dieses Rechteck sehen. Wie es in deinem Instagram-Feed erscheinen wird, das wirst du in Teilen sehen. Ich finde es nett, wenn du hier in der Mitte eine Zahl einträgst und es ist eine schöne Vorschau. Also schieb es wieder nach unten und schalte es aus. Treffen wir uns im nächsten Video , wo wir etwas über die Animation erfahren. 5. Animation: Lass uns mit der Animation beginnen. Unter diesem kleinen Schraubenschlüsselsymbol, unter Canvas, finden Sie die Animationshilfe Sie es einschalten, unten diese kleine Zeitleiste angezeigt, in der Sie alle Ihre Ebenen und Gruppen finden können Gehen wir zu den Ebenen. Wir benötigen die Skizze nicht mehr, also können Sie sie löschen oder ausschalten, sie ausschalten. Und es ist wichtig, dass Sie diese oberste Gruppe ganz nach unten verschieben. Dann kannst du zu dieser Zeitleiste gehen und auf das allererste Bild klicken. Im Moment ist diese Hintergrundoption wichtig, damit Sie sie einschalten können und jetzt haben Sie diese Top-Gruppe. Immer im Hintergrund, du musst diesen Teil nicht animieren , weil er immer da ist Sie möchten nur die beiden Türen animieren. Und diese beiden Türen, links und rechts, gruppieren es zu einer Gruppe Und jetzt hast du einen einzigen Rahmen für die beiden Türen hier unten in deinem Rahmenmenü. Jedes Mal, wenn Sie eine neue Ebene oder eine Gruppe von Ebenen hinzufügen, erscheint ein weiterer Rahmen unten in Ihrem Frames-Menü. Schauen wir uns die verschiedenen Einstellungen hier unten an. Sie können Loop wählen, was bedeutet, dass Ihr Video in einer Endlosschleife abgespielt wird. Ping Pong bedeutet, dass es vorwärts und dann rückwärts abgespielt wird. Und mit einem Schuss wird Ihre Animation einmal abgespielt und fertig Für unsere Animation ist die One-Shot-Option perfekt. Bilder pro Sekunde wirken sich auf die Geschwindigkeit Ihrer Animation aus, und wir können später damit spielen. Mit den beiden Optionen für Zwiebelschalen können Sie wählen, wie viel und wie stark Sie während des Animationsprozesses all Ihre Einzelbilder und Gruppen sehen möchten all Ihre Einzelbilder und Gruppen sehen . Damit können Sie herumspielen. Lass uns jetzt die Animation machen. Bei diesem ersten Frame sollte die Tür geschlossen sein und jeder weitere Frame sollte die Tür ein bisschen weiter öffnen. Ich wähle diesen letzten Frame aus , der der oberste Frame in unserem Ebenenmenü ist. Ich lösche jetzt die rechte Seite der Tür, transformiere die linke Seite und kopiere sie dann auch nach rechts. Hier kannst du „Verzerren“ wählen. Schalten Sie die Magnetik aus, um die Transformation zu vereinfachen Jetzt können Sie ihn einfach ein wenig hierher in der Mitte ziehen und die beiden Ecken ein kleines bisschen verschieben Das ist genug. Du kannst es jetzt kopieren. Wählen Sie erneut das Transformationswerkzeug und drehen Sie es horizontal um. Stellen Sie sicher, dass Sie die Magnete wieder einschalten, dann können Sie sie perfekt auf die rechte Seite verschieben Der erste winzige Schritt ist getan. Lass es uns jetzt machen. Ich würde sagen, noch zehn Mal und verschiebe die Tür bei jedem Bild ein kleines bisschen mehr. Stellen Sie sicher, dass Sie Ihre Magnete ein- und ausschalten, falls dies erforderlich ist oder nicht Ich beschleunige meinen Prozess für Sie. Ich denke, wir sind fertig. Lass es uns testen. Ich glaube, ich füge noch einen Rahmen hinzu und drehe einfach die beiden Türseiten in die andere Richtung um. Drehe es horizontal und verschiebe es nach außen. Und auch auf der linken Seite. Ich mag es. Sie können jetzt wieder zu den Einstellungen gehen und mit der Anzahl der Bilder pro Sekunde herumspielen. Je niedriger die Zahl, desto langsamer die Animation. Ich wähle zehn aus. Ja, das ist perfekt. Im nächsten Video werden wir ein Bild hinzufügen, werden wir ein Bild hinzufügen das erscheint, wenn sich die Tür öffnet. 6. Ein Bild hinzufügen: Nachdem die Türanimation fertig ist, fügen wir eine Illustration , die erscheint, wenn die Tür geöffnet wird. Gehen wir zum Foto hinzufügen. Ich habe diese Mistelillustration erstellt , die ich jetzt hinzufügen möchte Im Moment befindet sie sich auf einem separaten Rahmen. Wir müssen es der ersten Gruppe von Türen hinzufügen, in dieser Gruppe nach unten verschoben wurden. Es ist also hinter den beiden Türseiten. Transformiere es und bewege es ein bisschen. Ich möchte jetzt die Opazität der Zwiebelschalen reduzieren , um eine klarere Vorstellung vom fertigen Bild zu haben Und jetzt fügen wir jeder Türgruppe eine Kopie dieser Abbildung hinzu und reduzieren die Größe jedes Mal ein bisschen weiter Die Tür öffnet sich also und gleichzeitig wird die Abbildung immer größer. Okay, wir sind fertig. Im nächsten Video werden wir der Tür eine Nummer hinzufügen und einige weitere Einstellungen für die Endbearbeitung vornehmen. 7. Feinschliff und Export: Fügen wir der Tür eine Zahl hinzu. Öffnen Sie die Gruppe mit der geschlossenen Tür, wählen Sie die linke Gruppe aus und wählen Sie die Farbe der Zahl. Ich wähle ein reines Weiß. Dann geh, um Text hinzuzufügen, schreibe eine Zahl. Wähle deine Schrift und mache sie groß. Ich wähle eine fette Schrift und wähle die Option Kontur. Sie können hier mit Ihrem Lieblingsstil herumspielen, oder Sie können die Zahl selbst schreiben. Schauen wir uns noch einmal die Vorschau für den Instagram-Feed an. Ich verschiebe die Zahl so, dass sie in diesem Quadrat zentriert ist. Lass es uns noch einmal testen. Es ist gut, aber ich denke das Aussehen der Zahl ist zu kurz. Sie können zu den Rahmenoptionen gehen, und hier haben Sie die Haltedauer. Dadurch wird Ihre Ebene einfach kopiert, sodass sie länger angezeigt wird. Je höher die Zahl, desto mehr Kopien haben Sie. Wenn Sie möchten, können Sie auch die Dauer des letzten Frames beibehalten. Testen Sie es. Ja. Jetzt ist es gut. Zeit, unsere Animation zu exportieren. Gehe zum Teilen und hier hast du verschiedene Optionen. Sie können animierte Version 4 wählen. Und hier haben Sie wieder die Möglichkeit, die Anzahl der Bilder pro Sekunde zu erhöhen oder zu verringern. Sie können hier noch einmal damit spielen und dann einfach auf Exportieren klicken und es speichern wo immer Sie es haben möchten. Das ist es. 8. Vielen Dank: Vielen Dank, dass du meinen Kurs verfolgt hast. Ich hoffe, Sie haben eine schöne Animation Ihrer sich öffnenden Tür erstellt . Bitte lass es mich sehen, egal ob es in der Galerie oder auf Instagram ist, und nimm es mir gerne mit. Ich werde deine Kreationen in meinen Geschichten teilen. Vergiss nicht, die Tage zu zählen. Habt eine schöne Adventszeit und noch schönere Weihnachtstage. Tschüss