Es ist nicht übertrieben zu sagen, dass ein Profilsymbol oder -bild in sozialen Medien das Gesicht Ihres Kontos in der virtuellen Welt ist. Während Sie jedes beliebige Bild für ein Profilsymbol hochladen können, kann die Erstellung eines optisch ansprechenden Profilsymbols von Vorteil sein.

 

Es gibt eine Videoversion dieses Tutorials. Ich empfehle, sie anzusehen!

Größe

Social-Media-Plattformen verlangen normalerweise keine HD-Bilder für Profilsymbole. Für Höhe und Breite reichen 800 Quadratpixel in der Regel aus, aber ich bevorzuge mindestens 1000.

 

Ich denke, es ist am besten, die Illustrationsgröße groß genug für die Veröffentlichung in sozialen Medien zu wählen. Eine druckbare Größe wäre ideal.

Wenn Sie es auch lästig finden, ständig hinein- und herauszuzoomen, um zu sehen, ob Ihr Kunstwerk in kleinerer Größe gut aussieht,

 

Blenden Sie den Navigator ein, falls noch nicht geschehen, und ändern Sie die Größe stattdessen auf etwa 100 Quadratpixel. Jetzt können Sie die kleine Version in Echtzeit sehen.

Form

Um sicherzugehen, ist es am besten, Ihr Symbol in quadratischer Form zu erstellen, da es manchmal in seltsame Formen zugeschnitten wird. Die meisten werden das Symbol kreisförmig zuschneiden, daher verwenden wir dies als Referenz.

 

Um den Kreis auf einfache Weise zu erstellen, gehen Sie zum Unterwerkzeug 'Figur' (1) und wählen Sie dann 'Ellipse' (2). Die Option 'Linie/Füllung' (3) sollte auf 'Linie erstellen' eingestellt sein, die mittlere Option.

Überprüfen Sie den 'Aspekttyp' (4) und klicken Sie auf 'Länge festlegen' (5). Sie können wählen, wie viele Pixel der Durchmesser des Kreises betragen soll (6), was großartig ist.

Da die Leinwandgröße 1000 Quadratpixel beträgt, geben Sie 1000 sowohl für Breite als auch für Höhe ein.

 

Klicken Sie auf die obere linke Ecke der Leinwand.

Ein perfekter Kreis erscheint.

Nachdem Sie den Kreis erstellt haben, malen Sie die äußeren Bereiche schwarz, damit es so aussieht, als wäre es wie in sozialen Medien zugeschnitten.

Testen Sie es an Ihrem Profilbild, um zu sehen, ob der Fokuspunkt genau in der Mitte des Kreises liegt. Wenn ja, sind Sie startklar.

Nennen wir den Kreis für den Rest des Tutorials „Zuschneidevorlage“, da wir ihn in späteren Abschnitten verwenden werden. Ich habe ein Spickzettel für Zuschneidevorlagen, den Sie unten sehen können. Wenn Sie ihn verwenden möchten, speichern Sie einfach das Bild unten auf Ihrem Gerät.

Farbe

Fast jede Plattform verfügt über helle und dunkle Modi. Es ist eine gute Idee zu testen, ob das Profilsymbol in Schwarz, Grau und Weiß gut aussieht. Verwenden Sie zum Testen die zuvor erstellte Zuschneidevorlage und erhöhen Sie deren Helligkeit mit Bearbeiten > Tonwertkorrektur > Farbton/Sättigung/Helligkeit.

Dieses Profilsymbol hat einen geringen Kontrast.

Vergleichen Sie es mit diesem, das einen höheren Kontrast aufweist.

Welches sieht in kleinen Größen und in jedem Farbmodus besser aus?

Bei den Bildern oben sind der Charakter und der Hintergrund in separaten Ebenen gezeichnet. Ich habe lediglich die Luminanz des Hintergrunds erhöht, um die Silhouette hervorzuheben.

 

