Was für eine tolle Szene, oder? Meine Neffe würde sich freuen, der malt nämlich ganz gerne solche Bilder aus. Aber: Was hier noch fehlt, ist eine Sonne, oder? Wie ich die einfüge, erkläre ich euch jetzt.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

So sieht das Endergebnis aus. Das ist eine einfache Sonne, nicht wirklich spektakulär, aber da gibt es ein paar Tricks, wie man diese erstellt, die man auch beachten sollte. Unter anderem: spitze Linien, die so ausgeblendet werden. Wie kann ich die erstellen? Und: Wie mache ich das Ganze schnell? Das ist Teil dieses Trainings.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Dazu blende ich mal alle Ebenen des Dokuments aus, indem ich hier einfach einmal mit gedrückter Maustaste über alle Augensymbole fahre (1). Jetzt eine neue Ebene, der ich den Namen „Sonne 2“ (2) gebe.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Los geht es mit einer Ellipse (Ellipse-Werkzeug oder Shortcut L). Die soll natürlich schön kreisrund sein, daher drücke ich beim Aufziehen die Shift-Taste. Eine Kontur brauche ich nicht. Ich drehe das Ganze hier mal rum und fülle die Fläche mit Gelb.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Jetzt kommen die Strahlen. Dazu nehme ich das Liniensegment-Werkzeug (1) und ziehe das einfach auf. Hier brauche ich nun aber eine Kontur (2), daher klicke ich sie mal an. Die Farbe soll natürlich dieselbe sein wie bei der Sonne. Daher nehme ich mein Farbfelder-Bedienfeld und wähle Gelb aus (3). Alternativ könnte ich auch die Pipette (4) nehmen. Die Kontur setze ich auf 4 Pt (5).

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Okay, das ist nun aber ein langweiliger Strahl. Ich finde, der sollte von breit nach schmal verlaufen. Dazu kann ich mir hier ganz viele aussuchen, zum Beispiel diesen (1). Ich erhöhe die Konturstärke (2) mal noch ein wenig, und schon habe ich einen Strahl, der von dick zu dünn verläuft.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Das soll natürlich nicht der einzige Sonnenstrahl bleiben. Dazu schnappe ich mir das Drehen-Werkzeug (1). Jetzt kann ich diesen Punkt hier (2) verschieben und die Linie darum selber drehen. Wenn ich noch die Alt-Taste dazu nehme, wird das auch kopiert. Aber: Ich will das ja nicht alles einzeln machen, das dauert zu lange und wird auch nicht wirklich richtig gleichmäßig.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Daher ein Trick: Ich drücke hier einmal mit gedrückter Alt-Taste (1). Damit öffnet sich der Drehen-Dialog. Wenn ich auf Vorschau gehe (2), sehe ich schon mal, was sich verändert. Ich möchte die Linie um 15° gedreht haben (3) und das als Kopie (4).

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Zur Wiederholung drücke ich Strg+D, gleich mehrfach, damit ich meine Sonne erhalte. Alles schön gleichmäßig, so wie ich es haben wollte. Das Ganze markiere ich mir jetzt mit meinem Auswahl-Werkzeug (1). Dann über das Kontextmenü mit der rechten Maustaste alles gruppieren (2). Damit kann ich das alles anfassen und verschieben.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Jetzt hätte ich gerne noch, dass die Strahlen so ein bisschen ausgeblendet werden. Dazu brauche ich eine Maske: Ich gehe ins Transparenz-Bedienfeld (1) und erstelle eine Maske (2). Jetzt wird erst mal gar nichts mehr angezeigt, denn die Maske ist komplett schwarz (3). Erst, wenn ich einen farbigen Bereich habe, wird das wieder eingeblendet.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Um das zu machen, nehme ich mal das Ellipse-Werkzeug. Wichtig: Ich muss innerhalb der Maske arbeiten, die ich dazu extra anklicken muss (1). Ziehe ich also jetzt einen Kreis auf (2), dann sieht man also wieder etwas.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Um den Übergang zu erstellen, brauche ich einen Verlauf (1), und zwar von Weiß, wo alles angezeigt wird, bis ins Schwarz, wo es ausgeblendet wird (2). Das heißt, ich wähle den Verlauf, setze ihn auf Kreisförmig (3) und ziehe ihn auf meine Fläche.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Jetzt stelle ich den Verlauf noch ein: Ich verschiebe das Ganze, ziehe es mit gedrückter Shift- und Alt-Taste noch etwas größer. Und den Verlauf selber kann man hier noch genauer definieren.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Das ist also meine Sonne, die ich jetzt noch verkleinere, damit sie am Ende ins Bild passt. Um das allerdings zu machen, gehe ich wieder ins Transparenz-Bedienfeld (1) und klicke wieder auf dieses Bildchen (2), sonst verändere ich nur die Maske, nicht das Bild an sich. Jetzt kann ich das also mit gedrückter Shift-Taste ein bisschen kleiner machen (3).

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Jetzt blende ich alle Ebenen wieder ein (1). Die Sonne soll natürlich nicht hinter den Wolken liegen. Dazu drücke ich einmal die Zieh-Auswahl an und kann die Sonne dann mit gedrückter Shift-Taste und den Pfeiltasten verschieben.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Wenn ich nicht möchte, dass die Strahlen über mein Bild hinausragen, kann ich noch eine Schnittmaske erstellen. Dazu nehme ich das Rechteck-Werkzeug (1), ziehe es auf, wähle hier alles aus, und sage mit der rechten Maustaste: Schnittmaske erstellen (2). Damit wird die Sonne nur innerhalb des Bildes angezeigt und ragt nicht darüber hinaus.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Ich kann jetzt natürlich noch jederzeit in meine Sonne hineingehen und beispielsweise den Kreis verändern. Mit gedrückter Shift- und Alt-Taste kann ich sie zum Beispiel ein bisschen kleiner machen.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Zum Schluss noch ein Trick zur weiteren Optimierung: In den Ebenen wähle ich meine Sonne aus (1). Unter Effekte>Stilisierungsfilter>Schein nach außen… (2) gebe ich über Negativ multiplizieren (3) noch einen weißen Schein (4) hinzu.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

