Hallo Hallo!

Ich bin Jay, und heute werde ich Ihnen alles beibringen, was Sie wissen müssen, wenn Sie Icons für soziale Medien entwerfen!

 

Ich habe auch eine Videoversion dieses Tutorials erstellt, falls Sie lieber auf diese Weise lernen!

Also, fangen wir an.

Eine Einführung in Icons

Wie oft haben Sie schon einem Künstler oder Kreativen gefolgt, weil sein Icon Ihre Aufmerksamkeit erregte und Sie mehr von seiner Arbeit sehen wollten?

 

Deshalb sind Icons die beliebteste und häufigste Option, die Leute bei Künstlern in Auftrag geben. Es ist das, was Sie ausmacht, SIE!

 

Dieses Tutorial ist eigentlich in zwei Teile unterteilt: „Konzepte“ und „Exportieren“. Wenn Sie sich also mehr für die Exportgröße von Icons interessieren, überspringen Sie diesen Abschnitt und gehen Sie zu dem Abschnitt, der lautet:

 

„Leinwandgröße und Dateigrößenbeschränkungen in sozialen Medien“

 

Ästhetik

Wenn Sie mit Kunden zusammenarbeiten möchten, haben alle unterschiedliche Ideen und Konzepte im Kopf, egal wie sehr Sie versuchen, es zu erklären. Sie müssen also lernen, wie Sie diese erstaunlichen Ideen am besten anderen mitteilen können!

 

Ästhetik hilft Ihnen bei der Entscheidung, welche Elemente Sie in Ihrem Design haben möchten. Heutzutage haben die meisten Menschen von den verschiedenen „Cores“ gehört, was Ihre Arbeit als Künstler erheblich erleichtert!

 

Und wenn Sie an Ihrer eigenen Marke und Stimme als Künstler arbeiten, kann Ästhetik Ihnen helfen zu entscheiden, wie Sie sich präsentieren möchten. Aber! Ästhetik sollte als Ausgangspunkt dienen und nicht zu Einschränkungen werden.

Sind Sie ein Fan von leuchtenden Farben? Oder vielleicht mögen Sie natürliche Farben, Pilze und Cottages. Egal, was Ihre Interessen sind, es gibt eine Ästhetik für Sie!

 

Ich empfehle dringend Unsplash als urheberrechtsfreie Bildquelle oder Pinterest, um verschiedene Moodboards zu erstellen, die Sie verwenden können!

Hier ist eine Liste von Ästhetiken, die Sie auch nachschlagen können, um Ihnen den Einstieg zu erleichtern!

 

Cottagecore

 

Dark Academia

 

Fairycore

 

Indie

 

Softcore / Kawaii

 

Spacecore

 

Vaporwave

 

Es gibt noch so viele weitere Ästhetiken, die man nachschlagen kann, viel mehr als das, was ich hier aufgelistet habe, also versuchen Sie, einige dieser Begriffe nachzuschlagen!

Geschichtenerzählen in Icons

Wenn es um das Gesamtdesign geht, wenn Sie sich für eine Nahaufnahme des Gesichts entscheiden, denken Sie über die Ausdrücke nach, die Sie verwenden können. Jeder Ausdruck, den Sie wählen, wird drastisch verändern, wie Menschen den Charakter oder die Persona in Ihrem Icon wahrnehmen.

 

Icons können eine Geschichte erzählen, und apropos Geschichtenerzählen -

Icons sollten von Weitem und aus der Nähe leicht erkennbar sein. Es gibt viele Möglichkeiten, dies zu tun, und die meisten Künstler wählen eine Nahaufnahme des Gesichts oder das visuell interessanteste Element in einem Design.

 

Es ist besser, so viel wie möglich zu vereinfachen, anstatt Dinge zu komplex zu gestalten, um sie visuell zu verstehen.

 

Das bedeutet nicht, dass Sie auf die Emotionen und die Geschichte verzichten sollten, die Ihr Icon erzählen kann! Es kann ein einfaches Lächeln sein oder ein Charakter, der in Tränen ausbricht. Denken Sie beim Zeichnen darüber nach, wie Sie die Emotion in Ihrem Icon-Design verstärken können.

 

Je mehr Sie das Design vorantreiben, desto besser das Ergebnis!

Quadrate VS Kreise

Also Debattenzeit, sollten Sie Ihre Icons in Kreisen oder Quadraten zeichnen?

 

Als jemand, der Icons auf beide Arten gezeichnet hat, kann ich Ihnen guten Gewissens empfehlen, zuerst in Quadraten zu zeichnen.

 

WARUM „zuerst“? Lassen Sie es mich erklären:

 

Es ist besser, zusätzliche Teile einer Zeichnung zum Ausschneiden zu haben als gar keine. Das wird Ihnen auf lange Sicht zu 100 % Kummer ersparen. Tatsächlich empfehle ich, zuerst eine quadratische Version des Icons zu zeichnen und DANN daraus einen Kreis zu machen.

 

