Share
In diesem Tutorial werde ich Ihnen zeigen, wie Sie einen tragbaren Scanner mit den Optionen Rechteck (M), Direktauswahl (A) und Hüllkurve sowie einige Muster und Verläufe erstellen, um feinere Details hinzuzufügen.
Erstellen Sie ein neues Dokument mit der Größe 600 x 600px. Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck mit der Größe 583 x 119px und dem runden Eckenradius von 15px.
Während das Rechteck ausgewählt ist, gehen Sie zu Effekt> Umschlagverzerrung> Mit Warp erstellen. Verwenden Sie die folgenden Einstellungen: Stil ist auf Aufblasen eingestellt, Biegung um 5% und klicken Sie auf OK, wenn Sie fertig sind.
Wenn die Form ausgewählt ist, verwenden Sie das Direktauswahl-Werkzeug (A), verschieben Sie den oberen rechten und linken Schlüsselpunkt um 8 Pixel nach innen und verschieben Sie den rechten und den linken Mittelpunkt um 5 Pixel.
Wenn Sie fertig sind, gehen Sie zu Objekt> Erweitern.
Duplizieren Sie die Form und füllen Sie die Form mit einem linearen Farbverlauf.
Fügen Sie mit dem Rechteckwerkzeug (M) ein weiteres Rechteck über das Original hinzu. Wählen Sie im Pathfinder-Bedienfeld Minus Front und füllen Sie die neue Form wie gezeigt mit einem linearen Farbverlauf. Ändern Sie den Mischmodus in "Bildschirm" und stellen Sie die Deckkraft auf 50%..
Wählen Sie das Rechteck, das Sie gerade mit grauen Farbverläufen gefüllt haben, und gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -7px und klicken Sie auf OK.
Verschieben Sie die Form, die nach dem Anwenden des Versatzes über allen anderen angezeigt wurde, indem Sie zu Objekt> Anordnen> Nach vorne bringen. Schieben Sie die Form um 3 Pixel nach oben, ändern Sie die Farben des Farbverlaufs mit dunkleren Farben und wenden Sie das Strichgewicht von 1 Pixel mit schwarzer Farbe an.
Duplizieren Sie die letzte Form noch einmal, deaktivieren Sie die Füllfarbe und füllen Sie sie mit Muster (USGS19 Land Inundation). Gehen Sie dann zu Bearbeiten> Farben bearbeiten> Farben umkehren, ändern Sie den Füllmodus auf Bildschirm und stellen Sie die Deckkraft auf 40%..
Fügen Sie mit dem Rechteckwerkzeug (M) und dem Pathfinder-Bedienfeld ein weiteres Rechteck über das letzte hinzu, füllen Sie es wie gezeigt mit einem linearen Farbverlauf, ändern Sie den Mischmodus von Normal zu Bildschirm und stellen Sie die Deckkraft auf 70%..
Nimm das Rechteckwerkzeug (M), erstelle ein Rechteck der Größe 478 x 88px und runde Ecken mit einem Radius von 5px.
Gehen Sie dann zu Objekt> Darstellung erweitern. Füllen Sie das Rechteck mit schwarzer Farbe und platzieren Sie es wie in der Abbildung unten gezeigt.
Duplizieren Sie die Form unter der mit Muster gefüllten Form, fügen Sie sie unter der Form aus dem vorherigen Schritt ein und wählen Sie dann die Kopie aus dem vorherigen Schritt aus.
Öffnen Sie das Pathfinder-Bedienfeld und klicken Sie auf Schnittmenge.
Duplizieren Sie die Form aus dem vorherigen Schritt, fügen Sie dann mit dem Werkzeug Ankerpunkt hinzufügen (+) einen Schlüsselpunkt im unteren Teil hinzu und löschen Sie ihn.
Deaktivieren Sie die Füllfarbe und wenden Sie ein Strichgewicht: 0.5px, Profil: Breitenprofil 3 und einen linearen Farbverlauf an (siehe unten).
Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck mit der Größe 467,5 x 40px, Farbe R: 17 G: 16 B: 13, Runde Ecken mit einem Radius von 5px.
Gleich danach gehen Sie zu Objekt> Aussehen erweitern und platzieren Sie es in der Mitte der Form, die Sie mit schwarzer Farbe gefüllt haben.
Erstellen Sie über dem vorherigen ein weiteres großes Rechteck (siehe unten).
Wählen Sie dann das Rechteck mit abgerundeten Ecken und das gerade erstellte aus. Öffnen Sie das Pathfinder-Fenster und klicken Sie auf Minus Front.
Duplizieren Sie die Form aus dem vorherigen Schritt und fügen Sie dann mit dem Werkzeug Ankerpunkt hinzufügen (+) einen weiteren Schlüsselpunkt im unteren Teil der Kopie hinzu. Direkt danach löschen Sie den Schlüsselpunkt. Deaktivieren Sie die Füllfarbe und wenden Sie ein Strichgewicht: 0.5px, Profil: Breitenprofil 3 und einen linearen Farbverlauf an (siehe unten).
Fügen Sie ein weiteres Rechteck in der unten gezeigten Position hinzu. Schieben Sie dann mit dem Direktauswahl-Werkzeug die oberen beiden Punkte des Rechtecks nach innen, bis sich der obere Teil auf derselben Ebene wie die Form des vorherigen Schritts befindet, und füllen Sie den linearen Farbverlauf wie in der Abbildung unten gezeigt.
Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck der Größe 580 x 75px mit einem runden Eckenradius von 10px, und platzieren Sie es wie unten gezeigt in Position.
Wenn das Rechteck, mit dem Sie im vorherigen Schritt die Ecken gerundet haben, ausgewählt ist, gehen Sie zu Objekt> Hüllkurvenverzerrung> Mit Warp erstellen. Nehmen Sie die folgenden Einstellungen vor: Stil: Aufpumpen, Biegung: 3%, klicken Sie auf OK und direkt danach auf Objekt> Darstellung erweitern.
Füllen Sie die soeben erstellte Form mit der Farbe R: 37 G: 36 B: 32.
Übernehmen Sie die Strichfarbe mit Gewicht: 0.5px, füllen Sie sie wie unten gezeigt mit einem linearen Farbverlauf und senden Sie die Form mit Objekt> Anordnen> Nach hinten verschieben hinter alle anderen.
Fügen Sie den untersten Teil des Scanners auf dieselbe Weise hinzu und füllen Sie ihn mit einem linearen Farbverlauf R: 30 G: 29 B: 24 bis R: 31 G: 31 B: 31.
Senden Sie die Form hinter allen anderen mit Objekt> Anordnen> In den Hintergrund.
Fügen Sie außerdem die beiden Kreise des Scanners hinzu, füllen Sie sie mit schwarzer Farbe aus und senden Sie sie erneut hinter alle anderen Formen.
Fügen Sie den erforderlichen Text wie gezeigt im oberen Teil des Scanners ein (Objekt> Erweitern)..
Füllen Sie es mit einem linearen Farbverlauf und gehen Sie zu Effekt> 3D> Drehen, nehmen Sie die Einstellungen wie gezeigt vor und klicken Sie auf OK.
Wir werden den Scanner-Button hinzufügen. Erstellen Sie mit dem Rechteckwerkzeug (M) ein Rechteck mit einer Größe von 42,75 x 21,75px, und runden Sie die Ecken mit Effekt> Stilisieren> Runde Ecken ab. Legen Sie den Radius auf 2px fest, klicken Sie auf OK und direkt danach auf Objekt> Aussehen erweitern. Füllen Sie dann den linearen Farbverlauf wie unten gezeigt und platzieren Sie das Rechteck auf der rechten Seite des Scanners.
Wenn Sie das Rechteck ausgewählt haben, das Sie gerade mit einem linearen Farbverlauf gefüllt haben, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -1px, klicken Sie auf OK und ändern Sie die Farbe in Schwarz für die neue Form, die nach dem Anwenden des Versatzes angezeigt wurde.
Da die Form, die Sie mit schwarzer Farbe gefüllt haben, erneut ausgewählt wird, gehen Sie zu Objekt> Pfad> Versatzpfad. Setzen Sie den Versatz auf -2px, klicken Sie auf OK und füllen Sie den linearen Farbverlauf wie folgt:
Fügen Sie nun das gewünschte Symbol zur Schaltfläche hinzu. Ich machte einen Kreis, dem ich zwei Schlüsselpunkte oben rechts und links hinzugefügt habe. Dann löschte ich den oberen Schlüsselpunkt und wendete Strichfarbengewicht 1px mit weißer Farbe an. Ich habe auch eine Linie in der Mitte des Kreises mit dem Stiftwerkzeug (P) hinzugefügt..
Mit dem Stiftwerkzeug (P) fügen Sie die Formen auf der rechten Seite des Kreises mit Strichfarbe Gewicht 1px und weißer Farbe hinzu (siehe unten).
Fügen Sie die Beleuchtungstaste mit einem äußeren Schein hinzu. Um ein Rechteck in der unten gezeigten Position zu erstellen, füllen Sie es mit einem linearen Farbverlauf und wenden Sie Outer Glow wie in der Abbildung unten gezeigt an.
Gruppieren Sie alle Formen, die Sie in diesem Schritt erstellt haben, indem Sie zu Objekt> Gruppe gehen und dann zu Effekt> 3D> Drehen. Nehmen Sie die gleichen Einstellungen vor, die Sie für das Erstellen des Texts auf dem Scanner verwendet haben:
Erstellen Sie mit dem Stiftwerkzeug (P) die Form, die das Blatt Papier darstellt, und füllen Sie sie mit einem linearen Farbverlauf wie unten gezeigt.
Fügen Sie eine weitere Form unter der vorherigen hinzu, und füllen Sie sie mit einem linearen Farbverlauf.
Fügen Sie den gewünschten Text auf dem Blatt hinzu, und wählen Sie Effekt> 3D> Drehen aus. Fügen Sie dem Text Perspektive hinzu, indem Sie die Einstellungen wie unten gezeigt vornehmen.
Gruppieren Sie die Formen, die das Blatt und den darauf befindlichen Text darstellen, indem Sie auf Objekt> Gruppe klicken.
In diesem Schritt fügen wir eine Maske hinzu, um diesen Teil des Papiers auszublenden, der nicht sichtbar sein sollte. Erstellen Sie dazu ein Rechteck mit schwarzer Farbe über diesem Teil des Blattes, das nicht sichtbar ist.
Wählen Sie nun die Form, die als Maske verwendet werden soll, und die Gruppe des Blattes aus, öffnen Sie das Transparenzfenster und klicken Sie auf Maske erstellen. Klicken Sie dann auf das Häkchen neben Clip, um die Markierung aufzuheben.
Fügen Sie nun den Schatten des Scanners wie unten gezeigt auf dem Blatt oder Papier hinzu. Damit sind wir fertig.
Am Ende können Sie dem Scanner nach Belieben Hintergrund und Schatten hinzufügen. Unten ist das Endergebnis.
Accentsconagua