Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem kleinen Tutorial möchte ich zeigen, wie man tolle Effekte mit der Option Weiche Verlaufskante aus dem Effekte-Bedienfeld erstellen kann.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Ich schreibe dann mal einen Text hinein, zum Beispiel "PSD-Tutorials", und mache die Schrift in Schwarz und größer. Mit gedrückter Shift-Taste kann ich bei der Schriftgröße in Zehnerschritten hochgehen.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Dann passe ich das Ganze noch ein bisschen an, …

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

… bis es so aussieht:

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Ich möchte jetzt gerne einen Hintergrund haben, der ruhig einfarbig und grün sein kann.

Mit Strg+Ö bringe ich das Feld in den Hintergrund.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Jetzt möchte ich, dass der Text an bestimmten Stellen transparente Striche enthält. Dazu nehme ich das Effekte-Bedienfeld mit Doppelklick und bekomme die Möglichkeit, eine Weiche Verlaufskante einzustellen.

Das sieht dann so aus:

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante



So wollte ich das aber eigentlich gar nicht machen. Ich wollte innerhalb der Schrift transparente Striche erstellen.

Das kann ich wie folgt machen: Ich stelle den Winkel auf 90° und alles, was schwarz ist, wird eingeblendet und alles, was weiß ist, wird nicht eingeblendet.

Das Gute ist, dass ich mehrere Farbeimer erstellen kann. Wenn ich auf den schwarzen Farbeimer klicke und gleich noch mal daneben, wird mir daneben noch mal einer in Schwarz erstellt.

Der hat dann allerdings eine Deckkraft von 80 % …

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

… aber ich möchte eine Deckkraft von 100 %. Das stelle ich also ein.

Wenn ich den zweiten Farbeimer jetzt genau daneben ziehe, bekomme ich eine richtig tolle, glatte Vektorkante. Und so habe ich einen transparenten Strich.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Dann klicke ich noch mal auf den schwarzen Farbeimer ganz links und erstelle einen neuen Farbeimer durch Klick direkt daneben. Den ziehe ich genau neben den weißen (also den vierten von links in der oberen Ansicht).

Und dann wird das in der Schrift wieder als transparenter Strich eingeblendet.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Das kann ich so oft fortführen, wie ich möchte.

Hier stelle ich die Deckkraft auf 0 % …

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

… und daneben einen mit Deckkraft 100 % …

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

… und dann wieder einen mit einer Deckkraft von 100 %, und so kann ich hier ganz viele Striche erstellen.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante



Das ist ein netter Effekt, den ich nicht nur auf Texte, sondern auch auf alle anderen Objekte anwenden kann …

… zum Beispiel, wenn ich einen Stern aufziehe.

Wenn ich den Stern anklicke und das fx herüberziehe, dann habe ich einen Stern, der bestimmte transparente Elemente enthält.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Die kann ich jederzeit auch von der Richtung her ändern. Ich muss dann einfach nur am Winkel drehen.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Ich kann die transparenten Striche auch bei Verlaufspunkte weicher machen, das ist kein Problem. Macht das so, wie ihr möchtet.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Wie gesagt, wenn man das ganz dicht aneinanderschiebt, hat man glatte Vektorlinien.

Wenn ich hineinzoome, sieht man allerdings, dass es doch nicht ganz so glatt ist. Da muss ich nachjustieren, dann ist das eine komplette Vektorlinie.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

Das ist eine nette Sache und gut zu wissen, dass man das mit der Weichen Verlaufskante hinbekommt.

Tipps & Tricks zu Adobe InDesign: Coole Effekte durch die weiche Verlaufskante

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