Share
Im folgenden Quick Tip erfahren Sie, wie Sie einen niedlichen abgerundeten Symbolstil erstellen. Sie verwenden grundlegende Formen und Pathfinder-Optionen zum Erstellen von Symbolsymbolen und das Darstellungsfeld, um einen Stil zu erstellen, der für alles verwendet werden kann, von Symbolen bis hin zu Text. Lass uns anfangen!
Da dieses Design als Web-Symbol verwendet werden soll, erstellen Sie zunächst eine 96 x 96 Pixel große Zeichenfläche. Andere populäre Größen für Web-Icons sind 48px und 16px. Denken Sie beim Erstellen von Symbolen daran, das Raster auf Pixel einzustellen. Gehen Sie zu Preferences> Guides & Grid und ändern Sie die Einstellungen so, dass alle 10 Pixel mit 10 Unterteilungen eine Rasterlinie angezeigt wird. Dadurch erhalten Sie ein Pixelraster, mit dem Sie arbeiten können.
Als Beispiel zeige ich Ihnen, wie Sie mit den Pathfinder-Optionen und einigen Formen ein einfaches Vergrößerungsglas erstellen. Sie können jede Form machen, die Sie mögen.
Um ein Vergrößerungsglas zu erstellen, klicken Sie mit dem Ellipse-Werkzeug (L) auf Befehl + Klick auf die Zeichenfläche, um das Dialogfeld "Ellipse-Optionen" aufzurufen, und geben Sie für die Breite und Höhe 42px ein. Klicken Sie auf OK, um einen Kreis zu erstellen.
Mit dem Rechteckwerkzeug (L), Befehlstaste + Klicken Sie auf die Zeichenfläche, um den Dialog Rechteckoptionen aufzurufen, und geben Sie 12 Pixel für die Breite und 40 Pixel für die Höhe ein. Dies ist der Griff der Lupe.
Positionieren Sie das Rechteck am unteren Rand der Ellipse so, dass es sich leicht überlappt, und richten Sie die beiden Formen horizontal aus. Die Ausrichtungsoptionen finden Sie oben im Programmfenster oder unter Fenster> Ausrichten.
Wählen Sie beide Formen aus und halten Sie dabei die Umschalttaste gedrückt. Drehen Sie die Form nach links, so dass sie diagonal sitzt. Gruppieren Sie die beiden Formen mit Befehl + G und richten Sie sie an der Zeichenfläche aus. Sie können Objekte an der Zeichenfläche ausrichten, indem Sie im Ausrichtungsbereich auf die Optionen "Ausrichten an" klicken. Wenn die Option ausgewählt ist, wird alles, was auf der Zeichenfläche ausgerichtet ist, an der Zeichenfläche selbst und nicht an den ausgewählten Objekten ausgerichtet.
Hinweis: Ein weiteres praktisches Werkzeug ist die Option In Pixelraster ausrichten in Illustrator CS5. Dadurch wird sichergestellt, dass die Formen mit möglichst scharfen Linien aus Illustrator exportiert werden. Um die Option "Am Pixelraster ausrichten" zu finden, gehen Sie zu "Fenster"> "Transformieren". Daraufhin wird ein Kontrollkästchen am unteren Rand des Transformationsfensters angezeigt.
Wählen Sie die Ellipse aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie im Dialogfeld -6px ein. Dadurch wird eine kleinere Ellipse erstellt. Wählen Sie die neue Ellipse aus und füllen Sie sie mit einer anderen Farbe als das Hauptobjekt, damit Sie sie sehen können.
Wählen Sie die große Ellipse und das Rechteck aus, und klicken Sie im Pathfinder-Fenster bei gedrückter Wahltaste auf die Schaltfläche "Vereinigen", um eine zusammengesetzte Form zu erstellen. Ich mag diese Option, da sie das Objekt nicht vollständig kombiniert und erweitert, sodass Sie die Formen später anpassen können, ohne sie neu zeichnen zu müssen.
Wenn die Objekte noch ausgewählt sind, senden Sie sie mit "Befehl + Umschalttaste + linke eckige Klammer" nach hinten..
Wählen Sie die kleinere Ellipse aus, kopieren Sie sie (Befehlstaste + C) und löschen Sie sie. Klicken Sie in die zusammengesetzte Form der Lupenform und fügen Sie die kleinere Ellipse ein (Befehl + F). Wählen Sie sowohl Ellipsen als auch Option aus. + Klicken Sie auf die Schaltfläche Ausschließen, um ein Loch in die Hauptellipse zu schneiden. Da es sich um eine zusammengesetzte Form handelt, kann sie später leicht bearbeitet werden.
Nun beginnen wir mit der Erstellung des Symbolstils. Wählen Sie das Objekt aus, an dem Sie gerade arbeiten, und wechseln Sie in den Darstellungsbereich. Wählen Sie die Füllebene aus und klicken Sie unten im Dialogfeld auf das Symbol Effekte. Gehen Sie zu Stilisieren> Runde Ecken und geben Sie 2 Radius als Radius ein. Klicken Sie auf OK.
Hinweis: Sie können eine Vorschau des Effekts anzeigen, indem Sie das Vorschaufenster unten im Dialogfeld mit den runden Ecken auswählen. Dies kann praktisch sein, wenn Sie sich nicht sicher sind, welche Skala Sie verwenden.
Erstellen Sie im Darstellungsfeld eine neue Füllebene (klicken Sie dazu auf das Symbol unten im Bedienfeld), und wählen Sie eine beliebige Farbe aus. Ich habe Blau verwendet und das Hauptsymbol in Weiß geändert. Gehen Sie zurück zur Registerkarte Effekte und wählen Sie In Form umwandeln> Ellipse. Dadurch wird dynamisch ein Kreis hinter dem Symbol erstellt.
Geben Sie die Breite und die Höhe ein, für die Sie das Symbol erstellen möchten. Ich habe 93px für beide ausgewählt, sodass auf jeder Seite des 96px-Symbolbereichs ein paar Pixel übrig sind.
Kehren Sie mit der blauen Füllebene im Darstellungsbereich und der Hauptform immer noch zur Registerkarte Effekte zurück, und wählen Sie Verzerrung und Transformation> Zick-Zack. Wir setzen die relative Größe der Zick Zags auf 1% (damit sie mit dem Objekt skaliert werden können), die Kanten pro Segment auf 15 und die zu glättenden Punkte. Sie können mit diesen Einstellungen herumspielen, bis Sie das gewünschte Aussehen haben.
Fügen Sie für den letzten Schliff einen subtilen Körnungseffekt hinzu. Dies wird wiederum im Effekte-Menü unter Textur> Körnung angewendet. Spielen Sie mit den Einstellungen für Intensität und Kontrast, bis Sie einen Stil finden, den Sie mögen. Ich habe meinen mit dunklen Flecken dezent gemacht, indem Sie eine Intensität von 12 und einen Kontrast von 64 verwenden. Die Einstellungen hängen davon ab, wie dunkel oder hell Ihre Farbe ist. Klicken Sie auf OK und bewundern Sie die Ergebnisse.
Hinweis: Da es sich bei Grain um einen Rastereffekt handelt, können Sie einige gezackte Kanten erhalten. Dies ist darauf zurückzuführen, dass die Standardeinstellungen für den Rastereffekt auf 72 dpi eingestellt sind, um die Renderzeit zu sparen. Wenn Sie die Anzeigeauflösung erhöhen möchten, gehen Sie zu Effekt> Einstellungen für Dokumentrastereffekt. Ich würde empfehlen, dies am Ende eines Projekts zu tun, da eine hohe Einstellung Illustrator verlangsamen kann.
Nehmen Sie sich die Zeit, einige Variationen des Stils vorzunehmen und testen Sie sie an verschiedenen Formen und Buchstaben. Ich habe ein paar Anpassungen am Hauptthema vorgenommen, indem ich eine hellere Farbe mit einer anderen Korneinstellung und einigen quadratischen Formen anstelle von Kreisen geschaffen habe, die ich auf eine fette Schrift angewendet habe. Wenn Sie mit den Ergebnissen zufrieden sind, speichern Sie sie für zukünftige Projekte im Grafikstilbereich. Sie können dies tun, indem Sie das Objekt auswählen und auf die Schaltfläche Neuer Grafikstil unten im Bedienfeld klicken.
Hier hast du es. Eine einfache Möglichkeit, verschiedene Effekte zu erstellen, mit denen Sie niedlich aussehende Symbole erstellen können. Jetzt haben Sie gelernt, wie Effekte beim Erstellen von benutzerdefinierten Symbolsätzen hilfreich sein können. Sie benötigen lediglich einen Satz von Symbolen und einige Stile. Sie können Hunderte verschiedener Designs erstellen. Ich hoffe es hat dir gefallen.
Accentsconagua