Share
Was Sie erstellen werdenIn den folgenden Schritten erfahren Sie, wie Sie ein bearbeitbares Kreisdiagramm in Adobe Illustrator erstellen und es einfach stilisieren können.
Zunächst lernen Sie, wie Sie das Start-Kreisdiagramm mit dem Kreisdiagramm-Werkzeug erstellen. Wenn Sie das Direktauswahl-Werkzeug und das Erscheinungsbild-Bedienfeld zusammen mit einigen grundlegenden Farben und Effekten verwenden, lernen Sie, wie Sie die Hauptkomponenten Ihres Diagramms stilisieren. Schließlich lernen Sie, wie Sie eine einfache Legende und einen flachen Hintergrund erstellen.
Weitere Anregungen zum Anpassen oder Verbessern des endgültigen Diagramms finden Sie bei GraphicRiver mit zahlreichen Ressourcen.
Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 850 in der breiten Box und 980 in der Höhe, und klicken Sie darauf Mehr Einstellungen Taste. Wählen RGB für die Farbmodus, stellen Sie das ein Rastereffekte zu Bildschirm (72 ppi), und klicken Sie dann auf Dokument erstellen.
Aktivieren Sie das Raster (Ansicht> Raster anzeigen) und am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 10 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, und eintreten 10 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit, und Sie können es einfach mit Hilfe von aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.
In diesem kurzen Lernprogramm erfahren Sie mehr über das Rastersystem von Illustrator: Andrei Stefan: Grundlegendes zum Rastersystem von Adobe Illustrator.
Sie sollten auch die öffnen Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Konzentrieren Sie sich in Ihrer Symbolleiste und doppelklicken Sie auf die Kreisdiagramm-Werkzeug die öffnen Diagrammtyp Fenster. Geben Sie die in der folgenden Abbildung gezeigten Attribute ein und klicken Sie dann auf OK.
Stellen Sie sicher, dass die Kreisdiagramm-Werkzeug ausgewählt ist und klicken Sie einfach auf Ihre Zeichenfläche, um das Fenster zu öffnen Graph Fenster. Setze beides Breite und Höhe zu 450 pt, und klicken Sie dann auf OK.
Geben Sie die unten angezeigten Daten ein und klicken Sie auf Prüfen Taste. Platzieren Sie Ihr neues Diagramm ungefähr wie in der folgenden Abbildung.
Wähle das aus Direktauswahl-Tool (A), Wählen Sie nur die im folgenden Bild hervorgehobene Form aus und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen).
Entfernen Sie die vorhandene Strichfarbe und wählen Sie dann die Füllung aus. Stellen Sie die Farbe auf R = 255 G = 190 B = 123 und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf -1 px und eintreten fünfzehn in dem Kopien und dann auf OK. Gehe zurück zum Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Taste. Wählen Sie es aus und stellen Sie die Farbe auf R = 255 G = 223 B = 153, und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf -15 px und klicken Sie auf OK.
Verwendung der Direktauswahl-Tool (A), Wählen Sie nacheinander die anderen Kreisdiagrammscheiben aus. Entfernen Sie die Strichfarbe und ersetzen Sie die vorhandenen Füllfarben durch die unten gezeigten.
Wähle das aus Gruppenauswahl-Tool und wählen Sie einen der Textteile aus Ihrem Kreisdiagramm aus. Klicken Sie ein zweites Mal auf den gleichen Text, um den gesamten Text auszuwählen.
Öffne das Charakter Panel (Fenster> Typ> Zeichen) und wählen Sie die Schrift Alma Mono Heavy. Stellen Sie das ein Größe zu 25 px und ändern Sie die Farbe in Weiß (R = 255 G = 255 B = 255).
Wähle das aus Werkzeug bewegen (V), Wählen Sie Ihr gesamtes Kreisdiagramm aus und konzentrieren Sie sich auf das Aussehen Panel.
Fügen Sie eine neue Füllung hinzu, wählen Sie sie aus und vergewissern Sie sich, dass sie unter der liegt "Inhalt" Sektion. Stellen Sie die Farbe auf R = 255 G = 242 B = 236 und gehe zu Effekt> In Form umwandeln> Ellipse. Überprüf den Absolut Im Feld beide einstellen Breite und Höhe zu 500 px, klicken OK, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 7 px, klicken OK, und gehe zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.
Stellen Sie sicher, dass Ihr gesamtes Kreisdiagramm noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine zweite Füllung hinzu, ziehen Sie sie unter die vorhandene Füllung und wählen Sie sie aus.
Stellen Sie die Farbe auf R = 255 G = 82 B = 119, niedriger sein Opazität zu 30%, und gehe zu Effekt> In Form umwandeln> Ellipse. Überprüf den Absolut Im Feld beide einstellen Breite und Höhe zu 440 px, klicken OK, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 45 px, klicken OK, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 15 px Radius und klicken Sie auf OK.
Stellen Sie sicher, dass Ihr gesamtes Kreisdiagramm noch ausgewählt ist, und konzentrieren Sie sich auf das Aussehen Panel. Fügen Sie eine dritte Füllung hinzu, ziehen Sie sie über die anderen beiden Fills und wählen Sie sie aus.
Stellen Sie die Farbe auf R = 255 G = 82 B = 119, niedriger sein Opazität zu 50%, und gehe zu Effekt> In Form umwandeln> Ellipse. Überprüf den Absolut Im Feld beide einstellen Breite und Höhe zu 350 px, klicken OK, und dann zu Effekt> Verzerren und Transformieren> Transformieren. Zieh den Vertikal verschieben Schieberegler auf 35 px, klicken OK, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 15 px Radius und klicken Sie auf OK.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 510 x 80 px Form und platzieren Sie es wie in der folgenden Abbildung gezeigt. Stellen Sie sicher, dass dieses Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Aussehen Panel.
Wählen Sie die Füllung aus und setzen Sie die Farbe auf R = 255 G = 242 B = 236, und gehe zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 40 px Radius, klicken OK, und gehe zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.
Stellen Sie sicher, dass Ihr Rechteck ausgewählt bleibt, und konzentrieren Sie sich auf das Rechteck Aussehen Panel. Fügen Sie eine zweite Füllung hinzu und ziehen Sie sie unter die andere.
Stellen Sie die Farbe auf R = 255 G = 82 B = 119, niedriger sein Opazität zu 30%, und gehe zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 10 px Radius, klicken OK, und gehe zu Effekt> Verzerren und Transformieren> Transformieren. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK, und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 15 px und klicken Sie auf OK.
Für diesen Schritt benötigen Sie jeweils ein Raster 5 px. Einfach auf gehen Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 5 in dem Rasterlinie alle Box.
Wähle das aus Ellipsenwerkzeug (L) und erstellen Sie ein 60 px Kreis und wählen Sie dann die Rechteckwerkzeug (M) und erstellen Sie ein 30 px Quadrat. Platzieren Sie Ihr Quadrat wie im zweiten Bild gezeigt und füllen Sie es mit R = 255 G = 190 B = 123. Wählen Sie beide in diesem Schritt erstellten Formen aus und klicken Sie auf Sich schneiden Taste aus der Pfadfinder Panel (Fenster> Pfadfinder).
Wählen Sie Ihren Viertelkreis aus und platzieren Sie ihn wie in der folgenden Abbildung dargestellt.
Machen Sie drei Kopien Ihres Viertelkreises. Platzieren Sie sie wie unten gezeigt und ersetzen Sie das Gelb durch die unten gezeigten Farben.
Gehen Sie zu Ihrem Werkzeugleiste und stellen Sie die Füllfarbe auf R = 178 G = 70 B = 116. Konzentriere dich auf den Charakter wählen Sie die Auro-Schrift aus und setzen Sie die Größe auf 16 px.
Wähle das aus Schreibwerkzeug (T), Klicken Sie auf Ihre Zeichenfläche, fügen Sie die hinzu "Zitrone" Textstück und platzieren Sie es wie unten gezeigt. Geben Sie die anderen drei Textteile ein und platzieren Sie sie wie unten gezeigt.
Wählen Sie alle vier Textteile aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten gezeigten Attribute ein und klicken Sie auf OK.
Wähle das aus Rechteckwerkzeug (M) und ein erstellen 870 x 1000 px gestalten. Füllen Sie dieses neue Rechteck mit R = 255 G = 255 B = 250, Vergewissern Sie sich, dass sie Ihre gesamte Zeichenfläche abdeckt, und senden Sie sie an die Rückseite (Shift-Control- [).
So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden. Zögern Sie nicht, Ihr Endergebnis in den Kommentaren zu teilen.
Fühlen Sie sich frei, um das endgültige Design anzupassen und machen Sie es zu Ihrem eigenen. Bei GraphicRiver finden Sie einige großartige Inspirationsquellen mit interessanten Lösungen zur Verbesserung Ihres Designs.
Accentsconagua