Erstellen von bearbeitbaren, wiederverwendbaren digitalen Produktbox-Mockups mit Photoshop und Illustrator

1. Einführung: Wenn Sie Ihre digitalen Produkte verbessern und sie auf Ihre digitalen Produkte verbessern und sie Online-Marktplätzen hervorheben möchten, dann sind Sie hier richtig Mein Name ist Ken und ich bin Grafikdesigner mit über neun Jahren Erfahrung Und in diesem Kurs werde ich Ihnen beibringen, wie Sie mit Adobe Illustrator und Photoshop professionelle, auffällige digitale Produktmodelle erstellen professionelle, auffällige digitale Produktmodelle mit Adobe Illustrator Aber Sie fragen sich vielleicht, warum Markups . Mkups sind das Erste, was potenzielle Kunden sehen, wenn sie auf einer Website nach digitalen Produkten suchen, und ein gut gestaltetes Mokup kann den Unterschied zwischen einem Verkauf und einem Vorbeiblättern ausmachen den Unterschied zwischen einem Verkauf und einem Vorbeiblättern Egal, ob Sie E-Books, Software oder Designvorlagen verkaufen , Präsentation Ihres Produkts auf realistische und ansprechende Weise ist der Schlüssel, um Aufmerksamkeit zu erregen und den Umsatz zu steigern. Es zeugt von Professionalität. In diesem schrittweisen Kurs erstellen wir zunächst eine Mockup-Basisvorlage in Adobe Was wir dann in Photoshop übernehmen, um das Design zu vervollständigen Und wenn wir fertig sind, werden Sie gelernt haben, wie Sie eine Basisvorlage in Adobe Illustrator von Grund auf neu entwerfen , wie Sie diese Basisvorlage in Photoshop importieren und ein realistisches Produktmodell erstellen Ich zeige Ihnen, wie Sie Ihr Kunstwerk verzerren und nahtlos in das Modell einfügen können, um ihm diese Perspektive zu geben, diese Drei-D-Perspektive . Ich zeige Ihnen, wie Sie Adobe Illustrator-Dateien mit Photoshop verknüpfen, um Updates in Echtzeit und schnelle Änderungen Darüber hinaus gebe ich nützliche Tipps und Tricks um Ihren Arbeitsablauf viel schneller und reibungsloser zu gestalten Nun, dieser Kurs ist perfekt für alle, die herunterladbare digitale Assets erstellen und diese verkaufen oder verschenken möchten. Am Ende haben Sie ein vollständig editierbares Modell, mit dem Sie Ihre digitalen Produkte präsentieren können, und Sie werden das Selbstvertrauen gewinnen, in Zukunft andere Modellprojekte in Angriff zu nehmen Sie benötigen keine Vorkenntnisse in Photoshop oder Adobe Illustrator , da dies eine schrittweise Anleitung von Anfang bis Ende ist schrittweise Anleitung von Anfang bis Ende Wenn Sie also bereit sind Ihre digitalen Produktpräsentationen auf die nächste Stufe zu heben, lassen Sie uns eintauchen Und wenn wir anfangen, in der nächsten Lektion das Projekt an, schauen wir uns in der nächsten Lektion das Projekt an, das Sie im Laufe des Kurses erstellen werden . Wir sehen uns in Kürze. 2. Kursprojekt-Demo: Jetzt bestehe ich immer wieder darauf, dass der beste Weg, eine technische Fähigkeit zu erlernen, darin besteht, an einem Projekt zu arbeiten. Und genau das werden wir in diesem Kurs tun. Ich möchte, dass wir lernen, wie man das baut, indem wir an einem Projekt arbeiten. Hier sind wir also in Photoshop und ich möchte dir zeigen, was du bauen wirst , wenn wir mit dem Kurs fertig sind. Also hier ist ein digitales Produkt, und du wirst es am Ende des Kurses haben, und du wirst auch verstanden haben, wie man es baut. Nehmen wir nun an, Sie möchten daraus ein anderes digitales Produkt machen. Alles, was Sie tun müssen, ist dieses Gesicht auszuwählen und es durch Ihr Gesicht es durch Ihr Gesicht mit dem Kunstwerk zu ersetzen, durch das Sie es ersetzen möchten. Ich doppelklicke auf das Smart Object-Symbol und jetzt gehen wir zu der Stelle wir das Bildmaterial ersetzen können. Gehen wir also und suchen uns Ihr Kunstwerk aus. Ich sage Link platzieren. Und jetzt navigiere ich zu dem Ort, an dem ich meine Kunstwerke habe. Sie navigieren dorthin, wo Sie Ihr Kunstwerk haben. Also gehe ich ins Innere von Elements, wo ich ein paar Beispiele von Kunstwerken habe. Und ich werde all diese Bilder direkt unter diesem Videoplayer auf der Registerkarte Projekte und Ressourcen teilen . Laden Sie sie herunter, wenn Sie mitmachen möchten. Nehmen wir an, ich möchte das Kunstwerk durch dieses ersetzen. Ich doppelklicke einfach darauf und gebe ein. Ich kann das jetzt löschen. Jetzt bleibt uns das übrig. Drücken Sie S, um es zu speichern. Wenn wir nun zu unserer Basisvorlage zurückkehren, hat das Produkt, wie Sie sehen können, die Vorderseite geändert. Jetzt wechseln wir die Seite. Jetzt war die Seite dran. Ich wähle diese Seite aus. Doppelklicken Sie darauf. Jetzt ersetzen wir die Seite. Dateiort verlinkt. Hier ist eine Seite. Treten Sie ein. Dies sind einige andere Nebenkunstwerke ich ausprobiert habe. Das speichern. Und ich gehe zu unserem Kunstwerk und da haben wir es. Wir haben ein brandneues Produkt, das die Basisvorlage verwendet. Wie Sie sehen, handelt es ein in hohem Maße wiederverwendbares, bearbeitbares digitales Produktmodell, das Sie weiterhin verwenden können wir den Kurs beendet haben, werden Sie also im Grunde verstanden haben, wie man ein solches digitales Produktmodell erstellt Hier ist eines, bei dem es sich nur um ein einzelnes Produkt handelt, und dies sind drei. Ich zeige Ihnen auch, wie Sie daraus einzigartige Produkte herstellen Im Moment haben wir drei identische Produkte, aber was wäre, wenn sich dieses Produkt von diesem und jenem unterscheiden würde? Vielleicht war das grün und es ist eine andere Art von Produkt? Wie machen wir das? Das alles wirst du während des Unterrichts lernen. Und wenn du genauso aufgeregt bist wie ich, was machen wir dann hier? Lass uns weitermachen und mit Lektion eins beginnen . Sehen Sie in Kürze. 3. Erstelle eine Basisvorlage in Illustrator: A, willkommen zur ersten Lektion. Wie Sie auf meinem Bildschirm sehen können, habe ich bereits Adobe Illustrator und Photoshop geöffnet Das erste Band, an dem wir arbeiten werden, ist Erstellung einer Basisvorlage in Adobe Illustrator Lassen Sie mich also zu Adobe Illustrator wechseln. Also drücke ich Control N, um ein neues Projekt zu erstellen, oder gehe einfach zu Datei neu Also rufe dieses Pop-up auf. Ich gehe ins Internet und wähle HD. Das ist 1920 mal 1080 Pixel groß. Also wähle ich das aus. Und genau hier, ähm Farbmodus, belassen Sie das als RGB-Farbe, weil Sie nicht drucken. Sie bereiten Ihr digitales Produktmodell vor, das Sie online teilen können, damit die Leute Ihre Produkte auf einem Bildschirm sehen können Also RGB, derselbe Fall gilt für Rest-Effekte. Wenn Sie drucken, wählen Sie 300 PPI oder 150 für Bildschirme 72. Aber das ist alles illustrierte Grundlagenkunst. In diesem Kurs geht es nicht um illustrierte Grundlagen. Ich mache einfach weiter und klicke auf Erstellen, und los geht's. Nun, das ist eine Full-HD-Seite. Und was ich tun möchte, ist verschiedene Möglichkeiten gibt, dies zu erstellen. Wir können einfach weitermachen und ich wähle das Rechteckwerkzeug. Und zeichne ein Rechteck, vielleicht bis zu diesem Punkt. Jetzt wähle ich das Direktauswahl-Werkzeug aus, mit dem ich verschiedene einzelne Ecken auswählen kann. Ich wähle diese Ecke aus und um eine Bewegung nach links und rechts zu verhindern, um sie auf oben und unten zu beschränken, ich die Umschalttaste gedrückt und ziehe sie vielleicht bis zu diesem Punkt Ich wähle diese andere Ecke aus, fange an, nach oben zu ziehen und halte die Umschalttaste gedrückt Bis vielleicht zu diesem Punkt. Ich finde, es sieht gut aus. Ich wähle es noch einmal aus und halte es gedrückt, bis sich der Mauszeiger in ein Double verwandelt. Das heißt, wir werden das duplizieren. Wenn ich die Taste gedrückt halte, ziehe ich und halte die Shift-Taste gedrückt. Ich verhindere, dass es sich auf und ab bewegt . Ich halte immer noch durch. Jetzt halte ich die Shift-Taste gedrückt. Jetzt heißt es Schicht und raus. Das heißt, es bewegt sich in einer geraden Linie von links nach rechts bis vielleicht zu diesem Punkt. Klicken Sie mit der rechten Maustaste darauf, transformieren Sie, reflektieren Sie die Vertikale in der Vertikalen. Ja, in der Vertikalen. Ja, lass es mich bis zu diesem Punkt hochziehen , weil ich es bis hierher bringen möchte . Dann wähle ich das Direktauswahl-Tool aus. Wählen Sie diese beiden aus und ziehen Sie sie bis zu diesem Punkt hoch. Wie Sie sehen können, hat das Basismodell oder die Basisvorlage begonnen, Gestalt anzunehmen. Aber bevor wir weit gehen, können wir diese Ecke auswählen. Fangen Sie an, es nach unten zu ziehen, und halten Sie dann die Umschalttaste gedrückt um zu verhindern, dass es sich von links nach rechts bewegt Bis zu diesem Punkt wollen wir nur diese Schrägstellung reduzieren Wir wollen diese Steigungen reduzieren. Wie Sie sehen können, haben wir jetzt ein Basisnetz für ein digitales Produkt. Jetzt können Sie diese beiden Ankerpunkte auch ziehen , damit es schmal aussieht. Ich wähle die beiden aus und drücke G, um sie zu gruppieren. Verwenden Sie die horizontale Ausrichtung in der Mitte und Option Vertikal mittig ausrichten, um es auf der Zeichenfläche Lassen Sie mich sogar das Zeichenflächenwerkzeug auswählen und den gesamten Leerraum reduzieren Da haben wir's. Drücken Sie Null, um die gesamte Zeichenfläche anzuzeigen und sie in den Fokus zu rücken Dann wähle ich das Bildmaterial aus, richte es nun in der Mitte aus und speichere es Also möchte ich das drinnen speichern. Ich werde es in diesem Ordner namens Assets speichern. Und ich werde diesen Assets-Ordner unter diesem Videoplayer auf der Registerkarte Projekte und Ressourcen als ZIP-Ordner hinzufügen. Er wird Bilder und meine Projektdateien enthalten, und Sie können sie sich ansehen. Sie können auch die Bilder verwenden, die ich verwendet habe , um Ihr Klassenprojekt fertigzustellen. Gehen wir also zu den Assets, und ich möchte es Basisvorlage nennen. Drücken Sie die Eingabetaste, um zu speichern, und drücken Sie erneut die Eingabetaste, um zu speichern. Jetzt haben wir die Basisvorlage. Das wird nicht Teil des Endergebnisses sein, aber es wird uns helfen, die Bilder richtig in Photoshop zu platzieren , und genau das werden wir in der nächsten Lektion tun . Wir sehen uns kurz. 4. Cover-Kunst als JPG platzieren: Und willkommen zurück. Nachdem wir die Basisvorlage erstellt haben, können wir sie jetzt in Photoshop verwenden. Denken Sie daran, ich habe erwähnt, dass dies nur ein Leitfaden sein wird. Es wird nicht Teil des Endergebnisses sein. In Ordnung. Also lasst uns Illustrator minimieren und Photoshop öffnen. Und in Photoshop sage ich einfach Öffnen. Ich glaube, es ist hier drin. Basisvorlage. Doppelklicken Sie darauf und verwenden Sie einfach die Standardeinstellung, also. Da haben wir's. Und ich zoome rein und raus, indem Alt-Taste gedrückt halte und das Mausrad benutze Das ist praktisch für jeden, der ein Anfänger in Photoshop ist. Jetzt, wo wir die Basisvorlage haben und sie unser Leitfaden sein wird, ist es an der Zeit, diese Gesichter zu platzieren, und wir beginnen mit dieser Seite , der Vorderseite. Also gehe ich zur Akte. Lassen Sie mich sagen, sagen wir, Place Embedded. Wir werden diese als Beispiel verwenden. Ich doppelklicke auf dieses Kunstwerk und jetzt ist es importiert. Ich kann weitermachen und auf dieses Häkchen klicken oder die Eingabetaste drücken, um es zu platzieren. Ich wähle es einfach aus und ziehe es nach oben, um sicherzugehen, dass es dort oben ausgerichtet ist. Dann ziehe ich diese untere Ecke, um die Größe zu ändern Machen Sie sich jetzt keine Sorgen um die Genauigkeit. Wir werden das klären, rein, um es zu platzieren. Jetzt, wo das Bild ausgewählt ist, gehe ich zum Ebenenfenster, klicke mit der rechten Maustaste und konvertiere es in ein Smart-Objekt. Das ist sehr wichtig. Jetzt, wo es in ein intelligentes Objekt umgewandelt wurde, halte ich die Strg-Taste gedrückt. Und wähle. Beachten Sie, dass sich der Mauszeiger ändert, sobald Sie sich der Ecke nähern und die Strg-Taste gedrückt halten. Jetzt können Sie die Ecke ziehen und genau dort platzieren. Halten Sie die Taste immer noch gedrückt, wählen Sie es aus und ziehen Sie es bis zu diesem Punkt nach oben. Drücken Sie die Eingabetaste, um zu bestätigen. Jetzt haben wir es da. Ich drücke einfach Control S, um es zu speichern. Wir wollen es in diesem Assets-Ordner speichern. Und dieses Mal werden wir es immer noch die Basisvorlage nennen, aber es ist eine PSD-Datei, eine Photoshop-Datei, speichern Sie das. Und so sind wir mit der Vorderseite fertig. Also lasst uns weitermachen und die Seite platzieren. Ich gehe zur Akte. Eingebettet platzieren. Lass mich hier wieder reingehen. Doppelklicken Sie auf diese Seite. Ich ziehe es und platziere es irgendwo hier. Lass mich t gedrückt halten und scrolle, um es näher zu bringen. zunächst die Eingabetaste drücken, Lassen Sie mich zunächst die Eingabetaste drücken, um es zu platzieren. Wähle das aus. Halten Sie die Steuerung gedrückt. Wähle es aus. Ziehen Sie nun diese Ecke und positionieren Sie sie richtig. Drücken Sie die Eingabetaste. Ich wähle das aus und halte die Strg-Taste gedrückt. Bevor wir das tun, lassen Sie mich die Taste Null drücken. Nachdem wir es bereits platziert haben, möchte ich hier zur Ebene gehen und mit der rechten Maustaste darauf klicken und es in ein intelligentes Objekt konvertieren. Ordnung. Nun, lass mich näher ran, Alt gedrückt halten und mit dem Mausrad scrollen Ich nehme das mit und stelle es bis zu dem Punkt auf. Wie Sie sehen können, hat das Kunstwerk selbst eine weiße Linie, aber das ist kein Problem. Ich halte die Strg-Taste gedrückt und ziehe die Ecke bis zu dem Punkt nach oben. Gehe mit meinem Mausrad nach unten, um nach unten zu gelangen. Um mit dem Mausrad hinein zu scrollen. Halten Sie die Strg-Taste gedrückt, um diese Ecke auszuwählen. Lass es mich sogar einfach da hinstellen. Drücken Sie die Eingabetaste, wählen Sie dies aus, halten Sie die Strg-Taste gedrückt und wählen Sie das aus. Sie dann die Taste immer noch gedrückt, ziehen und positionieren Sie sie richtig. Geben Sie ein, wählen Sie diese, wählen Sie diese Ecke aus. Dann platziere es genau dort, gib ein. Kunst und Scrollen Behalte die Kontrolle. Halten Sie die Taste gedrückt, wählen Sie das aus und ziehen Sie es dann in die Ecke genau dort. Geben Sie Control Zero ein und schon haben Sie Ihr Produkt, Control S, um es in der Basisvorlage zu speichern. Wenn wir nun das Tempo ersetzen wollen, müssen wir nur zur Ebene kommen und sehen, dass wir hier ein kleines Symbol innerhalb des Ebenensymbols haben . also darauf doppelklicken, wird die Flat-Phase geöffnet Wenn wir diese Phase aktualisieren, wird sie auch im digitalen Produkt in der Basisvorlage aktualisiert . Also werde ich hier reinkommen. Platzieren Sie es eingebettet, und jetzt kann ich ein anderes Kunstwerk auswählen. Doppelklicken Sie auf Enter. Lass mich Strg S drücken, um es zu speichern. Gehen wir jetzt wieder rein, wie Sie sehen können, haben wir unser Kunstwerk ersetzt. Machen wir dasselbe für die Seite. Wenn wir die Seite ersetzen wollen, komme ich hierher und doppelklicke auf diese Ecke. Datei, Eingebettet platzieren. Doppelklicken Sie auf die Eingabetaste. Drücken Sie S, um zu speichern, und wenn Sie jetzt wieder hier reingehen, ist unser Produkt aktualisiert. Denken Sie also daran, dass ich erwähnt habe, dass diese Ebene hier, die Basisvorlage, die wir in Adobe Illustrator erstellt haben, nicht Teil der endgültigen Produktvorlage sein wird Und das liegt daran, dass wir sie nur als Leitfaden dafür verwenden wollten , wo die einzelnen Ecken des Kunstwerks platziert Jetzt, wo wir die Gesichter des digitalen Produktmodells festgelegt haben , brauchen wir das nicht mehr Lassen Sie mich sie noch einmal enthüllen. Wenn wir es verstecken, stellen Sie fest, dass es keine Änderung gibt A Im Moment, weil die beiden Bilder nicht angehängt sind, gibt es ein C durch ein Leerzeichen dazwischen. Dazu müssen wir eines der Gesichter auswählen und es nach rechts schieben , sodass es Kontakt mit dem anderen hat. Nullpunkt, Sie können ihn weiter Drücken Sie den Nullpunkt, Sie können ihn weiter nach links oder rechts drücken, bis er richtig positioniert ist. Wenn ich nun die Basisvorlage auswähle, importieren und löschen wir sie, Control S. Jetzt haben wir ein vollständig editierbares und wiederverwendbares digitales Produktmodell Wenn Sie also den Platz hier vergrößern möchten, können Sie das Zuschneidewerkzeug verwenden, um die Zeichenfläche bis zu diesem Punkt zu erweitern Dieser Punkt. Lassen Sie uns auch die Taste gedrückt halten und das Mausrad erneut verwenden, um die Ansicht zu verkleinern. U Fahren wir fort, etwas Platz dafür zu schaffen , und kontrollieren wir nun S. Lassen Sie mich einfach weitermachen und das auswählen. Halten Sie die Taste gedrückt und ziehen Sie. Ich kann das duplizieren. Halte die Alt-Taste noch einmal gedrückt und lege das genau dort hin. Lass mich alles auswählen. Halte diese Seite gedrückt. Ich kann die Größe ändern Treten Sie ein, und jetzt haben wir drei digitale Produkte. Sie sind nicht richtig ausgerichtet. Richten wir sie aus. Ja, bis dahin. Natürlich, wenn Sie diese ändern möchten, müssen Sie nur noch auf eines der intelligenten Objekte in der Ecke doppelklicken . Datei, Eingebettet platzieren. Doppelklicken Sie darauf, geben Sie ein, speichern Sie. Und jetzt sind die Seiten geändert. Lass uns auch das Gesicht ändern. Doppelklicken Sie auf das Gesicht. Tatsächlich haben wir das schon hier drin, also verstecke ich es einfach und speichere es. Jetzt, wo wir wieder reingehen, haben wir unser Produkt aktualisiert. Im Grunde ist das also, wie man ein digitales Produkt erstellt. In der nächsten Lektion möchte ich Ihnen zeigen, wie ich diese Art von Grafik für meine Bats erstellen konnte , weil Sie sich vielleicht fragen, Ken, ja, Sie haben mir gezeigt, wie man das Markup erstellt, aber mir gefällt die Art und Weise, wie Sie Ihre digitalen Produktgrafiken haben mir gezeigt, wie man das Markup erstellt, aber mir gefällt die Art und Weise, wie Sie entworfen Wie haben Sie das gemacht? Das möchte ich dir in der nächsten Lektion zeigen . Wir sehen uns in Kürze. 5. Cover-Kunst als KI-Datei platzieren – Teil 1: Jetzt ist es an der Zeit zu lernen, wie ein Designer zu denken und schöne Kunstwerke für Ihr digitales Produkt zu erstellen . Deshalb möchte ich zu Illustrator wechseln. Hier sind wir. Lass mich das schließen. Wir verwenden es nicht mehr, Control N, um neue hinzuzufügen. Ich werde einfach gehen, lass mich ins Internet gehen. Lass mich das Gewöhnliche nehmen. Dann erstellen wir müssen die Ausrichtung ändern. Also wähle ich Art War Two und wechsle zum Hochformat, und die Abmessungen stimmen nicht. Ich denke, das sind bessere Proportionen. Steuerung Null. Control Zero rückt jetzt die gesamte Kunstbranche in den Fokus. Jetzt möchte ich zur freien Auswahl wechseln. Und hier suche ich normalerweise nach Vorlagen für verschiedene Dinge, während ich an meinen Designprojekten arbeite. Nehmen wir zum Beispiel an, wie Sie gerade sehen können, enthält mein Kunstwerk hier einige Maskottchen Also bin ich einfach hergegangen und habe gesagt, Maskottchen. Wie Sie hier sehen können, haben wir ein paar nette Maskottchen, die Sie verwenden können Laden wir diesen Löwen herunter. Ich mache einfach weiter und lade es herunter. Da haben wir noch ein Team. Ich werde auch nach dem Icon Pack suchen. Ich glaube, ich hatte früher danach gesucht. Ja, ich nehme das. Ja, und lass es uns auch machen. Machen Sie weiter und suchen Sie nach der Art von digitalem Produkt, das Sie verkaufen möchten. Für mich werde ich verkaufen Ich werde ein Icon Pack verkaufen. Lassen Sie mich einfach dorthin gehen, wo es sich befindet. Hier sind wir. Ich entpacke sie einfach hier in separate Ordner. Öffne das in Illustrator. Und das. Fantastisch. Es scheint also, dass uns hier eine Schrift fehlt, aber diese Schrift ist kein Problem. Wir brauchen diese Schrift nicht. Ich doppelklicke einfach darauf, bis ich in der Gruppe bin , denn alles, was wir brauchen, ist der Löwe. Jetzt wähle ich mit unserem Löwen und dem Hintergrund das aus und ziehe es in unser Dokument, den erstellten Dokumentarfilm, und der oberen linken Ecke, um die Größe des Hintergrunds Ich lege alles in die Mitte. Eine Linie zum Einsteigen in der Mitte. Lass mich den Löwen etwas größer machen. Ordnung, ich drücke C , um diesen Löwen zu kopieren , und drücke Shift V, um ihn vorne einzufügen. Ich mache es groß, wenn ich Shift und T gedrückt halte , um die Größe von der Mitte aus zu ändern, und reduziere die Deckkraft auf etwa 10% Bis irgendwo da oben. Ich möchte darauf klicken, damit es nicht über die Zeichenfläche hinausläuft Also muss ich nur diese Kopie auswählen. Und füge es ein. Lass mich es so ausrichten, dass es in der Mitte der Zeichenfläche liegt Und dann, während es ausgewählt ist, halte ich die Umschalttaste gedrückt und wähle das Kunstwerk aus, klicke mit der rechten Maustaste hinein und mache Clipping Mink Auf diese Weise schneiden wir es in Rechteck ein, das wir Denken Sie daran, wenn wir dies auswählen, wir die Schnittmaske Wir wählen nicht das Bildmaterial selbst aus, weshalb die Deckkraft immer noch 100% beträgt Wenn wir darauf doppelklicken und zum Kunstwerk gelangen, denken Sie daran, dass wir es zu 10% gemacht haben Machen wir acht 7%. 8%. Doppelklicken Sie draußen. Ich wähle das aus und richte es an der Mitte und Mitte aus. Drücken Sie S, um es in Assets Ich speichere es als Lion-Icon-Paket. In Ordnung. Ich möchte ganz schnell zur freien Auswahl zurückkehren, und hier gebe ich Schrift oder Typografie ein, und wir bekommen eine schöne, editierbare Schrift die wir für unser Kunstwerk verwenden können Lass uns sehen. Lass mich mit dem Saft gehen. Dies ist nur eine einfache Anleitung, die Ihnen hilft, zu wissen, wie das geht. Kostenloser Download. In Ordnung. Lass uns danach suchen. Extrahieren. Lass es uns öffnen. Ich denke, wir müssen die Schrift vielleicht herunterladen. Ja, das ist Spartan MB Black. Also MB schwarze Schrift. D-Schrift. Gehen wir zu Ich lade die ganze Familie herunter. Herunterladen. Herunterladen. Sie uns das auf Spartan M B extrahieren das auf Spartan M B Lassen Sie uns das auf Spartan M B extrahieren und all diese Schriftarten installieren Ordnung. Lass mich sie einfach hier reinstellen. Jetzt haben wir sie erfolgreich aktiviert. Lass mich das einfach schließen und es ist auf die richtige Schriftart umgestellt. Ich möchte diese Schrift auswählen und sie hierher ziehen. Ich wähle auch den Text aus und bearbeite ihn auf L, wahrscheinlich auf so etwas wie Icon Pac. Lassen Sie uns das in Großbuchstaben ändern Färbe weiß und lass es uns auf vielleicht 500 rausnehmen. Ändern wir die Schrift wie gewohnt in Mat Monerat. Das ist immer noch zu sichtbar. Lassen Sie mich die Schnittmaske selbst bis vielleicht auf diese Stelle reduzieren selbst bis vielleicht auf diese Stelle Ich wähle diese beiden aus, den Hintergrund und die Schnittmaske, und drücke die zweite Taste, um sie zu sperren Jetzt kann ich sie auswählen. Ich wähle diese aus und drücke G , um sie zu gruppieren. Richten Sie sie dann in der Mitte aus. Steuerung S. In Ordnung. Jetzt haben wir das Löwen-Icon-Paket und es ist fertig. 6. Cover-Kunst als KI-Datei platzieren – Teil 2: nun, um es tatsächlich im Inneren zu verwenden, Lassen Sie mich nun, um es tatsächlich im Inneren zu verwenden, auch auf diese Gruppe doppelklicken , damit wir auf den Text zugreifen und diesen Text nach oben verschieben können . Control S. Jetzt haben wir es gespeichert. Um es als Grafik zu verwenden, müssen wir es nicht als JPEG oder Bild exportieren. Alles, was wir tun müssen, ist dies zu minimieren, das zu minimieren. Denken Sie daran, dass Photoshop von Adobe erstellt wurde. Illustrator wurde von Adobe erstellt. Diese Programme arbeiten nahtlos zusammen, sodass Sie Illustrator-Dateien importieren können Also gehe ich hier nach vorne und ersetze es durch, sagen wir, mit dem Ort verknüpft Jetzt gehe ich zu Assets, Lion Icon Pack. Da haben wir's. Aktualisiere das. Lassen Sie uns Crop in die Bounding Box importieren. Das ist okay. Lass mich einfach diese und jene Ecke wählen. Treten Sie ein und lassen Sie uns das speichern. Da haben wir's. Es ist noch nicht aktualisiert. Drücken Sie S, um zu speichern, und jetzt ist es aktualisiert. Wenn wir jetzt wieder in Illustrator gehen und Control O drücken, möchten wir die Seite erstellen Ich wähle einfach das Löwen-Icon-Paket aus und füge es ein. Ich möchte es duplizieren und nenne dieses Icon Pack Side. Treten Sie ein. Ich habe vergessen, das als Yen Front zu kennzeichnen, aber das machen wir später. Im Moment ist es Seite. Und weil die Höhe schon okay ist, müssen wir nur das Zeichenflächenwerkzeug auswählen und die Zeichenfläche bis zu diesem Punkt vielleicht auf einen vernünftigen Wert eingrenzen zu diesem Punkt vielleicht auf einen vernünftigen Wert eingrenzen bis zu diesem Punkt vielleicht auf einen vernünftigen Wert eingrenzen Lassen Sie uns nun die Größe auf etwas Ähnliches ändern. Stell das da hin. Steuerung raus und zweitens entsperren wir die Ebenen, die wir mit Steuerung zwei gesperrt haben. Ich wähle den blauen Hintergrund und passe die Größe bis zu diesem Punkt Jetzt haben wir die Schnittmaske , die das Bildmaterial zuschneidet Ich doppelklicke auf die Maske selbst und ziehe sie an diese Stelle Klicken Sie nach draußen. befindet sich das Kunstwerk zu weit links. Doppelklicken wir also darauf und wählen es dann aus und platzieren es irgendwo dort. Tatsächlich kann ich das vielleicht als meinen Namen eingeben. Herr Moneybags. Ich ändere das auf Montserrat Montserrat. Schwarz. Ich ändere es auf Weiß. Und leg es genau da hin. Du kannst jeden Namen, den du willst, gleich hier auf die Seite schreiben. Es liegt ganz bei dir. Wenn ich jetzt zurück zu Photoshop wechsle, werde ich natürlich darauf doppelklicken. Das ist bereits geöffnet. Lass mich dieses Mal Link platzieren. Platzieren Sie den Link an der Seite des Begrenzungsrahmens. Das ist okay. Ich halte die Taste gedrückt , um die Größe von der Mitte aus Treten Sie ein. Drücken Sie S, um es zu speichern. Wenn ich jetzt wieder hierher wechsle, ist unser Produkt aktualisiert. Da haben wir's. Wenn ich jetzt zurück zu Illustrator gehe, wo Illustrator ist, und nach Hause, sage ich von Mr. Money Bags Also füge ich einfach von Mr. Money Bags hinzu. Control S. Wenn ich zurück zu Photoshop wechsle, werden Sie feststellen, dass es sich automatisch aktualisiert denn wenn ich Control S drücke und zu unserem Kunstwerk gehe, wird es automatisch zu Mr. Moneybags geändert Deshalb haben wir es verlinkt, weil wir in der Lage sein möchten, das Tempo und die Grafik in Illustrator zu aktualisieren und diese Änderungen in Echtzeit in Photoshop zu sehen Das Kunstwerk ist immer noch mit den illustrierten Daten verknüpft. Jetzt wundern Sie sich vielleicht, warum ich dieses Icon Pack nicht verwendet habe. Denken Sie daran, ich habe ein Icon Pack heruntergeladen. Oh, warte, wir haben es tatsächlich geöffnet. Das war das Icon Pack, das wir erstellt haben. Los geht's. Ich dachte, wir könnten das vielleicht als Beispiel-Icons auf dem Cover verwenden . Wenn ich das hier ziehe und platziere und dieses Kunstwerk herunternehme, mache ich diese Symbole viel größer, drücke es nach unten. Ich meine, es geht einfach darum, kreativ zu werden und zu sehen, welche Ergebnisse man erzielen wird. Lassen Sie mich das einfach speichern und sehen, welche Ergebnisse wir haben werden. Einfach hier reinklicken. Lassen Sie mich nach vorne gehen, wie Sie sehen können, es wird aktualisiert. Mir gefällt nicht, wie hoch sie sind, also lass mich sie runterziehen. Steuere den S-Schalter wieder hier. Steuere S. Hier drin. Automatisch aktualisiert, Control S, um es zu speichern. Und jetzt, wo wir reingehen, ist unser Lion-Icon-Paket aktualisiert. Im Grunde genommen ist das also, wie man ein digitales Produkt-Markup erstellt ein digitales Produkt-Markup Jetzt fragst du dich vielleicht, was ist, wenn ich drei verschiedene Produkte bündeln möchte Vielleicht ist dieses Produkt rot, das ist blau und das ist vielleicht grün, denn wenn Sie im Moment feststellen, dass wir das ändern, wirkt sich das auf die drei Produkte aus. Was ist, wenn wir ein einzigartiges Produktpaket, ein weiteres einzigartiges Produktpaket und ein weiteres einzigartiges Produktpaket haben möchten? 7. Mehrere Bundles – Teil 1: Um dies zu erreichen, müssten Sie die Produkte einzeln erstellen und sie dann in Adobe Illustrator anordnen sie dann in Adobe Illustrator Lassen Sie mich diese einfach auswählen und löschen. Ich nehme das Zuschneidewerkzeug und lege es dort ab. So würde ich es machen. Wenn es einen besseren Weg gibt, bin ich mir dessen im Moment nicht bewusst. Also Control S. Da haben wir's. Also öffne ich Ado Illustrator Control N. Lassen Sie uns einfach die Standardeinstellung verwenden Oder lassen Sie mich einfach ins Internet wechseln, 1920 mal 1080. Und jetzt lass mich einfach die Basisvorlage platzieren. Da haben wir's. Denken Sie daran, dass dieses Photoshop-Dokument als Basisvorlage bezeichnet wird, also haben wir es importiert. Wenn wir es nun aktualisieren, wenn ich hier wieder reingehe und es verstecke und es wieder einblende und speichere, wird es auch aktualisiert, und das auch, weil sie verlinkt sind Lassen Sie mich das speichern, und wenn ich jetzt hier reingehe, sollte es jeden Moment aktualisiert werden Warum wird Control S nicht aktualisiert? Ja. Also wurden einige Dateien im Link-Panel geändert. Ja. Jetzt hat es sich selbst aktualisiert. Nun, wenn ich hier ein weiteres Produkt hinzufügen möchte, Alt ziehen, Alt ziehen, Strg D, um den letzten Zug zu wiederholen, Ton ziehen Ich wähle das aus, das mittlere, gehe zum Link, verlinke erneut , wähle diese Kopie aus, füge sie ein, verlinke erneut darauf Und jetzt sieht es immer noch genauso , weil es nur eine Kopie davon ist. Aber wenn wir jetzt in Photoshop Änderungen daran vornehmen , wird es einzigartig sein. Lassen Sie mich zu Photoshop wechseln, weil dies jetzt ein eigenes einzigartiges Kunstwerk ist. Solange das noch ausgewählt ist, sage ich, in Photoshop bearbeiten. Und wenn ich auf das Gesicht doppelklicke dieses verberge und jenes wieder einblende und S kontrolliere. Gehe wieder rein Jetzt haben wir dieses Gesicht. Lassen Sie mich auch auf die Seite doppelklicken. Lass mich das verstecken und speichern. Ich denke, wir müssen wieder reingehen und S kontrollieren, sagen wir die Hauptdatei. Ich gehe jetzt zurück. Jetzt ist das rot. Jetzt weißt du natürlich, wie es läuft. Wenn ich zum dritten übergehe, werde ich ihn neu verknüpfen Und ich wähle diese Vorlage zum Einfügen, Kopieren und Einfügen aus. Und jetzt haben wir eine dritte Kopie. Ich doppelklicke darauf und jetzt ist es eine einzigartige Kopie, die ich in Photoshop bearbeiten kann. Und jetzt weißt du natürlich, wie es geht. Nun, eine Sache, die Sie wissen müssen, bevor Sie mit der Bearbeitung beginnen oder nachdem Sie es in Adobe Illustrator geschlossen haben, lassen Sie mich das zunächst speichern Lassen Sie mich es als Beispiel speichern. Jetzt ist es als Beispiel gespeichert. Wenn ich es schließe und zu diesem Ordner gehe. Hier haben wir eine Probe. Denken Sie daran, dass wir mit solchen Namen nicht arbeiten können , also können wir dem einen passenderen Namen geben. Vielleicht ist das das Trap Bundle. Vielleicht ist das das Hip-Hop-Bundle. Jede dieser Vorlagen kann eine Vorlage sein wir jederzeit wiederverwenden können, da Sie lediglich in Photoshop die Gesichter ändern müssen . Wenn Sie es also wiederverwenden möchten, kann jede davon Ihre Basisvorlage sein. Wir können es also in das Icon Pack Lion Icon Pack, Lion Icon Pack umbenennen . Wenn wir jetzt das Beispiel öffnen, wird es sagen, dass einige der von uns verwendeten Dateien fehlen, und das liegt daran, dass er die Dateien nicht anhand des Namens finden kann , unter dem wir sie importiert haben. Wir haben sie geändert. Also ersetzen. Und jetzt sagen wir , welches Trap Bundle? L Lass uns auch ein Hip-Hop-Bundle haben. Und das letzte Löwen-Symbol. Da haben wir's. Im Grunde ist das also, wie man ein digitales Produktmodell erstellt . Und wie Sie sehen, ist es sehr vielseitig. Sie können diese Methode verwenden, um sogar einen Stapel digitaler Produkte zu erstellen sogar einen Stapel digitaler Und bevor du gehst, habe ich noch ein paar abschließende Gedanken. nächsten Schritte und Ideen möchte ich in der nächsten Lektion mit Ihnen teilen. Wir sehen uns also in Kürze. 8. Mehrere Bundles – Teil 2: Ich habe gerade die Lektionen durchgesehen, um zu sehen, ob ich etwas verpasst habe, und mir ist klar geworden, dass es zwei Dinge gibt , über die ich vergessen habe zu sprechen Also genau hier, das ist die ursprüngliche Basisvorlage, an der wir gearbeitet haben. Also wenn ich es einfach rückgängig mache, haben wir jetzt diese drei Produkte. Eine Sache, die Ihnen hier auffallen wird, ist, dass es nicht einfach ist, zu erkennen, dass es sich um drei Produkte handelt, da keines von ihnen einen Schatten wirft. Wir müssen etwas Schlagschatten hinzufügen, um diesen vorderen Teil von diesem und diesen von dem zu trennen. Also, wie machst du das? Ich wähle diese Seite. Und ich gehe zu Effekten, Schlagschatten, oder ich kann einfach hier irgendwo darauf doppelklicken , um den Ebenenstil aufzurufen. Ich gehe hier zu Schlagschatten, aktiviere das und du wirst feststellen, der Schatten bereits erscheint. Aber wenn ich darauf klicke, öffnen wir die Schlagschatten-Optionen und können damit herumspielen. Zum Beispiel die Richtung, ich möchte, dass der Schatten auf dieser Seite liegt. So wie das. Das ist die Vorschau. Ich möchte vielleicht an diesen Ort. Ich vermeide das. Was ist damit? Ja, so etwas in der Art. Wir wollen auch den Mischmodus auf Multiplikation umstellen. Lass uns das versuchen. Multipliziere, wir können die Farbe vielleicht ändern, etwas draus machen. Und ich denke, das ist okay. Also nach draußen klicken. Ich wähle das aus und mache dasselbe. Ich kann einfach direkt hierher kommen und auf Schlagschatten klicken, und es werden die letzten Einstellungen angewendet, die wir angewendet haben. Wie Sie sehen können, ist es jetzt einfach, zwischen diesen drei Produkten zu unterscheiden, wenn ich auf Okay klicke ist es jetzt einfach, zwischen diesen drei Produkten zu unterscheiden . Control S. Eine weitere Möglichkeit, sie zu unterscheiden, besteht darin, in Ihr eigentliches Kunstwerk zu gehen. Gehen wir hier rein. Das ist es. Hier können wir eine Gradienten-Textur hinzufügen. Mit diesem Rechteck, das in der Mitte ausgerichtet ist. Ich gehe zu den Verlaufseinstellungen und wähle diese aus, um ihr einen Farbverlauf zu geben. Ich drehe das um, ziehe das auf diese Seite und das auf die Seite. Und jetzt ändere den Mischmodus. Gehen wir hier zum Erscheinungsbild. Nein, gehen wir zur Transparenz. Mischmodus multiplizieren. Jetzt ist es zu dunkel. Wir können es schaffen. Wir können es zu 35% machen. Wir können auch sagen, dass Control S. Wenn wir das erhöhen, machen wir es auch so dunkel. Control S. Lassen Sie uns jetzt zu Photoshop wechseln. Doppelklicken Sie darauf. Nein. Wo ist die Front? Lass mich den Link platzieren. Löwen-Icon-Paket. Ja, lass uns ein Lon-Icon-Paket auswählen. Ändere die Größe Treten Sie ein, um Control S zu platzieren. Los geht's. Gehen wir jetzt wieder rein, wie Sie sehen können, haben wir diesen Schatten. Auch wenn wir die Schlagschatteneffekte loswerden, denken Sie daran, dass wir diesen Effekt hinzugefügt haben. Wenn ich zu diesem Effekt gehe, doppelklicke darauf und entferne ihn. Wir haben ihn entfernt, aber Sie können immer noch zwischen diesem Produkt und diesem Produkt unterscheiden , da das Licht von dieser Seite kommt, die Seite trifft und einen Schatten auf der Vorderseite verursacht. Lass uns weitermachen und sagen wir auch okay. Jetzt werde ich nicht weitermachen und das entfernen. Ich wollte dir nur zeigen, wie man das macht, wie man jedes einzelne digitale Produkt hervorstechen lässt. 9. Organisieren deiner Dateien: Das nächste, worüber ich mit uns sprechen wollte, ist Organisation. Für dieses Löwenrudel sollten sich beispielsweise die Vorder -, Seiten - und Basisvorlage, die Sie die Vorder -, Seiten - und Basisvorlage, die Sie verwenden werden , in einem Ordner befinden. Also werde ich gehen. Lassen Sie mich zuerst das schließen, alles schließen. Öffne. Ich, lass mich das schließen. Lass mich Illustrator öffnen und alles schließen. Speichern Sie keines davon. Nein, sag es nicht. Wenn ich jetzt meinen Datei-Explorer öffne, sind wir hier. Hier ist das Löwenpaket und hier ist die Basisvorlage, die es verwendet hat. Wir sollen neue erstellen. Langes Icon-Paket. Löwen-Icon-Paket, sodass ich die Seite, das vordere Design und die Basisvorlage trage . Dies sind Basisvorlagen für andere Projekte. Dies waren Beispiele, mit denen wir gearbeitet haben. Wenn ich nun ein brandneues digitales Produkt erstellen möchte, muss ich nur hier die Basisvorlage aufrufen, einen neuen Ordner erstellen und ihm den nächsten Namen geben. Brushy Brush-Paket. Was für ein Name ist das. Aber nehmen wir an, ich verkaufe Photoshop-Pinselpakete. Ich möchte sie als digitales Produktpaket verpacken. Geben Sie das ein, geben Sie es ein und fügen Sie es in ihre Basisvorlage ein. In diesem Ordner werde ich jetzt eine brandneue Adobe-Illustrator-Datei für die Vorderseite für die Seite erstellen eine brandneue Adobe-Illustrator-Datei für die Vorderseite für die Seite Dann öffne ich die Basisvorlage. Immer Photoshop. In Ordnung, das ist das falsche . Wir haben das geändert. Aber ich hoffe, du kriegst die Übung hin. Sie verwenden die Basisvorlage. Dies kann Ihre Basisvorlage aus drei sein, oder Sie können eine Basisvorlage mit nur zwei Basisvorlagen aus nur einer haben . Das Wichtigste ist, dass Sie wissen, wie man mit dem Mk Up selbst arbeitet, und jetzt wissen Sie, wie man es bearbeitet. Bevor du gehst, habe ich, wie bereits erwähnt, ein paar weitere Schritte und Ideen, die ich in der letzten Lektion mit dir teilen möchte, also geh nirgendwohin. Wir sehen uns in Kürze. 10. Nächste Schritte: Herzlichen Glückwunsch zum Abschluss des Kurses. Inzwischen sollten Sie über ein vollständig editierbares und wiederverwendbares digitales Produkt-Markup sowie über die Fähigkeiten verfügen, kreativere Varianten davon zu erstellen kreativere Varianten davon Sie können Ihre herunterladbaren digitalen Ressourcen jetzt wie ein Profi verpacken und präsentieren Ihre herunterladbaren digitalen Ressourcen jetzt wie ein Es ist an der Zeit, diese Fähigkeiten in die Tat umzusetzen und online Geld zu verdienen. Sie jedoch nicht, Ihr Klassenprojekt einzureichen, bevor Sie gehen Vergessen Sie jedoch nicht, Ihr Klassenprojekt einzureichen, bevor Sie gehen. Wir freuen uns über die Kreativität unserer Community, die Ideen und Feedback teilt. Laden Sie also bitte ein Bild oder einen Screenshot Ihres Markups hoch, wenn Sie fertig sind Machen Sie es einzigartig, fügen Sie Ihren eigenen Twist hinzu und zögern Sie nicht, sich andere Beispiele anzusehen, um sich inspirieren zu lassen Und wenn Sie fertig sind, gehen Sie einfach zum Tab Projekte und Ressourcen unter dem Videoplayer und folgen Sie den einfachen Schritten , um Ihre Arbeit hochzuladen. Und zu guter Letzt, wenn Sie diesen Kurs wertvoll fanden, würde ich mich über Ihr Feedback freuen. Bewertungen sind ein großer Teil der Skillshare-Community, da sie anderen Schülern helfen, tolle Kurse zu entdecken , die sie besuchen sollten Wenn Sie also einen Moment Zeit haben, hinterlassen Sie bitte eine Bewertung unter dem Tab „Bewertungen“ unter diesem Video Lass mich wissen, ob der Kurs deine Erwartungen erfüllt hat, was dir daran gefallen hat und welche coolen Dinge du gelernt hast. Ich möchte mich noch einmal bei Ihnen vielmals dafür bedanken, dass Sie an diesem Kurs teilgenommen haben, und ich freue mich darauf, Ihr Projekt bis zum nächsten Mal zu sehen Ihr Projekt bis zum nächsten Mal Bleiben Sie kreativ, bleiben Sie großartig. Frieden.