Einleitung

Hallo zusammen, heute werden wir sehen, wie man ein Mockup/eine Vorlage erstellt und verwendet, um sein Profilsymbol/bild in verschiedenen Größen zu visualisieren. Wir folgen Prinzipien oder Leitfäden, um das Profil während des Designprozesses zu optimieren. Und schließlich, wie man die Bilder exportiert, damit wir sie auf verschiedenen Plattformen wie sozialen Medien, Foren, Chats, Messenger-Apps und mehr verwenden können. Also, fangen wir an.

 

...

 

 

HINWEIS: Die in diesem Tutorial verwendeten Bilder wurden vom Autor des Tutorials entworfen, erstellt oder produziert. Die Logos von Clip Studio Paint, Clip Studio und CELSYS gehören ihren Eigentümern.

 

 

1. Plattformen & Größen erkunden

Der erste Schritt ist, die verschiedenen Plattformen oder die Plattformen zu erkunden, auf denen Sie das Profilbild hochladen werden. Dies können soziale Medien, Chats, Messenger-Apps oder was auch immer Sie verwenden möchten sein.

 

Machen Sie einen Screenshot von dem Gerät, das Sie verwenden. Sie können Tastenkombinationen oder andere Methoden verwenden, um das Layout der verschiedenen Plattformen zu erfassen.

 

WINDOWS.

Drücken Sie Windows+Umschalt+S oder Druck (Taste)

 

MAC.

Drücken Sie Umschalt+Befehl+3 oder Umschalt+Befehl+4 (für Erfassungsbereiche)

 

iPAD.

Drücken Sie die obere Taste + Lautstärke oder die Home-Taste. Sie können auch mit dem Apple Pencil von der unteren linken Ecke nach oben wischen.

 

SAMSUNG TABLET.

Drücken Sie gleichzeitig Power + Lautstärke leiser oder Home-Taste. Sie können auch Palm Swipe über den Bildschirm verwenden. Oder das Air Command Menü mit dem S Pen.

 

Öffnen Sie Ihre Screenshots in Clip Studio Paint und verwenden Sie das Rechteck-Auswahlwerkzeug und die Informationspalette, um die für die Profile verwendeten Größen zu überprüfen. Wenn Sie die Informationspalette nicht sehen, gehen Sie zu Fenster > Information. Sie können die Breite und Höhe überprüfen, die durch ein H für horizontal und ein V für vertikal dargestellt werden.

 

Notieren Sie sich alle Größen, in denen das Profil verwendet wird, Kommentare, Anmelden/Abmelden, Benutzername und so weiter. Wir können die Größenangaben später überprüfen, um ein Mockup/eine Vorlage zur Visualisierung des Profilbilds/-symbols zu erstellen.

 

Hier ist meine Liste mit den Größenangaben:

 

Anmelden / Login 32x32 px

Großes Profil 220x220 px

Benutzername 120x120 px

Kommentare 50x50 px

Symbol 24x24 px

 

 

Für dieses Tutorial werde ich benutzerdefinierte Größen verwenden, die auf Screenshots basieren, die auf einem Windows-PC gemacht wurden. Diese liegen nahe an oder zwischen den gängigsten Profilgrößen, die auf verschiedenen Plattformen wie Twitter, Instagram, YouTube, Facebook und mehr verwendet werden. Beachten Sie jedoch, dass diese Größen keine absoluten Werte sind und sich an den Bildschirm des von Ihnen verwendeten Geräts anpassen können.

 

 

2. Arten von Profilen

Sie können verschiedene Arten von Profilbildern finden, wie z.B.: Logos oder Symbole, persönliche oder geschäftliche Namen, Fotos von Landschaften bis zu Haustieren, digitale und traditionelle Illustrationen, Pixel-Art und mehr.

 

