Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

Hier möchte ich kurz zeigen, wie man eine doppelte Kontur erstellen kann bei Texten, die editierbar bleiben sollen. Das ist im Grunde ganz einfach.

Im Screenshot sieht man oben das Beispiel und genau so eines möchte ich jetzt auch machen.


Schritt 1

Ich lege eine neue Textfläche an, schreibe "PSD-Tutorials.de", kann mit Strg+A alles markieren und gebe dem Text erst mal eine ordentliche Schriftart in Bold. Die Schrift vergrößere ich und springe dabei mit gedrückter Shift-Taste in Zehnerschritten hoch.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 2

Dann geht es auch schon los: Um eine doppelte Kontur zu erstellen, muss ich erst mal eine normale Kontur erstellen.

Ich markiere den Text und gebe ihm eine Farbe, sagen wir mal Pink.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 3

Wenn ich eine Kontur haben möchte, muss ich wieder erst mal alles markieren und dann oben Kontur anklicken.

Ich wähle zum Beispiel Schwarz und schon habe ich eine Kontur.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 4

Ich kann im Konturen-Bedienfeld einstellen, wie viele Pixel Kontur ich haben möchte.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 5

Wie sieht es aus, wenn ich, wie im Beispiel hier oben, noch eine weitere Kontur benötige?

Dazu gehe ich einfach in das Effektemenü hinein, indem ich oben auf fx klicke. Ich wähle Schein nach außen

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 6

… und es öffnet sich das Einstellungsfenster. Hier ist wichtig, dass ich bei Einstellung für: Objekt auswähle und den Modus auf Normal setze.

Die Farbe kann ich direkt auswählen und mit OK bestätigen.

Die Deckkraft stelle ich auf 100%.

Jetzt ist noch alles sehr weich wie ein Schlagschatten oder ein normaler weicher Schein. Deshalb setze ich die Technik von weich auf Präzise und stelle bei Übergriff den Wert auf 100%.

Und schon habe ich meine Kontur. Die ist mir noch ein bisschen zu groß, weshalb ich die Größe noch einstelle, wie ich es brauche. Zum Beispiel 1 cm oder, wenn ich es kleiner haben möchte, kann ich auch manuell 0,5 mm eintragen.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Schritt 7

Damit habe ich die doppelte Kontur und das Ganze ist jederzeit editierbar. Ich kann alles im Text ändern, zum Beispiel das ".de" wegmachen, kein Problem.

Oder ich könnte, wie man oben im Beispiel sieht, einen Verlauf einfügen. Dazu markiere ich den Text (hier: "PSD"), gehe auf Farbfelder und klicke Neues Verlaufsfeld an. Dann habe ich einen kleinen Verlauf drin.

Falls der Verlauf in der Kontur erscheint, müsst ihr das noch mal rückgängig machen und zuerst im Einstellungsfenster oben Fläche und Kontur austauschen.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar

Das kann alles kombiniert werden und das macht natürlich Spaß.

Ich kann jederzeit Änderungen einbringen. Dazu gehe ich einfach über Effekte und mit Doppelklick auf das Objekt in das Bedienfeld hinein. Da will ich jetzt mal statt Gelb lieber Blau und ein bisschen dicker darf's auch sein. Ich bestätige mit OK und fertig. Das ist alles schnell gemacht.

Tipps & Tricks zu Adobe InDesign: Doppelte Kontur auf Texten und trotzdem jederzeit bearbeitbar



Das war der kleine Tipp, wie man eine doppelte Kontur erstellen kann. Wer es braucht, weiß jetzt, wie es geht.

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