Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem Training möchte ich zeigen, wie man so eine Straße erstellen kann. In Illustrator ist das ja alles ein bisschen einfacher, aber auch in InDesign soll das funktionieren.

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Ich erstelle ein neues Dokument und färbe das mal komplett mit Blau (1). Dann ziehe ich eine Linie auf (2), …

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

… die Kontur setze ich auf 3 Pt (1) und die Farbe auf Schwarz (2). Und dann noch die Linie in den Vordergrund rücken: rechte Maustaste, Anordnen>In den Vordergrund. Dann mache ich daraus noch eine gestrichelte Linie (3).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Vielleicht sollte sie noch etwas dicker sein – 7 Pt (1). Und damit es ein bisschen weniger wird, setze ich das noch auf Gestrichelt (3 und 2) (2).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Jetzt gehe ich in mein Effekte-Bedienfeld und erstelle einen Schlagschatten mit folgenden Optionen: Die Füllmethode Normal, die Deckkraft 100 %, Versatz 0 mm. Bei der Größe stelle ich 2 mm ein. Und damit alles schön kräftig wird, stelle ich einen Übergriff von 100 % ein.

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Als Nächstes nehme ich einen Schein nach außen. Auch den stelle ich wieder auf Normal, Deckkraft 100 % und bei der Größe setze ich 5 mm. Der Übergriff wird auf 100 % gestellt. Das sieht doch schon ganz gut aus.

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Und beim Schlagschatten (1) stelle ich noch ein: Schatten berücksichtigt andere Effekte (2). Dann sieht man da außen schon mal die schwarze Linie (3). Ich bestätige mal die Effekte.

Das sieht jetzt aber mehr wie eine Kette aus. Daher sollte ich jetzt bei Farbe für Lücke [Papier] eingeben (4) und schon habe ich eine gerade Linie (5). Um das zu sehen (6), habe ich die Anzeigeleistung mal auf hohe Qualität gestellt (Alt + Strg + H).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Das ist also meine Straße (1). Einfacher geht es nicht. Ich kann jetzt noch die Konturstärke verändern (2).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Ich setze die Stärke mal wieder auf 6 Pt (1). Und falls die Striche zu viele sind, kann man das natürlich auch noch definieren, wenn ich jetzt hier Gestrichelt (2) sage, habe ich die Möglichkeit einzustellen (3), dass meinetwegen alle 30 Pt immer ein Strich kommen soll (4). Ziemlich schick, denke ich mal.

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Wenn ihr die Farbe der Straße noch verändern wollt, dann geht einfach in die Effekte (1) und ändert den Schein nach außen (2) zum Beispiel auf Pink (3 und 4).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Jetzt ist hier noch das Weiß dazwischen (1). Da klickt ihr auf Kontur und ändert die Füllmethode einfach in Multiplizieren. Fertig (2).

Tipps & Tricks zu Adobe InDesign: Straßen erstellen

Wie man sieht, ist es gar nicht so schlimm, Straßen in InDesign zu erstellen. Und soll jetzt noch die Farbe der gestrichelten Linie verändert werden, einfach nur hier auf Weiß einstellen (1), dann allerdings nicht Multiplizieren, sondern Normal (2) – und dann bei Farbe für Lücke genau das gleiche Pink verwenden (3).

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