Später in diesem Tutorial werden wir 3 Beispiele sehen und die Entscheidungen erläutern, die während des Designprozesses getroffen wurden. Wir werden (a) ein Beispiel für Pixel-Art sehen, ein weiteres mit Fotos (b), aber Sie können dieselben Tipps auch für abgeflachte oder gescannte Illustrationen verwenden. Und ein Beispiel für (c) Namenslogos.

 

HINWEIS: Beachten Sie, dass wir uns bei diesen Beispielen auf den Prozess konzentrieren und nicht auf die Details der Werkzeuge eingehen oder Schritt für Schritt erklären, wie man Profilbilder erstellt, sondern stattdessen darauf, wie man sie optimiert, damit sie in kleinen Kreisen und Quadraten besser aussehen, indem man 5 Prinzipien oder Leitfäden folgt.

 

 

3. Die 5 Designprinzipien oder Leitfäden für Profilbilder/-symbole

Ich versuche, 5 Prinzipien oder Leitfäden in meinem Prozess zu verwenden, wenn ich ein Profilbild oder -symbol entwerfe. Diese sind: Einfachheit, Kontrast, Wiedererkennbarkeit, Skalierbarkeit und Zuschnittform. Lassen Sie uns einen kurzen Überblick darüber geben.

 

EINFACHHEIT

 

Vermeiden Sie zu viele Details. Details können in großen Größen großartig aussehen, aber in kleineren Größen schwer zu erkennen und zu verstehen sein.

 

 

KONTRAST

 

Erleichtert die Wahrnehmung des Profilbildes. Sie können helle versus dunkle Werte oder komplementäre/kontrastierende Farben verwenden. Sie können auch den Hintergrund der Plattform zu Ihrem Vorteil nutzen.

 

 

SKALIERBARKEIT

 

Überprüfen Sie, ob sich das Profilbild an verschiedene Größen anpassen kann. Die Einfachheit und der Kontrast des Bildes erleichtern diesen Prozess erheblich.

 

 

WIEDERERKENNBARKEIT

 

Sie können Formen oder Silhouetten verwenden, um Ihr Bild in verschiedenen Maßstäben wiedererkennbar zu machen. Sie können auch Farben verwenden oder eine Farbe mit Ihrem Profilbild/-symbol assoziieren.

 

 

ZUSCHNITTFORM

 

Erstellen Sie Ihre Komposition und richten Sie das Bild so aus, dass es durch die Form (Kreis, Quadrat) des Plattformlayouts zugeschnitten wird. Vermeiden Sie unbeabsichtigte Zuschnitte. Sie können die Form des Zuschnitts auch in Ihr Design integrieren oder verwenden.

 

 

WEITER: In den nächsten Kapiteln werden wir sehen, wie man ein Mockup/eine Vorlage erstellt und verwendet, um diese 5 Prinzipien beim Entwerfen von Profilen einfach zu überprüfen. Danach werden wir den Designprozess, dem ich zu folgen versuche, überprüfen und dann einige Beispiele betrachten.

 

 

4. Profil-Mockup/Vorlage (Schritt für Schritt + Kostenloser Download)

In diesem Kapitel werden wir die grundlegenden Schritte zur Erstellung eines Mockups mit Dateiobjekten in Clip Studio Paint sehen.

 

Sie können die gebrauchsfertigen Mockups jedoch über die untenstehenden Links herunterladen, zusammen mit einem PDF zur Verwendung und zu Dingen, die Sie tun und nicht tun dürfen. Kurz gesagt, Sie können sie verwenden, aber bitte lizenzieren, verteilen oder verkaufen Sie sie nicht als Ihre eigenen. Dann können Sie fortfahren oder zum nächsten Kapitel springen: Aktualisieren von Dateiobjekten in einem Mehrfenster-Setup.

 

HINWEIS: Auch wenn ich diese Mockups/Vorlagen nenne. Es handelt sich um .clip-Dateidokumente und nicht um die Vorlagen, die beim Erstellen eines neuen Dokuments in Clip Studio Paint erscheinen.

 

 

LINKS ZUM KOSTENLOSEN DOWNLOAD VON MOCKUPS/VORLAGEN:

 