Indem Sie ein bisschen mehr Bildmaterial zum Arbeiten haben, können Sie Last-Minute-Anpassungen und andere Bearbeitungen vornehmen, ohne sich zusätzliche Arbeit zu machen. Es gibt Ihrem Kunden auch etwas Spielraum, wenn es darum geht, das von Ihnen bereitgestellte Icon zu verwenden.

Ein Problem, das ich bei Kreis-Icons festgestellt habe, ist, dass sie keine verschiedenen Arten von Ausschnitten zulassen. Es könnte sein, dass Sie später feststellen, dass Sie Ihr Icon vergrößern oder einen etwas anderen Winkel verwenden möchten. Besonders wenn Sie auf mehreren Plattformen hochladen.

 

Im Beispiel unten sehen Sie, dass ich beim Hochladen nicht so viel Bildmaterial zum Arbeiten habe.

Letztendlich liegt es an Ihnen, wie Sie Ihre Icons gestalten. Beide Methoden haben ihre Vor- und Nachteile, und ich spreche nur darüber, damit Sie diese Einschränkungen und Vorteile im Hinterkopf behalten können.

Leinwandgröße und Dateigrößenbeschränkungen in sozialen Medien

Obwohl Icons auf verschiedenen Social-Media-Plattformen sehr klein erscheinen (bis zu 100x100 Pixel), sollten Sie diese Größen niemals zum Zeichnen verwenden, da sie Ihnen kein gutes Bildmaterial liefern. Sie müssen Ihre Icons auch nicht auf diese Größe verkleinern, da alle Social-Media-Plattformen dies automatisch für Sie tun.

 

Für höhere Pixelgrößen spielt es jedoch keine Rolle, welche Leinwandgröße Sie verwenden, solange es ein Quadrat ist.

 

Die am häufigsten verwendete Größe ist 800px mal 800px.

 

Ich empfehle jedoch 1000px mal 1000px oder sogar 2000px mal 2000px, da dies Ihnen ermöglicht, besser aussehende Lineart und Bilder zu erstellen. Wenn Sie es wirklich brauchen, können Sie Ihr größeres Bild speichern und auf kleinere Größen verkleinern. Im obigen Beispiel sehen Sie, wie jede Größe direkt nebeneinander aussieht.

 

Die einzige Einschränkung, die Sie haben werden, sind die unterschiedlichen Anforderungen auf verschiedenen Social-Media-Plattformen. Beachten Sie, dass die Dateigrößenbeschränkungen im Laufe der Zeit zunehmen und sich ändern werden. Um das Risiko zu vermeiden, veraltete Informationen in dieses Tutorial aufzunehmen, werde ich keine spezifischen Angaben für jede Plattform machen.

 

Wenn Sie jemals befürchten, Ihrem Kunden ein Icon mit einer zu großen Dateigröße zum Hochladen zu geben, versuchen Sie, es selbst auf Ihrer eigenen Social-Media-Seite hochzuladen! Sie müssen das Bild nicht speichern, achten Sie einfach auf die Warnung, dass die Dateigröße zu groß ist. Wenn nichts angezeigt wird, sind Sie auf der sicheren Seite!

 

Erstellen Sie Ihre eigene Icon-Vorlage

Lassen Sie uns eine supereinfache Icon-Vorlage erstellen, die Sie verwenden können! Erstellen Sie zuerst eine neue Leinwand, ich werde 1000px mal 1000px verwenden.

 

Gehen Sie dann zu „Figur“ und klicken Sie auf das Ellipsen-Werkzeug.

Stellen Sie sicher, dass die Pinselgröße 0,50 beträgt.

 

Halten Sie die Umschalttaste gedrückt und erstellen Sie einen Kreis, der gleichmäßig geformt ist. Er muss anfangs nicht die gesamte Leinwand ausfüllen, wichtiger ist, dass er gleichmäßig ist.

 

Skalieren Sie als Nächstes den Kreis so, dass er fast die Ränder berührt. Stellen Sie sicher, dass er zentriert ist, auf allen Seiten denselben Abstand hat und so nah wie möglich am Rand liegt.

Füllen Sie mit dem Farbeimer-Werkzeug die äußeren Ränder des Kreises.

 

Es sollte so aussehen -

Stellen Sie sicher, dass die Ebene ausgewählt ist.

 

Gehen Sie zu „BEARBEITEN“

 

Dann „Material registrieren“ und klicken Sie auf „Bild“

Nach dem Klicken auf „Bild“ öffnet sich ein Fenster namens „Materialeigenschaft“.

 

Für unsere Zwecke können Sie die meisten dieser Einstellungen ignorieren.

 

