ClassYour first Ad Design Project in Photoshop – Ein anfängerfreundlicher Leitfaden für die Erstellung von Anzeigen in der Praxis

1. Einführung und Klassenprojekt: Heutzutage gibt es unzählige KI-Plattformen und Gender-Tools , mit denen Sie Standplakate oder Anzeigen erstellen können . jedoch wirklich wichtig zu verstehen, wie Sie sie von Grund auf neu gestalten und wie mit A-generierten Assets Ihren kreativen Prozess verbessern Es ist jedoch wirklich wichtig zu verstehen, wie Sie sie von Grund auf neu gestalten und wie Sie mit A-generierten Assets Ihren kreativen Prozess verbessern können. Übrigens, ich bin Saji, willkommen zu deinem ersten Addison-Projekt in Ado Photoshop In diesem Kurs lernst du ein komplett anfängerfreundliches Arbeitstuch, ein komplett anfängerfreundliches Arbeitstuch Werbeanzeigen mit Photoshop von Grund auf neu gestalten mit Photoshop von Grund auf neu Wir decken alles ab, von der Vorbereitung Ihrer Inhalte und der Verwendung generierter Elemente bis hin zur Mischung, Schattenbildung und Erzeugung realistischer Lichteffekte die Ihre Anzeige von anderen Am Ende dieses Kurses würden Sie Ihre eigene Produktanzeige entwerfen, genau wie Bereit, Ihr Portfolio zu erweitern oder online zu teilen. Als dein Klassenprojekt würde ich mich freuen, wenn du eine ähnliche Anzeige mit demselben Arbeitsablauf erstellst eine ähnliche Anzeige mit oder selbst experimentierst. Laden Sie Ihr Projekt im Bereich Projekt und Ressourcen und teilen Sie es in den sozialen Medien. Wenn Sie während der Projekterstellung Hilfe benötigen, gerne eine Diskussion posten Ich werde Sie dann durch den Prozess führen. Öffnen Sie also Photoshop, gehen Sie Schritt für Schritt vor und lassen Sie uns gemeinsam mit der Gestaltung Ihrer ersten Anzeige beginnen. 2. Einrichten der Leinwand und der Grundelemente: Heute werden wir lernen, wie man diese Werbung mit Adobe Photoshop erstellt. Wir werden dieselbe Anzeige neu erstellen, aber in einem etwas anderen Stil Zuerst müssen wir ein neues Dokument erstellen , damit wir mit der Arbeit daran beginnen können Lassen Sie uns ein Dokument mit einer Größe von 1080 x 1920 Pixeln erstellen, und Sie können es anhand Ihrer Anzeige benennen. Sobald das erledigt ist, besteht der nächste Schritt darin , alle erforderlichen Ressourcen zusammenzustellen. Ich habe bereits einige Vermögenswerte vorbereitet. Die meisten von ihnen wurden tatsächlich mit KI-Tools wie Perplexity oder Chat GPT erstellt KI-Tools wie Perplexity oder Chat Sie können dasselbe tun, und ich werde diese Assets auch in die Projektdateien aufnehmen , damit Sie sie Jetzt verwende ich Photoshop, um den Hintergrund zu entfernen und nur das Hauptobjekt beizubehalten. Dann ziehe ich das Objekt in unseren neuen Arbeitsbereich. In diesem Fall ist unser Hauptvorteil eine Flasche mit Erfrischungsgetränken. Platzieren Sie es richtig auf der Leinwand und konvertieren Sie es in ein intelligentes Objekt. Auf diese Weise wird die Qualität nicht beeinträchtigt, selbst wenn Sie es vergrößern oder verkleinern , und Sie können alle Ihre Änderungen im Smart-Objekt selbst vornehmen im Smart-Objekt selbst Sobald das erledigt ist, erstellen wir eine einfache Hintergrundfarbe und wählen das Verlaufswerkzeug Wählen Sie von dort aus eine beliebige Farbkombination aus. Für diese Demo verwende ich Orangetöne. Später werden wir den Hintergrund mit Lichteffekten, Schatten und anderen Anpassungen verfeinern , Schatten und anderen Anpassungen damit er dynamischer aussieht. Im Moment verwende ich einen Farbverlauf , der von Dunkelorange zu Gelb übergeht. Sie können mit Farben experimentieren, vielleicht etwas Rot hinzufügen, um eine Kombination zu erhalten, die Ihnen gefällt. Anfang an einen Hintergrund haben, sich leichter vorstellen, wie Ihre Anzeige zusammenkommt. Sobald Sie mit dem Hintergrund zufrieden sind, können wir mit dem nächsten Teil fortfahren. 3. Schneiden und Anordnen von Flaschenstücken: Richtig. Nachdem wir unseren Hintergrund vorbereitet haben, fahren wir mit dem nächsten Schritt fort. Öffnen Sie Ihre Arbeitsdatei oder in diesem Fall Ihr Smart-Objekt und erweitern Sie es nach Bedarf. Wann immer wir ein Smart-Objekt erstellen, wird es normalerweise in einer kleineren Datei gespeichert. Mach dir keine Sorgen. Sie können es später jederzeit verlängern. Fahren wir mit dem nächsten Schritt fort. Schnappen Sie sich Ihr Auswahlwerkzeug und fangen Sie an , das Hauptobjekt auszuschneiden. Für dieses Projekt arbeite ich mit einer Flasche, die ich in einige Abschnitte aufteilen möchte, vielleicht in zwei oder drei Teile. Wählen Sie einfach einen Teil aus, drücken Sie Command plus Exon Mac oder Control plus Exon Windows, um ihn auszuschneiden, und dann Command plus Shift plus V oder Control plus Shift plus V, um ihn wieder an derselben Stelle einzufügen Ich habe diese Flasche in vier Teile aufgeteilt , um die Sache einfacher zu machen Sobald Sie das getan haben, überprüfen Sie noch einmal, ob alles gut aussieht. Drücken Sie anschließend Befehl plus T oder Strg plus T, um zu transformieren. Bewege den Ankerpunkt zu einer beliebigen Ecke , sodass er sich von dieser Stelle aus dreht. Das ist sehr praktisch , wenn du deine Teile positionierst. Drehe und bewege jetzt jedes Teil. Ich schiebe sie in entgegengesetzte Ecken und gebe ihnen einen kleinen Abstand, um diesen Split-Effekt zu erzielen, fast so, als würden die Flaschen in verschiedene Teile geschnitten Und denken Sie daran: Sobald Sie es gespeichert haben, werden all diese Änderungen automatisch in Ihrer Hauptarbeitsdatei aktualisiert 4. Akzentbilder hinzufügen: Als Nächstes bringen wir unser Akzentbild ein. In diesem Fall eine gespaltene Wassermelone, da es sich um eine Werbung für Wassermelonensaft Platzieren Sie es richtig auf der Leinwand und konvertieren Sie es in ein intelligentes Objekt Drücken Sie Strg+T oder Befehlstaste+T auf dem Mac, um es zu transformieren. Halte die Umschalttaste gedrückt und ändere die Größe von oben oder unten, sodass sie mit deiner ausgeschnittenen Flasche übereinstimmt Sie können es sogar leicht schräg stellen, um es besser an die Perspektive anzupassen Sobald es richtig aussieht, stellen Sie sicher, dass es im Ebenenbedienfeld richtig ausgerichtet gut über Ihren ausgeschnittenen Abschnitten Halten Sie nun Alt und Rag gedrückt, um eine Kopie zu erstellen. Drücken Sie Strg plus T , um es zu transformieren. Bewege den Ankerpunkt erneut und drehe ihn ein wenig. Dies macht es viel einfacher, Ihr Layout reibungslos anzupassen. Wiederholen Sie dies für so viele Splits, die Sie erstellt haben. Ich mache es hier für das dritte und letzte Stück. Diese kleinen Techniken wie Schrägstellen, Schneiden, Drehen sind mit der Übung ganz natürlich, also überstürzen Sie sich nicht Nehmen Sie sich Zeit, um zu experimentieren und Ihre Arbeitsdatei zu verfeinern. Sobald Sie alle Wassermelonenscheiben angeordnet haben , können Sie die Datei speichern und die Masterdatei überprüfen und nach Bedarf Anpassungen und Ausrichtungen vornehmen . Oh 5. Hinzufügen von Schatten und anderen Details: Sobald das Layout gut aussieht, fügen wir einige Schatten hinzu, um ihm Tiefe zu verleihen. Halten Sie die Befehlstaste oder die Strg-Taste gedrückt und klicken Sie auf die Vorschaubilder Ihrer getrennten Ebenen, um eine Auswahl zu treffen Erstellen Sie eine neue Ebene, nehmen Sie Ihren Pinsel, stellen Sie ihn auf Schwarz und malen Sie sanft in den Schatten, wo sich die Teile treffen Konzentrieren Sie sich auf die engeren Zwischenräume oder Überlappungen. Dort fallen Schatten auf natürliche Weise. Malen Sie Schatten immer auf eine separate Ebene damit Sie sie später problemlos bearbeiten oder entfernen können. Versuchen Sie jetzt, mit den Mischmodi und der Deckkraft herumzuspielen Mischmodi und der Deckkraft , damit sie natürlicher aussehen Ich verwende gerne Multiplikation und reduziere dann die Deckkraft auf etwa 50 bis 60% Es verleiht dem Objekt eine schöne weiche Tiefe. Sie können auch allgemeine Schatten auf der linken oder rechten Seite der Flasche und sogar Glanzlichter auf der gegenüberliegenden Seite hinzufügen auf der linken oder rechten Seite der Flasche und sogar Glanzlichter , um sie hervorzuheben. Wenn du mehrere Teile auswählst, halte die Umschalt-+Befehlstaste oder Umschalt-+Strg-Taste gedrückt, um sie alle zusammen auszuwählen. Sie dann auf einer neuen Ebene Pinseln Sie dann auf einer neuen Ebene leicht Ihre Schatten oder Lichter ein. Sie können sogar etwas Weiß oder Hellgelb für subtile Glanzlichter verwenden und mit Mischmodi wie Überlagern oder Multiplizieren experimentieren mit Mischmodi wie Überlagern oder , um diesen schönen Drei-D-Effekt zu erzielen Nachdem wir das alles erledigt haben, kehren wir zur Masterdatei zurück Bevor wir die letzten Details hinzufügen, erstellen wir einen Schatten für die gesamte Flasche. Füge eine neue Ebene hinzu, nimm das elliptische Auswahlwerkzeug und mache eine ovale Form direkt unter der Flasche Fülle es mit einer dunklen Farbe , um den Schatten zu erzeugen. Gehen Sie nun zur Registerkarte Filter, gehen Sie nach unten zu Unschärfe und wählen Sie Bewegungsunschärfe Stellen Sie den Winkel so ein, dass er von links nach rechts verläuft, und fügen Sie einfach ein wenig Unschärfe hinzu, damit sich der Schatten sanft in diese Richtung ausbreitet Sobald das erledigt ist, kehren Sie zu Filter-Unschärfe zurück und wählen diesmal Gaußsche und wählen diesmal Fügen Sie hier etwas mehr Unschärfe hinzu, um alles zu glätten und es gut mit Ihrem Produkt zu vermischen. Das ist es Jetzt hast du einen sauberen, realistischen Schatten im Studiostil , der sich natürlich und ausgewogen anfühlt. Wählen Sie abschließend sowohl die Flaschen- als auch die Schattenebene aus und verknüpfen Sie sie miteinander. Auf diese Weise bleibt alles perfekt ausgerichtet und einfach zu verwalten, wenn Sie später die Größe ändern oder etwas verschieben bleibt alles perfekt ausgerichtet und einfach zu verwalten Als Nächstes fügen wir ein Spiegelbild für unser Produkt hinzu. Erstellen Sie zunächst eine Kopie der Flaschenebene, indem Sie die Befehlstaste oder die Strg-Taste drücken Drehen Sie sie vertikal bewegen Sie sie knapp unter die Originalflasche und richten Sie sie perfekt aus. Fügen Sie dann eine Ebenenmaske hinzu, wählen Sie das Verlaufswerkzeug und wählen Sie aus den Optionen Schwarz und Weiß aus. Passen Sie die Richtung des Verlaufs an, um zu steuern, wie die Reflexion ausgeblendet wird Passen Sie es an, bis es natürlich aussieht. Sobald das eingestellt ist, platzieren diese Reflexionsebene direkt unter der Schattenebene, damit alles korrekt ausgerichtet ist. Sie können die Deckkraft der Ebene auch auf etwa 60 bis 70% reduzieren , damit sie realistischer aussieht 6. Hinzufügen von Spritzern und anderen Elementen: Lassen Sie uns nun einige Splash-Effekte hinzufügen. Ich habe ein Splash-Bild von Adobe Stock heruntergeladen und konvertiere es in ein Smart-Objekt, sodass die Qualität erhalten bleibt. Als Nächstes skalieren und drehen Sie es so, dass es mit der geschnittenen Flasche übereinstimmt. Passen Sie es einfach an, bis es natürlich zu Ihrem Design passt. Sie Strg+T oder Befehlstaste+T auf dem Mac, damit es besser Drücken Sie Strg+T oder Befehlstaste+T auf dem Mac, damit es besser zusammenpasst. Klicken Sie mit der rechten Maustaste und wählen Sie Warp. Anschließend können Sie die Spritzform an die Kurven der Flasche anpassen die Spritzform an die Kurven der Flasche Wenn Sie mit der Form zufrieden sind, fügen Sie eine Ebenenmaske hinzu und entfernen Sie alle unerwünschten Bereiche mit einem weichen Pinsel. Es ist wichtig, mit der Härte und Größe des Pinsels zu experimentieren . Auf diese Weise erzielen Sie einen natürlicheren Effekt als ein eingefügtes Bild. Damit sich die Farbe der Spritzer perfekt vermischt, fügen wir nun eine Anpassung der Farbsättigung für den Schrägstrich Da wir ein intelligentes Objekt verwenden, ist dieser Prozess nicht destruktiv Sie können es später jederzeit anpassen, die Rottöne auswählen und die Sättigung leicht erhöhen , um ein leuchtendes, saftiges Rot zu erhalten Passen Sie dann die Helligkeit und die Glanzlichter an Ihr Gesamtdesign Wenn Sie möchten, versuchen Sie, mit den Mischmodi zu experimentieren. Ich verwende derzeit hartes Licht, aber Sie können Optionen wie Überlagerung oder Weichlicht für verschiedene Effekte ausprobieren Überlagerung oder Weichlicht für Wenn du den Splash duplizierst und auf Fehler bei der Ebenenmaske stößt, lösche einfach die bestehende Maske und wende sie erneut Manchmal können intelligente Objektmasken nach dem Umdrehen zu Konflikten führen Sobald alles einheitlich aussieht, fügen Sie allen Duplikaten Ebenenmasken hinzu, verfeinern Sie die Kanten und stellen Sie sicher, dass die Spritzer gut zu Ihren Flaschenschnitten Wiederhole die gleichen Schritte für so viele Splash-Variationen, wie du möchtest Gehen wir nun zum letzten und letzten Splash des Designs über. Auch hier können Sie einfach damit beginnen, das ursprüngliche Begrüßungsbild zu duplizieren und dann die Ebenenmaske zu löschen Sobald Sie den Splash verkleinert und am Design ausgerichtet haben, können Sie mit dem Hinzufügen der neuen Ebenenmaske fortfahren und mit dem Ausmalen der unerwünschten Teile beginnen Ausmalen der unerwünschten Teile Als Nächstes fügen wir einige zusätzliche Designelemente , um die Szene zu bereichern Hier verwende ich ein paar kleine Wassermelonenscheiben. Diese wurden mit KI generiert. Sie können heruntergeladene Archivbilder verwenden oder sogar Ihre eigenen direkt in Photoshop generieren , wenn Sie eine neuere Version verwenden. Positionieren und skalieren Sie die Schichten rund um Ihre Komposition, um den Rahmen ausgewogen zu gestalten. 7. Arbeiten im Hintergrund: Nachdem wir die zusätzlichen Elemente ausgerichtet haben, gehen wir zum Hintergrund über und fügen zusätzliche Schatten und Lichter , damit unser Produkt noch besser zur Geltung kommt Lassen Sie uns nun eine neue Ebene erstellen und sanft in dunkleren Rot- und Grüntönen malen Dies trägt dazu bei, eine sanfte Helligkeit im mittleren Bereich hervorzuheben und das Produkt fühlt sich lebendiger Ich experimentiere mit hellgelben, grünen und roten Farbtönen, um einen warmen Farbverlauf von Weiß über Gelb bis Rot zu Grün zu erzeugen einen warmen Farbverlauf von Weiß über Gelb bis Rot zu Grün zu Das verleiht Tiefe und verbindet die Farben mit dem Produktthema nun in der Mitte der Anzeige Lassen Sie uns nun in der Mitte der Anzeige den gleichen Vorgang fortsetzen und mit einem sanften Gelb beginnen. Lassen Sie uns die Sättigung schrittweise reduzieren und zu Weiß übergehen. Schließlich erhalten wir eine lebendige Verlaufsmischung aller Farben zusammen. 8. Hinzufügen von Text und Slogans: Sobald die Beleuchtung richtig aussieht, gehen wir zu Text und Branding Ich füge einen Slogan „Burst in Freshness“ hinzu, der mithilfe von Chat-GPT generiert wurde Ich verwende Poppins Black oder Popins Medium Font. Sie können jede Schriftart verwenden, die Sie mögen und sogar mit verschiedenen experimentieren Ändern Sie die Textfarbe in Weiß und fügen Sie einige Ebenenstile hinzu, um den Kontrast zu verbessern. Da weißer Text manchmal mit dem Hintergrund verschmelzen kann, wenden wir einen Schlagschatten an, damit er besser zur Geltung kommt. Daher wählen wir unten im Ebenenfenster die Option Ebenenstil und dann Schlagschatten aus . Sie können die Deckkraft, die Streuung und den Winkel anpassen , bis sie sich ausgewogen anfühlen Fügen Sie als Nächstes eine Kontur hinzu, wählen Sie eine Farbe aus Ihrem Produkt aus, z. B. Rot oder Grün, und stellen Sie den Mischmodus auf Multiplizieren ein, um einen realistischen Effekt zu erzielen. Dadurch entsteht ein subtiles, aufkleberähnliches Erscheinungsbild, das sich gut vom Hintergrund abhebt Passen Sie danach die Textgröße und -position an, um eine perfekte Ausrichtung zu Hier reduziere ich nur das erste Wort des Slogans, sodass das Wort „Frische“ noch besser zur Geltung kommt Ich passe auch die Ebenenposition des Slogans an, sodass sich der Splash oder das Produkt leicht mit dem Text überschneidet Dadurch entsteht ein angenehmes Gefühl von Tiefe. Schließlich füge ich einen sekundären Slogan hinzu. Sie können den gleichen Styling-Prozess wiederholen , um das Design konsistent zu halten Hier füge ich einfach einen leichten Schatten hinzu , damit der Hauptslogan besser sichtbar ist. Führen Sie abschließend ein wenig Aufräumen durch, korrigieren Sie die Abstände, passen Sie die Beleuchtung und mischen Sie alles gut Wenn Sie möchten, spielen Sie mit Farbkorrekturen oder zusätzlichen Effekten herum , bis Sie das gewünschte Aussehen erhalten Und denken Sie daran, jede neue Bearbeitung oder jedes neue Element immer auf einer eigenen Ebene zu belassen, damit Sie einfach zurückgehen und Änderungen vornehmen können Sobald alles gut aussieht, ist dein Design fertig. Wenn Ihnen etwas gefallen hat oder Sie etwas Neues gelernt haben, Sie unbedingt einen Kommentar. Ich würde gerne deine Gedanken hören. Danke fürs Zuschauen und wir sehen uns im nächsten.