Illustrator-Tutorial: Messerscharfe Workflow- und Design-Rezepte

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Alle Videos des Tutorials Illustrator-Tutorial: Messerscharfe Workflow- und Design-Rezepte

In diesem Workshop kommt jetzt ein kleiner Trick: Mich hat das immer gestört, dass es in InDesign so einfach war, Objekte zu drehen, da, wo ich den Mittelpunkt, worüber gedreht werden soll, sehr einfach beeinflussen kann – und in Illustrator scheinbar nicht. Aber es geht doch. Ich zeichne mal eine Linie und einen Kreis dazu.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Die Linie soll nun genau um diesen Kreis gedreht werden. Dazu nehme ich das Drehen-Werkzeug (1). Wenn ich jetzt drehe, wird anhand des Mittelpunkts (2) gedreht.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Das kann ich verändern, indem ich den Drehpunkt mit der linken Maustaste dahin verschiebe (1), wo gedreht werden soll, also in meinem Fall genau in die Mitte des Kreises. Und wenn ich jetzt drehe, sieht man: Das funktioniert wunderbar.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Jetzt möchte ich die Linie mehrfach kopieren, sodass sie sich um meinen Kreis dreht. Das geht am einfachsten, indem ich doppelt auf das Drehen-Werkzeug klicke. Allerdings ändert er jetzt wieder diesen Drehpunkt – und das ist gemein. Warum macht er das? In InDesign ist das nicht so.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Daher muss man einen Trick anwenden. Ich drücke mit gedrückter Alt-Taste einmal auf diesen Punkt (1). Damit erscheint noch mal das Drehen-Fenster. Der Mittelpunkt wurde tatsächlich nicht verändert. Damit habe ich die Möglichkeit, das entsprechend zu verschieben. Ich stelle das mal auf 15° (2). Und das Ganze als Kopie (3).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Jetzt kann ich wiederholt Strg+D drücken und ich kopiere das Objekt genau um die 15°. Das kann man zum Beispiel als Sonne verwenden, wenn ich das alles auf Gelb umfärbe. Ich gebe der Kontur mal 3 Pt und färbe auch den Kreis.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Sonnenstrahlen-Effekt

Hier noch ein Beispiel: Dieses Bild möchte ich noch weiter aufwerten, indem ich jetzt einen Sonnenstrahlen-Effekt erstelle. Dazu kann ich die gleiche Technik wieder anwenden: Ich erstelle mir hier eine Ebene „Effekt“ über dem Hintergrund und unter den anderen Ebenen (1). Jetzt ziehe ich mit dem Polygon-Werkzeug ein Polygon auf. Dazu klicke ich einmal (2) und öffne das entsprechende Kontextmenü, wo ich drei Seiten einstelle (3). Das mache ich weiß, etwas kleiner und ich ziehe es an diese Stelle (Pfeil bei 3).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Jetzt das Drehen-Werkzeug wählen und an diesem Punkt mit gedrückter Alt-Taste klicken (1). Ihr seht: Selbst, wenn der Mittelpunkt eigentlich an dieser Stelle ist, kann ich ihn mit gedrückter Alt-Taste gleich neu setzen (2). Dieses Mal möchte ich das Ganze zum Beispiel um 30° drehen, wieder als Kopie (3).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Nun drücke ich wieder mehrfach Strg+D, um den Effekt zu bekommen (1). Jetzt gruppiere ich das Ganze. Dazu drücke ich F7, um das Ebenen-Bedienfeld aufzurufen. Dann klicke ich hier drauf, womit alles markiert wird (2). Und jetzt gruppiere ich das alles (3).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Nun noch ein Verlauf: Ich gehe ins Verlauf-Bedienfeld und wähle Kreisförmig (1). Dann einmal aufs Verlaufswerkzeug (2) und das hier wechseln (3).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Ich zeige noch mal genau, wie das geht: Ich klicke hier drauf, um die ganze Ebene auszuwählen (1). Hier steht Negativ multiplizieren. Wenn man das nicht macht und dort Normal wählt (2), sieht das nicht ganz so schön aus. Ich ziehe das mal noch ein bisschen größer. Also – sieht nicht wirklich schön aus.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Man kann die Deckkraft ein bisschen runtersetzen, dann wird es schon besser. Oder aber man wählt eben zum Beispiel Negativ multiplizieren.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Was auch noch möglich ist, um das zu verschönern: Ich gebe dem Ganzen einen Effekt, beispielsweise den Wirbel (Effekt>Verkrümmungsfilter>Wirbel…).

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

So wird es noch dynamischer.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

Und noch ein Zusatz: Ich kopiere das, füge es ein und drehe es ein klein wenig. So sieht das noch etwas „peppiger“ aus.

Tipps & Tricks zu Adobe Illustrator: So drehst du richtig durch - Sonnenstrahleffekt

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
[]