Alles, was Sie tun müssen, ist, Ihrem Material einen Namen zu geben,

 

Klicken Sie auf den Bereich, in dem Sie es speichern möchten,

 

Klicken Sie dann in den „Such-Tag“-Einstellungen auf das Icon und geben Sie „Icon“ ein. Dies erleichtert das Auffinden der Vorlage.

 

Und klicken Sie auf „OK“ und Sie sind fertig!

Alles, was Sie tun müssen, ist, Ihre Vorlage auf Ihre Leinwand zu klicken und zu ziehen, die Umschalttaste gedrückt zu halten und sie an die richtige Stelle zu ziehen, die Deckkraft zu verringern, und schon kann es losgehen!!

Wenn Sie Ihr Icon auf den Kreis zuschneiden möchten.

 

Gehen Sie zum Ebenen-Bedienfeld und

 

Halten Sie STRG gedrückt und klicken Sie auf das Vorschaubild in Ihrer Vorlagen-Ebene, um eine Auswahl zu treffen,

(dadurch wird alles innerhalb Ihrer Vorlagen-Ebene ausgewählt)

 

Verwenden Sie dann die Tastenkombination „STRG UMSCHALT I“, um die Auswahl zu invertieren,

 

und klicken Sie auf die Ebenenmasken-Option, um Ihr Icon zuzuschneiden.

Sollten Sie JPEGs oder PNGs verwenden?

Dieses Thema verdient ein eigenes Tutorial, aber um diesen Abschnitt kurz und einfach zu halten,

 

Es hängt wirklich davon ab, was Sie brauchen. Tatsächlich ist es besser zu sagen, WANN Sie JPEGs und PNGs verwenden sollten. Ich sende Kunden in der Regel eine JPEG- und eine PNG-Version aus den unten aufgeführten Gründen.

 

JPEGs:

Speichern als kleine Dateigrößen, wodurch sie einfacher online geteilt und hochgeladen werden können. Der Nachteil dabei ist, dass Sie im Laufe der Zeit mehr Daten und Qualität verlieren. Nicht sehr gut für den langfristigen Gebrauch.

 

Während,

 

PNGs:

Verwenden eine Art von Komprimierung, die im Laufe der Zeit keine Daten verliert, wodurch PNGs perfekt für Logos sind. Sie werden jedoch als größere Dateigrößen gespeichert, was das Hochladen auf Websites mit unterschiedlichen Dateigrößenbeschränkungen erschwert.

 

Meistens werden JPEGs vor PNGs verwendet, aber als Grafikdesigner und Künstler, die VIELE Dateien online teilen, ist es gut, diese Unterschiede im Hinterkopf zu behalten.

Hintergründe

Lassen Sie uns zum Schluss über Hintergründe sprechen!

Der Clip Studio Paint Asset Store bietet so viele Materialien, die Sie zu Ihren Icon-Hintergründen hinzufügen können. Jeden Tag wird so viel Inhalt von anderen Künstlern hochgeladen, und ich habe sogar dieses entzückende Karomuster-Texturpaket gefunden, als ich Bilder für dieses Tutorial gesammelt habe!

 

Wenn Sie es herunterladen möchten, hier ist die Inhalts-ID: 1922139

Ich habe auch einige Lieblingshintergründe, die mit Clip Studio geliefert werden und die ich gerne verwende, wie zum Beispiel:

 

Dieses Material namens „Soft flower lace 02“

Diese glitzernde Himmelstextur namens „Glitter 01“

und diese farbenfrohe quadratische Textur namens „Pop style_IS“

Wenn Sie also einmal nicht weiterwissen, wie Sie die Hintergründe für Ihre Icons gestalten sollen, versuchen Sie, sich verschiedene Materialien anzusehen! Das ist eine einfache Möglichkeit, verschiedene Looks für Ihre Icons auszuprobieren, ohne Stunden damit verbringen zu müssen, sie alle selbst zu erstellen!

 

Es gibt kostenlose und kostenpflichtige Materialien, also schauen Sie ab und zu im Asset Store vorbei, wenn Sie das Gefühl haben, dass Ihre Arbeit noch ein kleines bisschen mehr Pfiff braucht!

Fazit

Vielen Dank, dass Sie dabei waren.

 

Vergessen Sie nicht, dieses Tutorial zu liken und zu favorisieren, um es für später zu speichern. Es zeigt mir auch, dass ich in Zukunft weitere Tutorials erstellen soll! Hinterlassen Sie gerne auch Vorschläge!

 

Wenn Sie mehr von meiner Kunst sehen möchten, finden Sie sie hier auf meinem Linktree, wo Sie meinen Instagram-, Tiktok-, Twitter- und Youtube-Kanal finden, auf dem ich noch mehr Inhalte wie diesen poste!

 

und damit sehe ich Sie das nächste Mal, tschüss!