Beachten Sie beim Kolorieren, dass ein hoher Kontrast das Symbol leichter sichtbar macht. In gewisser Weise können Sie nichts falsch machen, wenn Sie ein Schwarz-Weiß-Symbol erstellen. Schließlich sind Schwarz und Weiß das Farbpaar mit dem höchsten Kontrast.

Aber das ist nicht jedermanns Sache. Wenn Sie Farben verwenden möchten, können Sie die gewünschten Farben verwenden und später anpassen.

Buchstabenbasierte Symbole

Beim Entwurf eines buchstabenbasierten Profilsymbols könnten Sie mit Ihrem Design zufrieden sein, nur um dann festzustellen, dass Ihr Profilsymbol beim Hochladen auf ungeschickte Weise zugeschnitten wurde.

Verwenden Sie die Zuschneidevorlage aus dem vorherigen Abschnitt, um dieses Problem zu vermeiden.

Bei der Verwendung von Alphabeten und Ähnlichem sind alle Buchstaben am besten in Großbuchstaben, wenn möglich. Es gibt einen Grund, warum Comics Großbuchstaben für ihre Dialoge verwenden, anstatt nur den ersten Buchstaben des ersten Wortes: Es ist leicht zu lesen.

Wir möchten, dass buchstabenbasierte Symbole auf den ersten Blick in jeder Größe leicht zu lesen sind.

Natürlich können Sie die Buchstaben anpassen und stilisieren, um sie auch in Kleinbuchstaben leicht lesbar zu machen. Verwandeln Sie sie in etwas Logoartiges. Zum Beispiel können Sie das B von „beam“ stilisieren, um es erkennbar zu machen, auch wenn die anderen drei Buchstaben nicht gelesen werden können.

Wenn der Name, den Sie verwenden, mehr als vier Buchstaben hat, eine einzigartige Schreibweise aufweist oder schwer zu merken ist, können Sie sich dafür entscheiden, den ersten Buchstaben des Namens zu stilisieren. Das Gleiche gilt, wenn der Name mehr als ein Wort enthält. Clip Studio, PlayStation, General Electric – Marken und Organisationen nutzen dies ständig.

Hinweis: Das ist wirklich der Name einer Person, die ich im wirklichen Leben kenne, seine Eltern waren zu kreativ bei der Namensgebung!

 

Stilisierte Initialen sind eher wie ein Logo, Sie können sie auf jede beliebige Weise stilisieren, um sie einzigartig und auf den ersten Blick erkennbar zu machen, auch wenn die Initialen nicht leicht lesbar sind.

Falls die Initialen zu gebräuchlich sind (z.B. TV, WC, AC) oder sich mit den Initialen bestehender Marken/Organisationen überschneiden, sollten Sie über Alternativen nachdenken.

 

Zum Beispiel wären die Initialen für Wanderwort Chronicles WC, Sie können es stattdessen zu W-Chro abkürzen. Auf diese Weise denken die Leute nicht an eine Toilette, wenn sie das Profilsymbol sehen. Sie können auch den vollständigen Namen irgendwo in das Symbol einfügen.

Wenn das Wort oder der Name, den Sie verwenden möchten, lang ist und Sie keine Initialen verwenden oder ihn kürzen möchten, können Sie ihn vollständig verwenden. Aber bei sozialen Medien, die Ihr Symbol in einen super winzigen Kreis verwandeln, wie YouTube, wird es bestenfalls augenbelastend und schlimmstenfalls unleserlich.

 

Während der vollständige Name in beiden Beispielen schwer lesbar oder unleserlich ist, wenn er in der Größe geändert wird, ist der auf der rechten Seite immer noch erkennbar wegen des riesigen W-Chro.

Wörter über Bildern funktionieren auch. Stellen Sie sicher, dass die Wörter lesbar sind, indem Sie die Farbe des Wortes und des Bildes kontrastieren.

Bildbasierte Symbole

Mit Bildern haben Sie mehr Spielraum. Porträt, Avatar, Präsentation Ihrer Kunst, Bewerbung Ihrer Projekte oder sogar als Status-Update – alles kann funktionieren.

 

