Share
Was Sie erstellen werdenIn den folgenden Schritten erfahren Sie, wie Sie in Adobe Illustrator ein recht einfaches Kastensymbol erstellen.
Zunächst lernen Sie, wie Sie ein einfaches Raster erstellen und eine Reihe von Pixel-perfekten Formen erstellen, indem Sie das Rechteck und das Direktauswahl-Werkzeug zusammen mit einigen grundlegenden Pathfinder-Optionen und der Funktion Live Corners verwenden. In der Folge werden Sie lernen, wie Sie mit flachen Farben oder linearen Verläufen und einigen grundlegenden Mischtechniken einfache Farben und schlanke Highlights hinzufügen. Zum Schluss fügen Sie den Hintergrund und einen subtilen Schatten hinzu. Verwenden Sie dazu ein einfaches Rechteck, einige neue Mischtechniken und den Gaußschen Weichzeichner-Effekt.
Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 600 Klicken Sie in den Feldern Breite und Höhe auf die Schaltfläche Erweitert Taste. Wählen RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.
Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Für den Anfang benötigen Sie jeweils ein Gitter 5px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, eingeben 5 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 mit dem. Aktivieren oder deaktivieren Steuerung-" Tastaturkürzel. 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> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich, wählen Sie dann die Füllung aus und stellen Sie ihre Farbe auf R = 127 G = 63 B = 152. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 90 x 40 px Rechteck, das Am Raster ausrichten Feature sollte Ihre Arbeit erleichtern. Konzentrieren Sie sich auf die Unterseite dieser frischen Form und wechseln Sie zur Direktauswahl-Tool (A). Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 15px Nach rechts, dann den rechten Ankerpunkt auswählen und ziehen 15px nach links. Am Ende sollte das violette Rechteck ein einfaches Trapez sein, wie im zweiten Bild gezeigt.
Stellen Sie die Füllfarbe auf R = 28 G = 117 B = 188, Wähle das aus Rechteckwerkzeug (M), ein ... kreieren 120 x 75 px Formen und platzieren Sie es genau wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Oberseite dieser neuen Form und wechseln Sie zur Direktauswahl-Tool (A). Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 35px Nach rechts, dann den rechten Ankerpunkt auswählen und ziehen 35px nach links. Am Ende sollten die Dinge im zweiten Bild aussehen.
Stellen Sie die Füllfarbe auf R = 39 G = 170 B = 225, Wähle das aus Rechteckwerkzeug (M), ein ... kreieren 180 x 35 px Formen und platzieren Sie es genau wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Oberseite dieser neuen Form und wechseln Sie zur Direktauswahl-Tool (A). Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 30px Nach rechts, dann den rechten Ankerpunkt auswählen und ziehen 30px nach links. Am Ende sollten die Dinge im zweiten Bild aussehen.
Wählen Sie beide blauen Trapezoide erneut aus und öffnen Sie das Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf Teilen Taste. Stellen Sie sicher, dass die resultierende Gruppe von Formen ausgewählt ist, und klicken Sie einfach auf Shift-Control-G zu Gruppierung aufheben es. Konzentrieren Sie sich auf die resultierenden Formen und ersetzen Sie die vorhandenen Füllfarben durch die im folgenden Bild gezeigten.
Wähle das aus Direktauswahl-Tool (A), Wählen Sie die zehn Ankerpunkte aus, die im ersten Bild hervorgehoben sind. Wechseln Sie zum Steuerungsfeld, und konzentrieren Sie sich auf das Symbol Ecken Abschnitt und einfach eingeben 5px in dieser weißen Box. Am Ende sollten die Dinge im zweiten Bild aussehen.
Deaktivieren Sie die Am Raster ausrichten (Ansicht> An Raster ausrichten), aktivieren Sie die Smart Guides (Control-U), setzen Sie die Füllfarbe auf Weiß (R = 255 G = 255 B = 255) und das auswählen Stiftwerkzeug (P).
Bewegen Sie den Mauszeiger über den rechten Anker Ihrer blauen Form, bis Sie einenAnker"Textstück. Klicken Sie einfach auf diese Stelle, bewegen Sie sich dann zur unteren Seite Ihrer blauen Form und klicken Sie einfach darauf, wenn Sie"sich schneiden"intelligenter Führer.
Weiter mit der Stiftwerkzeug, Klicken Sie auf den unteren, rechten Ankerpunkt Ihrer blauen Form, kehren Sie dann zum oberen Ankerpunkt zurück und schließen Sie Ihren Pfad. Am Ende sollten Sie ein einfaches, weißes Dreieck haben, wie im vierten Bild gezeigt.
Stellen Sie sicher, dass Ihr weißes Dreieck noch ausgewählt ist, und öffnen Sie das Gradient Panel (Fenster> Farbverlauf) und klicken Sie einfach auf die Verlaufsminiatur, um den standardmäßigen linearen Verlauf von Schwarz zu Weiß hinzuzufügen.
Stellen Sie sicher, dass Ihre Form ausgewählt bleibt, und konzentrieren Sie sich auf die Form Gradient Panel. Stellen Sie das ein Winkel beim 0 Grad konzentrieren sich dann auf die Farbverläufe. Wählen Sie den linken Farbverlaufsregler und stellen Sie die Farbe auf R = 117 G = 76 B = 41 Wählen Sie dann den rechten Farbverlaufsregler und stellen Sie die Farbe auf R = 139 G = 94 B = 60. Wählen Sie erneut die Stiftwerkzeug (P), Fügen Sie ein zweites Dreieck hinzu, wie im zweiten Bild gezeigt, und füllen Sie es mit demselben linearen Farbverlauf.
Deaktivieren Sie die Smart Guides (Control-U) dann geh zu Bearbeiten> Voreinstellungen> Allgemein und stellen Sie sicher, dass die Keyboard-Inkrement ist um eingestellt 1px. Wählen Sie Ihre blaue Form und machen Sie zwei Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F).
Wählen Sie die oberste Kopie aus und verschieben Sie sie einfach 1px mit der Pfeiltaste nach unten von Ihrer Tastatur aus. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Setzen Sie die Füllfarbe auf Weiß und klicken Sie einfach auf "Opazität"Textstück zum Öffnen des Transparenz Fly-Out-Panel. Senken Sie die Opazität zu 30% und ändern Sie die Mischmodus zu Sanftes Licht.
Wählen Sie Ihre blaue Form erneut aus und machen Sie zwei weitere Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F).
Wählen Sie die oberste Kopie aus und verschieben Sie sie einfach 1px Verwenden Sie die Aufwärtspfeiltaste auf Ihrer Tastatur. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und stellen Sie sie in den Vordergrund (Shift-Control-] ) und konzentrieren sich auf die Aussehen Panel (Fenster> Aussehen). Setzen Sie die Füllfarbe auf Schwarz (R = 0 G = 0 B = 0), senken Sie seine Opazität zu 10% und ändern Sie die Mischmodus zu Sanftes Licht. Wählen Sie Ihre blaue Form erneut aus und ersetzen Sie einfach die für die Füllung verwendete flache Farbe durch den im endgültigen Bild angezeigten linearen Farbverlauf.
Wählen Sie Ihre linke, orangefarbene Form und machen Sie zwei Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F).
Wählen Sie die oberste Kopie aus und verschieben Sie sie einfach 1px mit der Pfeiltaste nach unten von Ihrer Tastatur aus. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Setzen Sie die Füllfarbe auf Schwarz und senken Sie sie Opazität zu 20% und ändern Sie die Mischmodus zu Sanftes Licht. Bewegen Sie sich nach rechts, orange, und wiederholen Sie die für die linke Form verwendeten Techniken.
Wählen Sie Ihre linke, orangefarbene Form erneut aus und ersetzen Sie einfach die für die Füllung verwendete flache Farbe durch den im folgenden Bild dargestellten linearen Farbverlauf. Bewegen Sie sich nach rechts, orange, und ersetzen Sie die für die Füllung verwendete flache Farbe durch den im folgenden Bild dargestellten linearen Verlauf.
Wählen Sie Ihre grüne Form und machen Sie zwei Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F).
Wählen Sie die oberste Kopie aus und verschieben Sie sie einfach 1px mit der Pfeiltaste nach unten von Ihrer Tastatur aus. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Setzen Sie die Füllfarbe auf Schwarz und senken Sie sie Opazität zu 20% und ändern Sie die Mischmodus zu Sanftes Licht. Wählen Sie Ihre grüne Form erneut aus und ersetzen Sie einfach die für die Füllung verwendete flache Farbe durch den im endgültigen Bild angezeigten linearen Farbverlauf.
Wählen Sie Ihre lila Form aus und machen Sie eine Kopie vor (Control-C> Control-F) Wählen Sie dann die rote Form aus und erstellen Sie eine Kopie auf der Rückseite (Steuerung-C> Steuerung-B).
Bewegen Sie sich zum Schichten Wählen Sie diese rote Kopie aus und verschieben Sie sie 1px Nieder. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Sich schneiden Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Setzen Sie die Füllfarbe auf Schwarz und senken Sie sie Opazität zu 10% und ändern Sie die Mischmodus zu Sanftes Licht.
Wählen Sie Ihre rote Form und machen Sie zwei Kopien vorne (Steuerung-C> Steuerung-F> Steuerung-F).
Wählen Sie die oberste Kopie aus und verschieben Sie sie einfach 1px Verwenden Sie die Aufwärtspfeiltaste auf Ihrer Tastatur. Wählen Sie beide in diesem Schritt erstellten Kopien erneut aus und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.
Stellen Sie sicher, dass die resultierende Form ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel (Fenster> Aussehen). Legen Sie die Füllfarbe auf Weiß fest Opazität zu 80% und ändern Sie die Mischmodus zu Sanftes Licht. Wählen Sie Ihre rote Form erneut aus und ersetzen Sie einfach die für die Füllung verwendete flache Farbe durch den im endgültigen Bild angezeigten linearen Farbverlauf.
Wählen Sie Ihre violette Form aus und ersetzen Sie einfach die für die Füllung verwendete flache Farbe durch den im endgültigen Bild angezeigten linearen Farbverlauf.
Wähle das aus Rechteckwerkzeug (M) und klicken Sie einfach auf Ihre Zeichenfläche, um das Fenster zu öffnen Rechteck Fenster. Eingeben 610 in dem Breite und Höhe klicken Sie dann auf die Schaltfläche OK Schaltfläche zum Erstellen Ihrer 610px Quadrat.
Stellen Sie sicher, dass diese neue Form ausgewählt bleibt, und senden Sie sie an die Rückseite (Shift-Control- [ ) dann öffne die Ausrichten Panel (Fenster> Ausrichten). Setzen Sie die Ausrichtung auf Artboard (öffnen Sie das Flyout-Menü und gehen Sie zu) Optionen anzeigen wenn Sie das nicht sehen können Ausrichten auf Stellen Sie sicher, dass Ihre Form ausgewählt ist, und klicken Sie dann auf Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten Tasten. Am Ende sollte Ihr Quadrat die gesamte Zeichenfläche bedecken, wie in der folgenden Abbildung dargestellt.
Wählen Sie Ihr Quadrat erneut aus und konzentrieren Sie sich auf das Aussehen und fügen Sie eine zweite Füllung hinzu Neue Füllung hinzufügen Schaltfläche (in der folgenden Abbildung durch den blauen Kreis dargestellt).
Stellen Sie sicher, dass diese neue Füllung ausgewählt bleibt Opazität zu 30% dann auf die Gradient Panel (Fenster> Farbverlauf) und klicken Sie einfach auf das Miniaturbild. Konzentriere dich weiter auf deine Gradient wählen Sie aus Radial von dem Art Dropdown-Menü und bewegen Sie sich dann zu den Farbverläufen. Wählen Sie den rechten Schieberegler und stellen Sie die Farbe auf R = 169 G = 124 B = 80 Wählen Sie dann den linken Schieberegler und stellen Sie die Farbe auf R = 255 G = 239 B = 210 und niedriger sein Opazität zu 0%. Packe die Verlaufswerkzeug (G), konzentrieren Sie sich auf Ihre Zeichenfläche und strecken Sie Ihren radialen Farbverlauf wie in der folgenden Abbildung dargestellt.
Aktivieren Sie die Am Raster ausrichten (Ansicht> An Raster ausrichten). Für diesen Schritt benötigen Sie jeweils ein Raster 1px, also gehe zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 1 in dem Rasterlinie alle Box.
Verwendung der Rechteckwerkzeug (M), ein ... kreieren 66 x 6px Form, setzen Sie die Füllfarbe auf Schwarz und platzieren Sie sie wie im ersten Bild gezeigt. Konzentrieren Sie sich auf die Unterseite dieses frischen Rechtecks und wechseln Sie in das Symbol Direktauswahl-Tool (A).
Wählen Sie den linken Ankerpunkt aus und ziehen Sie ihn 2px Nach rechts, dann den rechten Ankerpunkt auswählen und ziehen 2px nach links. Stellen Sie sicher, dass diese schwarze Form ausgewählt bleibt, und konzentrieren Sie sich auf die Schichten und ziehen Sie es unter alle Formen, die das Symbol Ihrer Box bilden.
Bewegen Sie sich zum Aussehen wählen Sie die vorhandene Füllung aus und senken Sie sie einfach ab Opazität zu 10%. Konzentriere dich weiter auf die Aussehen Stellen Sie sicher, dass die vorhandene Füllung noch ausgewählt ist, und kopieren Sie sie einfach mit Ausgewähltes Element duplizieren Schaltfläche (in der folgenden Abbildung durch den blauen Kreis dargestellt).
Wählen Sie die untere Füllung aus und vergrößern Sie sie Opazität zu 20% und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 5px Radius und klicken Sie auf OK. Gehe zurück zum Aussehen Stellen Sie sicher, dass der gesamte Pfad ausgewählt ist (klicken Sie einfach auf die Schaltfläche "Pfad"Textstück von der Oberseite des Aussehen Panel) und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie ein 3px Radius und klicken Sie auf OK.
Zurückkommen zu Rasterlinie alle 5px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und eintreten 5 in dem Rasterlinie alle Box. Verwendung der Ellipsenwerkzeug (L), ein ... kreieren 100 x 50 px Form, setzen Sie die Füllfarbe auf Schwarz und platzieren Sie sie wie im ersten Bild gezeigt.
Konzentriere dich auf den Schichten und ziehen Sie diese neue Form einfach unter alle Formen, die Ihr Box-Symbol ausmachen. Bewegen Sie sich zum Aussehen Vergewissern Sie sich, dass der gequetschte Kreis weiterhin ausgewählt ist Opazität zu fünfzehn% und gehe zu Effekt> Unschärfe> Gaußsche Unschärfe. Geben Sie ein 15px Radius, klicken OK und du bist fertig.
So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.
Accentsconagua