Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem kleinen Workshop möchte ich zeigen, wie man so eine Sprechblase ziemlich einfach erstellen kann.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Sprechblase erstellen – Möglichkeit 1

Ich habe hier ein neues Dokument (1) und ziehe erst mal eine Fläche auf, damit man das auch alles sehen kann (2).

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Jetzt ziehe ich eine Ellipse auf (1) und die bekommt die Farbe Weiß und eine Kontur in Schwarz, schön groß, meinetwegen 20 Pt (2).

Jetzt könnte ich entweder mit dem Polygon-Werkzeug mit drei Seiten einfach eine Ecke aufziehen (3) oder aber ich nehme den Zeichenstift (4) und erstelle schnell so ein Dreieck.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Damit es die gleichen Eigenschaften wie die Ellipse hat, nehme ich deren Eigenschaften mit der Pipette auf (1).

Wie kriege ich das jetzt mit der Kontur hin? Ich könnte sagen, dass ich die beiden Objekte mit gedrückter Shift-Taste markiere (2) und dann im Pathfinder auf Addieren gehe (3), dann hätte ich ein Objekt.

Würde gut aussehen, nur habe ich dann die Flexibilität nicht, dass ich diese Ecke jetzt perfekt verschieben könnte. Ich kann nur das Gesamtobjekt drehen (4). Das wäre dann alles.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Sprechblase erstellen – Möglichkeit 2

Daher gibt es noch eine zweite Möglichkeit, die ich euch vorstellen möchte: Ich mache mal ein neues Dokument auf – das Gleiche von vorne: Hintergrund aufziehen, eine Ellipse mit weißer Farbe und schwarzer Kontur bei 20 Pt (1).

Jetzt nehme ich das Ankerpunkt hinzufügen-Werkzeug (2) und erstelle auf der Kante der Ellipse noch mehrere Punkte (3).

Und jetzt kann ich den Punkt in der Mitte rausziehen: Erst mal mit gedrückter Shift-Taste markieren (mit 4 auf den Punkt bei 5 mit gedrückter Shift-Taste) und dann rausziehen (6).

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Die beiden Anfasser (1) ziehe ich noch ein bisschen zusammen. Damit ist das spitz (2). Um es rund zu bekommen, klicke ich noch hier drauf (3). Das ist also auch eine Möglichkeit, aber auch nicht so toll, auch nicht so flexibel.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Sprechblase erstellen – Möglichkeit 3

Die beste Möglichkeit ist daher folgende: Ich erstelle wieder ein neues Dokument, Hintergrund aufziehen, Ellipse mit weißer Farbe und schwarzer Kontur bei 20 Pt (1).

Jetzt mit dem Polygon-Werkzeug (2) ein Dreieck erstellen (3) und mit der Pipette (4) die Eigenschaften der Ellipse darauf anwenden (5). Das Dreieck drehe ich noch (6) und weiter geht es.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Ich markiere beide, drücke die rechte Maustaste und wähle Gruppieren (1). Jetzt drücke ich auf das Dreieck doppelt drauf (2) und sage in meinem Effekte-Bedienfeld unter Kontur, dass das negativ multiplizieren soll (3). Ist schon mal okay, aber jetzt fehlt mir die Kontur.

Tipps & Tricks zu Adobe InDesign: Sprechblasen erstellen

Und die kriege ich wiederum rein, wenn ich die Gruppe anklicke (1) und sage: Ich möchte die Füllmethode isolieren (2). Die Kontur ist jetzt ein bisschen dünner geworden (3). Das kann ich aber durch einen Doppelklick auf mein Dreieck noch verändern (4), indem ich hier sage, dass die Kontur außen ausgerichtet sein soll (5). Damit ist sie genauso dick (6).

Und diese Methode hat nun den Vorteil, dass ich das Dreieck jetzt jederzeit unabhängig von der Ellipse verschieben könnte (7).

Tipps & Tricks zu Adobe InDesign: Sprechblasen 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
[]