Genau wie bei anderen Kunstwerken müssen Sie zuerst wissen, was Sie zeichnen möchten. Ich ziehe es vor, in einem größeren Bereich zu skizzieren und das Bild dann nach Abschluss der Skizze zuzuschneiden. Manchmal behalte ich das Ganze und schneide es erst beim Hochladen zu.

 

Die Leinwand für diese Skizze ist 2000*2000.

Kopieren Sie die Zuschneidevorlage Ihrer Wahl und fügen Sie sie auf die Leinwand ein. Prüfen Sie, ob die Brennpunkte in einen der Kreise passen, vorzugsweise solche ab 800 Pixeln. Die Brennpunkte dieses Bildes sind das Gesicht und der „Geburtstag“-Teil des Kuchens.

 

Da beides problemlos in Kreise von 1500 und 1000 passt, habe ich beschlossen, das Bild in seiner Originalgröße zu belassen, anstatt es zuzuschneiden.

Verbergen Sie den Kreis und beginnen Sie zu zeichnen. Wenn Sie Lineart erstellen, sollten Sie diese lieber in einer Vektorebene statt in einer Rasterebene erstellen. Es gibt ein Unterwerkzeug namens „Linie korrigieren“ (Hotkey Y), das Ihnen beim Bearbeiten der Vektorlinien helfen kann.

Hier ist ein Beispiel der Bearbeitungsergebnisse in 6 verschiedenen Modi.

1. Vektorlinie einklemmen

2. Breite verdicken/vergrößern. Ganze Linie bearbeiten: AN.

3. Breite verschmälern/verkleinern. Ganze Linie bearbeiten: AN.

4. Breite fixieren. Ganze Linie bearbeiten: AN.

5. Breite verdicken/vergrößern. Ganze Linie bearbeiten: AUS.

6. Breite verschmälern/verkleinern. Ganze Linie bearbeiten: AUS.

 

Der Zeichenprozess:

Farbprüfung.

Da es keine Probleme mit allen drei Farbmodi gibt, ist es fertig!

Tipps

Wenn Ihr Profilsymbol einen geringen Kontrast aufweist, können Sie dies auf zwei Arten beheben. Erstens, wenn die Farben auf separaten Ebenen gezeichnet wurden, können Sie die Farben manuell bearbeiten.

 

Die andere Möglichkeit besteht darin, zu Ebene > Neue Korrekturebene zu gehen und eine/mehrere dieser drei Funktionen zu verwenden: Helligkeit/Kontrast, Tonwertkorrektur und Tonkurve.

Einzeln können sie ähnliche Ergebnisse erzielen, aber es ist möglich, ihre Funktionen zu kombinieren, um das gewünschte Ergebnis zu erhalten. Die Bilder unten wurden mit diesen Funktionen bearbeitet.

Bitte beachten Sie, dass Sie das Profilsymbol so belassen können, wenn das Markenzeichen Ihres Stils kontrastarme Farben sind. Eine geringere Sichtbarkeit des Symbols ist irrelevant, wenn Sie sonst Ihren Stil kompromittieren müssten.

Abschluss

Es ist lustig, dass dieses Thema gerade aufkam, als ich mit der Erstellung meines aktuellen Profilsymbols fertig war. Einige der in diesem Tutorial gezeigten Illustrationen waren das Ergebnis meiner Versuche, haha!

 

Ich hoffe, dieses Tutorial ist hilfreich. Vielen Dank fürs Lesen und viel Spaß beim Zeichnen~

 

Hinweis: Dieses Tutorial wurde zweimal bearbeitet. Zuerst, weil ich eine einfachere Methode zum Erstellen des Kreises zum Zuschneiden gefunden habe. Zweitens, um einen Videolink hinzuzufügen, die Erzählung zu korrigieren und Bilder zu erneuern/hinzuzufügen. Ich habe den Hinweis nur hinzugefügt, falls sich jemand fragt, warum das Tutorial leicht anders ist :)