Mockup/Vorlage für Profile herunterladen, die eine 1000x1000px Leinwand verwenden.

 

Mockup/Vorlage für Pixel-Art-Profile herunterladen, die eine 56x56 px Leinwand verwenden.

 

4.1 Erstellen eines 1:1 Profil-Dokuments

Egal, ob Sie ein neues Profil von Grund auf neu erstellen oder ein vorhandenes anpassen. Wir werden mit einem Seitenverhältnis von 1:1 arbeiten, was der Standard auf allen Plattformen ist.

 

1. Für Profile mit Illustrationen, Fotos oder Namenslogos. Erstellen Sie ein neues Dokument und wählen Sie aus den Voreinstellungen „Quadrat (1000 x 1000px)“. Benennen Sie Ihr Profil-Dokument und speichern Sie es als Clip Studio Paint .clip-Datei. Dies ermöglicht uns, es als Dateiobjekt zu verwenden. Wenn Sie jedoch möchten, können Sie auch .psd-Dateien verwenden, um Dateiobjekte zu erstellen.

 

2. Für Pixel-Art-Profile können Sie kleine Leinwandgrößen verwenden, um die Quadrate sichtbar zu machen. Ich werde eine mittlere Größe von 56x56px erstellen. Sie können aber auch kleinere Größen wie 16x16, 24x24 für größere Pixel ausprobieren. Oder größere Leinwände ab 64x64px, um mehr Details hinzuzufügen. Speichern Sie die Datei dann als Clip Studio Paint-Datei (.clip), damit wir sie später als Dateiobjekt verwenden können.

 

4.2 Mockup/Vorlage mit Dateiobjekten

 

DOKUMENT ERSTELLEN UND SPEICHERN

 

Wir werden ein neues Dokument von 720x1080 px erstellen, um die Profilbilder/-symbole in verschiedenen Größen zu visualisieren, ähnlich wie wenn wir soziale Medien, Chats, Messenger-Apps oder andere Plattformen verwenden. Um ein dunkles Thema zu simulieren, können Sie die Farbe des Papiers in Dunkelgrau oder Schwarz ändern.

 

Speichern Sie dann das Dokument am selben Speicherort wie die zuvor erstellte Profilbild/-symbol-Datei.

 

 

PROFIL ALS DATEIOBJEKT IMPORTIEREN

 

Importieren wir nun die .clip-Datei des Profilbilds/-symbols oder der Pixelgrafik in das soeben erstellte Dokument.

 

(1) Gehen Sie zu Datei > Importieren > Dateiobjekt erstellen… Wählen Sie die Datei aus, die Sie als Dateiobjekt verwenden möchten, und klicken Sie auf Öffnen (2).

 

Sie sehen eine Meldung (3) über das soeben erstellte Dateiobjekt. Und das Dateiobjekt wird in der Ebenenpalette mit einem Symbol einer verknüpften Datei daneben (4) angezeigt.

 

 

GRÖSSE MIT DEM GITTER ÄNDERN

 

Überprüfen Sie die für die Profile verwendeten Größen anhand der Screenshots der Plattformen und Websites, die Sie verwenden werden, oder überprüfen Sie die Liste der benutzerdefinierten Größen, die für dieses Tutorial verwendet wurden.

 

 

Anmelden / Login 32x32 px

Großes Profil 220x220 px

Benutzername 120x120 px

Kommentare 50x50 px

Symbol 24x24 px

 

 

Gehen Sie dann zu Ansicht > Raster/Lineal-Einstellungen und ändern Sie die Anzahl der Unterteilungen auf 1 und passen Sie den Abstand an eine der für das Profil verwendeten Größen an, z.B. 100px. Und machen Sie das Raster unter Ansicht > Raster sichtbar.

 

Ändern Sie nun mit dem Objekt-Werkzeug (Tastenkürzel O) die Größe des Dateiobjekts, indem Sie es an den Ecken ziehen (1), und richten Sie es an einem der Quadrate des Rasters (2) aus.

 

