Illustrieren mit iPad Pro: Zeichnen von perfekten Vektoren | Christine Nishiyama | Skillshare
Suchen

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Illustrieren mit iPad Pro: Zeichnen von perfekten Vektoren

teacher avatar Christine Nishiyama, Artist at Might Could Studios

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:52

    • 2.

      Schritt 1: Auswählen und Skizzieren

      3:09

    • 3.

      Schritt 2: Größe anpassen und Typografie

      2:43

    • 4.

      Schritt 3: Tinte

      2:02

    • 5.

      Schritt 4: Vektorisieren

      5:02

    • 6.

      Schritt 5: Vektoren verfeinern

      3:38

    • 7.

      Schritt 7: Präsentation

      0:33

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

6.000

Teilnehmer:innen

12

Projekte

Über diesen Kurs

In diesem Kurs werden wir eine Reihe von handgezeichneten Vektor-Illustrationen auf dem iPad Pro anfertigen.

Vektor-Illustrationen sind großartig, weil sie auf der Mathematik (anstatt auf Pixeln) basieren und die Größe unendlich verändert werden kann, ohne dass die Qualität verloren geht! Außerdem kann man ein Vektor-Kunstwerk bearbeiten, da es kein abgeflachtes Bild ist (wie ein JPG) und die Farben, Linienstärke etc daher immer verändert werden können!

Viele meiner Kunden fordern Kunstwerke als Vektor an, aber mir ist das immer unangenehm, da meine Vektor-Illustrationen irgendwie nie gut aussehen. Außerdem haaaasse ich das Stift-Tool! Aber in diesem Kurs zeige ich dir meinen NEUEN Prozess für die Anfertigung von Vektor-Illustrationen, die sich sehen lassen können!

Kürzlich habe ich eine Reihe von Foodie-Symbolen entworfen und herausgefunden, wie man Vektor-Illustrationen erzeugt, die handgezeichnet sind und tatsächlich immer noch handgezeichnet aussehen! Und das Beste daran: Wir verwenden das Stift-Tool nicht verwenden! Ich zeige dir Schritt für Schritt, wie ich die Foodie-Illustrationen angefertigt habe: von den Skizzen und der Anpassung der Größe über die Typografie bis hin zur Einfärbung, Vektorisierung und schlussendlich der Präsentation!

Falls du kein iPad hast, beschreibe ich in einer kurzen Anleitung im Projektleitfaden, wie du diesen Prozess auf einen herkömmlichen Stift und Papier umlegen kannst!

P.S.: Die Illustrationen, die ich für diesen Kurs erstellt habe, wurden als Symbole entworfen, die jetzt auf Creative Market verkauft werden, falls du sie für eines deiner kommerziellen oder persönlichen Projekte verwenden möchtest! Hier findest du alle Symbol-Sets: https://creativemarket.com/might_could

Los geht's – ran ans Zeichnen!

//

MÖCHTEN?

Sieh dir meine anderen Skillshare-Kurse hier an!

Du kannst auch mehr über mich und meine Arbeit auf meiner Website sehen: might-could.com.

Und du kannst dich für meine E-Mail-Liste anmelden!

Vielen Dank <3

 

Triff deine:n Kursleiter:in

Teacher Profile Image

Christine Nishiyama

Artist at Might Could Studios

Top Teacher

Hallo! I'm Christine Nishiyama, artist founder of Might Could Studios.

I make books and comics, and I draw a whoooole lot. I teach aspiring and established artists, helping them explore their art, gain more confidence, and discover their unique artistic styles.

My core belief is that art is good and we should all make more of it.

Instagram: Yeewhoo, I quit all social media!

Books: Check out my books here, including a graphic novel series with Scholastic!

Subscribe to my Substack newsletter: Join over 10,000 artists and get my weekly essays on creativity and artmaking, weekly art prompts, and behind-the-scenes process work of my current picture book. Subscribe here!

