In 1 Stunde schöne Verpackungen in Photoshop entwerfen

1. Die Vorlage im Überblick und herunterladen: Willkommen in der fantastischen Welt des Fotoladens und der Verpackung. Ich bin Chris Baron, zertifizierter Dozent und Unternehmer von Adobe zertifizierter Dozent und Unternehmer Wir alle lieben Photoshop für Fotobearbeitung und Retusche, aber ich habe es auch genutzt, um eine Marke für gesunde Lebensmittel aufzubauen, von dieser leeren Vorlage über dieses Design bis hin zu dieser Bron-Verpackung Und es ist fantastisch, das Ganze von Photoshop aus in die eigenen Hände, in die eigene Kreation, in die eigene Arbeit, von Ihrem Display in die reale Welt und überall in Regalen zu sehen Photoshop aus in die eigenen Hände, eigene Kreation, in die eigene Arbeit, von Ihrem Display in die reale Welt und überall in Regalen zu Und am Ende dieser Serie wirst du dein eigenes Design und deinen eigenen Stil haben. Das Tolle daran, den Fotoshop zu kennen, ist, dass Sie damit den Umsatz durch ein großartiges Design steigern können. Diese Verpackung hat mir geholfen, einen Umsatz von 80.000 USD pro Monat zu erzielen, und ohne Photoshop hätte ich das nicht geschafft. Meine Erfahrung hört hier nicht auf. Ich habe Photoshop verwendet, um Flyer für alle Arten von Werbeaktionen, Visitenkarten für meine Handelsvertreter, Etiketten aller Art für meine Haferflockenprodukte, Bänder für Online-Anzeigen aller Art zu erstellen Flyer für alle Arten von Werbeaktionen, Visitenkarten für meine Handelsvertreter, Etiketten aller Art für meine Haferflockenprodukte, Bänder für Online-Anzeigen aller Art Und so habe ich meine Marke durch Photoshop aufgebaut, und Sie können dasselbe tun Sie nun zunächst diese Vorlage herunter, die Sie angehängt haben , und öffnen Sie sie in Photoshop. Ich werde die neueste Version zum Zeitpunkt der Aufnahme verwenden , aber Sie können jede aktuelle CC-Version verwenden. So sieht die Datei aus. Okay. Verwenden Sie jetzt Control Zero, das ist Befehl Null auf dem Mac um das Projekt an den UL-Bildschirm anzupassen. Und wenn Sie die Ansicht vergrößern möchten, verwenden Sie Z, um das Zoom-Werkzeug zu aktivieren. Klicken Sie ein paar Mal und Sie kommen näher. Wenn Sie sich nun von einer Seite zur anderen bewegen und herumschwenken möchten , halten Sie die Leertaste gedrückt, und Ihr Cursor ändert sich zu diesem Handsymbol Das bedeutet, dass wir herumschwenken können. Klicken Sie auf Halten und ziehen Sie. Sie finden all diese Tastenkombinationen in Ihrer Arbeitsmappe. Stellen Sie also sicher, dass Sie sie herunterladen und ausprobieren Eine letzte Sache, bevor wir gehen. Um unsere Ansicht zu drehen, drücken wir R. Es ist dieses Symbol hier in der Werkzeugleiste. Sie können manuell drehen, also so, und beobachten, wie sich der Winkel ändert, oder Sie können die Optionsleiste verwenden und einen bestimmten Wert eingeben , S 90 Grad. Oder wenn Sie es umgekehrt drehen möchten, können Sie auch einen negativen Wert verwenden, S -90 Okay. Lass uns rekapitulieren Drücken Sie jedoch Z, um das gesamte Projekt an Ihren Bildschirm anzupassen das gesamte Projekt an Ihren Bildschirm Drücken Sie Z für das Zoom-Werkzeug und klicken Sie einige Male, um die Ansicht zu vergrößern. Sie können auch die Maustaste gedrückt halten und sich von einer Seite zur anderen bewegen. Dadurch werden Sie vergrößert oder verkleinert . Okay, großartig Halten Sie nun die Leertaste gedrückt, klicken Sie auf Halten und ziehen Sie, um sich zu bewegen. Dies wird als Herumschwenken bezeichnet. Okay. Schließlich können wir die Ansicht ausdrehen, indem wir R drücken. Und dann ist es eine Frage der manuellen Drehung oder indem wir einen bestimmten Wert nach oben eingeben. Und damit wollen wir weitermachen. 2. Die Vorlage und die technischen Spezifikationen erkunden: Willkommen zurück. Wir haben diese Vorlage im Polvo Shop geöffnet, aber woher kommt sie und wie sollen wir sie verwenden? Lassen Sie uns Schritt für Schritt vorgehen. Wenn jemand etwas drucken will, sollten Sie sich an verschiedene Druckereien wenden Sie werden Ihnen alle Details geben, einschließlich dieser Vorlage Dies ist sehr wichtig, da jedes Unternehmen bestimmte Taschengrößen, Layouts, Anforderungen usw. hat . In einigen Fällen erhalten Sie möglicherweise sogar ein Handbuch zur tatsächlichen Verwendung der Vorlage. In diesem Fall bildet die Mitte des Projekts den Boden des Beutels. Und das liegt daran, dass sich um eine Tasche handelt, die von alleine steht. Auf beiden Seiten haben Sie die Vorder- und die Rückseite. In meinen Händen ist das der Boden. Das ist also der zentrale Teil. Und dann natürlich die Vorderseite und dann die Rückseite. Okay, tolles Zeug. Nun, weiter, in dieser speziellen Vorlage sagen uns diese blauen Linien, wo der Reißverschluss platziert ist. Nun, das ist ein wiederverschließbarer Beutel. Also genau hier können Sie es in diesem speziellen Bereich wiederverschließen. In dieser Vorlage ist es nun deutlich gekennzeichnet, sodass Sie keine Details oder Grafiken über dieser Zeile einfügen Grafiken über dieser Zeile Die grüne Linie markiert den Beschnittbereich. Kurz gesagt, dieser Teil wird abgeschnitten, Sie möchten also nichts Wichtiges in diesen Bereich einbeziehen nichts Wichtiges in diesen Bereich Und die gepunktete Linie zeigt Ihnen die Falten, die auf natürliche Weise bilden, wenn der Beutel gefüllt wird Denken Sie daran, dass jedes Projekt, jede Druckerei eine andere Vorlage haben kann, also fragen Sie am besten nach Als Nächstes arbeiten wir an der tatsächlichen Druckgröße, und Sie können das überprüfen, wenn Sie Alt Control verwenden. Das ist Option Command I, wenn Sie einen Mac verwenden. Ändern Sie Ihre Maßeinheit und prüfen Sie, ob das sinnvoll ist. Schließlich arbeiten wir in CMY K mit einer Tiefe von acht Bit und 300 Pixeln pro Zoll Okay. Alles Standardkram. Könnten Sie nun möglicherweise in Adobe Illustrator arbeiten? Klar, natürlich Aber solange Sie die Vorlage des Unternehmens im Eins-zu-Eins-Format verwenden , können Sie loslegen. Lass uns an die Arbeit gehen. Gehen Sie zunächst zur oberen rechten Seite des Fotoladens und klicken Sie hier neben der blauen Schaltfläche „ Teilen“ aus dieser Liste. Wählen Sie „Essentials“. Falls es nicht richtig aussieht, klicken Sie erneut und wählen Sie diesmal Essentials zurücksetzen. Und jetzt sind wir beide auf derselben Seite. Noch ein Schritt. Gehe zum Hauptmenü zum Fenster. Wählen Sie von hier aus den Charakter. Dies wird uns helfen, unseren Text zu gestalten. Apropos Stil, lassen Sie uns all diese Einstellungen von diesem Panel aus zurücksetzen. Bitte klicken Sie hier auf dieses sehr kleine Symbol. Wählen Sie aus dieser Liste die Option „Charakter zurücksetzen“. Und jetzt sollten Sie Myriad Pro reguläre 12 Pixel sehen. Und jetzt sind wir fertig und können uns an die Arbeit machen. 3. Inhalte einrichten: Willkommen zurück. Lassen Sie uns den Inhalt hinzufügen. Fühlen Sie sich frei, an Ihrer zweiten Besichtigung mitzuarbeiten. Lehnen Sie sich beim ersten Mal einfach zurück und verstehen Sie den Denkprozess und was vor sich geht. Spulen Sie dann zurück und arbeiten weiter und machen Sie eine Pause, so oft Sie möchten Wenn Sie das nicht schaffen, haben Sie die Vorlage mit dem gesamten Inhalt vorbereitet falls Sie von dort aus beginnen möchten Das erste, was wir tun werden , ist, es umzudrehen. Drücken Sie R und drehen Sie es um 90 Grad. Geben Sie diesen Wert in die Optionsleiste oben ein. Okay, zoomen Sie bei Bedarf hinein, verwenden Sie dafür die Z-Taste, und dann fangen wir an, etwas Text hinzuzufügen. Drücken Sie T für das Textwerkzeug. Klicken Sie, und jetzt fügen wir den Inhalt ein. Alles ist genau hier in diesem Notizblock. Wenn Sie fertig sind, können Sie die numerische Eingabe auf Ihrer Tastatur verwenden , um den Vorgang abzuschließen. Oder Sie können das Häkchen oben rechts verwenden. Möglicherweise haben Sie bemerkt, dass Sie mit der regulären Eingabetaste zur nächsten Zeile weitergeleitet werden Also noch einmal, numerische Eingabe zum Beenden und dann die normale, um Sie darunter zu bewegen. Das muss natürlich auch umgedreht werden. Und das ist ziemlich einfach zu machen. Drücken Sie Strg T. Okay, gehen Sie in eine Ecke, sagen wir oben rechts und suchen Sie nach diesem speziellen Symbol. Das bedeutet, dass Sie es während der gesamten Schicht drehen können , um einen genauen Winkel zu erhalten. In diesem Fall wollen wir 90 Grad. Nun, -90 Grad, aber ja. Okay, gutes Zeug. Das ist jetzt umgedreht Jetzt, wo diese Ebene ausgewählt ist, werden Sie feststellen, dass sie etwas zu klein ist Verwenden Sie diesen Teil des Zeichenfensters, um die Größe zu ändern. Wir wollen etwas Großzügiges. Sagen wir 60 Pixel. Jetzt stylen wir es noch nicht, aber wir möchten es auf einer vernünftigen Zoomstufe sehen können . Ich werde also weiterhin meinen Inhalt kopieren und einfügen, und ich werde ihn vergrößern Es ist immer und immer wieder genau dasselbe. Ich werde einfach mit Control J Kopien machen Das ist ein Befehl auf dem Mac und dann einfach den Text ersetzen. Jetzt fragen Sie sich vielleicht, was die Verpackung enthalten sollte, oder? Was müssen wir hinzufügen? Nun, in den meisten Fällen können Sie Ihren Kunden fragen, oder Sie können sich einfach ähnliche Verpackungen ansehen , um sich inspirieren zu lassen. Jetzt werden Sie feststellen, dass fast jeder bestimmte Dinge wie Zutaten, Nährwerte, das Gewicht der Produkte usw. hat . Dies sind verbindliche Dinge und es gibt unterschiedliche Gesetze in verschiedenen Ländern. Es ist also am besten, wenn Sie selbst etwas recherchieren. einfach um, gehen Sie in einen Supermarkt und Sie werden sehen, was was ist. Die meisten dieser Dinge sind ziemlich üblich. Was ich Ihnen sagen kann, ist, dass es wichtig ist , alles zu regeln. Wir müssen ein Gefühl dafür vermitteln mit wie vielen Inhalten wir arbeiten müssen. Auf dieser Grundlage können wir uns für einen Stil entscheiden, welche Grafiken wir verwenden können und so weiter. Hier ist etwas zu beachten. Wenn Sie umfangreiche Inhalte haben, möchten Sie vielleicht Absatztext verwenden. Bisher haben wir Punkttext verwendet. Das ist genau das, was passiert, wenn Sie klicken und mit der Eingabe beginnen. Das ist also Punkttext, aber wir können klicken und ziehen , um unseren Text auf einen bestimmten Bereich zu beschränken Das wird als Absatztext bezeichnet, und das hilft uns, innerhalb der Grenzen der Vorlagen zu bleiben und schnell einen Stil einzurichten Das muss auch umgedreht werden, aber das ist kein Problem Wenn Sie Absatztext verwenden, können Sie die Größe des Begrenzungsrahmens ändern, indem Sie das Textwerkzeug aktivieren und einfach einen beliebigen Eckgriff verwenden Passen Sie es so an, dass es besser in den Raum passt. Genau so. Gute Arbeit. Jetzt zoome ich wieder weiter und zeige Ihnen etwas anderes. Das ist der Barcode. Das ist etwas, das wir hinzufügen müssen. Es ist für alle Produkte verpflichtend, und die Kunden sollten Ihnen dabei helfen. Es ist nicht etwas, das Sie sich selbst einfallen lassen können. Ziehen Sie es in den Photoshop Shop, und vielleicht möchten Sie die Größe ändern Okay. Die Position spielt in diesem Stadium keine Rolle, aber stellen Sie sicher, dass Sie ständig mit der Nulltaste hinein- und dann herauszoomen , um ein besseres Gefühl für die Dinge zu bekommen. Nun, das ist der Grund, warum wir ständig herauszoomen. Du würdest nicht wollen, dass dieser Barcode die Hälfte der Breite des Beutels hat, oder? Aber du möchtest auch nicht, dass er zu klein ist. Es muss also ausgewogen sein. Wenn Sie mit der Größenänderung fertig sind, verwenden Sie natürlich die Enal-Taste, die normale Ruintaste. Aber wenn du deine Meinung ändern willst, verwende Strg T, das ist auf dem Mac üblich, um die Größe etwas weiter zu Ich bin damit zufrieden, also werde ich einfach weitermachen. Also, Fastfood, lass mich dir das Endergebnis zeigen. Das ist der gesamte Inhalt , der auf dieser Tasche sein sollte. Wir haben den Namen des Produkts, den Geschmack, ein paar Dinge darüber, dass es vegan und ohne Zuckerzusatz ist, eine Art Slogan, eine Kurzgeschichte über das Unternehmen und dann Zutaten, Nährwerte und ein paar andere Dinge aus rechtlichen Gründen. Das ist unser Ausgangspunkt. Sie haben diese Vorlage beigefügt falls Sie sie hier abholen möchten. Lass uns eine kurze Pause machen. 4. Inspiration auf Behance oder in der realen Welt: Willkommen zurück. Wir haben unsere Rohversion unseres Designs und es ist Zeit, einen Stil zu wählen. Aber um das zu erreichen, brauchen wir etwas Inspiration, und wir werden zwei Quellen verwenden. Also echte Produkte und dann Hände. In Bezug auf Produkte können Sie kostenpflichtige Muster von verschiedenen Unternehmen erhalten . Diese sind begierig darauf, zu zeigen, was sie können. Sie finden die Welt der Designs, Stile und Materialien in allen Formen und Größen. So können Sie Ihrer Kreativität freien Lauf lassen und es ist eine großartige Möglichkeit, zu sehen, wie sich ein Design von Ihrem Computerbildschirm in die reale Welt überträgt Sie anfassen zu können, ist eine große Sache. Sie können die Textkomponente auch in Bezug auf ihre Größe und ihr Verhältnis zu anderen Teilen überprüfen die Textkomponente auch in Bezug auf ihre Größe und . Achten Sie auf Unterschiede in Gewicht, Größe und Stil. Sie werden feststellen, dass es eine Kunst gibt und viele Inhalte so angeordnet sind, dass sie schön anzusehen sind. Wenn Sie jedoch keine kostenpflichtigen Muster von Druckereien erhalten möchten , können Sie dies tun. Stöbern Sie in Ihrem örtlichen Supermarkt und finden Sie Verpackungen , die Sie anziehen. Wenn das passiert, denken Sie darüber nach, was dieses Design so besonders macht. Warum ist es aufgefallen? Ist es die Farbe, der Kontrast, die schöne Schrift? Ist es die Kombination all dieser Dinge? Vielleicht ist es das Kunstwerk oder die Schachtel hat eine lustige Form. Notieren Sie sich all das und schauen Sie dann in den Regalen nach anderen Marken , die nicht so auffallen. Frag dich das. Warum fühlen Sie sich zu einem Design hingezogen, während andere Sie uninteressiert lassen Vielleicht sind sie zu beschäftigt. Vielleicht sind die Farben etwas verwaschen. Vielleicht ist der Stil etwas veraltet. Es gibt viel, worüber man nachdenken muss. Verbringen Sie genug Zeit damit und stellen Sie sich diese Fragen. Aber lasst uns ins Internet wechseln, sei hands.net, Adobes Galerie, eine fantastische Inspirationsquelle Verwenden Sie die Suchleiste und geben Sie Verpackung ein. Sie könnten sich für etwas Spezifischeres wie Müsliverpackungen oder Serienverpackungen entscheiden , aber ich erkundige mich gerne Und das ist der springende Punkt. Wir wollen nichts kopieren. Nein, weit davon entfernt. Wir suchen nach Ideen, Farbpaletten, Schriften, die auffallen Und von all diesen Designs Sie bestimmt einige davon sehen, die einen großen Eindruck hinterlassen werden Wenn Sie jetzt etwas für das Unternehmen entwerfen, müssen Sie sicherstellen, dass die Atmosphäre passt Es ist am besten, wenn Sie die Website besuchen und sich deren Identität notieren in diesem Fall zum Beispiel Beachten Sie in diesem Fall zum Beispiel das leuchtende Orange, die reichliche Verwendung von Weiß und den sehr hellen Rosaton. Das fröhliche Maskottchen und das Logo. Nun, all das ist ziemlich wichtig. Notieren Sie sich all diese Dinge und unterhalten Sie sich mit dem Kunden. Schau, was er will. Zurück in den eigenen Händen, wenn Sie diese Einträge erkunden, werden Sie einige davon speichern wollen. Klicken Sie hier auf die Seite dieses Designs und Sie erhalten diese Option. Sie werden ein Moodboard erstellen, was einfach eine Reihe von Einträgen bedeutet , die Ihnen als Inspiration dienen. Lass mich dir schnell meins zeigen. Sie werden hier und da lebendige Farben, große, schöne Schriften und ein paar Illustrationen sehen . Die meisten davon sind ziemlich modern. Sie zeichnen sich durch lebendige Farben und einen starken Kontrast aus. So können wir anfangen , ein Gefühl dafür zu bekommen , wie das Projekt aussehen sollte viel Weiß, kräftige Schrift, helle und satte Farben und irgendeine Art von Bildsprache Aber ich berücksichtige auch all die anderen Produkte dieser speziellen Marke, all die Gläser mit Chiapudding, Limonade und so weiter Da es dort so viele verschiedene Arten von Produkten gibt, muss ich einen Stil wählen, auf der ganzen Linie gut funktioniert Deshalb gibt es Illustrationen nicht mehr. Entwickle einfach zu viele Produkte. Insgesamt denke ich, dass wir es eingegrenzt haben. Jetzt sind Sie dran. Bitte richten Sie Ihr eigenes Moodboard ein. Schauen Sie sich stellvertretend genau um und speichern Sie mindestens fünf bis sechs Einträge. Am Ende dieser Serie sollten Sie zwei Designs haben. Sie werden also eine Nachbildung meines eigenen Designs haben, aber auch eine völlig andere mit Ihrem eigenen Stil Deshalb brauchst du dein eigenes Moodboard. Mach weiter und richte es ein und danach können wir weitermachen. Hab Spaß damit und verbringe mindestens 20 Minuten damit. Danke. 5. Spiele mit Schriftarten: Willkommen zurück. Sie haben diese PSD beigefügt, falls Sie von diesem Punkt aus weiterarbeiten möchten. Wir haben jede Menge Text , der gekachelt werden muss. Der beste Ansatz ist nun, Adobe Fonts zu verwenden, meine erste Wahl in Sachen Typografie Ich schlage vor, dass Sie auf Schriften durchsuchen klicken und sich das riesige Angebot an Schriftfamilien genau ansehen das riesige Angebot an Schriftfamilien Dies ist ein Ort, an dem Sie mindestens 15 Minuten verbringen müssen . Verwenden Sie dieses Beispielfeld und geben Sie etwas aus Ihrem Projekt ein. Granola ist der Name des Produkts. Es sollte vorne und in der Mitte sein. Also tippe das ein. Es ist sehr wahrscheinlich, dass Sie die Filter von der linken Seite verwenden möchten , um die Dinge einzugrenzen. Wenn Sie etwas sehen , das Ihnen gefällt, ist es eigentlich ganz einfach zu bedienen. Klicken Sie also auf diese bestimmte Schrift, und darin sehen Sie einen Schalter, und Sie müssen ihn umdrehen, und das war's. So aktivieren Sie die Schrift von Adobe Fonts. Nach ein paar Sekunden erhalten Sie von Ihrer Creative Cloud-App eine Aufforderung, dass Sie das Telefon synchronisiert haben und es einsatzbereit ist Jetzt überlasse ich es Ihnen, es auf eigene Faust zu erkunden, aber denken Sie bitte daran, dass es keine richtige Wahl gibt Es gibt keine richtige Wahl. Man muss sie eins nach dem anderen ausprobieren und entscheiden, nachdem alles schön und aufgeräumt ist In diesem Fall werde ich eine Schrift namens Zilla Slab verwenden , die von meiner Firma bereits an vielen Stellen verwendet wird Es ist nicht auf Adobe Fonts verfügbar, aber Sie können es vollständig kostenlos von Google Fonts herunterladen Und wenn Sie ein Windows-Gerät verwenden, müssen Sie es nur kopieren und einfügen und Windows-Schriftarten anzeigen. Okay. Gehen wir zurück und shoppen und fangen wir mit Müsli an. Wähle das aus Über das Charakterfenster können wir es von Myriad Pro auf Zilla Slab ändern . Tippe das einfach ein Nun, was das Gewicht angeht, machen wir es fett. Was die Größe angeht, ist diese nirgends groß genug. Also lass es uns auf sagen wir 200 erhöhen. Warum 200? Nun, das ist nicht der endgültige Wert. Das ist ein Ausgangspunkt. Es ist ein Feinabstimmungsprozess, bei dem wir die Dinge ändern werden, je nachdem, wie sie auf dem Bildschirm aussehen. Für den Geschmack nehmen wir wieder Zilla Slab, fett. Aber diesmal etwa 70 Pixel. Lassen Sie uns nun innehalten und darüber nachdenken, warum diese spezielle Größe und warum diese spezielle Reihenfolge? Nun, wenn Sie darüber nachdenken, ist es die natürliche Reihenfolge, der Name des Produkts und dann der Geschmack. Die Leute werden zunächst lesen, um welche Art von Produkt es sich handelt, in diesem Fall um Müsli, und dann, um welchen Geschmack es sich handelt Danach ohne Zuckerzusatz, vegan und das Gewicht Nun, die können in Bezug auf ihre Bedeutung wirklich nicht mithalten, richtig. Die werden immer weiter unten auf dem Totempfahl stehen. Das wird offiziell Hierarchie genannt. Im Grunde genommen gestalten Sie Ihren Text danach, wer der größte Fisch im Teich ist. Dann arbeitest du dich nach unten vor. Das hilft also, die Aufmerksamkeit der Zuschauer zu lenken. Sie möchten, dass sie Ihr Design auf eine bestimmte Weise lesen, nicht genau von links nach rechts, sondern kontrollierter. Und das kannst du durch dein Styling, durch deine Größe erreichen . Okay, um es zusammenzufassen. Aufgrund dieser Wichtigkeit werden wir uns also für ein bestimmtes Design, eine bestimmte Größe und ein bestimmtes Gewicht entscheiden . Okay. Nun zurück zur Vorderseite der Verpackung. Ich möchte sichergehen, dass alles mittig ist. Lassen Sie uns also Folgendes tun. Lassen Sie uns die Gesamtansicht zurücksetzen. Drücken Sie also R und schauen Sie sich die Oberseite an. Klicke hier auf Ansicht zurücksetzen. Okay, großartig. Wählen Sie jetzt im Querformat eine Schrift aus, sagen wir Müsli, und nehmen wir an, dass sie nicht mittig ist , oder? Etwas Dramatisches, wie das hier. Nehmen wir an, wir wollen es wieder in der Mitte platzieren. Nun, der einfachste Weg , das zu tun, ist, Steuerung A zu drücken, was Befehl A auf einem Mac ist. Wenn dann die Option „ Aktiviert“ aktiviert ist und dieses Layout im Layoutfenster ausgewählt ist, können wir die Ausrichtungswerkzeuge verwenden. Dies ist das, nach dem wir in diesem speziellen Fall suchen. Und das ist einfach perfekt zentriert. Ich werde schnell die Bewegungen durchgehen und jede einzelne Textebene transformieren jede einzelne Textebene Ich werde Sie dann durch die einzelnen Schritte führen Es basiert alles auf demselben Prinzip, das ich zuvor beschrieben habe: Hierarchie Also muss alles danach gestaltet werden, basierend auf der Wichtigkeit Es gibt keine spezielle Anleitung, wie, ich weiß nicht, Titel wie, ich weiß nicht, sollten 200 Pixel groß sein Beschreibungen sollten 50 Pixel groß sein und so weiter. Eine solche Anleitung gibt es nicht. Jeder Gesichtstyp ist anders. 200 kann für manche Arten von Gesichtern sehr groß sein, oder es kann tatsächlich ein ziemlich niedriger Wert sein. Nur um das klarzustellen, es gibt keine bestimmten Größen, denen Sie folgen müssen. Auf der Rückseite ist die Story nun auf 50 Pixel (regulär) eingestellt. Aber der Titel darüber sollte in 90 Pixeln fett dargestellt werden. Und ich denke, das fühlt sich richtig an. Es fühlt sich natürlich an. Der Link. Dies ist in erster Linie ein E-Commerce-Unternehmen. Also müssen wir es hervorheben. Deshalb ist dies auf 60 Pixel fett eingestellt. Was die Zutaten darunter und den ganzen Text angeht, würde ich sagen, 40 Pixel regulär. Und das sind die Titel für diese Bereiche, dieselben 40 Pixel, aber sie sollten fett gedruckt sein, also eine andere Gewichtung haben und nur Großbuchstaben verwenden. So aktivieren Sie es. Das Gewicht, das Gleiche. 60 Pixel sind fett gedruckt, um das Bild von oben widerzuspiegeln. Hier ist also die komplette Schriftgröße für diese Phase. Sie können die PSD gerne pausieren oder sich die PSD in diesem Formular ansehen. Aber jetzt machen wir eine Pause. 6. Details hinzufügen, die den Unterschied machen: Willkommen zurück. Das Projekt nimmt langsam Gestalt an, aber es ist an der Zeit, einige Details hinzuzufügen , die sich summieren und einen Unterschied machen. Fügen Sie das Logo auf beiden Seiten des Projekts hinzu. Aber ich denke, dass das Oberteil am sinnvollsten ist. Also werde ich es dort platzieren. Hier können wir uns anhand der Richtlinien weiterhelfen. Ziehen Sie einfach das Logo hinein und ändern Sie die Größe, wenn Sie es für nötig halten Sie können jederzeit in drei Übertragungsmodi wechseln, indem Sie die Taste T drücken . Schauen Sie sich dann die Optionsleiste an Hier steht W für die Breite und H für die Höhe. Falls die Maßeinheit nicht stimmt, klicken Sie mit der rechten Maustaste und ändern Sie sie nach Belieben. Ich werde mich zum Beispiel für Pixel entscheiden. Ich suche nach etwa 580, sagen wir 200. Solange das Kettensymbol gedrückt ist und Sie einen der Werte aktualisieren, folgt der andere diesem Beispiel. Okay, wir müssen es zentrieren, aber ich möchte mich von dieser Perspektive nicht verwirren lassen. Also drücken wir R und setzen die Ansicht zurück. Okay. Das wird unser Leben einfacher machen. Als nächstes nimm den rechteckigen MKolkm. Das ist es genau hier, passen Sie Ihre Zoomstufe nach Bedarf und zeichnen Sie dann ein solches Feld heraus Indem Sie diese Anleitungen verwenden, um uns zu helfen. Wenn Sie es nicht richtig hinbekommen , machen Sie sich keine Sorgen. Verwenden Sie Strg D, um die Auswahl aufzuheben. Das ist Befehl D auf einem Mac, D von D auswählen Okay, versuche es jetzt noch einmal. Wechseln Sie zum Verschieben-Tool und senden Sie das Logo mit diesen Ausrichtungswerkzeugen hoch. Okay, bitte mach dasselbe auf der anderen Seite. Ich werde die Anträge schnell durchgehen. Denken Sie nur daran, das Logo so zu drehen, dass es Sinn macht. Okay, tolles Zeug. Wenn du bereit bist, können wir zum nächsten Detail übergehen. Und das heißt, ein Foto des tatsächlichen Produkts hinzuzufügen. Manche Taschen haben ein Fenster, einen durchsichtigen Teil. Aber in diesem Fall werde ich ein Foto verwenden. Sie haben es angehängt. Sie müssen es also nur in das Projekt ziehen. Stellen Sie sicher, dass es zentriert ist, indem Sie dieselben Werkzeuge verwenden. Das Lustige daran ist, dass Sie dieses Foto ganz einfach durch ein anderes ersetzen können , und so geht's. Sie haben mit dieser Ebene das Foto ausgewählt. Nun, ziehen Sie einfach ein anderes Foto von Ihrem Computer hinein. Nehmen wir das an, das ich vorbereitet habe , und legen es darüber, sowohl im Ebenenbedienfeld auch auf der Leinwand selbst. Okay, tolles Zeug. Ändern Sie bei Bedarf die Größe, drücken Sie die Eingabetaste, und dann verwenden Sie diese magische Tastenkombination, und das ist Alt Strg G. Das ist Option Command G. Und das war's Jetzt wird Ihr neues Foto in das alte eingefügt. Also auch hier ziehst du einfach ein anderes Foto über das alte, sowohl im Ebenenfenster als auch auf der Leinwand. Dann drücken Sie die Eingabetaste, um den freien Transformationsmodus zu verlassen. Und dann wirst du endlich den magischen Hotkey benutzen. Was ist es? Alt Control G. Aber was ist mit dem Whiteboard oben? So können Sie es wieder hinzufügen. Bitte wählen Sie das Originalbild aus. Es ist dieser hier. Klicken Sie anschließend auf dieses FX-Symbol und aktivieren Sie einen Strich. Stellen Sie es auf reines Weiß mit einer normalen Opazität von 100% ein. Dies sind ziemlich grundlegende Einstellungen. Was wichtig ist, ist dieses Bett hier. Stell es nach draußen und lass uns den großzügigen Wert von 20 nehmen. Es passiert nichts , weil es nur weiß auf weiß ist. Keine Sorge. Klicken Sie auf dieses Plus-Symbol neben. Dadurch wird ein weiterer Effekt hinzugefügt. Um diesen schönen äußeren Rand zu erhalten, wählen wir nun den unteren Strich aus. Das ist also der untere. Ändert die Farbe von reinem Weiß zu vielleicht hellgrau. Sie werden es immer noch nicht sehen können, da es dieselbe Größe von 20 Pixeln hat. Aber jetzt können wir es auf sagen wir 22 Pixel erhöhen. Es ist also ein bisschen größer. Und hier, das ist auf der Leinwand. Der obere Strich 20 ist also oben und der untere 1 grau, 22 Pixel unten. Probieren Sie das unbedingt aus. Lassen Sie uns jetzt sehen, was wir sonst noch tun können. Ich habe viele Beispiele für Fondskombinationen gesehen. Ich finde, es ist am besten, wenn wir selbst etwas ausprobieren. Also entschied ich mich für einen Phasentyp namens alkalisch. Hier habe ich beschlossen, es direkt unter dem Haupttitel vegan, ohne Zuckerzusatz und dem Gewicht zu verwenden direkt unter dem Haupttitel vegan, . Nun, die Größe dieser Schrift, 50 Pixel. Und dann noch einmal ganz oben, für den Slogan Made with Love in Romania. Ich denke wirklich, dass es ein bisschen Charakter verleiht. Es ist etwas Interessantes, aber es ist nicht überwältigend. Es ist nicht übertrieben stilisiert. Als Nächstes entschied ich, dass ich oben ein bisschen Farbe haben möchte. Schnappen Sie sich also das Rechteckwerkzeug Ku und zeichnen Sie eines heraus. Sei großzügig damit. Der Überschuss außerhalb der Leinwand spielt keine Rolle. Um die Farbe zu ändern, doppelklicken Sie auf das entsprechende Vorschaubild. Okay. Lassen Sie uns nun die Orange aus dem Logo probieren. Sie können es ganz einfach mit nur einem Klick abholen. Fantastisch. Da haben wir's. Jetzt wird dieser Teil weggerissen. Das wissen wir, aber trotzdem sieht es in den Regalen gut aus Okay. Also, wie weit sollten wir über die grüne Linie gehen? Um das zu entscheiden, müssen wir die Ebene mit den Richtlinien finden und sie nach oben verschieben. Diese muss sich jederzeit oben im Ebenen-Panel befinden. Also hebe es auf. Wir können die Kapazität vom oberen Rand des Ebenenfensters aus verringern. S auf etwa 50% oder so. Und jetzt können wir damit spielen. Also ich denke vielleicht 30 Pixel oder so. Hier ist mein Rat. Du kannst es so bewegen, dass es die Linie berührt, so. Und jetzt kannst du die Umschalttaste gedrückt halten und dreimal für 30 Pixel auf deine Ado-Tasten tippen . Das sind also eins, zwei, drei, jeweils zehn Pixel tippen, insgesamt drei, 30 Pixel. Okay, wiederhole das auf der anderen Seite und erhöhe dann die Deckkraft wieder auf 100% Jetzt bin ich ziemlich schnell unterwegs, aber Sie können jederzeit in der Arbeitsmappe nach allen Schritten suchen Außerdem haben Sie diese PSD angehängt und können von jedem Punkt aus mit der Arbeit beginnen. Lass uns eine kurze Pause machen. 7. Ein Band mit dem Stift-Tool erstellen: Willkommen zurück. Sie haben diese Datei angehängt falls Sie von diesem Punkt aus weiterarbeiten möchten. Wir müssen noch ein paar Details hinzufügen. Stellen Sie zunächst sicher, dass Sie Ihre Ansicht zurückgesetzt haben. Dann werden wir Folgendes tun. Nehmen Sie den Stift und drücken Sie die Tastenkombination P. Klicken Sie oben in der Optionsleiste an und ändern Sie das Drop-down-Menü in Form. Das ist sehr wichtig. Beachten Sie hier meine Einstellungen für Erwachsene. Machen Sie eine Pause, falls nötig. Okay. Lassen Sie uns nun den Link neben dem Logo stark vergrößern. Folgen Sie jetzt meinem Beispiel, um ein schönes Band zu erstellen. Klicken Sie hier, um Ihren ersten Punkt irgendwo innerhalb des orangefarbenen Rechtecks zu platzieren. Dann setzen wir hier einen weiteren. Aber bevor ich klicke, halte ich die Schicht gedrückt. Dadurch erhalten wir eine gerade Linie. Okay. Gute Arbeit. Nun, wir bewegen uns hier und klicken zum dritten Mal, und I'll Shape wird langsam angezeigt. Okay. Gehen wir jetzt hierher und klicken erneut. Gutes Zeug. Bringen wir es jetzt nach Hause, indem wir auf den orangefarbenen Balken klicken, aber noch einmal die Umschalttaste gedrückt halten um eine perfekt gerade Linie zu erhalten. Jetzt müssen Sie nur noch zum ursprünglichen Punkt zurückkehren. Okay. Wenn Sie also über den Anfangspunkt gehen, sollten Sie neben dem Cursor einen sehr kleinen Kreis sehen. Klicken Sie, und das war's. Wir haben unser Band. Nun, die Form ist nicht perfekt, aber es ist eine großartige Möglichkeit, mehr über das Direktauswahl-Tool zu erfahren . Die Tastenkombination ist A, das Direktauswahlwerkzeug. Aber bitte achte hier darauf. Wir suchen den weißen Pfeil, nicht den schwarzen. Diese funktionieren anders. Wenn Sie all diese Punkte sehen, drücken Sie bitte einmal die Eingabetaste. Okay, das wird sie verstecken. Jetzt müssen wir eine Anpassung vornehmen, oder? Okay, verwenden wir die Steuerung, also Befehl Auto Mac, um unsere Lineale zu aktivieren Ziehen Sie nun eine von der linken Seite heraus und bewegen Sie sie ungefähr an den Teil hier wo die Kante etwas mehr herausragt Jetzt wirst du das Gefühl haben , dass es kleben bleibt. Und das liegt daran, dass diese Führungen sozusagen magnetisch sind. Photoshop wird Sie an ihren Platz bringen. Okay. Ziehen Sie nun eine weitere von oben und verschieben Sie sie irgendwo in die Mitte der Form. Auch hier zeigt Ihnen Photoshop den Weg. Es wird dich dahin bringen. Es ist schwer zu beschreiben, aber Sie werden es in Ihrer Maus spüren Und jetzt, wo die direkte Auswahl auf einen aktiven weißen Pfeil steht, lassen Sie uns diesen Punkt wie folgt auswählen. Ziehen Sie ein Feld darum herum. Als nächstes die ganze Schicht ziehen und es so bewegen, dass es die Führungslinie berührt, einfach so. Okay, lass uns das nochmal mit dem anderen machen. Ziehen Sie also ein Feld heraus, um den Sankar-Punkt auszuwählen . Okay, tolles Zeug. Jetzt bringen wir es an seinen Platz und wir sind fertig. Wir könnten auch die linke Seite korrigieren, aber das ist nicht nötig, weil wir sie orange machen werden. Doppelklicken Sie also darauf, um genau das zu tun. Probieren Sie die Farbe von der Leinwand und wir sollten startklar sein Falls der Link nicht angezeigt wird, sollten Sie im Ebenenbedienfeld nachschauen. Okay. Denk dran, der Text muss oben stehen. Benennen Sie diese Ebene in Menüband um, damit sie leichter zu finden ist. Also nochmal, der Text sollte sich darüber befinden. Aber weißt du was? Ich habe tatsächlich nach einem anderen Gesicht gesucht und mich für dieses entschieden, das Bebas heißt Ich werde es in seiner fett gedruckten Form verwenden, 60 Pixel. Was die Farbe angeht, Schotenweiß. Um ehrlich zu sein, habe ich Zilla Slab Alkaline ausprobiert, aber sie haben sich nicht genug abgehoben Deshalb habe ich mich für die Bebas entschieden. Nun, diesen Text in das Band zu schicken, zerstört meine Spur. diese Ebene also im Ebenenbedienfeld ausgewählt ist, aktiviere ich das Marquee-Tool Hockey Ziehen Sie nun ein Feld wie dieses heraus. Also ohne die Kanten des Bandes. Okay, wechseln Sie jetzt zum Verschiebewerkzeug, Hot KeV, und dann können wir die Ausrichtungswerkzeuge verwenden Und so werden Sie ein perfektes Ergebnis erzielen. Lassen Sie uns also zusammenfassen. Verwenden Sie das Stiftwerkzeug im Formmodus. Hole Shift, wenn Sie eine gerade Linie wollen. Aktivieren Sie dann die Regeln mit der Taste R und ziehen Sie zwei Hilfslinien heraus, um das Band pixelgenau zu gestalten. Holen Sie sich das Direktauswahl-Werkzeug, Hockey A, den weißen Pfeil und drücken Sie die Eingabetaste, um bei Bedarf alle Ankerpunkte auszublenden. Zeichnen Sie dann ein Feld heraus, um einen einzelnen Punkt auszuwählen. Bewegen Sie es dann nach Bedarf mit der Maus oder mit den DO-Tasten. Zentrieren Sie abschließend den Text mit dem Auswahlrechteck, ziehen Sie ein Feld heraus, wählen Sie die Textebene aus, aktivieren Sie das Verschiebewerkzeug und klicken Sie dann auf die Ausrichtungswerkzeuge, und das war's im Grunde Wenn Sie fertig sind, können Sie Strg R verwenden, um die Regelliebe auszublenden, und dann das Semikolon drücken, um Auch hier haben Sie all dies in der Arbeitsmappe angehängt. Bisher tolle Arbeit. Lassen Sie uns mit unserem Projekt weitermachen. 8. Muster verwenden, um Details hinzuzufügen: Willkommen zurück. Unser Design sieht okay aus, aber es enthält keine nennenswerten Farben. Lass uns das ändern. Lassen Sie uns zunächst hier auf dieses Symbol klicken, das wie ein NG aussieht. Ganz oben auf dieser Liste finden Sie Volltonfarben. Und genau das werden wir verwenden. Bitte stellen Sie sicher, dass dies die allerletzte Ebene im Layoutfenster ist. Wir benötigen den Hintergrund nicht, also zögern Sie nicht, ihn zu entfernen. Okay, richtig. Jetzt können wir die Hintergrundfarbe ganz einfach ändern, indem hier auf das Vorschaubild doppelklicken Lassen Sie mich das tiefe Rot nehmen, ein Burgunderrot, um es wirklich hervorzuheben Und das ist ziemlich gut. Aber es sind wirklich nicht genug Details für die schöne Tasche. Lassen Sie uns also einem Muster ein bisschen Charakter verleihen. Laden Sie Ihren Browser hoch und verwenden Sie Google, um nach subtilen Mustern zu suchen. Auf dieser speziellen Website gibt es viele davon, und Sie können problemlos ein paar Stunden damit verbringen , diese Galerie durchzugehen. So können Sie ein Muster in Photoshop erstellen und verwenden. zunächst auf die Download-Schaltfläche und Sie erhalten eine PNG-Datei. Speichern Sie das auf Ihrem Computer. Als Nächstes archivieren Sie einen Fotoshop und öffnen Sie das PNG mit Control O. Das ist Commando auf einem Mac Okay, jetzt geh zum Hauptmenü, um es zu bearbeiten. Gehen Sie von hier aus nach unten, um das Muster zu definieren. Okay, klicken Sie darauf und wir werden ein Pop-up bekommen. Nennen Sie es, wie Sie möchten, und klicken Sie auf Okay. Und jetzt ist es gespeichert und wir müssen es anwenden. So arbeite ich gerne. Wählen Sie das Farbfeld aus, das wir gerade hinzugefügt haben , und klicken Sie auf diese FX-Taste. Ja, du hast es erraten. Wir werden ein Muster-Overlay verwenden. Jetzt sind meine Einstellungen ziemlich normal, aber klicken Sie hier, um das neue Muster auszuwählen , das wir gerade gespeichert haben Hier ist es. Es ist der letzte und die Liste. Im Moment ist es eine Methode, um den richtigen Winkel und den richtigen Maßstab zu finden. Hier gibt es keine feste Formel. Es ist das, was für dich am besten aussieht. Spiel damit herum, bis du glücklich bist. Aber natürlich sollten Sie mindestens fünf oder sechs Muster testen. Und natürlich können Sie jederzeit auf die Ebene doppelklicken und die Farbe erneut ändern. Okay, lass uns das noch einmal machen. Diesmal importieren wir jedoch ein Muster über eine Datei mit einer Punkt-PAT-Erweiterung. So können Sie schnell ein Photoshop-Muster hochladen. Kurz gesagt, wenn Sie eine Pfaddatei verwenden, können Sie das Speichern des PNGs und das Erstellen eines neuen Musters überspringen . Photo Shop lädt es einfach hoch und Sie haben es im Handumdrehen verfügbar. Das ist also der Vorteil der Verwendung einer Punkt-PAT-Datei. Kehren wir nun zu unserer farbigen dünnen Schicht zurück. Und lass es uns testen. Nun zu den Einstellungen, ich denke, die Skala könnte auf etwa 70 oder so eingestellt werden. Aber auch hier kannst du einfach damit spielen und sehen, was für dich am besten aussieht. Das Problem ist, dass dieses Muster nicht transparent ist. Es ist nicht C zwei. Wir könnten das zwar beheben, dies ist eine großartige Gelegenheit, um mit Mischmodi Ändern Sie das in diesem Drop-down-Menü, von normal, ändern Sie es in Multiplizieren Der Mischmodus ändert, wie dieser Überlagerungseffekt auf die darunter liegende Ebene angewendet wird auf die darunter liegende Ebene angewendet wird nun wirklich zu sehen, was was ist, klicken Sie auf Okay und spielen Sie mit der Farbfüllung herum und sehen Sie, was gut aussieht Auch hier gibt es keine feste Formel. Sie müssen ständig die Farbe, das Muster und die Skala anpassen und sehen, was gut aussieht. Für mich sieht das insgesamt sehr gut aus. Aber der schwarze Text funktioniert natürlich nicht. Nun, hier ist ein toller Tipp. Oben im Ebenenbedienfeld sehen Sie dieses T-Symbol. Wenn Sie darauf klicken, filtern Sie Ihr Ebenenfenster heraus, sodass Ihnen nur Ihre Textebenen angezeigt werden. Scrollen Sie also ganz nach unten und klicken Sie auf die letzte. Gehen Sie mit der gesamten Shift-Taste an den Anfang des Ebenenfensters und klicken Sie auf das erste. Und jetzt hast du sie alle ausgewählt, was großartig ist, weil wir das Catt-Panel verwenden können , um alles, alle Textebenen, mit einem einzigen Klick zu ändern , einfach so Das ist schnell und super effizient. Jetzt ist der Kontrast fett. Er ist mächtig. Es hebt den Text wirklich hervor, und das finde ich toll. Stellen Sie sicher, dass Sie auf diesen roten Kreis klicken , um den Filter zu deaktivieren. Okay. Klicken Sie nun auf eine beliebige Ebene, um die Auswahl all dieser anderen Ebenen aufzuheben. Nun, das sieht toll aus, aber ich finde, es ist ein bisschen zu rot Außerdem sieht das Logo nicht so richtig aus , um ehrlich zu sein. Basierend auf dem Moodboard und der Website des Unternehmens denke ich, dass ich ein bisschen Weiß hinzufügen werde. Schnappen Sie sich das Rechteckwerkzeug und zoomen Sie stark heraus. Füge ein großes hinzu, ohne eine bestimmte Größe im Hinterkopf zu haben, einfach etwas Großzügiges, so etwas in der Art. Das deckt ungefähr die Hälfte des Fotos ab. Jetzt müssen Sie es möglicherweise im Ebenenbedienfeld weiter unten platzieren. Das ist allerdings eine Selbstverständlichkeit. Okay, jetzt doppelklicken Sie darauf und machen Sie es reinweiß. Die Sache ist, wir haben einen Slogan, der gerade versteckt wird. Bewege die Form, um sie leicht zu finden. Was die Farbe angeht, könnten wir es genauso rot machen, aber ich denke, ich würde lieber bei Blau bleiben, das Blau dann das Logo, um genau zu sein. Jetzt haben Sie jedoch die Wahl. Finden Sie heraus, was für Sie am besten aussieht. Nun, diese gerade Linie ist ein bisschen langweilig. Es ist ein bisschen zu scharf für meinen Geschmack. Also lass uns das machen. Schnappen Sie sich das Ellipsenwerkzeug, Hotkey. Aber das Ellipsenwerkzeug befindet sich tatsächlich unter dem Rechteckwerkzeug Klicken und halten Sie es also, um es zu aktivieren. Okay, tolles Zeug. Fügen wir nun einen Kreis hinzu, klicken Sie auf Ziehen und halten Sie die Umschalttaste gedrückt , um einen perfekten Kreis zu erhalten. Keine bestimmte Größe im Kopf, so etwas. Platzieren wir es hier unten. Okay, jetzt werden wir ein paar Kopien machen. Halte die Alt-Taste gedrückt. Das ist die Optionstaste auf dem Mac, und jetzt klicken Sie bei gedrückter Umschalttaste auf eine Kopie und ziehen Sie eine Kopie heraus. Platziere es ungefähr hier. Jetzt werden wir diesen Vorgang ein paar Mal wiederholen. Während ich im Hintergrund arbeite, möchte ich erklären, dass Shift uns hilft, die Form in einer geraden Linie zu bewegen, und Alt erstellt einfach eine Kopie. Deshalb verwenden wir Al ten Shift. Wir werden hier ziemlich viele Kreise brauchen. Nehmen Sie sich Zeit damit. Es gibt keine bestimmte Zahl. Gehen Sie einfach die Anträge durch. nun mit dem letzten Satz Gehen Sie nun mit dem letzten Satz zum Ebenenbedienfeld, gesamte Schicht, und wählen Sie dann den ersten Wählen Sie also alle Kreis-Ebenen aus. Okay. Wechseln Sie jetzt zum Verschiebewerkzeug und wir werden dieses spezielle Werkzeug aus den Ausrichtungstools verwenden . Wir werden sie verteilen. Falls Sie mit ihnen nicht zufrieden sind, können Sie jetzt einen oder mehrere davon entfernen, dann den letzten an den Rand verschieben, sie alle erneut auswählen und denselben Befehl verwenden, um sie erneut zu verteilen. Macht das Sinn? Ich hoffe wirklich, dass es so ist. Wenn nicht, gehen Sie die Anträge durch und Sie werden sehen, was was ist Nun, nur noch eine Sache, bevor wir gehen. Jetzt, wo alle ausgewählt sind, verwenden wir Control E. Das ist ein Befehl auf einem Mac. Dadurch werden sie zu einer einzigen Formebene zusammengeführt. Das ist also Kontrolle E. Und jetzt ist es supereinfach, ihre Farbe zu ändern , obwohl ich eigentlich möchte, dass sie pudweiß Und das ist viel ähnlicher. Wir sind fast da. Machen wir eine kurze Pause. 9. Textlesbarkeit verbessern: Willkommen zurück. Das Design läuft sehr gut, aber wir müssen noch ein paar Dinge korrigieren. Zum Beispiel die Rückseite der Tasche, die gleichen Kreise, die ich gerne Wolken nenne. uns nun aber vorher Lassen Sie uns nun aber vorher den Slogan auswählen und den Farbcode überprüfen . Nun, weißt du was? Ich denke, wir sollten uns für den etwas anderen Farbton entscheiden, etwas kräftigeres, lebendigeres Etwas in der Art vielleicht. Jetzt müssen Sie nicht denselben Farbcode verwenden, aber wenn Sie ein perfektes Replikat wünschen, suchen Sie in der Arbeitsmappe nach genau diesem Farbcode Jetzt wähle ich es aus und verwende Strg C, um es zu kopieren. Als Nächstes werde ich mir diese drei Textebenen auf einmal schnappen . Wenn Sie es nicht schaffen, indem Sie bei gedrückter Strg-Taste klicken, können Sie sie immer einzeln ausführen oder einfach das Ebenenbedienfeld verwenden. Okay. Ich werde meinen Farbcode einfügen, um sie so leuchtend blau zu machen. Lassen Sie uns nun eine Kopie des weißen Hintergrunds und dieser Wolken machen . Wählen Sie beide aus und halten Alton Shift gedrückt, um eine Kopie herauszuziehen Platzieren Sie diese Kopie nun nach rechts, sodass die Wolken den orangefarbenen Balken berühren Wir müssen das umdrehen, aber zum Glück hat Photo Shop genau diese Funktion. Drücken Sie jetzt Control T, aber wir werden die Größe nicht ändern. Klicken Sie mit der rechten Maustaste und wählen Sie aus dieser Liste die Option Horizontal spiegeln. Und das ist genau richtig. Das ist genau das, was wir wollten. Stellen Sie sicher, dass Sie heranzoomen und alles richtig ausrichten. Okay, das ist großartig. Was können wir noch tun? Nun, der Haupttitel ist für meinen Geschmack nicht groß genug. Also wähle es aus. Und im Zeichenfenster werden wir die Umwandlung in Großbuchstaben aktivieren. Es ist dieser Button hier. Das ist das Erste, was die Leute bemerken werden, oder? Also müssen wir uns von der Masse abheben. Ordnung. Es ist besser, aber lassen Sie uns die Größe tatsächlich erhöhen, sagen wir auf zwei acht. Geben Sie es ein und drücken Sie. Und insgesamt ist das viel besser. Der Geschmack braucht ein bisschen Schwung. Also lass uns das machen. Holen Sie sich das Rechteckwerkzeug und fügen Sie eines hinzu. Machen Sie sich nichts vor, ohne die Werkzeugleiste überprüft zu haben, denn Sie könnten tatsächlich das Ellipsenwerkzeug aus dem vorherigen Teil verwenden das Ellipsenwerkzeug aus dem vorherigen Teil in dem wir diese Kreise, diese Wolken hinzugefügt haben Okay. Keine bestimmte Größe im Kopf, nur eine Form wie diese. Im Eigenschaftenfenster müssen Sie möglicherweise nach unten scrollen, um diesen Bereich zu finden. Wir wollen ein abgerundetes Rechteck. Klicken Sie also auf eines dieser Symbole und ziehen Sie es. Wir wollen einen sehr großen Wert. Wunderschön, ein abgerundetes Rechteck. Stellen Sie nun sicher, dass dies unter der Textebene platziert ist. Und jetzt legen wir die Farben fest. Der Geschmack muss dasselbe leuchtende Blau verwenden. Was das Rechteck betrifft, natürlich reines Weiß, um es wirklich hervorzuheben. Kontrast ist unerlässlich. Wenn Sie bereit sind, wählen Sie beide aus und stellen Sie sicher, dass sie sich über dem Foto befinden. Wir möchten es teilweise abdecken, aber nur geringfügig. Ein Tipp. Falls Ihnen die Größe des Winkels nicht gefällt, drücken Sie Strg T. Halten Sie dann die Alt-Taste gedrückt und schalten Sie die Umschalttaste entsprechend der Größe um. Das sieht toll aus. Also, Epane Dad, verschieb die Dinge hier und da ein bisschen Hab keine Angst davor, mit deinem Arrangement zu spielen. Zum Beispiel ist der Titel jetzt viel größer. Also lass uns vegan auf die eine Seite gehen , und dann 300 Gramm auf die andere Seite. Symmetrie ist der Schlüssel. Stellen Sie also sicher, dass Sie sich dafür entscheiden. Okay, lassen Sie uns die Linie zur Wand nehmen, die sich neben dem Rechteck befindet, und die Ellipse neben den Wänden Okay. Ändern Sie in der Optionsleiste den Weg zu für Pixel. Jetzt können wir diese Linie von dieser Position aus hinzufügen und die gesamte Linie bis zur anderen Seite verschieben. Wir könnten Anleitungen hinzufügen, aber ich freue mich, dass die Dinge weitergehen. Suchen Sie bei Bedarf nach einer Melodie und denken Sie daran, sich Zeit zu nehmen. Beeile dich nicht. Ich werde das auch tun. Ich werde unter dem Slogan ein paar kleine Kreise zeichnen , die mein Land repräsentieren werden. Ich werde die Farben der rumänischen Flagge verwenden. Ich habe die Farbcodes vorbereitet. während ich im Hintergrund arbeite, Lassen Sie mich Ihnen, während ich im Hintergrund arbeite, erklären, wie wichtig es ist, die Dinge richtig auszurichten Es ist wichtig, dass Sie die Ausrichtungswerkzeuge so oft wie möglich verwenden die Ausrichtungswerkzeuge so oft wie möglich Jeder Unterschied im Abstand, jedes Element, das leicht versetzt ist, wird ein großes Problem sein. Wenn Sie etwas zentriert haben möchten, stellen Sie sicher, dass Sie alle Photoshop-Tools verwenden Zum Beispiel gruppiere ich diese Kreise mit Strg G, Befehl G auf einem MAC und werde sie korrekt zentrieren Okay, tolles Zeug. Nehmen Sie sich Zeit und verschieben Sie bei Bedarf die Dinge, vor allem das Foto und den Geschmack. Dinge werden bestimmt von Zeit zu Zeit verschoben. Okay, das sieht gut aus. Lass uns das jetzt umdrehen und einen Blick auf die Rückseite werfen. Sie hier sicher , dass die Größe genau der in der Arbeitsmappe angegebenen Damit der Text leichter lesbar ist, wählen Sie bitte alle aus, und wir ändern den Zeilenabstand Oder wenn Sie der Webentwickler sind, wird das als Zeilenhöhe bezeichnet. Das ist der Teil im Charakterfenster , nach dem wir suchen. Geben Sie Stift 70 ein. Und das macht den Text so viel einfacher zu lesen. Wenn Sie Dinge bewegen möchten, ist dies der richtige Zeitpunkt dafür. Gehen Sie einfach um das Move-Zeug herum. Aber eins: Gehen Sie nicht zu nahe an die Kanten der Vorlage. Nehmen wir uns einen Moment Zeit und die Bandbreite der Dinge richtig. Das bedeutet, dass Sie Textebenen auswählen und die Ausrichtungswerkzeuge verwenden müssen. Schieben Sie den Link auch etwas weiter nach unten, damit wir ein luftiges Gefühl haben. Eine Sache, die ich nicht erwähnt habe, ist die Textausrichtung. Standardmäßig ist es so eingestellt , dass der Text linksbündig ausgerichtet ist, aber in diesem Fall möchten wir, dass er zentriert ist. Wenn die Ebene ausgewählt ist, drücken Sie T für das Textwerkzeug und Sie können die Ausrichtung in der Optionsleiste von links nach mittigem Text ändern . Tolles Zeug. Jetzt können wir es noch einmal ausrichten, nur um sicherzugehen. Auch bei der Nährwerttabelle muss mehr Beachtung gefunden werden. Also lass uns das regeln. Es ist eine Selbstverständlichkeit, dass wir möglicherweise ein paar Dinge verschieben müssen, den Barcode, das Gewicht, ein paar Dinge hier und da. Also mach es. Beeil dich nicht. Okay, lassen Sie uns noch einmal das Linienwerkzeug verwenden , wobei die Gewichtung auf ein Pixel eingestellt ist, und das ist für die Nährwerttabelle. Es gibt nichts allzu Kompliziertes. Also überspringe ich einfach und zeige Ihnen das Endergebnis. Es sind nur ein Haufen Zeilen. Insgesamt ist es das. So sieht es aus. Und es ist ganz nett. Es ist modern, sauber und lebendig. Alle Absatztextebenen sind wirklich praktisch, da wir die Größe dieser Felder ändern und immer sicherstellen müssen , dass der Titel in Großbuchstaben richtig am Text ausgerichtet ist Halten Sie sich jetzt, wenn möglich, von der gepunkteten Linie fern. Das ist die Gefahrenzone, und das wollen wir vermeiden So etwas funktioniert gut. Vielleicht sollten wir das Gewicht des Produkts verschieben und den Link zur Sicherheit noch einmal hinzufügen. Dies dient dazu, das Design auszubalancieren. Es ist nicht verpflichtend, aber es ist eine nette Geste. Eine letzte Sache. Lassen Sie uns die Ausrichtung der Nährwerte von links zu Zeile nach rechts zu Zeile ändern. Das ist viel sinnvoller. Und insgesamt sieht das fantastisch aus. 10. So nutzt du Mock-Ups & macht Variationen: Willkommen zurück. Wir haben unsere erste Version unseres Designs, aber unsere Arbeit ist noch nicht getan. Siehst du, es ist ziemlich schwer zu sagen, wie das aussehen wird, zumal wir es umdrehen, drehen, eine Ansicht ändern müssen und so weiter. So können Sie sich ein besseres Bild von Ihren Entwürfen machen. Zwei Aufschläge. Jetzt hilft Ihnen ein Markup dabei, ein Design im Kontext zu sehen. Sie haben diese PSD angehängt, und bei den meisten Markups erhalten Sie ein generisches Aussehen, das Sie durch Ihr eigenes Design ersetzen müssen. Durchforsten Sie es im Ebenenbedienfeld und suchen Sie das Smart-Objekt, das Sie verwenden müssen. In den meisten Fällen ist das ziemlich offensichtlich, und der Ebenenname sollte hier so etwas wie Ort des Entwurfs aussagen . Um ein Modell zu verwenden, müssen Sie auf Vorschaubild der Smart-Objekte doppelklicken Das bringt dich in ein neues temporäres Projekt , das PSB genannt wird Hier müssen Sie lediglich Ihr Design über diesem Standarddesign Hier erfahren Sie, wie Sie das tun können. Am einfachsten ist es jetzt, Ihr Design zu exportieren und es dann auf die andere Registerkarte zu ziehen. Aber lassen Sie mich Ihnen eine andere Technik zeigen, etwas ganz Besonderes. Verstecken Sie also zunächst die Vorlagenebene. Das wollen wir nicht in das Markup aufnehmen. Wählen Sie als Nächstes die höchste sichtbare Ebene im Projekt aus. Das ist dieser hier. Als Nächstes wirst du diesen Hotkey lieben. Es sind alle modifizierten Tasten und E. Also Ald Strg Shift E. Vielleicht möchten Sie dafür beide Hände benutzen. Also A ld Control Shift E. Option Command Shift E auf einem Mac. Dadurch wird eine Kopie Ihres gesamten Projekts erstellt und auf einer neuen Ebene platziert Sie können es hier sehen. Das Problem ist, dass wir nur die Vorderseite wollen. Aber keine Sorge. Verkleinern Sie die Ansicht erheblich und wechseln Sie zum Auswahlrahmen für alle Hot K. Jetzt treffen Sie eine Auswahl Sie werden zwar nicht wirklich wissen, wo die Vorderseite endet und wo die Unterseite beginnt, aber das ist völlig in Ordnung. Keine Sorgen. Okay, um eine Kopie dieses Bereichs zu erstellen, verwenden Sie Control J. Command J auf einem Mac Offenbar ist nichts passiert, aber überprüfen Sie das Ebenenfenster. Das ist die Vorderseite unseres Designs. Okay, klicken Sie vom Canvas aus darauf und ziehen Sie es in den neuen Tab, in die PSB Lass uns fast überall hingehen. Jetzt werden Sie feststellen, dass es gedreht werden muss. Verwenden Sie dazu die Taste T. Sie können 90 Grad in Ihre Optionsleiste eingeben , wenn Sie sich schneller bewegen möchten. Nur für den Fall, dass das Design nicht perfekt passt, was bestimmt passieren wird. Eventuell musst du die Auswahl mit dem Auswahlrechteck wiederholen und sie vielleicht größer oder breiter machen, aber benutze einfach Strg T, um das Problem zu korrigieren Wenn Sie bereit sind, drücken Sie die Strg-Taste, um dieses temporäre Projekt zu speichern , und schließen Sie es, indem Sie auf das X-Symbol klicken Okay. Jetzt, in der MCA PSD, wirst du dein Design sehen. Das ist es Und jetzt bekommst du ein besseres Gefühl für die Dinge, deine Proportionen dafür, wie die Schriften miteinander interagieren und so weiter. Aber das haben wir noch nicht getan. Lass uns eine schnelle Variante machen. Lassen Sie uns zunächst diese beiden Ebenen vom oberen Rand des Ebenenfensters entfernen . Sie können sie ausblenden oder löschen. Das sind Kopien, und wir brauchen sie nicht. Steuern Sie dann und klicken Sie auf die Farbfüllebene, um diese auszuwählen. Okay. Klicken Sie nun auf das Yenang-Symbol, um eine Einstellungsebene hinzuzufügen In dieser Liste suchen wir nach Farbton und Sättigung. Im Eigenschaftenfenster finden Sie eine Reihe von Steuerelementen. Bitte aktivieren Sie farbige Augen. Erhöhen Sie nun die Sättigung auf das Maximum und spielen Sie mit dem Farbton. Lila, Blau, Grün. Schau, was in deinen Augen gut aussieht. Sie können die Helligkeit für die unterschiedliche Stimmung ändern. Der Himmel ist die Grenze. Jetzt ersetze ich schnell das Foto, Geschmack und verschiedene Details wie die Zutaten und so weiter. Während ich im Hintergrund arbeite, hoffe ich, dass Sie den Wert eines Modells erkennen können. Das Problem ist, dass Modelle schwer zu bekommen sind. Die besten sind die bezahlte Ressource. Kostenlose sind in den meisten Fällen ziemlich schrecklich. Okay, jetzt, wo ich diese neue Version habe, werde ich die höchste sichtbare Ebene auswählen dann die Umschalttaste drücken. Wunderschön. Wir haben jetzt eine Kopie. Wechseln Sie zum Marquee-Tool, Hockey M, treffen Sie eine große Auswahl, die die Vorderseite des Designs, die Vorderseite der Tasche, abdeckt die Vorderseite des Designs, die Vorderseite der Tasche Verwenden Sie Strg J, um eine Kopie dieses Teils zu erstellen. Und verschiebe es in das Modell nach oben. Denken Sie auch hier daran, doppelt auf das Smart-Objekt zu klicken. Speichern Sie es, schließen Sie es und wir können das andere in nur wenigen Sekunden sehen. Und im Grunde verwendet man so ein Modell, und so kann man eine Einstellungsebene für die Farbtonsättigung verwenden Einstellungsebene für die Farbtonsättigung , um schnell eine neue Richtung zu erkunden. Insgesamt können Sie auf diese Weise verschiedene Farben, Schriftarten und Arrangements ausprobieren und im Kontext eine Entscheidung treffen. Sie werden es beim ersten Versuch nicht richtig machen. Es kann zehn, 15 Mal dauern , bis Sie damit zufrieden sind, aber Sie müssen diese Schritte mit Patienten durchführen. Okay, das ist es. Das ist unser Design. Ich bin super glücklich damit. Jetzt habe ich ein paar kleine Änderungen vorgenommen. Lass es mich dir zeigen. Ich habe das Band etwas breiter gemacht. Ich habe diese drei Punkte zwischen diesen drei Textebenen hinzugefügt. Das sind nur kleine Kreise, und ich habe hier und da ein bisschen mit der lustigen Größe gespielt. Aber ja, insgesamt ist das unser Design. 11. Drucktest durchführen: Willkommen zurück. Wir haben unser Design, ein realistisches Markup, und wir verwenden viele tolle Photoshop-Techniken Bevor wir mit dem nächsten Schritt fortfahren, möchte ich Ihnen sagen, dass Sie dem Prozess vertrauen müssen Sie müssen viele Änderungen vornehmen, bis Sie die perfekte Kombination gefunden haben, diese lustige Kombination , die fantastisch aussieht, diese Farbpalette, dieses spezielle Foto Es ist nicht wirklich ein Rätsel , das plötzlich klickt. Es ist eine Menge Versuch und Irrtum, und Sie müssen mit Ihren Erwartungen umgehen. Ich habe mich zum Beispiel für die Größe des Titels für 280 entschieden , oder? Aber vielleicht wäre es bei 290 besser gewesen . Aber vielleicht 250. Wissen Sie, wie man diese Größe am besten festlegt? Probieren Sie es aus, sehen Sie es sich in einem Markup an und exportieren Sie dieses Markup dann als PNG. Und Sie werden am Ende einen Ordner mit mehreren Versionen haben. Nehmen Sie sich ein paar Tage Zeit, schlafen Sie darauf, spazieren und machen Sie dann noch ein paar Variationen. Und nach einer Weile werden Sie beginnen, bestimmte Kombinationen zu eliminieren , und Sie werden einer bestimmten Version näher kommen. Dies wird als iterativer Prozess bezeichnet, iterative Version für Version. Sie reduzieren Ihr Gewicht in Richtung Erfolg. Aber Sie müssen dem Prozess vertrauen und die Anweisungen befolgen. Lieben wir es, alle Schalthebel E zu benutzen, um eine Kopie zu machen? Nein. Dann das Marquee-Tool und dann das Öffnen und Schließen von Tabs mithilfe von intelligenten Objekten Es ist ein Aufwand, oder? Das ist nicht gerade kreativ oder aufregend. Aber auch hier ist es Teil des Prozesses, und das musst du respektieren. Aber nehmen wir an, du hast die Arbeit reingesteckt. Sie haben 20 Versionen gemacht und sind mit vielleicht drei oder vier davon zufrieden . Was kommt als Nächstes? Ein Drucktest. Hier bitten Sie die Druckerei, Ihnen ein Blatt mit einer Reihe Ihrer Designs zu schicken . Sie werden aus technischen Gründen eigentlich keine Taschen bekommen, aber Sie werden ein großes Blatt wie dieses bekommen. Hier können Sie sehen, wie die Farben in Ihrer Hand bei natürlichem Licht unter einer Glühbirne usw. aussehen Ihrer Hand bei natürlichem Licht . Probieren Sie also am besten verschiedene Schriftgrößen, verschiedene Farben usw. aus. Zum Beispiel haben wir 40 Pixel für den Körper ausgewählt. Aber vielleicht ist das zu klein. Nun, der Drucktest verrät alles. Daher ist es am besten, wenn Sie auch eine Version mit 50 Pixeln erstellen. Vielleicht sogar 60 Pixel und habe sie in deiner Hand nicht gesehen. Es ist eine Menge Arbeit, um ehrlich zu sein. Eine Menge Versionen. Aber solange Sie mit Photo Shop vertraut sind, wird es Ihnen gut gehen. Printtests sind jetzt nicht kostenlos. Sie werden dich etwa 100 Dollar kosten, aber es ist gut angelegtes Geld. So können Sie entscheiden ob Ihre Sättigung stimmt, ob die Farbe hell genug ist, oder? Was ist, wenn Ihr Kontrast wirklich auffällt, oder? Um es zusammenzufassen: Erstellen Sie viele Versionen und behalten Sie die besten. Und dann schicken Sie sie mit den besten an die Druckerei und holen Sie sich einen Druckbogen, einen Drucktest. Schau es dir genau an und finde heraus, welche Version am besten aussieht. Und natürlich können Sie wieder in den Fotoladen springen und Bedarf kleinere Nachbesserungen vornehmen. Und das ist alles. Du bist auf dem besten Weg, überall in Regalen ausgestellt zu werden. Oder zumindest hattest du Spaß damit. Sie haben ein neues Stück für Ihr Portfolio und Sie haben ziemlich viel gelernt. Ich sehe dich in einer Sekunde. 12. Die Macht schöner Verpackung: Willkommen zurück. Ich hoffe, du hattest Spaß mit diesem Projekt. Jetzt sind Sie an der Reihe, Ihre eigene Version zu erstellen. Wählen Sie verschiedene Farben, Muster , Figuren, Fotos und Werke Spielen Sie damit und sehen Sie , was Sie tun können. Zeig mir etwas Neues. Erfinden Sie eine eigene Marke. Tauschen Sie das Logo auf, ändern Sie den Slogan. Das Wichtigste ist, dass du Spaß damit hast und mir ein Modell mit deiner eigenen Version zeigst. mehr als nur Spaß machen Du kannst einer Marke In meinem Fall wurde ich durch diese wunderschöne Verpackung von der größten Hypermarktkette Rumäniens abgeholt der größten Hypermarktkette Das sind 150 Geschäfte, und es war großartig. Mein Unternehmen ist sprunghaft gewachsen. Und wie bin ich durch tolle Verpackungen, tolles Branding und, um ehrlich zu sein, durch den Fotoshop in diese Geschäfte gekommen durch tolle Verpackungen, tolles Branding und, um ehrlich zu sein, durch den Fotoshop in diese Geschäfte tolles Branding und, um ehrlich zu sein, durch den Fotoshop Ich habe viel Zeit damit verbracht, genau das zu tun , was ich Ihnen hier in dieser Serie gezeigt habe, und ich habe mir jede Menge Designs für mein eigenes Unternehmen ausgedacht. Ich bin von Monat zu Monat gewachsen. Wir sind immer noch ziemlich klein, aber dieses Jahr werden wir 1 Million $ Umsatz machen, und ohne Photoshop hätte ich das nicht geschafft. Die Erkenntnis ist, dass es wirklich wie eine Supermacht ist, Designer Sie können ein Unternehmen nehmen , das um Verkäufe leidet, etwas Photoshop-Magie anwenden und zusehen, wie der Umsatz in die Höhe etwas Photoshop-Magie anwenden und zusehen, schnellt Jetzt müssen Sie erkennen, dass die Magie in Ihren Fingerspitzen liegt. Klar, wir können mit Photoshop etwas erreichen. Wir können Fotos retuschieren. Wir können Hintergrundbilder und all diesen Jazz machen. Klar, lustige Projekte. Aber schlafe nicht auf Verpackungen. Sie können einen großen Einfluss haben. Wenden Sie sich einfach an verschiedene Marken und zeigen Sie ihnen Ihre Ideen. Vielleicht bekommst du ein Projekt, aber mehr noch, du siehst deine Designs vielleicht in Hunderten von Geschäften im ganzen Land, vielleicht sogar auf der ganzen Welt. Nun, darauf können Sie stolz sein. Bitte senden Sie mir noch einmal Ihre Version für dieses Projekt. Ich freue mich darauf, es zu sehen. Das ist Chris Barn. Es war mir eine Freude , Sie zu unterrichten, und ich hoffe, Sie in einem anderen Kurs von mir zu sehen. Seien Sie vorsichtig und denken Sie daran, Spaß damit zu haben.