Share
Dieses Tutorial soll Sie vom Skizzenbuch zum Bildschirm führen; Eine "Fat Cat", gekrönt mit Kugelschreiber, übersetzt in eine nette Vektorkarikatur. Fortgeschrittene Kenntnisse in Adobe Illustrator werden empfohlen. Lassen Sie uns einen Blick darauf werfen, wie Sie eine freche Katzenillustration erstellen - vom ersten Konzept bis zur Vektorgüte.
Unten ist das endgültige Design, auf das wir hinarbeiten werden.
Sprechen Sie mit einem Illustrator, und er wird die Bedeutung des Skizzierens verkünden. Die Medien, die Sie verwenden, sind irrelevant, Sie könnten mit Tomatenketchup auf Ihren Wohnzimmervorhängen kritzeln, es spielt keine Rolle. Wichtig ist, dass Sie durch Skizzieren Ihre Ideen schnell visualisieren und entwickeln können. Hier ist ein hilfreicher Artikel zum Skizzieren im Entwurfsprozess.
Ihre Fähigkeit zum Zeichnen ist von größerer Relevanz, obwohl das Skizzieren bedeutet, dass Sie durch Übung und Verfeinerung nur verbessern werden. Dies gilt für Fähigkeiten auf der ganzen Skala. Der erste Schritt liegt also bei Ihnen. Geh und skizziere. Legen Sie Ihre Ideen auf Papier (oder was auch immer), lehnen Sie sie ab, verfeinern Sie sie oder nehmen Sie sie an. Wenn Sie zufrieden sind, können Sie darüber nachdenken, sie auf Ihren Bildschirm zu übertragen.
Zu diesem Zweck habe ich eine gezeichnet Fette Katze Karikatur. Politische Aussage? Nicht wirklich, aber der Begriff scheint momentan weltweit in aller Munde zu sein. Es war nur in meinem Kopf.
Sie können durch die Anzahl der Linien in der Skizze sehen, wie viel Formen er brauchte. Diese Pose war auch keineswegs der erste Versuch.
Für diesen Schritt benötigen Sie einen Scanner oder zumindest einige Mittel zur Digitalisierung Ihrer Skizze (Digitalkamera, Kamera Ihres Mobiltelefons). In jedem Fall muss Ihre Skizze in einer ausreichend hohen Auflösung auf Ihren Computer übertragen werden, damit Sie damit arbeiten können. Meine Skizze ist 1500px breit und 1500px hoch, was in Ordnung ist.
Öffnen Sie Ihre Skizzendatei (vorzugsweise jpg, gif, png usw.) in Illustrator, indem Sie sie entweder direkt öffnen oder ein neues Dokument öffnen und zu Datei> Platzieren gehen. Geben Sie der Ebene einen geeigneten Namen und sperren Sie sie. Ich habe auch die Zeichenfläche ausgeblendet (Ansicht> Zeichenfläche ausblenden), um unerwünschtes Durcheinander von meinem Bildschirm zu entfernen.
Das Umwandeln des Bildes in Vektoren ist unkompliziert. Das Stiftwerkzeug erfordert etwas Geschick, aber die meisten Entscheidungen bezüglich Ihrer Karikatur sind natürlich bereits erledigt.
Erstellen Sie eine neue Ebene, auf der Sie mit dem Zeichnen beginnen möchten, und geben Sie ihr einen geeigneten Namen (in meinem Fall "Objekte"). Wählen Sie das Stiftwerkzeug aus, und beginnen Sie, indem Sie grob die Form des Hauptkörpers nachzeichnen. Verwenden Sie möglichst wenig Ankerpunkte für die Glätte, aber Sie streben keinen fehlerlosen Kreis an.
Wie Sie dem folgenden Bild entnehmen können, habe ich einen geschlossenen Pfad gezeichnet, um den Körper der Katze zu beginnen. Tatsächlich kann man es fast nicht sehen. Wir müssen die Art und Weise, wie wir mit dem Dokument arbeiten, verbessern, da wir uns sonst Kopfschmerzen bereiten.
Doppelklicken Sie in der Ebenenpalette auf Ihre "Skizzen" -Ebene, um das Dialogfeld "Ebenenoptionen" zu öffnen. Aktivieren Sie das Kontrollkästchen Dim Images To Check, und geben Sie einen Wert von 30% ein. OK klicken. Das wird (vielleicht offensichtlich, aber das ist es.) Spoonfed Vektorabschnitte) dimmen Sie alle Bilder auf der Ebene "Skizze" auf 30% ab, um das Zeichnen über der Oberfläche zu erleichtern.
Ändern Sie jetzt die Strichfarbe Ihres Pfads in etwas klares; Magenta zum Beispiel (# FF00FF). Viel besser!
Zeichnen Sie mit dem Zeichenstift die wesentlichen Formen, die Ihre Karikatur bilden. Die unten gezeigten Ohren können so bleiben, wie sie sind; Sie können hinter der Hauptkörperform platziert werden und werden, wenn sie farbig sind, hervorstehen. Die Streifen auf dem Kopf müssen so beschnitten werden, dass sie sich in der Körperform befinden. Verwenden Sie dazu die Pathfinder-Werkzeuge. Rypes Anleitung, wie man einen Super Happy Octopus Character erstellt, ist eine gute Ressource, um sich mit den Pathfinder-Werkzeugen in Illustrator vertraut zu machen.
Nutzen Sie einige der Methoden von Illustrator, um die benötigten Formen zu erstellen, anstatt mit dem Zeichenstift jede Kontur zu zeichnen. Zeichnen Sie einen einzigen Pfad in der Mitte des linken Arms. Ändern Sie nun die Stricheigenschaften mit der Strichpalette. Geben Sie ihr abgerundete Enden und machen Sie sie breit genug, um den gesamten Armbereich auszufüllen.
Gehen Sie nun zu Objekt> Pfad> Konturlinienumriss, um Ihren Pfad in ein Objekt umzuwandeln. Geben Sie dem Strich die gleiche Strichfarbe und Breite wie die restliche Zeichnung, und zeichnen Sie dann mit dem Zeichenstift die Krallen und Pfoten.
Kopieren und Einfügen (Befehlstaste + C, Befehlstaste + V) den Arm der Katze und kippen Sie ihn um eine vertikale Achse, um auf die gegenüberliegende Seite des Körpers zu gelangen (Objekt> Transformieren> Spiegeln). Dupliziere die bereits erstellten Klauen und Pfoten nicht, sondern zeichne sie erneut, um dem Bild etwas mehr Persönlichkeit zu verleihen. Drehen und positionieren Sie die Elemente für den zweiten Arm nach Bedarf.
Wenn Ihr Bild zunehmend komplexer wird und Ihre Zeichenfläche immer mehr Pfade enthält, ist es möglicherweise hilfreich, die Dinge ab und zu zu klären. Wenn Sie alles auswählen, was Sie bisher gezeichnet haben (Befehl + A), und dann alles ausblenden (Befehl + 3) oder Objekt> Ausblenden> Auswahl, machen Sie sich das Leben leichter. Keine versehentliche Auswahl von Wegen oder visuelle Verwirrung mehr.
Tun Sie dies, während Sie an verschiedenen Stellen mitgehen. Wenn Sie bereit sind (oder vergessen haben, was gezeichnet wurde), können Sie sie wieder enthüllen. Sie wurden nicht gelöscht!
Vergrößern Sie die Ansicht und verwenden Sie das Stift-Werkzeug (wie üblich), um die Grundformen zu erstellen, die den Stift bilden Fette Katzen Gesicht. Sie müssen nicht zu 100% an den Linien Ihrer Skizze haften, es handelt sich um Ihre Zeichnung, und Sie können sie noch ändern, wenn Sie möchten! Als Nächstes werden wir uns das Färben und Pfadfindern des Mundes ansehen, um zu klären, was dort vor sich geht.
Verwenden Sie Farbtöne wie hier in der Farbfelder-Palette zum Färben der Objekte, die den Mund bilden. Gib den beiden Hauptzähnen ein reines 100% Weiß, damit sie wirklich herausspringen. Gruppieren Sie auch alle Mundelemente (Befehl + G).
Verwenden Sie das Direktauswahl-Werkzeug und klicken Sie auf das Hauptobjekt. Kopieren Sie es (Befehlstaste + C) und klicken Sie dann auf die Zeichenfläche, um die Auswahl des Objekts aufzuheben. Klicken Sie auf Befehl + F, um das Objekt an der richtigen Stelle und oberhalb der Mundgruppe einzufügen.
Wählen Sie nun die Mundgruppe und das kürzlich eingefügte Mundobjekt aus. Gehen Sie zu Objekt> Schnittmaske> Erstellen (Befehl + 7) und Ihre Fette Katzen Mund wird versäubert! An diesem Punkt können Sie weiterhin das Direktauswahl-Werkzeug verwenden, um Zähne oder andere Objekte zum Umpositionieren auszuwählen.
Zeichnen Sie die restlichen Elemente der Skizze. Hemdkragen, Krawatte, Fensterreflexion usw. Die Streifen am Hemd bestehen aus sich wiederholenden vertikalen Streifen, die mit gleichem horizontalen Abstand ausgerichtet sind gewölbt mit dem Warp-Werkzeug (Effekt> Warp> Bulge). Pfade werden dann in Konturen konvertiert (Objekt> Pfad> Konturzug) und mit dem Pathfinder-Tool an den Körper angepasst.
Um die Form des Schwanzes zu formen, wiederholen Sie die Schritte beim Ziehen der Arme. Erstellen Sie einen Pfad (diesmal auch eine Kopie), erhöhen Sie das Strichgewicht, runden Sie die Enden ab und umreißen Sie den Strich.
Fügen Sie den kopierten Pfad ein (Befehl + F). Dies wird den Streifen auf unserem Schwanz eine Richtung geben.
OK, ein paar kleine Schritte waren hier nötig, um unserem Schwanz einige Streifen zu geben. Wir werden einen benutzerdefinierten Pinsel machen. Zuerst müssen Sie einige kleine horizontale Pfade machen, die über die Zeichenfläche verteilt sind, wie im Bild unten. Geben Sie ihnen ein so schweres Schlaggewicht, wie Sie Ihre Streifen haben möchten.
Nun müssen Sie sie zufällig verteilen. Wenn die Striche ausgewählt sind, gehen Sie zu Objekt> Transformieren> Alle transformieren (Alt + Umschalt + Befehl + D). Füllen Sie die Optionen im Dialogfeld "Alle transformieren" wie unten gezeigt aus, um jeden Strich zufällig bis zu 70 Pixel horizontal zu verteilen. OK klicken.
Ziehen Sie anschließend Ihre Sammlung zufällig verteilter Pfade in die Pinselpalette (Fenster> Pinsel) und wählen Sie, um einen neuen Pinsel zu erstellen. Vergeben Sie im Dialogfeld "Optionen für Kunstpinsel" einen Namen für den Pinsel und stellen Sie sicher, dass er entlang des Pfads verläuft und nicht über ihn hinweg. OK klicken.
Wählen Sie den zentralen Endpfad aus und klicken Sie in der Pinselpalette auf den neuen Pinsel. Ein attraktiver gestreifter Schwanz! Um den Vorgang abzuschließen, gehen Sie zu Objekt> Aussehen erweitern und entfernen Sie den ursprünglichen Pfad. Gehen Sie dann zu Objekt> Umrissstrich, um die Streifen in geschlossene Pfade umzuwandeln. Endlich, Verwenden Sie das Pathfinder-Tool, um die Streifen innerhalb der Ränder des Schwanzes zu bündeln.
Nachdem alle Linienarbeiten abgeschlossen sind, ist es Zeit, alles sichtbar zu machen (Objekt> Alle anzeigen) und Farbe zu verleihen. Ich habe die Farbfeldpalette in den Screenshot unten eingefügt, damit Sie dasselbe Schema verwenden können, wenn Sie möchten. Wenn Sie Ihre eigene Palette erstellen, halten Sie sie einfach und begrenzt.
Das Schattenobjekt unter dem Kragen wird mit dem Purpur am unteren Rand der Farbfeldliste gefärbt (Sie sollten möglichst nicht 100% Schwarz verwenden, sondern nur dunkle Farbtöne). Ich habe ihm eine Transparenz von 30% gegeben..
Wie Sie sehen, habe ich ein Hintergrundrechteck und das Fensterobjekt auf einer separaten Ebene platziert, um sie unter der Katze zu halten.
Verleihen Sie Ihrer Szene etwas mehr Atmosphäre, indem Sie das Fensterobjekt verwischen und so visuell in den Hintergrund treten. Wählen Sie es aus und gehen Sie zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie einen Radius von etwa 5 Pixel und klicken Sie auf OK. Vergeben Sie jetzt eine normale Transparenz von 20%, um den Vorgang abzuschließen.
Machen wir auch die Augen etwas unheimlicher. Kopieren Sie sie und gehen Sie mit den noch ausgewählten Originalen zu Effekt> Gaußsche Weichzeichnung anwenden. Wenn Sie diesen Effekt gerade auf das Fenster angewendet haben, wenden Sie jetzt automatisch denselben Effekt mit denselben Parametern auf die ausgewählten Objekte an. Ihre ursprünglichen Augen haben jetzt eine Gaußsche Unschärfe mit einem Radius von 5px. Klicken Sie auf Befehlstaste + F, um die kopierten Augen zur Verdeutlichung über dem oberen Rand einzufügen.
Natürlich müssen Sie Ihrer ursprünglichen Skizze nicht zu 100% treu bleiben. Ich habe die Dinge während des gesamten Prozesses neu positioniert und deren Größe geändert. Es ist mir jetzt aufgefallen, dass etwas mehr benötigt wird, etwas Fat-Cattish. Ich werde eine Zigarre hinzufügen.
Mit den folgenden Objekten baute ich eine Zigarre und färbte sie anschließend sympathisch zum Bild. Der Schatten ist wieder ein dunkles Lila, bei einer Deckkraft von nur 10%. Das glühende Ende der Zigarre macht genau das: Wählen Sie sie aus und gehen Sie zu Effekt> Stilisieren> Äußeres Glühen. In diesem Fall hat das Glühen einen Bildschirmmodus, eine Farbe von # CCA500 und eine Ausbreitung von 1,75 mm.
Für den letzten Hauch einer finsteren Atmosphäre habe ich das Rechteck, das diesen Hintergrund bildet, kopiert und in eine neue Ebene über allem anderen eingefügt. Es hat eine Farbverlaufsfüllung von 60% Schwarz bis 0% Schwarz, wobei der erste Gradientenstopp bei 25% liegt. Bei einer Multiplikator-Transparenz fügt das Rechteck am unteren Rand des endgültigen Bildes eine unheimliche Dunkelheit hinzu.
Ein paar Schnurrhaare und da haben Sie es! Das Erstellen eines solchen Bildes kann für Sie selbstverständlich sein oder auch nicht. Die Übung ist natürlich der Schlüssel dazu. Der Prozess, Ihre Skizzen in digitale Kunst zu verwandeln, sollte jetzt hoffentlich etwas einfacher sein.
Accentsconagua