Vollständiges Profil ansehen

Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: He, Jungs. Ich bin Christine Nishiyama, Illustratorin in Might Cent Studios. Für diese Klasse werden wir eine Reihe von handgezeichneten Vektorillustrationen auf dem iPad Pro entwerfen . Vektorillustrationen sind wirklich genial, weil sie auf Mathematik anstatt auf Pixeln basieren und unendlich in der Größe angepasst werden können, ohne dabei an Qualität zu verlieren. Vektoren können auch bearbeitet werden, da es sich nicht um ein abgeflachtes Bild wie ein JPEG handelt. So können die Farben und die Linienbreite in Zukunft immer geändert werden. Viele meiner Kunden fordern Kunstwerke und Vektoren an, aber ich wackle immer, wenn sie es tun, weil meine Vektorillustrationen immer wackelig aussehen. Außerdem hasse ich das Stift-Werkzeug. Aber in dieser Klasse werde ich Ihnen meinen neuen Prozess zeigen, um Vektorillustrationen zu erstellen, die nicht wackelig aussehen. Vor kurzem habe ich eine Reihe von Foodie-Icons erstellt und herausgefunden, wie man Vektorillustrationen erstellt, die von Hand gezeichnet werden und dann tatsächlich noch von Hand gezeichnet aussehen, nachdem sie vektorisiert wurden, und das Beste ist, wir den Stift nicht berühren Werkzeug-Einsen. Für unser Klassenprojekt werden wir diesen Prozess verwenden, um eine Reihe von Vektorlebensmittel-Illustrationen zu erstellen. Ich wählte internationale Küche als mein Thema, und wir gehen Schritt für Schritt durch meinen Prozess der Erstellung der Serie von Feinschmecker-Illustrationen. Wir werden skizzieren, skalieren, topografieren, eindrucken, vektorisieren, verfeinern und schließlich präsentieren. Wenn Sie kein iPad haben, wird im Projektleitfaden eine kurze Unterrichtsseite angezeigt, die Ihnen dabei hilft, diesen Prozess auf herkömmliche Stifte und Papiermedien zu übersetzen. So oder so, lassen Sie uns hineinspringen und anfangen zu zeichnen. 2. Schritt 1: Auswählen und Skizzieren: Schritt 1, wählen und skizzieren. Gemeinsam werden wir eine Reihe von handgezeichneten Illustrationen erstellen. Aber zuerst, was werden wir zeichnen? Ich schlage vor, das übergeordnete Thema Essen, aber darin können Sie wählen, was Sie wollen. Sie könnten wählen, um eine Reihe von Gemüse, Obst, Ihren Lieblingssnack, verschiedene Arten von Kaffee zu zeichnen , was Sie am meisten begeistert. Ich liebe es, verschiedene internationale Küchen zu probieren und lernen, was diese Küche von anderen unterscheidet. Für meine Illustrationssets habe ich sechs verschiedene internationale Küchen ausgewählt: asiatisch, französisch, italienisch, lateinamerikanisch, amerikanisch und indisch. Ich fügte auch in einer Reihe von Kochen Illustrationen, und Gewürze und Kräuter nur zum Spaß. Wenn Sie sich also für Ihr spezifischeres Konzept entschieden haben, ist es an der Zeit, mit dem Zeichnen zu beginnen. Für diese Klasse werde ich auf meinem iPad Pro mit dem Apple Pencil zeichnen mit der Zeichen-App, procreate. Ich liebe das Zeichnen auf dem iPad, weil es Sie überarbeiten und bearbeiten Dinge super leicht, und Sie können zwischen dem Computer und dem iPad super schnell hin und her bewegen. Aber wenn Sie kein iPad haben, können Sie völlig einen Bleistift und Papier verwenden, um dieses Projekt zu machen. Gehen Sie einfach zum Projektleitfaden, um Anweisungen zu sehen und dieses Projekt mit Stift und Papier abzuschließen. Also lasst uns anfangen. Zuerst werde ich die procreate App auf meinem iPad booten und in meinen Icons Ordner für diese Klasse gehen. Dann mache ich ein neues Dokument. Ich werde diese nur auf Vollbildgröße halten, während wir diese vektorisieren werden, also ist die endgültige Größe im Moment nicht so wichtig. Dann können Sie, wenn Sie möchten, meine Vorlage im Projektleitfaden herunterladen und verwenden. Diese Vorlage enthält einige Richtlinien, die Ihnen helfen, Ihre Illustrationen während des Skizzierens ungefähr gleich groß zu halten . Importieren Sie es einfach in Ihr iPad und stellen Sie es auf eine niedrige Deckkraft und erstellen Sie dann eine neue Ebene oben und beginnen Sie mit dem Zeichnen. Sie daran, während Sie zeichnen, versuchen Sie nicht, Ihre Ideen zu filtern oder zu werfen. In diesem Stadium wollen wir nur alles zeichnen, was uns in den Sinn kommt, man weiß nie, dass es schön wird. Wir wollen diese Skizzen einfach halten, da wir viele davon zeichnen werden und wir noch in der Ideationsphase sind, aber Sie können entscheiden, wie viel Zeichnung Sie sich selbst einbeziehen möchten. Also werde ich nur weiter zeichnen, bis ich all diese Seiten ausfüllte. 3. Schritt 2: Größe anpassen und Typografie: Schritt 2, ändern Sie die Größe und fügen Sie Typografie. Jetzt, da wir alle unsere Skizzen gezeichnet haben, müssen wir sie etwas aufräumen, bevor wir weitermachen können. Wenn Sie die Richtlinienvorlage verwenden, sollten Ihre Skizzen ungefähr gleich groß sein. Aber wenn du wie ich bist, dann hast du wahrscheinlich nicht alles genau richtig oder zentriert bekommen . diese Probleme jetzt beheben, bevor wir Tinte sparen Sie später Zeit und machen Ihre endgültigen Illustrationen konsistenter. Deaktivieren Sie zunächst den Richtlinien-Layer, exportieren Sie Ihr Bildmaterial als JPEG und senden Sie es an Ihren Computer. Ich verwende Dropbox gerne, um zwischen meinem iPad und Computer hin und her zu wechseln, aber Sie können es einfach per E-Mail senden, wenn Sie es bevorzugen. Jetzt öffnen wir unsere Skizzen in Photoshop. Hier können Sie die nächste Vorlage im Projektleitfaden herunterladen, was ein bisschen einfacher ist und uns hilft, die Illustrationen auszurichten und später Typografie hinzuzufügen. Hier habe ich meine Skizzen auf die neue Vorlage gelegt und ich werde jede Illustration durchlaufen und die Größe ändern , um entweder mit dem Quadrat oder dem Kreis zu passen und mittig zu sein. Ich verwende einfach das Auswahlwerkzeug, um die Illustration auszuwählen und dann „Befehl T“, um die Auswahl zu transformieren, die Größe zu ändern und sie nach Bedarf zu verschieben. Also gehe ich durch und mache das jetzt zu jeder Illustration. Dieser Schritt ist optional, aber wenn Sie Ihrer Illustration eine handgezeichnete Beschriftung hinzufügen möchten, möchte ich den Text zuerst hier in Photoshop eingeben, bevor ich später eine Tinte eingibt. Ich verfolge den Typ nicht genau, wenn ich Tinte, aber ich mag, dass die Buchstaben eingegeben werden, so dass ich sie alle ausgerichtet und richtig verteilt halte. So können Sie einfach durchgehen und Ihre Etiketten auf die empfohlenen Richtlinien und welche Schriftart Sie bevorzugen, und es sollte am Ende ein wenig so aussehen. 4. Schritt 3: Tinte: Schritt drei, Tinte. Jetzt werden wir unsere endgültigen gezeichneten Illustrationen eintuschen. Zuerst werden wir den Vorlagen-Layer deaktivieren und unsere neuen Skizzen als JPEGs exportieren. Wir werden unsere JPEG in Procreate importieren und auf eine geringe Kapazität setzen. Erstellen Sie dann eine neue Ebene oben, und wählen Sie aus, mit welchem Werkzeug Sie die Tinte verwenden möchten. Ich mag das Stift-Werkzeug und ich habe die Einstellungen-Registerkarte angepasst, um genau die richtige Menge an Körnung zu erhalten , während immer noch eine saubere Linie. Ich stelle auch gerne die Größe auf ein festes Gewicht ein, damit sie je nach Stiftdruck nicht dicker oder dünner wird, da ich möchte, dass diese Illustrationen konsistent sind und ein festes Liniengewicht haben. Sie können mit verschiedenen Werkzeugen, Größen und Einstellungen experimentieren , um zu finden, was Ihnen am besten gefällt. Denken Sie daran, wenn Sie Tinten sind, dass winzige Räume und Öffnungen möglicherweise nicht gut in eine vektorisierte Illustration übersetzen. Es gibt nur so viele kleine Details, die vektorisiert werden können , bevor Illustrator gerade beginnt die Räume und Formen auszufüllen, jetzt gehen Sie einfach durch und Tinte all meine Lebensmittel. 5. Schritt 4: Vektorisieren: Schritt 4, vektorisieren. Jetzt auf die Vektormagie. Zuerst exportieren wir unsere eingefärbten Illustrationen als mehrschichtige Photoshop-Dateien und senden diese an Ihren Computer. Dies ermöglicht es uns, die Auflösung hoch zu halten, und wählen Sie nur die gefärbten Linien und keinen Hintergrund. Öffnen Sie auf Ihrem Computer die Photoshop-Datei, wählen Sie die Illustrationsebene aus, und wählen Sie die Freihandzeichnungen aus. Öffnen Sie dann ein neues Dokument, und Adobe Illustrator platzieren Sie Ihre Lebensmittel-Illustrationen. Gehen Sie dann zurück zu Photoshop, packen Sie die Topografieebenen und platzieren Sie sie in Illustrator. Dies mag ein wenig kompliziert erscheinen, aber ich halte die Illustrationen und Topographie gerne getrennt, weil es mir erlaubt, sie separat zu vektorisieren und die Einstellungen genau richtig auf jedem zu bekommen. Jetzt haben wir alle unsere farbigen Illustrationen in Illustrator. Ich werde ein Etikett herausziehen, um Ihnen den Prozess zu zeigen und die Einstellungen durchzugehen. Ich werde das hier benutzen, also haben wir einige gute Kurven und kleine Formen, mit denen wir arbeiten können. Wir werden nur das Bild auswählen, und dann gehen Sie hier nach oben und klicken Sie auf Bildverfolgung. Sie können dies auch unter Objekt im oberen Menü finden. Im Grunde, was Bild-Trace tut, ist das pixelbasierte Bild, das wir gezeichnet haben, in einen Vektor umzuwandeln. Aber es sieht ziemlich wackelig aus. Lassen Sie uns durch die Einstellungen gehen, damit wir dies verfeinern können und es eher wie unsere handgezeichnete Originalversion aussehen lassen . Bevor wir alle Einstellungen durchlaufen, beachten Sie bitte, dass die Einstellungen, die ich hier wähle möglicherweise nicht genau die richtigen für Ihr Projekt sind. Die richtigen Einstellungen für Ihr Projekt, hängt sehr davon ab, wie groß oder klein und detailliert Ihr Bild ist. Aber diese Einstellungen sollten Sie ziemlich nahe kommen, und dann können Sie von dort ein wenig herumschwingen. Klicken wir hier auf diese Schaltfläche und das öffnet sich unser Bild Trace Panel. Hier im Panel haben wir alle unsere Einstellungen. Stellen Sie sicher, dass Sie die Vorschau unten aktiviert haben , damit Sie die Änderungen sehen können, die wir auf dem Weg vornehmen. Zuerst können wir eine Voreinstellung wählen, die uns hilft, etwas näher an das zu kommen, was wir wollen. Für diese Illustrationen wählte ich die skizzierte Kunst, die ein wenig handgezeichnet und geschmeidig aussieht. Aber wir haben immer noch ein paar geschlossene Räume und seltsame gedruckte Winkel, also lasst uns weitermachen. Dann haben wir eine Schwelle. diesem Werkzeug können Sie einen Wert für die Erstellung der Schwarz-Weiß-Verfolgung Ihres Originalbildes auswählen. Wenn Sie also das Zifferblatt zusammen mit der Spur verschieben, alle Pixel, die heller als der gewählte Wert sind, in Weiß konvertiert, und alle Pixel, die dunkler sind als die Werte, werden in Schwarz konvertiert. Für dieses Projekt habe ich 25 als mein Sweet Spot gefunden. Als nächstes haben wir unter der Registerkarte „Erweitert“ Pfade. Dies steuert, wie eng die Pfade, die wir erstellen, zusammenpassen. Ein niedrigerer Pfadwert hat engere Pfade, und ein höherer Wert hat lockerere Pfade. Der Standardwert ist 50, aber hier ist, wie es aussieht, wirklich hoch und wirklich niedrig. Mein Sweet Spot, hier sind 95. Jetzt auf die Ecken. dieser Einstellung können Sie auswählen, wie viele Ecken wir in unserem Vektorbild haben werden. Ein höherer Wert hat mehr Ecken und ein niedrigerer Wert hat weniger Ecken. Wurde für diesen glatten handgezeichneten Look gehen, also werde ich die Ecken auf Null setzen. Als nächstes haben wir Lärm. Mit dieser Einstellung wird festgelegt, welche Bereiche von Pixeln bei der Verfolgung ignoriert werden. Ein höherer Wert hat weniger Rauschen, was bedeutet, dass mehr ignoriert werden, und ein niedrigerer Wert hat mehr Rauschen, was bedeutet, dass weniger ignoriert wird. Ich möchte viele feine Details fangen, also werde ich dies auf ein Pixel setzen. Unter Methode wollen wir mit der ersten Option einen Knospen gefangen bleiben, die ausgeschnittenen separaten Pfade oder Formen erstellen. Dann unter Erstellen möchten wir Füllungen überprüfen lassen, so dass wir gefüllte Bereiche, aka Formen, und nicht nur gestrichelte Pfade aka Linien erstellen . Jetzt, da wir alle unsere Einstellungen haben, wie wir sie mögen, klicken wir einfach auf „Auswahl“. Sie können sehen, dass unser Kunstwerk immer noch ein flaches Bild zu sein scheint. Um wirklich die Vektorlinien zu erhalten, müssen wir hier nach oben gehen und auf „Erweitern“ klicken. Jetzt können Sie alle einzelnen Pfade sehen, aber Sie werden feststellen, dass der Illustrator alles zusammengefasst hat Deshalb klicken Sie einfach mit der rechten Maustaste auf das Bild und klicken Sie auf „Gruppierung aufheben“. Sie müssen das ein paar Mal tun, bis alles tatsächlich aufgehoben wird und alle Formen individuell sind. Jetzt können Sie sehen, dass alles individuell und nicht gruppiert ist. Dies ermöglicht es uns, die Formen zu gruppieren, wie wir wollen, anstatt sie alle zu einem Kunstwerk zusammenfassen zu lassen. Nun gehen wir weiter und nehmen die letzten Anpassungen vor, um unsere Vektoren zu verfeinern. 6. Schritt 5: Vektoren verfeinern: Schritt fünf, verfeinerte Vektoren, kleine Anpassungen. Jetzt ist es an der Zeit, unsere endgültigen Anpassungen an unseren schönen Vektoren vorzunehmen. Lasst uns zuerst diese kleine Pizza heranzoomen. Sie können sehen, dass hier alles eine Form ist, selbst die Dinge, die nicht mit einer Farbe gefüllt sind und dass wir nie wollen, dass es mit einer Farbe gefüllt wird, wie die Innenseite des a und p in meinem Pizza-Etikett. Wenn ich also hier unser Pizza-Etikett hervorhebt und ich beschließe, dass ich es mit der neuen Farbe füllen möchte einer der großen Vorteile ist, einen Vektor anstatt ein Pixelbild zu haben waseiner der großen Vorteile ist, einen Vektor anstatt ein Pixelbild zu haben, passiert dies, und das wollen wir nicht. Das bedeutet, dass wir die Formen löschen müssen, die wir nie gefüllt werden sollen. Nun, da ich das getan habe, wenn wir das Label auswählen und eine neue Farbe wählen, Viola. Eine andere kleine Sache, die mir aufgefallen ist, ist der Punkt auf dem i. Es ist viel zu winzig. Es stimmt nicht mit den restlichen Linien überein und wird bei einer kleinen Größe nicht lesbar sein. Also lasst uns einen anderen Punkt von einem anderen i finden, der einen besseren Job machen wird. Das hier ist besser, also werde ich diesen Punkt auswählen und Befehl C drücken, um ihn zu kopieren, und dann wieder zu meiner Pizza gehen. Jetzt drücke ich Befehl V, um es einzufügen, platziere es auf den ursprünglichen Punkt und lösche dann den unteren Punkt. Jetzt, da ich alle meine Anpassungen vorgenommen habe und ich mit diesem Label zufrieden bin, werde ich das Ganze auswählen und zusammenfassen. Auf diese Weise kann ich es als ein Stück auswählen oder verschieben und keine Teile davon verlieren. Ich kann es auch immer noch neu einfärben, wenn es so gruppiert ist. Jetzt werde ich alle meine Typografie-Etiketten durchgehen und diese Anpassungen vornehmen, die inneren Formen löschen, die ich nicht möchte, und die kleinen Punkte durch einen größeren Punkt ersetzen. Ich werde auch ein wenig mit dem Abstand zwischen den Buchstaben fummeln, um sicherzustellen, dass alles gut und lesbar aussieht. Außerdem gibt es ein paar Punkte auf den Lebensmittel-Illustrationen, die ich auch durch den größeren Punkt ersetzen werde, um Konsistenz zu haben. Am Ende gruppiere ich dann alle Formen in jeder Illustration zusammen und alle Formen , die ich brauche, um zusammen zu beschriften, genau wie bei der Pizza. Das war's. Hier gehe ich, um das alles zu tun. 7. Schritt 7: Präsentation: Schritt 6, anwesend. Jetzt haben wir unsere vollwertige handgezeichnete illustrierte Vektor-Feinschmecker-Serie. Von hier aus können Sie Präsentationsbilder erstellen, um Ihre Serie so zu präsentieren. Am Ende machte ich meine Illustrationen in eine Reihe von Symbolen, also machte ich diese Präsentationsbilder, um die Details und Spezifikationen des Produkts zu zeigen. Vielen Dank für Ihren Beitritt zu dieser Klasse, und ich hoffe, dass Sie sich entscheiden, Ihre eigenen handgezeichneten Feinschmecker-Illustrations-Sets zu machen. Ich hoffe, Sie in der nächsten Klasse und glückliches Zeichnen zu sehen.