Machen Sie einen zerrissenen Vektor-Desktop-Hintergrund mit abgewinkeltem Text

Dieses Tutorial ist ideal für den Anfang eines Adobe Illustrator-Künstlers, der seine Fähigkeiten auf die nächste Stufe bringen möchte. Sie lernen, wie Sie mit type arbeiten, um ein cooles Desktop-Hintergrundbild zu erstellen und Narben hinzuzufügen, um das Design abzuschließen. Lasst uns anfangen!

Endgültige Bildvorschau

Unten ist das endgültige Design, auf das wir hinarbeiten werden. Dieser Desktop ist mit 1680 Pixel auf 1050 Pixel ausgelegt. 

Schritt 1

Stellen Sie Ihr Dokument auf die Größe ein, unter der Sie Ihren Desktop erstellen möchten. Zeichnen Sie anschließend mit dem Rechteckwerkzeug (M) ein Rechteck und füllen Sie es mit einer Farbe Ihrer Wahl. Setzen Sie dieses Rechteck auf eine eigene Ebene. Wenn Sie ein Design mit mehreren Elementen erstellen, ist es eine gute Idee, jedes Element auf einer eigenen Ebene zu platzieren. Denken Sie daran, während Sie dem Design mehr Objekte hinzufügen, da ich nicht darauf hinweisen werde, wenn ich in diesem Tutorial neue Ebenen hinzufüge.

Schritt 2

Fügen Sie ein witziges und kurzes Sprichwort hinzu, das Sie in mehrere Teile aufteilen können, um ein Design zu erstellen. Ich habe ITC Franklin Gothic für meinen Text verwendet. Um schnell auf das Typenfeld zuzugreifen, drücken Sie Befehlstaste + T.

Schritt 3

Richten Sie den Typ so ein, dass er einen einzigartigen Look hat. Das Anpassen des Typs ist so einfach wie das Auswählen und das Bewegen der Maus in der Nähe einer der Ecken. Mit dem Direktauswahl-Werkzeug (V) können Sie den Typ drehen, wenn sich der Cursor in einen doppelseitigen Pfeil ändert. Wenn Sie den Typ drehen, halten Sie die Umschalttaste gedrückt, um ihn leicht in einem Winkel von 45 Grad zu drehen.

Schritt 4

Wenn Sie mit dem Layout beginnen, versuchen Sie, den Text so anzuordnen, dass der gesamte Spruch in den mittleren Bereich des Designs fällt. Wie Sie feststellen werden, habe ich die größeren Wörter in ein Muster eingefügt, das mir gefällt. Sobald Sie dasselbe tun, können Sie die anderen Wörter um die vorhandenen Buchstaben herum aufbauen.

Schritt 5

Kopieren Sie die Wörter weiter, mischen Sie sie und probieren Sie verschiedene Kombinationen aus, damit sie gut nebeneinander passen. Duplizieren Sie die Wörter schnell, indem Sie beim Klicken und Ziehen die Optionstaste gedrückt halten. Sie können jetzt zulassen, dass Ihr Bildmaterial die Kanten der Zeichenfläche an dieser Stelle überlappt.

Schritt 6

Beobachten Sie, wie das Layout voll und vollständig aussieht (mit Ausnahme des kleinen Bereichs auf der rechten Seite, dem ich meinen Namen und das VECTORTUTS-Logo hinzufüge.)

Schritt 7

Um die Textur im Hintergrund zu erstellen, verwenden Sie eine einfache Ellipse, die wir in einen Scatter-Pinsel umwandeln, damit wir schnell eine Textur erstellen können. Zeichnen Sie eine Ellipse mit dem Ellipse-Werkzeug (L). Fülle es mit Schwarz.

Schritt 8

Öffnen Sie die Pinsel (F5) und ziehen Sie die Ellipse in die Pinsel-Palette. Wenn Sie dies tun, öffnet sich ein Dialog. Wählen Sie New Scatter Brush aus und klicken Sie auf OK.

Schritt 9

Das Dialogfeld "Streuerpinsel-Optionen" enthält mehrere Optionen zum Erstellen von Zufallsmustern. Stellen Sie Größe, Abstand und Streuung auf Zufall ein. Passen Sie die kleinen hervorgehobenen Dreiecke an, um negative und positive Zahlen in jeden Schieberegler aufzunehmen. Dadurch wird sichergestellt, dass Ihr Pinsel genügend Abwechslung hat. Sie müssen die Option Rotation natürlich nicht anpassen, da die Form ein Kreis ist.

Schritt 10

Wählen Sie die Ellipse in der Pinsel-Palette und anschließend das Pinsel-Werkzeug (B). Zeichnen Sie einfach eine beliebige Form und Sie haben sofort eine ähnliche Textur wie unten!

Wenn Ihnen die Malweise des Pinsels nicht gefällt, doppelklicken Sie auf die Ellipse in der Pinsel-Palette und bearbeiten Sie die Optionen. Wenn Sie Änderungen vornehmen, nachdem Sie bereits eine Form gemalt haben, werden Sie im Dialogfeld "Warnung zum Wechseln des Pinsels" aufgefordert. Sie können wie folgt auf Striche anwenden oder Striche hinterlassen.

Schritt 11

