Illustrator-Tutorial: Messerscharfe Workflow- und Design-Rezepte

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

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

In diesem Training geht es um die Pipette. Hört sich vielleicht erst mal ein bisschen langweilig an, ist es aber gar nicht. Warum? Zum einen kann ich ja mit dieser schönen, kleinen Pipette (1) unter anderem Farben aufnehmen. Wenn ich zum Beispiel hier dieses Grau haben möchte (2), klicke ich einmal rein und schon habe ich den Grauverlauf hier drin in meiner Fläche. Oder das Grün (3).

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

Aber es gibt noch einen Trick: Hier sieht man ja, dass er immer gleich den Verlauf nimmt. Ich möchte aber manchmal vielleicht einfach nur die Farbe von diesem Grün haben und nicht den Verlauf. Dazu gibt es folgenden Trick beziehungsweise folgende Taste: Shift. Die drücke ich mal – und wenn ich jetzt hier drücke, dann sieht man, dass da so ein kleines Kästchen neben meiner Pipette erscheint (1), und damit nehme ich also wirklich nur die Farbe auf (2).

Damit kann ich mir zum Beispiel sofort diesen Farbcode rauskopieren (Doppelklick bei 2, dann 3), für eine Webseite, oder eben ein neues Farbfeld erstellen (4 und 5). Das geht hier, ich nenne es mal „Grün“ (6). Dann habe ich das hier drin (7). So einfach geht das. Also einfach nur gedrückte Shift-Taste, dann nimmt er anstelle des Verlaufs die komplette Farbe.

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

Das ist aber noch nicht alles. Was kann die Pipette noch? Die kann nicht nur Farben aufnehmen, die kann auch komplette Eigenschaften von Objekten aufnehmen. Das hat man ja mit dem Verlauf schon so ein bisschen gesehen. Wenn ich hier mal was reinschreibe, zum Beispiel „Komm vorbei“ (1), und dann genau die gleiche Schriftformatierung wie oben beim „Hallo!“ haben möchte, dann gehe ich einfach wie folgt vor: Ich wähle die Textbox aus (mit 2), nehme die Pipette (3) und klicke einmal auf das „Hallo!“ (4). Schon hat mein neuer Text die gleichen Eigenschaften angenommen (5). Nicht ganz die gleichen, oder? Die Farbe ist richtig, die Konturfarbe auch, aber dieser Effekt Scribble (6), der hier noch wirkt, der wurde nicht mitgenommen.

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

Wie mache ich das? Richtig – mit der Pipette. Die hat nämlich noch mehr Eigenschaften, als man denkt. Ich klicke einfach mal doppelt drauf, dann erscheint ein großes Fenster mit den Pipette-Optionen. Darin stehen alle Sachen, die aufgenommen werden können. Ich kann also einzelne Sachen aus- oder abwählen. Und wenn ich alles aufgenommen haben möchte, kann ich hier oben einfach die Häkchen reinsetzen.

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

Ich probiere das jetzt noch mal: Fläche von „Komm vorbei“ anklicken, Pipette wählen, oben das „Hallo!“ anklicken – schon wurde der Effekt auch mit übernommen. Coole Sache, oder?

Per Pipette viel Arbeit sparen - mehr, als man sich vorstellt

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