Über einen Doppelklick auf den Effekt kann ich den Effekt bearbeiten: Zum Beispiel mehr Deckkraft oder weniger Weichzeichnung, auf Normal stellen und so weiter.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

So kann man also eine Sonne ziemlich einfach in Adobe Illustrator erstellen. Ich hoffe, ihr konntet einige Tipps und Tricks mitnehmen.

Tipps & Tricks zu Adobe Illustrator: Sonne erstellen

ICONS TEST

/sprites/ui.svg:

alert
apple-pay
apple
arrow-down
arrow-right
arrows
checkbox
checked
chevron-down-small
chevron-down
chevron-left
chevron-right-doble-primary
chevron-right
chevron-up-small
chevron-up
close-cross
close-small
close
cog
complete
copy
eye-lock
eye
facebook-logo
file
form-select-arrow-up
form-select-arrow
google-icon
icon-als-gast-fortfahren_b
icon-anmelden1_b
icon-anmelden2_b
icon-globe
icon-neues-konto-erstellen_b
icon-resize-out
information-icon-button
left-align
letters
like
link-arrow
link
list-icon
lock
mail
medal
moon
notification
open-small
picture
pinterest-2
play
plus-white
quizz
rate
refresh-211
refresh-282
reset
reward
search-thin
search
star
sun
user
warenkorb

/sprites/image-editor.svg:

align-center
align-left
align-right
alignment-center
alignment-left
alignment-right
alignment-vertical-bottom
alignment-vertical-center
alignment-vertical-top
background-test
background
bold
bring-forward
bring-to-front
capslock
change-size
check-point
constrain
copy
crop-image
delete
download
edit-file-name
editable
flip-horisontally
flip-vertically
group-layer
help
hide
italic
justified
layers
line-spacing
lock
not-editable
open-group
paste
redo
rotate
save
send-backward
send-to-back
shape-layer
shapes
show
strike
text-layer
text
translate
underline
undo
unlock
zoom-in
zoom-out

/sprites/paint.svg:

brush
clear
cursors
eraser
escape
full-screen
marker
navigate
pencil
print
refresh
save
spray
zoom-in
zoom-out

/sprites/theme.svg:

001-01
001-02
001-03
001-04
001-05a
001-05b
001-05c
002-05a
3d-square-software-icon-dark
architektur-software-icon-dark
arrows-down-active
arrows-up-active
assets-templates-download-icon-dark
butterfly-answer-icon-dark
category-icon-example
certificate_alternate
certificate_downloaded
certificate_grey
certificate_primary
edit-multiple
edit
facebook
folder
grey-pause
grey-play
grey-stop
icon-als-gast-fortfahren_c
icon-anmelden1_c
icon-anmelden2_c
icon-neues-konto-erstellen_c
icons-cookie
instagram
interests-1
lamp-idea-bulb-smart-icon-dark
linkedin
pinterest
plus
red-cross
reload
toggle-list-active
toggle-list
toggle-on-off-active
toggle-on-off
toggle-single-active
toggle-single
toggle-switch-active
toggle-switch
trash
trophy-inactive
urkunden-zertifikate-software-icon-dark
video-streaming-icon-dark
xing

/sprites/banners.svg:

bild
icons8-google
proven_expert_4eck-tutkit

/sprites/elements-of-design.svg:

annika-hillger
annika-hillger
annika-hillger
annika-hillger_100
annika-hillger_100
annika-hillger_100
blockquote-border-line
icons-svg-log-in
svg-log-in
svg-registration

/sprites/logotypes.svg:

logo-big-colored
logo-big-dark
logo-big-green
logo-big
logo-dark
logo-green
logo-light-grey
logo-light-white
logo-mini-dark
logo-mini-green
logo-mini
logo-payment
logo-small-dark
logo-small-green
logo-small
logo-tutkit
logo
tutkit_pirate-bay
tutkit_voucher_top

/sprites/payment-provider.svg:

apple-pay-2
apple-pay-white
apple-pay
card-bank
card-mastercard
card-paypal
creditcard
g-pay-2
g-pay
google-pay-2
invoice
mastercard
payment-google-pay
paypal-2
paypal
sepa
visa
[]