Sie können die Größe in der (3) Informationspalette überprüfen. Klicken Sie bei gedrückter STRG-Taste auf die Miniaturansicht (4) in der Ebenenpalette oder klicken Sie mit der rechten Maustaste > Auswahl aus Ebene > Auswahl erstellen.

 

 

WICHTIG:

Ändern Sie die [Interpolationsmethode] in der (1) Werkzeugeigenschaftspalette auf Hohe Genauigkeit (Durchschnittsfarben). Diese Methode funktioniert mit 1000x1000px Profilen und mit Pixel-Art. Wenn Sie die Option nicht sehen, klicken Sie auf das Schraubenschlüsselsymbol und machen Sie die Option in der Unterwerkzeug-Detailpalette sichtbar, indem Sie auf das Auge (2) daneben klicken.

 

 

 

ZUSCHNITTFORM

 

 

Zeichnen Sie nun in einer leeren Ebene darunter und bei aktivem Rasterfang (STRG+3) einen 1x1-Kreis mit dem Ellipsenwerkzeug.

 

 

Richten Sie das Dateiobjekt über dem Kreis aus (1) und wählen Sie in der Ebenenpalette das Dateiobjekt aus und klicken Sie auf das Symbol [Auf darunterliegende Ebene beschneiden] (2). Dies emuliert den elliptischen Zuschnitt, der auf verschiedenen Plattformen verwendet wird.

 

Ändern Sie dann die Größe des Rasters erneut, um es an die anderen Profilgrößen anzupassen. Wiederholen Sie den Vorgang mit jeder einzelnen, bis Sie alle Größen für die Anmeldung (1), das große Profil (2), den Benutzernamen (3), Kommentare (4) und Symbole (5) abgeschlossen haben.

 

 

Sie können helle und dunkle Themen erstellen. Und elliptische und abgerundete Rechteck-Zuschnitte erstellen, um eine Vorschau zu erhalten, wie Ihr Profil auf verschiedenen Websites und Plattformen aussehen würde.

 

 

5. Aktualisieren von Dateiobjekten in einer Mehrfenster-Einrichtung

DOKUMENTE ÖFFNEN UND NEU ANORDNEN

 

 

Wenn Sie die oben genannten Mockups heruntergeladen haben. Öffnen oder ziehen Sie die Datei des Profilbilds (oder der Profil-Pixel-Art) und eines der Mockups/Vorlagen (Profil – Kreise oder Profil – Quadrate) in Clip Studio Paint.

 

Oder öffnen Sie die Dateien, die Sie erstellt und im selben Ordner gespeichert haben.

 

Klicken Sie dann (1) und ziehen Sie den Tab einer der Leinwände und docken Sie ihn links oder rechts an. Lassen Sie ihn los, wenn die rote Überlagerung (2) erscheint.

 

Jetzt können wir beide Dokumente gleichzeitig sehen. Sie können die Option „An Navigator anpassen“ für die 1:1-Profilleinwand in der Navigatorpalette verwenden. Diese Funktion kann besonders bei Pixel-Art sehr hilfreich sein.

 

DATEIOBJEKTE SPEICHERN UND AKTUALISIEREN

 

 

Zeichnen, malen oder schreiben Sie nun etwas in die Profildatei und speichern Sie Ihre Arbeit. Es sollte sich automatisch in der Mockup-Datei aktualisieren.

 

Wenn Sie sich auf der Mockup/Vorlagen-Leinwand befinden. Sie können auch zu Ebene > Dateiobjekte > Alle Dateiobjekte aktualisieren gehen.

 

Mit diesem Setup können wir an den Profilbildern/-symbolen arbeiten und dabei „Die 5 Designprinzipien oder Leitfäden für Profile“ überprüfen. Sie können mehrere Schritte speichern, indem Sie die verschiedenen Größen gleichzeitig in einem ähnlichen Layout wie die Plattformen visualisieren, auf denen Sie Ihr Profilbild verwenden werden.

 

 