Bauen Sie Ihre Formen weiter auf. Nachdem Sie eine Masse von Formen aufgebaut haben, müssen Sie sie erweitern. Wählen Sie alle Ihre Formen aus und gehen Sie zu Objekt> Aussehen erweitern. Wenn Sie Ihre Objekte erweitern, werden Sie feststellen, dass sich in den Formen kleine Linien (gelber Punkt) befinden. Verwenden Sie das Direktauswahl-Werkzeug (V), um diese Formen auszuwählen und zu löschen. Wählen Sie anschließend die Masse der Punkte aus, verwenden Sie den Pathfinder und wählen Sie In Formbereich hinzufügen (linker grüner Punkt). Klicken Sie dann auf Erweitern (rechter grüner Punkt).

Schritt 12

Sie haben jetzt eine Masse von Punkten übrig, die vollständig zu einer Form zusammengefügt sind.

Schritt 13

Platzieren Sie die Form über den Ecken des Bildmaterials. Wählen Sie alle vier Punkte aus und wählen Sie Zu Formbereich hinzufügen und Erweitern wie in Schritt 11.

Schritt 14

Sie können die Punkte bis zum Rand der Grafik zuschneiden, indem Sie eine Rechteckform darüber zeichnen, wo die Punkte abgeschnitten werden sollen. Danach wählen Sie Von Formbereich subtrahieren (linker gelber Punkt), gefolgt von Erweitern (rechter gelber Punkt)..

Passen Sie die Deckkraft der Punkte mit der Transparenz-Palette an. Ich habe entschieden, dass eine Deckkraft von 29 für dieses Layout geeignet ist.

Schritt 15

Erstellen Sie andere Punkte, die weiß sind, um dem Design eine weitere Ebene von Interesse hinzuzufügen.

Schritt 16

Wir fügen dem Design einen Spotlight-Effekt hinzu, indem Sie ein Rechteck mit dem Rechteckwerkzeug zeichnen und ihm einen radialen Verlauf geben. Rufen Sie das Verlaufsfenster auf, indem Sie auf Fenster> Verlauf klicken. Klicken Sie auf den Verlaufsregler und verwenden Sie die Farbpalette (F6), um die Farben fein abzustimmen.

Schritt 17

Bewegen Sie das gesamte Rechteck über das Bildmaterial. Wählen Sie in der Transparenzpalette aus der Dropdown-Liste die Option Multiplizieren. Dadurch können Sie Ihre Kunstwerke unterhalb des Farbverlaufs sehen.

Schritt 18

Um einen zerrissenen Papiereffekt zu erzeugen, zeichnen Sie eine beliebige Form mit dem Stiftwerkzeug (N). Eine offene Form schließen Sie am einfachsten, indem Sie die Wahltaste gedrückt halten, wenn Sie die Form schließen möchten.

Schritt 19

Zeichnen Sie noch mit dem Stiftwerkzeug zwei andere zerrissene Papierformen, die die Ränder des Papiers darstellen, wenn es sich nach oben rollt.

Schritt 20

Geben Sie dem zusammengerollten Teil des Papiers einen schwarzen bis weißen Farbverlauf.

Schritt 21

Fügen Sie einen inneren Schein hinzu, indem Sie auf Effekt> Stilisieren> Innerer Schein gehen. Stellen Sie den Modus auf Bildschirm und die Deckkraft auf ungefähr 25 ein. Ihre Unschärfegröße ist möglicherweise nicht genau die, die ich in meinem Beispiel zeige. Vergewissern Sie sich, dass Ihr Aussehen für Sie gut aussieht, und drücken Sie dann OK.

Schritt 22

Geben Sie der Form einen Schlagschatten, indem Sie auf Effekt> Stilisieren> Schlagschatten gehen. Stellen Sie Ihren Modus auf Multiplizieren, Ihre Deckkraft auf etwa 75, Ihren X- und Y-Versatz auf 0 und Unschärfe. drücke OK.

Schritt 23

Wiederholen Sie diese Schritte für die andere Seite der Papierkante. Wenn Sie den Effekt anwenden, können Sie beide gewellten Papierkanten auswählen, sodass der Effekt gleichzeitig auf beide angewendet wird!

Sie haben jetzt einen effektiven zerrissenen Papiereffekt. Legen Sie das zerrissene Papier über den Rand Ihres Bildmaterials, um das Design abzuschließen.

Endgültiges Bild

So sieht der endgültige Desktop aus. Der letzte Schritt ist das Speichern des Bildmaterials zur Verwendung auf Ihrem Desktop. Gehen Sie zu Object> Slice> Clip in die Zeichenfläche. Gehen Sie schließlich zu "Datei"> "Für Web und Geräte speichern" und speichern Sie Ihr Bildmaterial mit den gewünschten Einstellungen. Jetzt müssen Sie nur noch das Bild als Desktop festlegen!

Sie sollten sich jetzt auf den Weg machen, um alle leistungsstarken Funktionen von Adobe Illustrator kennenzulernen.

Bonus

Als zusätzlichen Bonus habe ich verschiedene alternative Größen des Desktops hinzugefügt, die in diesem Lernprogramm für Sie zum Download bereitgestellt wurden:

  • 1920x1200px
  • 1680x1050px
  • 1440x900px
  • 1280 x 1024 Pixel
  • 1280x800px
  • 1024x768px
  • iPhone 320x480px