Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem Tutorial möchte ich euch zeigen, wie man einen Text mit mehrfachen Konturen und einem kleinen Neoneffekt erstellen kann.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt


Schritt 1

Ich ziehe zuerst mal eine neue Textebene auf und schreibe "PSD-Tutorials".

Die Schrift kann ich mit gedrückter Shift-Taste in Zehnerschritten vergrößern, und wenn ich einen Doppelklick auf den Rahmen mache, dann nimmt er genau die richtige Größe an.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 2

Jetzt gehe ich in die Farbfelder hinein, um die Farben anzulegen, die ich für den Effekt haben möchte. Verschiedene Rottöne sollen es sein.

Also klicke ich doppelt auf das bestehende Rot und stelle die Werte für mein "Rot 1" ein. Ich bestätige mit OK.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 3

"Rot 1" ziehe ich anschließend auf das Neu-Symbol (1) und erstelle dadurch eine Kopie (2).

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 4

Bei dieser Kopie stelle ich die Farbe um 20% dunkler ein und benenne sie in "Rot 2" um.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 5

Das geht jetzt mehrmals so weiter:

Ich kopiere jeweils den neuen Rotton, gebe 20% mehr Schwarz hinzu und benenne die Farben dann in "Rot 3" bis "Rot 5" um.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 6

Dann markiere ich den Text und färbe ihn im hellsten Rotton ("Rot 1") ohne Kontur.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 7

Anschließend gehe ich das in das Effekte-Bedienfeld hinein. Per Doppelklick auf Text komme ich ins Einstellungsfeld.

Dort lege ich einen Schlagschatten an im Modus: Normal und wähle die dunkelste rote Farbe, "Rot 5".

Die Deckkraft stelle ich auf 100%, den Abstand auf 0 mm und die Größe soll bei 0,5 mm liegen.

Übergriff stelle ich auf 100 %. Und bestätige mit OK.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Das ist schon mal die erste Kontur.

Und weiter geht's mit Doppelklick auf Text.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 8

Bei der zweiten Kontur legen wir den Schatten nach innen und machen sie heller, indem wir bei Farbfelder "Rot 4" wählen.

Den Modus stellen wir wieder auf Normal, die Deckkraft auf 100%, den Abstand auf 0 mm und auch hier die Größe auf 0,5 mm.

Abschwächen bei 100%.

Das bestätige ich mit OK und schon haben wir zwei Konturen.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 9

Weiter geht's, wie bisher mit Doppelklick auf Text.

Diesmal nehmen wir Schein nach außen im Modus: Normal und mit "Rot 3".

Die Deckkraft steht auf 100%, die Größe auf 0,25 mm und der Übergriff auf 100%.

Bei Technik kann ich Weicher oder Präzise nehmen, das macht keinen Unterschied.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 10

Und beim nächsten haben wir einen Schein nach innen, "Rot 2", Deckkraft 100%, Technik: Präzise, Quelle: Kante und die Größe steht auf 1 mm.

Bei Abschwächen brauchen wir 100% und dann bestätigen wir mit OK.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Schritt 11

Wie man sieht, haben wir jetzt sehr schöne Konturen. Von ganz hell innen ins immer dunklere Rot nach außen.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt



Wenn ich einen Verlauf haben möchte, …



… dann müsste ich das von den Farben her so ändern, dass ich bei Schatten nach innen "Rot 3" nehme und bei Schein nach außen dafür "Rot 4".

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt

Und somit habe ich einen perfekten Übergang von hell nach dunkel.

Das ist eine ganz tolle Sache, zumal der Text auch jederzeit editierbar ist.

Passt nur immer auf, dass ihr im Effekte-Bedienfeld auch wirklich die Einstellungen für Text eingestellt habt und nicht versehentlich auf Objekt kommt.

Tipps & Tricks zu Adobe InDesign: Mehrere Konturen bei Texten - Neoneffekt



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