6. Designprozess (Profilsymbol/-bild)

In diesem Kapitel werden wir die „5 Prinzipien oder Leitfäden“ für Profile verwenden, um die Entscheidungen zu erläutern, die während des Designprozesses getroffen wurden. Zur kurzen Erinnerung: Dies sind: Einfachheit, Kontrast, Skalierbarkeit, Wiedererkennbarkeit, Zuschnittform.

 

 

6.1 Schritte des Prozesses

Die Schritte des Designprozesses, denen wir folgen werden, sind Fokussieren, Identifizieren, Verbessern, Überprüfen und Wiederholen.

 

1. Konzentrieren Sie sich auf ein Prinzip (von den 5 oben genannten).

2. Identifizieren Sie Probleme oder Schwierigkeiten im Profilbild.

3. Verbessern Sie, probieren Sie verschiedene Ansätze und Lösungen aus. Überprüfen Sie und verbessern Sie weiter, falls erforderlich.

4. Überprüfen Sie die Skalierbarkeit des Bildes mit dem Mockup und Export, oder...

5. Wiederholen. Konzentrieren Sie sich auf ein anderes Prinzip und wiederholen Sie den Vorgang.

 

 

6.2 Profilbeispiele

Nun werden wir uns drei verschiedene Beispiele ansehen, die den oben genannten Schritten folgen. Wir werden uns auf den Prozess konzentrieren, ohne uns in die Werkzeugdetails zu vertiefen, wie wir es in früheren Kapiteln getan haben. Wenn Sie Tutorials oder Tipps mit mehr Details zu den für jedes Beispiel verwendeten Werkzeugen und Techniken wünschen, lassen Sie es mich in den Kommentaren wissen.

 

a) Beispiel für Pixel-Art

Zuerst habe ich eine Silhouette ohne Antialiasing basierend auf einem 3D-Modell erstellt. Und überprüft, ob die Form als Kopf (1) wiedererkennbar war. Dann malte ich ohne Antialiasing unter Verwendung einer reduzierten Graupalette von sechs Werten für (2) Einfachheit.

 

Danach habe ich Farbe mit Verlaufszuordnungen hinzugefügt, wobei ich gegenüberliegende Farben im Farbkreis verwendet habe, um den (3) Kontrast im Gesicht des Motivs zu verbessern und zu erhöhen. Bei den kleineren Profilgrößen sah der Kopf zu groß und etwas unproportional aus. Also habe ich einen Dithering-Verlauf im Hintergrund hinzugefügt, um diese visuelle Wahrnehmung zu vermeiden oder zu verringern und die (4) Skalierbarkeit zu verbessern.

 

 

 

HINWEIS: Sie können die Einfachheit in der Pixelkunst verbessern, indem Sie kleinere Leinwände und weniger Farben oder Werte verwenden. Aber Details reduzieren und das Bild stärker stilisieren. Dann können Sie noch einmal überprüfen und verschiedene Lösungen zur Verbesserung des Bildes erkunden, falls erforderlich, und es exportieren.

 

 

b) Foto-/Illustrationsbeispiel

Auf den ersten Blick bemerkte ich, dass das Bild mehr (1) Kontrast benötigte, um als Profil verwendet zu werden. Also habe ich eine Auswahl erstellt und das Motiv (Habicht) vom Hintergrund getrennt. Ich habe es in die 1000x1000px Profilleinwand eingefügt und mittig platziert, um das (2) Beschneiden des Kopfes des Motivs (Vogel) zu vermeiden.

 

Dann habe ich eine Verlaufsebene im Hintergrund hinzugefügt, um mehr (3) Kontrast zu erzeugen. Um den (4) Kontrast zu verbessern, habe ich Einstellungsebenen, Helligkeit/Kontrast, Tonwertkurve und Verlaufszuordnung verwendet. Dabei versuchte ich, gegensätzliche oder komplementäre Farben zwischen dem Motiv (Habicht) und dem Hintergrund zu verwenden.

 

