Sie können Ihre eigenen Web -Icons für jede Website mit Adobe Illustrator machen . Mit dem Pathfinder , um zwei Objekte kombinieren können Sie Formen interessanter für das Auge als eine reine Kreis oder Rechteck zu erstellen. Dieses Tutorial verwendet ein Rechteck und Kreis, aber Sie können die gleichen Schritte mit verschiedenen Formen zu verwenden, um Ihr eigenes Icon erstellen. Bei der Herstellung werden verschiedene Symbole für die gleiche Seite , verwenden die gleiche Form , die gleiche Farbe oder etwas Zusammenhalt zu der Seite zu halten. Anleitung
1
öffnen Adobe Illustrator, und erstellen Sie eine neue Web-Dokument . Größe des Dokuments an die Größe Ihres Symbolen, wie 100 x 100 Pixel.
2
Wählen Sie den " abgerundetes Rechteck -Werkzeug " aus der Toolbox. Ziehen Sie das Werkzeug über das Dokument , die Schaffung eines Rechtecks , die bündig mit der oberen und rechten Fenster des Dokuments , und ca. 15 Pixel innerhalb der Grenzen Dokument auf dem Boden und links ist . Dies ist , um Platz für das Icon Schatten machen .
3
Doppelklicken Sie auf den Farb-Picker , und wählen Sie eine Farbe für Ihr Symbol.
4
Wählen Sie die " Ellipse-Werkzeug ", um einen Kreis, der die linke untere Ecke des Rechtecks abdecken zu erstellen. Um dies zu tun , legen Sie das Werkzeug in der Mitte des Rechtecks. Halten Sie die " Shift"-Taste gedrückt, während Sie das Werkzeug diagonal über die rechte untere Ecke des Rechtecks , bis das "Center" Führung der Ellipse liegt an der Ecke des Rechtecks.
5
klicken Sie auf " Pathfinder "-Panel . Wenn es nicht sichtbar ist , klicken Sie auf das Menü "Fenster" , und wählen Sie " Pathfinder ". Drücken Sie "Strg -A" , um beide Objekte auszuwählen. Klicken Sie auf das "Minus Front" -Button in der Pathfinder-Bedienfeld . Der Kreis verschwindet, es bleibt eine Kreis-förmige "Biss" im Rechteck .
6
Klicken Sie auf den "Effekt" Menü wählen Sie " stilisieren " und klicken Sie auf " Schlagschatten ". Stellen Sie die Deckkraft auf " 75 ", X bei Offset " -3 px, " Y auf " 7 px" und Unschärfe bei 5 Offset " Pixel ". Klicken Sie auf das Feld "Vorschau" , um sicherzustellen, dass der Schatten nicht außerhalb des Dokuments Grenze fallen . Sie können den Schatten, oder verringern Sie die Größe der Box , wenn es funktioniert.
7
Klicken Sie auf die " Text-Werkzeug " in der Toolbox , und ziehen Sie den Mauszeiger über das Rechteck, um ein Textfeld zu erstellen . Geben Sie den gewünschten Text für das Symbol . Drücken Sie " Strg -A ", um den gesamten Text zu markieren. Ändern Sie die Schriftart , Schriftgröße und Farbe wie aus dem Options- bar gewünscht. Zentrum der Text durch Anklicken des "Center" Absatz -Taste. Alternativ können Sie einen Bild auf das Symbol anstatt mit Text.
8
Klicken Sie auf das Menü "Datei" und wählen Sie " Speichern Für Web und Geräte . " Ändern Sie das Format auf " PNG-24 " und stellen Sie sicher, die "Transparenz " aktiviert ist , damit der Hintergrund transparent, klicken Sie dann auf "Speichern".
9
Löschen Sie den Text oder das Bild in das Symbol und verwenden Sie den Hintergrund , um zusätzliche Symbole zu erstellen .
