Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem Trick geht es darum, Verläufe zu nutzen, die aber gar nicht aussehen wie Verläufe. Zum Beispiel möchte ich den Editorial-Bereich lieber in den Deutschlandfarben haben. Also Schwarz, Rot, Gold (Gelb).


Los gehts: Schritte 1–12

Schritt 1

Dazu gehe ich als Erstes in meine Mustervorlage, um den aktuellen Orange-Farbton auszutauschen.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 2

Als Nächstes gehe ich in die Verläufe: Fenster>Farbe>Verlauf.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 3

Hier kann ich neue Verläufe anlegen oder auch beeinflussen.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 4

Am einfachsten geht es aber in meinem Farbfelder-Bedienfeld, da kann ich wiederum ein Neues Verlaufsfeld erzeugen.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 5

Das Neue Verlaufsfeld benenne ich "Deutschlandfarbe" und fange mit Schwarz an.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 6

Als Nächstes brauche ich Rot. Das kann ich hier ganz schnell erzeugen. Ein weiteres Farbfeld erzeuge ich mit einem Linksklick unterhalb des Verlaufsbalkens und diesen färbe ich dann rot.

Cyan 0%

Magenta 100%

Gelb 100%

Schwarz 0%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 7

Zum Schluss kommt noch die Farbe Gelb.

Cyan 0%

Magenta 0%

Gelb 100%

Schwarz 0%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 8

Den neu erzeugten Verlauf werde ich anwenden und jetzt sieht es schon nach einem Verlauf aus.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 9

Das wollen wir aber nicht so, denn eine Deutschland-Flagge sieht natürlich nicht wie ein Verlauf aus. Deswegen gehen wir noch mal in den Verlauf hinein und hier besteht jetzt der Trick darin, dass die Farbeimer direkt an den nächsten Eimer rangezogen werden.

Position: 34,25%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 10

Den Rotton brauche ich ein zweites Mal und ziehe ihn auf 66,29%.

Position: 66,29%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 11

Den gelben ziehe ich genau daneben.

Position: 66,85%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 12

Somit habe ich meine Deutschland-Flagge ruckzuck erstellt. Wenn ich jetzt zurückgehe zu meiner Editorial-Seite, sehe ich die Deutschland-Flagge.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritte 13–24

Schritt 13

Das kann ich auch hier unten anwenden.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 14

Aber hier ist noch ein kleiner Verlauf, da habe ich nicht ganz sauber gearbeitet, da muss ich noch mal ganz genau schauen.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 15

So, jetzt ist es perfekt.

Position: 67,40%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 16

So kann ich, ohne erst drei Objekte aufzuziehen zu müssen, Flächen mit unterschiedlichen Farben sehr schnell mit einem Verlauf erstellen. Das hilft ungemein und erspart sehr viel Arbeit. Es wäre doch ungünstig, wenn ich erst mal ein Objekt auf der Musterseite aufziehen müsste.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 17

Dann färbe ich es entsprechend schwarz. Das nächste Objekt kann ich durch Kopieren mit der Alt+Taste rot färben.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 18

Gelb habe ich so nicht und muss die Farbe erst mal neu anlegen.

Cyan 0%

Magenta 0%

Gelb 96,75%

Schwarz 0%

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 19

So könnten wir natürlich auch die Deutschland-Flagge erstellen. Diese Methode ist sehr unflexibel, denn wir müssten jedes Mal neue Objekte erstellen, und das ist nicht Sinn und Zweck der ganzen Sache.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 20

Deswegen mein Tipp: Erstellt einfach einen Verlauf und den könnt ihr mit mehreren Farben nutzen. Diesen Verlauf könnt ihr dann auch wiederum auf Konturen einsetzen, also wenn ich zum Beispiel dieses Bild habe und sage, darauf hätte ich ganz gerne eine Kontur von 9Pt.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 21

Wenn ich jetzt mit dem kleinen Pfeil die Fläche und die Kontur austausche, dann habe ich die Deutschlandfarbe als Kontur und das geht wirklich wunderbar mit Verläufen.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 22

Das gilt auch für Absatz-, Formatlinien und so weiter und so fort. Hier gibt es schier unendliche Möglichkeiten, diesen Verlauf einzusetzen.

Wenn ihr den Verlauf nicht so gerade haben wollt, könnt ihr das Verlaufsfarbfeld-Werkzeug nehmen und ihn noch so beeinflussen, wie ihr ihn gerne haben wollt.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 23

Das Gute daran ist, dass es ganz saubere Vektorlinien sind. Um das zu verdeutlichen, zoome ich mit der Lupe in das Bild hinein und sehe aalglatte Linien. Perfekt!

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

Schritt 24

Wollt ihr im Editorial aber die richtige Deutschland-Flagge haben, dann müssen wir noch mal in die Musterseite, die Fahne anklicken und mit dem Verlaufsfarbfeld-Werkzeug, mit gedrückter Shift-Taste, den Verlauf von oben nach unten ziehen. Müsst ihr solange ausprobieren, bis es perfekt passt oder er euch so gefällt, wie ihr ihn haben wollt.

Tipps & Tricks zu Adobe InDesign: Viel Arbeit sparen mithilfe von Verläufen (Beispiel Deutschlandflagge)

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