Danach entschied ich mich, einen Kreis (5) hinzuzufügen, um die Form des auf den meisten Plattformen verwendeten Zuschnitts zu integrieren. Dies half auch, verschiedene Ebenen und ein Gefühl von Tiefe zu erzeugen. Um das Motiv (Habicht) vom Kreis und Hintergrund zu trennen, versuchte ich, die Silhouette (6) wiedererkennbar zu erhalten. Ich fügte einen subtilen Schatten dazwischen hinzu. Schließlich überprüfte ich die kleineren Größen des Profils (7) Skalierbarkeit.

 

 

 

HINWEIS: Sie können diese Tipps anpassen und mit Fotos von Personen, Haustieren, Objekten usw. verwenden. Sie können diese auch an abgeflachte oder gescannte Illustrationen anpassen. Stellen Sie einfach sicher, dass Sie zuerst eine Kopie erstellen und nicht direkt über der Original- oder Quelldatei arbeiten.

 

 

c) Beispiel für Namenslogo

Bei diesem fiktiven persönlichen Logo-Namen bemerkten wir, dass der Name bei kleinen Größen etwas lang zu lesen schien (1) Skalierbarkeit. Also entschied ich mich in diesem Fall, nur das „a“ für (2) Einfachheit zu verwenden.

 

Dann bemerkte ich, dass das „a“ für Kommentare und Symbolgrößen etwas klein aussah. Also vergrößerte ich das „a“, um seine Anpassung an kleinere Größen (3) Skalierbarkeit zu verbessern. Schließlich wählte ich eine grüne Farbe, die mit dem Logo in beiden Versionen, dem Symbol und dem vollständigen Namenslogo, assoziiert werden sollte, um es (4) wiedererkennbar zu machen.

 

 

HINWEIS: Sie müssen nicht immer nur einen Buchstaben oder eine einzige flache Farbe verwenden. Sie können verschiedene Ansätze oder Lösungen ausprobieren und sehen, was für Sie und das Profil am besten funktioniert. Überprüfen Sie einfach, ob das Bild in kleinen Größen wiedererkennbar ist. Wenn Ihre Schrift beispielsweise zu hell oder dünn ist, können Sie eine fette Option aus derselben Schriftfamilie ausprobieren oder einen Rande-Effekt derselben Farbe hinzufügen.

 

 

...

 

 

7. Profile für Plattformen exportieren

Bevor wir das Profilbild/-symbol exportieren, sprechen wir darüber, wann Sie die Bildgröße ändern müssen und welche Formate von den Plattformen unterstützt werden.

 

 

 

BILDGRÖSSE ÄNDERN

 

Die Bildgröße von 1000x1000px sollte für alle sozialen Medien, Messenger-Apps oder Foren ausreichen. Aber jede Plattform kann Ihnen Mindest- oder Maximalgrößen für Profilbilder empfehlen. Wenn Ihr Bild größer ist, z.B. 2048 Pixel, obwohl nur 400 Pixel benötigt werden. Oder kleiner im Fall von Pixelkunst. Versuchen Sie immer, das Bild zuerst selbst zu skalieren und verlassen Sie sich nicht auf die Methode der Plattform, um die Bildgröße zu ändern.

 

WICHTIGER HINWEIS: Erstellen Sie in beiden Fällen immer zuerst eine Kopie und ändern Sie die Größe der Kopie, nicht der Original- oder Quelldatei.

 

 

 

Für große Bilder über 2048 empfehle ich Ihnen, zu Bearbeiten > Bildauflösung ändern zu gehen. Und wählen Sie die Hohe Genauigkeit (Durchschnittsfarben) als Interpolationsmethode. Dann können Sie die genaue Größe in Pixeln eingeben und OK drücken.

 

 

