Freitag, 12. September 2008

Würfel mit Verlauf mit Illustrator

Als erstes erstellen wir uns eine neu Arbeitsfläsche.

Im nächsten Schritt erstellen wir mit dem Rechteckwerkzeug und gedrückter STRG Taste ein Quadrat in der Größe 200 x 200 Pixel.

1.gif




















Als nächstes
werden wir dem Quadrat seine Form geben, Tiefe und Höhe. Dazu nutzen wir das 3D Tool des Illustrators. Dieses Tool findet Ihr unter Extras> 3D >Extrudieren und Abgeflachte Kante
2.gif























Dort die folgenden Werte angeben: x-Achsen Drehung 70 Grad, y-Achsen Drehung -30 Grad und die z-Achsen Drehung auf 10 Grad. Nun die Perspektiven Einstellung die Meist vernachlässigt wird. Diese stellen wir auf 105 Grad ein.
3.gif























Nicht zu vergessen das wir auch die Tiefe der Extrusion einstellen , da wir einen Würfel haben möchten wird dieser wert genau so eingestellt wie wir das Quadrat gemacht haben also 200pt.

Nun haben wir bereits einen schönen Würfel.

4.gif






















Er sollte aber noch verlauf bekommen.

Damit wir die Flächen des Würfels bearbeiten können sollten wir das Aussehen Umwandeln.

Dafür auf Objekt Aussehen umwandeln nun haben wir die einzelnen Flächen des Würfels .
5.gif





















Da nur die Sichtbaren Flächen mit Verlauf versehen werden sollen nutzen wir nun das Direktauswahl- Werkzeug .
6.gif






















Mit diesem Klicken wir nun auf eine Fläche, in diesem Fall auf die Rechte, des Würfels.

Nun mit einem Klick auf den Verlauf den entsprechenden Farb-Verlauf auf die Fläche bringen. Hier ist der Winkel auf 0-Grad gestellt.

8.gif





















Beim Linken Feld sollte der Verlauf genau entgegen gesetzt laufen also stellen wir dort den Winkel auf ca. 180 Grad ein.

Die obere Fläche nun mit einer Farbe füllen.


Dann sind wir schon fast durch, wenn es euch besser gefällt könnt Ihr den einzelnen Flächen noch eine Kontur verpassen.
9.gif





















Kann muss aber nicht. Und schon seht Ihr euren Würfel mit Verlauf.
zum Download

Glossy Folder Icon Tutorial

Glossy Folder Icon Tutorial

folder.png
In diesem Tutorial
wird beschrieben und gezeigt, wie Ihr in ca.3 Minuten, ein Glossy Folder Icon, mit Illustrator erstellen könnt. Die fertige Datei könnt Ihr am Ende des Tutorial Downloaden.

Erstellt als erstes die Arbeitsfläche, in diesem Fall 300 x 300 Pixel groß. Erstellt eine Ebene und benennt diese „Front“. Nun nehmen wir das Abgerundetes-Rechteck-Werkzeug und ziehen ein Rechteck ca. 200 x 150 Pixel.

f1.gif

Nachdem der Anfang gemacht ist nehmt das Rechteck-Werkzeug und Zieht über die Ebene mit dem Abgerundetem-Rechteck ein 200 x 50 großes Rechteck.


f2.gif

Da unser Folder nur oben Rund sein soll verbinden Wir nun die Zwei über aderliegenden Ebenen mit dem Pathfinder. Dafür markiert beide Rechtecke und verbindet dies mit gedrückter „alt“ Taste und dem Klick im Pathfinder auf „Dem Formbereich zufügen“. Wie Ihr jetzt sehen könnt, habt Ihr ein Rechteck das oben Rund und unten Eckige Kanten hat.

f3.gif

Als nächstes bringen wir ein wenig perspektive in Unseren Folder. Dafür werden wir den Zusammengefügten Pfad etwas Verbiegen. Dafür den Pfad anklicken, rechte Maustaste und Transformieren > Verbiegen, auswählen. Hier sollte der Biegungswinkel auf -20 und die Achse auf Horizontal eingestellt werden.

f4.gif

Das gesamte Konstrukt drehen wir nun noch um -20 Grad, dafür wieder rechtsklick auf den Pfad Transformieren > Drehen.

f5.gif

Der nächste Schritt ist der Rücken des Folder. Diesen erstellen wir mit einer Kopie der Front Ebene, Legt dafür eine neue Ebene an verschiebt diese unter die „Front-Ebene“ und benennt diese „Rücken“. Dann Kopieren wir den Pfad der in der Ebene „Front“ Liegt.

„TIP: Verschlisst gleich nach dem Kopieren die Ebene Front“

Legen diesen in die Rücken Ebene. Dann verbiegen wir Ihn um 20 Grad, die Achse muss hier auf „Winkel -15 Grad“ stehen.

f6.gif

Dann verschieben wir die unteren Eckpunkte des Pfades, der in der Ebene Rücken liegt, bis der Pfad, mit den unteren Eckpunkten genau mit der Obenliegenden Ebenen überein stimmt.


f7.gif

„TIP: Wenn beide Ebenen mit den Unteren Ecken zusammen passen, verschlisst die Ebene Rücken.“

f8.gif

Langsam nimmt unser Folder Formen an. Nehmt nun der Front etwas die Deckkraft. Hier ist sie auf 70% angelegt. Nun geben wir der Folder noch etwas mehr Farbe. Ein verlauf ist hier am besten geeignet. Öffnet dafür die Ebene „Front“. Klickt den Pfad an und wählt euren Verlauf aus.

f9.giff10.gif

Als nächstes geben wir dem Folder noch etwas Glanz. Um diesen zu erstellen nehm Ihr das „Zeichenstift-Werkzeug“ und zeichnet in der Ebene Front eine weiße Welle. Hier könnt Ihr ruhig übers Ziel hinaus Schissen.
f11.gif
Es ist nun in der Ebene ein neuer Pfad vorhanden. Dann Kopiert Ihr wiederrum, den Pfad, der die Front des Folders darstellt. Klickt nun die Welle die Ihr im Schritt zuvor gezeichnet habt an und geht ins Fenster „Transparents“ Mit; Umschalten, STRG, F10. Dort wird neben eurer angezeigten Ebene in Leere Feld doppelt geklickt. Nun Fügt Ihr den zuvor Kopierten Pfad wieder ein. Hiermit habt Ihr die Welle Maskiert.
Es dürfte jetzt nun noch die Welle mit der Front des Folders sichtbar sein.

f12.gif

Im Grunde ist der Folder hiermit schon fertig. Ihr könnt aber noch etwas Papier in der Ordner legen, dafür ist er auch vorgesehen.

f13.giff14.gif











Dafür legt Ihr eine neue Ebene an benennt die „Papier“ und verschiebt dies zwischen die Ebenen Rücken und Front. Dann werden zwei Rechtecke mit leichtem Verlauf erstellt.

Wenn Ihr die noch ein wenig verbiegt, sieht es aus, als läge Papier im Folder.

f15.gif
Und Fertig ist das Icon.
Viel Spaß beim basteln oder beim Download

Dieses Blog durchsuchen

Meine Blog-Liste