Anzeige
Tutorialbeschreibung

Murmel (Thema Maske / Transparenz / Verlauf)

Murmel (Thema Maske / Transparenz / Verlauf)

Hallo Community!

Hier stelle ich euch mit diesem Workshop ein paar Funktionen von Illustrator vor, die ihr sicherlich für
eure Webseite oder für Illustrationen verwenden könnt.

Falls ihr Ergänzungen oder Tipps zu diesem Workshop habt, bitte ich euch, das zu kommentieren. Denn wie
ihr wisst ...

...gibt es immer jemanden, der besser ist!


Schritt 1:
Als Erstes zeichnen Sie mit dem Ellipse-Werkzeug (L) einen Kreis und färben
ihn nach Wunsch ein. Natürlich können Sie da auch Ovale zeichnen oder mit
anderen Formen arbeiten.

 

Objekt erstellenBilder


Schritt 2:
Jetzt zeichnen Sie einen weiteren Kreis unterhalb des orangen Kreises und
färben ihn weiß ein. Die Position des weißen Kreises bestimmt im Prinzip den
Lichtfall. Das können Sie beliebig wählen.

 

2. ObjektBilder


Schritt 3:
Danach verbinden Sie mit dem Angleichen-Werkzeug den oberen Rand des
weißen Kreises mit dem oberen Rand des orangen Kreises. So erzeugen Sie einen ungleichen Verlauf von Weiß auf Orange. Sie können allerdings auch hier
einen kreisförmigen Verlauf nehmen, jedoch wirkt dann das Objekt sehr plastisch.

 

weiß/orange VerlaufBilder


Schritt 4:
Als Nächstes setzen Sie nur vom weißen Kreis die Transparenz auf 0 %. Das
bewirkt, dass die Murmel an den weißen Stellen durchsichtig wird. Somit können Sie tolle Effekte mit dahinter liegenden Objekten erzielen.

 

TranzparenzBilder


Schritt 5:
Zeichnet Sie nun eine Ovale mit dem Ellipse-Werkzeug oberhalb des orangen
Kreises. Das soll zum Schluss die Spiegelung darstellen. Die Größe oder Form
können Sie selber bestimmen. Um eine Fensterspiegelung darzustellen, können
Sie auch vier Quadrate benutzen.

Schritt 1 SpiegelungBilder
 


Schritt 6:
Nun setzen Sie der Ovalen eine Maske (unter Transparenz / Optionen /
Deckkraftmaske erstellen). Mit der Deckkraftmaske erzeugen Sie transparente
Verläufe wie bei Photoshop.

DeckkraftmaskeBilder


Es entsteht jetzt im kleinen Fenster eine viereckige schwarze Maske, der Sie eine Form geben müssen.

 

Masken DarstellungBilder


Schritt 7:
Jetzt klicken Sie die Maske an, um sie zu bearbeiten. Wundern Sie sich nicht,
dass Sie jetzt keine Objekte mehr auswählen können. Sie sind jetzt in der Maske und somit können Sie auch nur die Maske editieren. Zeichnen Sie nun ein Viereck oberhalb des weißen Ovals (sollte die gesamte Fläche abdecken).

Maskenverlauf erstellenBilder

 

 


 

Schritt 8:
Anschließend färben Sie das Viereck mit einem linearen Verlauf von Schwarz
auf Weiß ein. Sie werden nun den Verlauf nicht schwarz auf weiß sehen, sondern haben jetzt der Ovalen einen transparenten Verlauf gegeben. Um aus der Maske wieder rauzugelangen, klicken Sie auf das weiße Kästchen neben dem Masken-Kästchen. (Siehe obere Abbildung)

 

Transparenter VerlaufBilder

Abbild 2 

Verlaufs-Ansicht MaskeBilder


Schritt 9:
Um die Murmel realistischer zu gestalten, geben wir ihr nun einen Schatten.
Dazu erzeugen Sie eine weitere Datei und zeichnen da einen schwarzen Kreis
ein. Der vergeben Sie wie bei Schritt 6-8 eine Maske.

 

SchattenBilder


Schritt 10:
Anschließend zeichnen Sie innerhalb der Maske eine Fläche, die den kompletten schwarzen Kreis bedeckt, ein. Der geben Sie diesmal einen kreisförmigen Schwarz auf Weiß-Verlauf. (Siehe Schritt 6-8).

 

SchattenverlaufBilder


Schritt 11:
Um die Murmel 3-dimensional wirken zu lassen, skalieren Sie den Kreis in eine
Ovale (oberen mittleren Anfasser mit gedrückter Alt-Taste). Jetzt kopieren Sie die Ovale mit Bearbeiten / Kopieren oder Strg + C, fügen ihn aber noch nicht ein.
Die Ovale ist jetzt im Zwischenspeicher.

 

3D Darstellung SchattenBilder


