Schneller Tipp So erstellen Sie ein Symbol für einen sauberen Stilordner

Im folgenden Tutorial lernen Sie, ein sauberes Ordnersymbol zu erstellen. Durch die Verwendung einiger einfacher Formen und des Darstellungsfelds können Sie sehen, wie einfach es ist, ein großartig aussehendes Symbol zu erstellen.


Schritt 1

Erstellen Sie ein 250 x 250 Pixel großes RGB-Dokument. Aktivieren Sie das Raster (Ansicht> Raster) und den Fang am Raster (Ansicht> Fang am Raster). Als Nächstes benötigen Sie alle 5 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, geben Sie jeweils 5 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein. Sie können auch das Infofenster (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten> Voreinstellungen> Einheit> Allgemein in Pixel zu ersetzen. Diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.


Schritt 2

Wähle das Rechteckwerkzeug (M) aus und klicke auf deine Zeichenfläche. Geben Sie 190 in das Breitenfeld und 140 in das Höhenfeld ein und klicken Sie auf OK. Füllen Sie diese neue Form mit R = 28 G = 117 B = 188 und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 7 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.


Schritt 3

Fahren Sie mit dem Rechteckwerkzeug (M) fort. Erstellen Sie dieses Mal eine 65 x 25 Pixel große Form und platzieren Sie sie wie in der folgenden Abbildung dargestellt. Füllen Sie es mit R = 28 G = 117 B = 188 und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 7 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.


Schritt 4

Wählen Sie die zwei bisher erstellten Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite".


Schritt 5

Wählen Sie das Rechteckwerkzeug (M) erneut aus, erstellen Sie eine 190 x 130 Pixel-Form und platzieren Sie sie wie in der folgenden Abbildung dargestellt. Das Einrasten zum Raster erleichtert Ihnen die Arbeit. Füllen Sie es mit R = 39 G = 170 B = 225 und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 7 Pixeln ein, klicken Sie auf OK und greifen Sie zum Direktauswahl-Werkzeug (A). Wählen Sie den oberen, linken Ankerpunkt aus und verschieben Sie ihn um 15 Pixel nach links. Wählen Sie dann den oberen und rechten Ankerpunkt aus und verschieben Sie ihn um 15 nach rechts. Nun sollte Ihre Form im zweiten Bild aussehen. Wählen Sie es aus und gehen Sie zu Objekt> Aussehen erweitern.


Schritt 6

Fahren wir mit der Datei fort. Wählen Sie das Rechteckwerkzeug aus, erstellen Sie eine 125 x 180 Pixel große Form und füllen Sie sie mit Weiß. Wählen Sie diese frische Form aus und wechseln Sie in das Erscheinungsbildfenster. Öffnen Sie das Flyout-Menü und klicken Sie auf Neue Füllung hinzufügen. Dies fügt eine zweite Füllung für Ihre Form hinzu. Wählen Sie es im Erscheinungsbild-Bedienfeld aus, legen Sie seine Farbe auf R = 39 fest = G = 170 B = 225, und wählen Sie dann Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unter Bild 2 angezeigten Daten ein, klicken Sie auf OK und fügen Sie eine dritte Füllung hinzu. Setzen Sie wieder seine Farbe auf R = 39 G = 170 B = 225 und fügen Sie dann die beiden unter Bild 3 gezeigten Transformationseffekte hinzu. Vergessen Sie nicht, 29 für den zweiten Effekt in das Feld "Kopien" einzufügen.


Schritt 7

Wählen Sie die im vorherigen Schritt erstellte Form aus und gehen Sie zu Objekt> Darstellung erweitern. Wählen Sie die resultierende Gruppe aus und gehen Sie zu Objekt> Transformieren> Drehen. Geben Sie einen Winkel von -83,5 Grad ein und klicken Sie auf OK. Nun sollte Ihre Datei wie im dritten Bild gezeigt platziert werden.


Schritt 8

Verschieben Sie die im vorherigen Schritt erstellte Gruppe zwischen den beiden blauen Formen (im Bedienfeld Ebenen). Wählen Sie diese Gruppe aus und gehen Sie zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Wählen Sie nun die drei weißen Formen aus und füllen Sie sie mit dem im dritten Bild gezeigten linearen Farbverlauf.


Schritt 9

Wählen Sie die vordere blaue Form aus, fügen Sie eine zweite Füllung hinzu und verwenden Sie den im ersten Bild gezeigten linearen Farbverlauf. Der gelbe Text aus dem Verlaufsbild steht für den Prozentsatz für die Deckkraft, der weiße Text für den Prozentsatz für die Position. Fügen Sie für die gleiche Form eine dritte hinzu und verwenden Sie den im zweiten Bild dargestellten radialen Verlauf.


Schritt 10

Deaktivieren Sie "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und geben Sie 1 in das Feld Keyboard Increment ein. Wählen Sie die vordere blaue Form erneut aus, drücken Sie einmal Strg + C und dann zweimal Strg + F. Dadurch werden zwei Kopien vorne hinzugefügt. Wählen Sie die oberste Kopie aus und drücken Sie zweimal auf den Abwärtspfeil. Wählen Sie beide Exemplare erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 125 G = 204 B = 237.


Schritt 11

Wählen Sie die vordere blaue Form erneut aus und erstellen Sie zwei neue Kopien (Strg + C> Strg, dann F> Strg + F). Wählen Sie die oberste Kopie aus und drücken Sie einmal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 33 G = 143 B = 206.


Schritt 12

Gehen wir zur hinteren blauen Form über. Setzen Sie zunächst die Farbe auf R = 39 G = 170 B = 225, fügen Sie dann eine zweite Füllung hinzu und verwenden Sie den unten gezeigten linearen Gradienten.


Schritt 13

Wählen Sie die schwarzblaue Form und erstellen Sie zwei Kopien (Strg + C> Strg + F> Strg + F). Wählen Sie die oberste Kopie aus und drücken Sie zweimal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 125 G = 204 B = 237.


Schritt 14

Wählen Sie die hintere blaue Form erneut aus und erstellen Sie zwei neue Kopien (Strg + C> Strg, dann F> Strg + F). Wählen Sie die oberste Kopie aus und drücken Sie einmal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 33 G = 143 B = 206.


Schritt 15

Aktivieren Sie den Snap to Grid. Duplizieren Sie die vordere, blaue Form (Strg + C, dann Strg + F), schnappen Sie sich dann das Rechteckwerkzeug (M), erstellen Sie eine 220 x 130 Pixel-Form und platzieren Sie sie wie im ersten Bild gezeigt. Wählen Sie diese neue Form aus, wählen Sie das Werkzeug Ankerpunkt löschen (Minus) aus und klicken Sie auf den unteren rechten Ankerpunkt. Wählen Sie die resultierende Form zusammen mit der Kopie der vorderen, blauen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Füllen Sie die resultierende Form mit dem im dritten Bild gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 10%..


Schritt 16

Zum Schluss fügen wir noch einen einfachen Schatteneffekt hinzu. Für diesen Schritt benötigen Sie alle 1px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie jeweils 1 in das Feld Rasterlinie ein. Wähle das Rechteckwerkzeug (M) aus und erstelle eine 192 x 11px-Form. Füllen Sie es mit R = 65 G = 64 B = 66, platzieren Sie es wie im ersten Bild gezeigt und verschieben Sie es im unteren Bereich des Ebenenfensters. Gehen Sie dann zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 7 Pixeln ein, klicken Sie auf OK und gehen Sie zu Effekt> Weichzeichnen> Gaußscher Weichzeichner. Geben Sie einen Radius von 2 Pixeln ein, klicken Sie auf OK, verringern Sie die Deckkraft auf 25% und fertig.


Fazit

Und da hast du es. Ein Ordnersymbol aus wenigen einfachen Formen. Versuchen Sie, mit verschiedenen Farben und Hintergründen zu experimentieren, um zu sehen, was Sie sich vorstellen können. Habe Spaß!