Für Pixel-Art-Bilder empfehle ich Ihnen, zu Bearbeiten > Bildauflösung ändern zu gehen. Und wählen Sie die Methode Harte Kanten (Nächster Nachbar). Sie können die Skalierungszahl ändern, bis Sie eine Größe erhalten, die der empfohlenen nahe kommt. Oder geben Sie die genaue Größe ein und überprüfen Sie, ob die Quadrate im Original und in der Kopie gleich aussehen.

 

 

FORMATE

 

Die gängigsten Formate für Profilbilder sind PNG (Portable Network Graphics) und JPEG oder JPG (Joint Photographic Experts Group).

 

 

PNG-Dateien werden hauptsächlich für Logos, Pixelgrafiken, Symbole, grafische Illustrationen sowie flache oder einfarbige Grafiken verwendet. Oder wenn Sie ein Bild mit Transparenz benötigen. PNG-Dateien neigen dazu, eine bessere Qualität zu haben, können aber größere Dateigrößen erzeugen.

 

 

JPEG-Dateien werden häufig mit Fotos verwendet und können die Dateigröße stark komprimieren. Eine zu starke Komprimierung kann jedoch die Qualität des Bildes mindern. Sie können dieses Format mit Bildern, Illustrationen und anderen Grafiken verwenden. Es wird jedoch nicht empfohlen, es mit Pixel-Art, sauberen Logos und Symbolen zu verwenden. Außerdem unterstützen JPG-Dateien keine Transparenz.

 

 

Ich würde Ihnen empfehlen, wann immer möglich PNG zu verwenden oder ein JPEG mit einer Qualität über 80%. Beachten Sie, dass einige Plattformen wie Facebook die Bildqualität nach dem Hochladen noch stärker komprimieren können.

 

 

EXPORTIEREN (EINZELNE EBENE)

 

Um Ihr Bild zu exportieren, gehen Sie zu Datei > Exportieren (Einzelne Ebene) und wählen Sie das gewünschte Format.

 

Wählen Sie nun für die Ausdrucksfarbe RGB-Farbe (1). Und behalten Sie das (2) Skalierungsverhältnis bei 100%. Lassen Sie den Rest auf Standard und drücken Sie OK. Überprüfen Sie die (3) Vorschau und klicken Sie erneut auf OK.

 

Versuchen Sie bei JPEG-Dateien, die Qualität über 80 zu halten und das ICC-Profil einzubetten. Drücken Sie dann OK.

 

Wenn Sie die Größe des Profils ändern, denken Sie daran, eine Kopie zu speichern, bevor Sie die Bildgröße ändern. Und ändern Sie die Größe nicht im Original- oder Quelldokument. Sie können auch die Abmessungen zum Dateinamen hinzufügen, um die Größe des Dokuments leicht zu erkennen.

 

 

ZUSÄTZLICHE INFORMATIONEN: Einige Plattformen wie Facebook oder Telegram unterstützen möglicherweise animierte GIF-Dateien oder MP4-Videodateien, wenn sie von einem Mobilgerät mit Android oder iOS hochgeladen werden. Auch wenn wir kein Beispiel für diese Art von Dateien gesehen haben, können Sie die Tipps, den Prozess und die Prinzipien, die wir gesehen haben, jederzeit anpassen, um ein animiertes Profil zu entwerfen.

 

 

Zusammenfassung

Zusammenfassend haben wir gesehen, wie man ein Mockup/eine Vorlage erstellt und verwendet, um das Profilbild oder -symbol gleichzeitig in verschiedenen Größen zu visualisieren. Wir haben auch Prinzipien oder Leitfäden gesehen, die Ihnen helfen können, das Profil während des Designprozesses zu erstellen und zu optimieren. Und schließlich, wann und wie man Bilder skaliert, um die Profile für soziale Plattformen, Messenger-Apps, Chat-Foren und mehr zu exportieren.

 

Ich hoffe also, Sie haben etwas Nützliches gefunden, das Sie in Ihrem eigenen Workflow verwenden können. Vielen Dank an alle fürs Lesen des Artikels. Das ist Ed und ich sage „Bis bald“.