Schritt 12:
Nun fügen Sie den ovalen Schatten mit Bearbeiten / Einfügen oder Strg + V
hinter der Murmel ein. Positionieren Sie nun den Schatten mittig zur Murmel.
Jetzt setzen Sie die Transparenz des Schattens auf 50 %.

Position SchattenBilder
 


Ergebnis

ErgebnisBilder

Falls Ihr Interesse an weiteren Tipps und Tricks habt, besucht doch meine Website.

newart GRAPHICSBilder

 

Die Seite ist zwar noch im Aufbau, aber ich denke, mit eurer Hilfe kann sie eine gute Ergänzung
zu PSD-Tutorials.de werden.


DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von genseblume111
  • 08.01.2015 - 14:10

Leider ergibt das hier gezeigte bei mir null Prozent Erfolg! Hier ist bereits bei Schritt 3 Schluß.
Leider habe ich keine Ahnung, wie man das "Angleichen-Werkzeug" findet und wie man die beiden Pfade der beiden Kreise miteinander verbindet - und somit einen Verlauf erzeugt *kratz am Hinterkopf*
Bestimmt ein tolles Tutorial - ich werde es vermutlich nie erfahren um es beurteilen zu können....:-(
Sehr schade, wäre genau das gewesen was ich gebraucht hätte...
werde es aber weiter versuchen!

Portrait von LenaR
  • 07.03.2013 - 13:37

Sehr gut erklärt, hat man ohne Probleme geschafft!

Portrait von lisefa
  • 08.02.2013 - 11:35

Toll für Anfänger wie mich! Danke!!

Portrait von Daniela_Reining
  • 29.10.2012 - 16:08

vielen dank :) leichtes Tut für jeden ;)

Portrait von CH_Design
  • 19.04.2012 - 19:29

Super Effekt, geht wirklich prima umzusetzten... Danke

Portrait von doug_butabi
Portrait von Mimn
  • 16.04.2012 - 11:33

echt cool gemacht :)
konnte allem folgen, nur beim Schatten hatte ich so meine Probleme ... die Masken sind irgendwie nicht mein Freund, aber ich habe das dann anders gelöst mit einem ganz einfachen Verlauf usw ;)

Portrait von chkamp
  • 07.03.2012 - 14:54

Schönes Tutorial - wenn ich allerdings den oberen ovalen Kreis erstelle, dann wiederholt er sich bis in den unteren Rand und wird dabei immer kleiner. Wo liegt der Fehler?

Portrait von babarella
  • 18.02.2012 - 16:44

Ein gutes, allumfassendes Tutorial, leider etwas sehr knapp erklärt!

Portrait von dianab
  • 01.12.2011 - 10:36

Vielen, vielen Dank. Sehr gut erklärt und hilft weiter.

Portrait von Sisi90
  • 10.09.2011 - 12:05

Das hab ich schon immer wissen wollen, wie der Effekt geht. Vielen Dank.

Portrait von Lovemate
  • 16.05.2011 - 22:05

Bis jetzt habe ich keine gute Quote: 2 AI Tutorials - null Prozent Erfolg! Kam ich beim Logo-Erstellen noch bis Schritt 6, ist hier bereits bei Schritt 3 Schluß.
Leider habe ich keine Ahnung, wie man das "Angleichen-Werkzeug" findet und wie man die beiden Pfade der beiden Kreise miteinander verbindet - und somit einen Verlauf erzeugt *kratz am Hinterkopf*
Bestimmt ein tolles Tutorial - ich werde es vermutlich nie erfahren um es beurteilen zu können....:-(

Portrait von ber1
  • 03.05.2011 - 15:51

gut verständlich und nützlich :o)

Portrait von Hayabusa2011
  • 02.05.2011 - 13:30

... durch aussagekräftige Screenshots gut verständlich -- die Erklärungen selbst sollten etwas genauer ausfallen -- nichtsdestotrotz vielen Dank!

Portrait von schwarze_Feder
Portrait von Twoface22
  • 25.02.2011 - 11:47

Ich habe das gleiche Problem wie LizzyHmkay. Wie gebe ich der Maske eine Form? Ich bitte um genauere Erklärung.

Portrait von suesse2323
  • 17.02.2011 - 19:51

Vielen Dank ;) Sehr schön erklärt und hilft weiter;)

Portrait von terric
  • 11.02.2011 - 03:51

Schön gemacht! Hat alles geklappt, Dankeschön!

Portrait von Endstille
  • 12.10.2010 - 21:31

Also keine Ahnung, bei mir kommt da kein Schatten wieso auch immer, und dann is am Ende die Kugel nicht mehr beweglich bzw skalier bar außer die Maske?!!?

Portrait von photoheini
  • 05.10.2010 - 11:12

Für einen Illustrator Neuling nachvollziehbar!

x
×
×