All Articles Photoshop
Entwerfen Sie eine "Cool" Social Media Anzeige in Photoshop
Martin Perhiniak on Tue, May 7th 0 comments
Look around and you'll probably notice that good social media adverts use excellent graphics & banners. In this Photoshop tutorial, Martin Perhiniak shows how to design a

In diesem Artikel werden wir einen kühlen Social-Media-Anzeige entwerfen. Diese Grafik ist für ein Unternehmen mit Sitz in Großbritannien Ausbildung (geschaffen www.lovesocialmedia.com ) zusammen mit anderen Bannern Kombination typisch englischen Objekte mit Social Media Icons und Logos. In diesem Tutorial werden wir durch den Design-Prozess der wichtigsten Grafik, die eine verbesserte Version der Firmen-Logo ist zu gehen.

Dies ist, wie das endgültige Design aussehen wird:

Final Logo


Wir benötigen einige Social Media Icons in erster Linie. Ich sammelte sie, so dass Sie nicht haben, um nach ihnen zu suchen.

Icons


Sie können


Schritt 1 - Import Benutzerdefinierte Formen

Sobald Sie die heruntergeladene Icon-Set sollten Sie eine Datei auf Ihrem Computer namens social_media_icon_set.csh haben. Alles was Sie brauchen, um mit diesem (und es gilt für alle Photoshop-Vorgabe oder Einstellungen-Datei) zu tun ist, darauf doppelklicken. Wenn Sie Photoshop auf Ihrem Computer installiert ist, als das Custom Shapes automatisch in Ihre Presets Bibliothek geladen werden. Sie können überprüfen, ob Sie das Eigene-Form-Werkzeug Zeichnung in der Tool-Leiste unter der Formwerkzeuge (Rechteck, abgerundetes Rechteck, Ellipse, etc.) liegt aus und klicken Sie auf das kleine Bild-Box auf der Optionsleiste (oben) neben dem Wort Form .

Pic 1


Sie sollten ein paar Standard-Photoshop eigene Formen plus 15 sozialen Symbole am Ende. Wenn Sie loszuwerden, die Standard-Icons möchten, können Sie gehen zu Bearbeiten

Pic 2


Wenn Sie fertig sind mit diesem können Sie klicken Sie auf Fertig.


Schritt 2 - Neues Dokument erstellen

Zeit, um das Dokument für unser Design zu erstellen. Früher habe ich die folgenden Dimensionen, aber seine bis zu Ihnen zu wählen, welche Größe Sie für Ihr Design bevorzugen:

Pic 3


Schritt 3 - Roter Hintergrund

Dieser Schritt, wenn sehr einfach. Wählen Sie eine rote Farbe für Ihren Vordergrund Swatch (unten auf der Symbolleiste) und drücken Sie dann die Option / Alt-Backspace in Ihrem Hintergrundebene mit roter Füllung.

Pic 4


Schritt 4 - Zeichnen oder importieren Herzform

Wir werden eine Herzform für unsere Design benötigen, was wird der Rahmen für die Social Media Icons sein. Sie können dieses Bild unten verwenden (PNG Datei mit Transparenz), oder Sie können eine Herzform ziehen, wenn Sie mit dem Zeichenstift-Werkzeug sind.

Heart


Wenn Sie es zeichnen wollen, mit der linken Hälfte des Herzens beginnen und ziehen Sie sie gerade wie folgt aus:

Pic 5


Dann können Sie die Form mit dem Path Selection Tool duplizieren, auf dem Pfad klicken und dann mit gedrückter Shift-Alt / Option während der Bewegung nach rechts:

Pic 6


Sobald Sie beide Seiten haben, können Sie spiegeln horizontal einer von ihnen. Wählen Sie den Pfad und verwenden Sie dann Bearbeiten

Pic 7


Jetzt können wir diese beiden Wege miteinander zu verbinden. Bewegen Sie sie nahe beieinander, bis ihre geraden Linie überlappt einander in der Mitte. Sobald dies geschehen ist können Sie beide zusammen auszuwählen.

Pic 8


Der nächste Schritt ist zu entscheiden, Merge Form Komponenten aus dem Optionen bar:

Pic 9


Ihr Herz-Form ist fertig. Sie können nun speichern Sie es als eine eigene Form so können Sie es in Ihre nächsten Projekte zu nutzen. Während mit den Pfad ausgewählt wählen Sie Bearbeiten

Pic 10


Wenn das Herz Formebene ist bereit sicherstellen, dass Sie die Füllfarbe weiß und den Hub auf keine (in früheren Photoshop-Versionen auf CS6 brauchen Sie nur auf die Vorder-Farbfeld auf weiß gesetzt und drücken Sie Alt / Option-Backspace, während mit der Formebene ausgewählt). Das letzte, was Sie tun müssen, ist, sich im Uhrzeigersinn das Herz um 30 Grad drehen. Um dies zu tun, müssen Sie Befehl / Strg-T (Free Transform) drücken und halten Sie die Umschalttaste gedrückt, während sich die Form.


Schritt 5 - Text hinzufügen

Ich habe eine Textebene sagen Teilen Sie die Liebe in allen Hauptstädten mit DIN Bold Schrift mit weißer Farbe. Ich habe auch die Textebene gedreht um 30 Grad gegen den Uhrzeigersinn und legte sie unter dem Herzen Form auf der rechten Seite nach der Kante.

Pic 11


Schritt 6 - In Social Media Icons

Dieser Schritt wird die meiste Zeit verbraucht sein. Wir müssen füllen Sie das Herz-Form mit den Symbolen und machen es interessant aussehen müssen wir versuchen, so viel Fläche wie möglich abzudecken, ohne die Symbole einander überlappen.

Lassen Sie mich Ihnen zeigen, wie Sie das erste Symbol hinzufügen und dann können Sie einfach weiterhin tun, die gleiche Prozedur mehrmals.

Wählen Sie das Eigene-Form-Werkzeug und stellen Sie die Vordergrundfarbe auf den gleichen roten als Hintergrund. Wählen Sie eine der Social-Media-Icons aus der Option bar und zeichnen Sie die Form bei gedrückter Umschalttaste, um die ursprünglichen Proportionen zu halten. Es ist auch wichtig, um die Zeichnung Modus des Custom Shape Tool auf Form haben. Sobald Sie Ihre Form Schicht bereit Sie können die Free Transform Tool verwenden, um die Größe zu ändern haben, verschieben und drehen Sie es um.

Pic 12


Schritt 7 - Einstellen Symbolen

Das letzte, was Sie tun müssen, ist, um sicherzustellen, dass Sie das ganze Herz schön mit Symbolen gefüllt. Vielleicht finden Sie es schwierig, zuvor hinzugefügten Symbole erneut auswählen. Nach einer Weile werden Sie mehrere Dutzend Schichten und der einfachste Weg, um schnell erneut auswählen müssen ein zuvor erstelltes Formebene ist das Verschieben-Werkzeug und Steuerung / Befehl-Klick auf eine Form zu verwenden, um es auszuwählen. So sparen Sie eine Menge Zeit in der Weiterverarbeitung dieses Design

Heart Final


Ich hoffe euch hat dieses Tutorial und gut gemacht für Ihre harte Arbeit :)

Related Videos
Comments (0)

You must be logged in to comment.

Understanding Brushes, Vector Tools and Transforms
Photoshop CS6 103
Dream It. Do It.
Do you want to learn Understanding Brushes, Vector Tools and Transforms?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: