Share
Ich bin Ross, eine Hälfte des preisgekrönten Design-Duos Ahoythere Studio, und ich möchte gerade zeigen, wie man ein schönes illustriertes Stück mit einer Vektor-Illustration-Basis und einigen interessanten Texturen und Behandlungen in Photoshop erstellen kann. Besuchen Sie unsere Website für mehr Inspiration.
Sie werden überrascht sein, wie schnell und einfach Sie so etwas erstellen können. Wenn das Konzept zu 80% dahinter steht, bleibt der Rest dem Geschick, der kreativen Vision und dem Software-Know-how überlassen. Ich finde bei meiner Arbeit, dass Vektoren der Beginn eines Konzepts sind, und dann ist es wichtig, was man mit ihnen macht.
Sie finden die Tutorial-Quelldateien in dem Verzeichnis "source", das sich in den heruntergeladenen Dateien befindet. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.
Zunächst einmal, bevor Sie direkt auf den Computer springen, müssen Sie das Konzept zunächst auf Papier entwerfen. Sie benötigen die ersten Grundlagen, auf denen Sie aufbauen können. Außerdem benötigen Sie diese Skizze, um in Illustrator als Vektor zu arbeiten. Nach verschiedenen Versuchen wurde diese Skizze gewählt (siehe unten)..
Ich denke immer über den Prozess nach und versuche, das Endergebnis vor Augen zu haben, oder so viel wie möglich, weil die digitale Manipulation unterschiedliche Ergebnisse haben kann. Es ist hilfreich, zunächst eine Form und Struktur zu haben. Wie Sie der Skizze entnehmen können, muss es sich nicht um ein Kunstwerk handeln, aber wenn Sie es sauber und schmutzfrei halten, werden Sie im nächsten Schritt hilfreich sein.
Importieren Sie die Skizze auf eine A4-Querformatseite in Illustrator. Legen Sie die Ebeneneigenschaften für Sperren und Dimmen auf 50% fest (benennen Sie die Ebene mit Doppelklick) und nennen Sie die Ebene "Skizze". Erstellen Sie eine neue Ebene darüber und nennen Sie "Vektor", da dies die Ebene ist, auf der Sie den Typ verfolgen. Verwenden Sie das Pen Tool-Set für eine abgerundete 1-fache Bürste mit abgerundeten Kappen und abgerundeter Verbindung (Strichfeld)..
Verfolgen Sie die gesamte Umrisslinie des Typs mit derselben Ebene. Sie sollten etwas wie das Bild unten haben. Wenn Sie dies abgeschlossen haben, wählen Sie das Bildmaterial auf dieser Ebene mit dem Auswahlwerkzeug (V) aus und führen Sie eine Objektvereinfachung durch. Dazu gehen Sie zu Objekt> Pfad> Vereinfachen. Normalerweise verwende ich eine Kurvengenauigkeit von etwa 98% und wiederhole das mehrmals, bis ich mit der Glätte der Linien zufrieden bin. Sie können den Winkel der Ankerpunkte weiter verändern, um perfekte Linien zu erzielen.
Nun verfolgen wir die nächsten Details wie Hervorhebungen und Schatten. Erstellen Sie eine andere Ebene und nennen Sie sie "Details". Verfolgen Sie alle Highlights und fügen Sie alle gewünschten Extras hinzu. Es sollte jetzt ähnlich wie das Bild unten aussehen. Sie müssen die Elemente nicht notwendigerweise auf einmal und in demselben Layout in Photoshop importieren. Dies hilft Ihnen nur, das Konzept besser zu gestalten.
Öffnen Sie Photoshop und erstellen Sie eine neue Seite. Gehen Sie in Illustrator, wählen Sie die Typumrisse aus, kopieren Sie sie und fügen Sie sie als intelligentes Objekt in Photoshop ein. Ich importiere es in zwei Stufen, der erste ist der Typkörper und dann der zweite ist die Oberseite des "J". Auf diese Weise kann ich dem Bild Schatten und Tiefe hinzufügen, insbesondere unterhalb des Endes des "J", wo es den Rest des Typs überlappt. Sie müssen methodisch denken, bevor Sie mit dem Bild arbeiten, um Probleme zu vermeiden. Dinge wie wo Schatten platziert werden sollen und wie man physisch erreichen kann, sind wichtig.
Nachdem ich sie als intelligente Objekte eingefügt habe, füllte ich sie mit pink (# f11487) und fügte ein inneres Glühen hinzu, um einen abgerundeten und faszinierenden Touch zu erzeugen.
Im nächsten Schritt fügen Sie dem Text etwas mehr Tiefe und Dimension hinzu. Dies kann ich erreichen, indem Sie die Textebene auswählen und dann mit der Befehlstaste auf die Ebenenminiatur klicken. Nachdem dies ausgewählt ist, erstelle eine neue Ebene. Gehen Sie zu Auswählen> Ändern> Vertrag, und verkleinern Sie ihn um etwa 30 Pixel. Füllen Sie die neue Ebene immer mit einer helleren Farbe. Sie können jetzt die Deckkraft und Tiefe ändern und anschließend mit dem Radiergummi-Werkzeug unerwünschte Glanzlichter auf eine niedrige Deckkraft löschen. Wie Sie im unteren Bild sehen können, habe ich den mittleren Teil gelöscht, sodass nur die Spitzen und Kanten hervorgehoben werden.
Zu diesem Zeitpunkt wollte ich einige Texturen anwenden, um es verführerischer und süßer zu machen, also habe ich einige sehr ungewöhnliche Texturen verwendet, die dem Text einen gewissen Glanz verleihen würden. Ich habe diese Bilder von explodierenden Feuerwerkskörpern verwendet, um schimmernde Effekte hinzuzufügen, und sie wurden mit Mischmodi gemischt. Der Mischmodus ist hier auf Bildschirm eingestellt und eignet sich am besten für einen dunklen Hintergrund.
Oben sehen Sie die Unterschiede zwischen den Mischmodi. Auf der linken Seite habe ich noch keine angewendet und Sie können die unveränderte Textur des Feuerwerks sehen. Auf der anderen Hälfte des Typs habe ich den Mischmodus Screen verwendet, um den großen Unterschied im Aussehen zu demonstrieren. Alles, was Sie dazu brauchen, ist ein Klick und ein Bildlauf, um die Ästhetik Ihres Designs völlig zu verändern. Experimentieren Sie einfach.
Sie sind fast fertig, nur ein weiterer Schritt. Der letzte Vorgang besteht darin, alle Markierungen hinzuzufügen, die Sie zuvor in Illustrator erstellt haben. Wählen Sie sie einfach einzeln aus und fügen Sie sie als Smart Objects auf einer neuen Ebene in Ihre Photoshop-Seite ein. Wenn Sie möchten, dass sie weiß sind, ändern Sie die Farbe in Photoshop, indem Sie die Ebene auswählen (Befehlstaste, klicken Sie auf die Miniaturansicht), um eine neue Ebene darüber zu erstellen, und diese mit Weiß füllen. Das nächste, was ich tat, war, ihnen eine Unschärfe hinzuzufügen (Filter> Unschärfe> Gaußsche Unschärfe) mit einem Radius von etwa 1 Pixel.
Jetzt sieht es ein bisschen flach aus, also habe ich einen inneren Glanz von Weiß hinzugefügt, um die Intensität zu erhöhen. Wie Sie im Bild unten sehen können, habe ich die Texturebene ausgeblendet, um das Potenzial der Verwendung von Hervorhebungen und deren Akzente voll zu zeigen.
Das nächste, was ich tat, war, die Gelee / süße Elemente hinzuzufügen, indem ich sie auf das "J" setzte. Diese wurden wiederum als Smart Objects aus Illustrator importiert. Ich füllte sie mit einer dunkleren Farbe und verwendete dann einen Inner Glow-Mischmodus, um die Bemaßung hinzuzufügen. Sie können auf einigen von ihnen sehen, dass ich ein anderes Muster verwendet habe, um sie wieder detaillierter zu machen. Das Muster bestand aus einer Gruppe von Kreisen, die in Illustrator erstellt wurde. Ich wurde in Photoshop importiert und dann die relevanten Teile eingefärbt und gelöscht.
Das Bild darunter zeigt Ihnen die Transformation vom Vektor zum Endprodukt. Sie können ähnliche Effekte in Illustrator erstellen, sie können jedoch in Photoshop etwas spezieller gestaltet werden.
Der letzte Schritt war das Hinzufügen der zusätzlichen Tropfen und Wirbel, die Sie unten sehen. Die Punkte auf der Zunge werden nur aus Illustrator importiert. Ich werde Ihnen nicht zeigen, wie Sie den Rest Schritt für Schritt gestalten können, da sie in etwa den gleichen Weg wie die vorherigen Beispiele gehen, und ich überlasse es Ihnen, damit zu experimentieren.
Ich habe sie mehr um die Zunge herum verwendet, um die Verwendung der Zunge zu verbessern und um ihren Zweck und ihre Form zu demonstrieren. Fühlen Sie sich frei, Ihre eigenen Details hinzuzufügen, die Ihren Illustrationen ein wenig mehr hinzufügen werden.
Das war es jetzt für diesen. Arbeiten Sie mit diesen Techniken mit verschiedenen Motiven, Bildern und Effekten - viel Spaß beim Experimentieren. Wir haben auf dem Weg einige neue Techniken besprochen, aber es geht nicht nur darum, meisterhafte technische Stücke herzustellen, sondern auch um die Idee dahinter.
Nimm mein Stück und tu was du dir wünschst, mach es zu deinem eigenen. Ich habe das als Eigenwerbung gemacht, ich habe selbst experimentiert und das war das Ergebnis. Ich versuche ständig, meine Arbeit in neue Richtungen zu bringen, und Typografie ist ein Medium, in das sie passt. Wählen Sie Ihre eigenen Worte und lassen Sie sie lebendig werden. Das endgültige Bild ist unten. Sie können die große Version hier einsehen.
Accentsconagua