Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

Los gehts: Schritte 1–10

Schritt 1

In diesem kleinen Tutorial möchte ich euch zeigen, wie man diesen Effekt hinbekommt, dass die Ringe ineinander verkettet sind. Das ist ziemlich einfach.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 2

Ich entferne einfach alles und erstelle jetzt entsprechend die Kreise. Dazu nehme ich mir das Ellipse-Werkzeug und ziehe das mit gedrückter Shift-Taste auf, sodass es auch wirklich ein Kreis ist.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 3

Ich mache das genau umgekehrt und nehme eine Kontur von 5 Pt.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 4

Dann hätte ich noch gerne einen schönen Effekt, Doppelklick auf Objekt.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 5

Dann kann ich zum Beispiel Abgeflachte Kante und Relief sagen, dann nehme ich Hart meißeln und bestätige mit OK.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 6

Ein bisschen mehr Kontur würde dem Kreis doch ganz gut tun: 22 Pt.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 7

Wir können noch ein bisschen feintunen und verändern die Größe auf 6mm.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 8

Dann dupliziere ich das Ganze mit gedrückter Alt+Shift-Taste, damit alles auch gerade bleibt. Ich denke, so sieht das schon ganz gut aus.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 9

Jetzt möchte ich, dass das miteinander verkettet wird. Dazu nehme ich den inneren Kreis und stelle ihn in den Hintergrund. Ich kann ja mit der rechten Maustaste sagen: Anordnen>In den Hintergrund.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 10

Ich ziehe mit dem Rechteckrahmen zwei Rechtecke auf, die genau da platziert werden, wo es die Überschneidung geben soll. Das Ganze markiere ich mit gedrückter Shift-Taste, damit beides ausgewählt wird.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritte 11–20

Schritt 11

Dann klicke ich auf Objekt>Pfade>Verknüpften Pfad erstellen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 12

Nun habe ich einen Pfad. Jetzt muss ich einfach nur meinen Kreis nehmen, den kopiere ich mit Strg+C, und dann klicke ich noch mal den anderen Pfad an und sage unter Bearbeiten>In die Auswahl einfügen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 13

Sieht doch schon ganz gut aus.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 14

Mit In die Auswahl einfügen lassen sich ganz viele tolle Sachen machen. Wenn ich zum Beispiel das Polygon-Werkzeug nehme und einen Stern aufziehe, damit ich ein Foto eingefügt bekomme.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 15

Wenn ich ein Bild platziere mit Strg+D, zum Beispiel dieses hier, dann wird es gleich darin eingefügt.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 16

Aber möchte ich das nicht, kann ich das Bild auch so nehmen und wenn ich das im Nachhinein eingefügt haben möchte, dann kann ich es mit Strg+X ausschneiden.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 17

Jetzt den Stern anklicken und rechte Maustaste In die Auswahl einfügen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 18

Mit dem Direktauswahl-Werkzeug kann ich innerhalb des Sterns entsprechend das Bild verschieben. Das ist eine super Sache.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 19

Damit können wir noch viele andere tolle Sachen machen. Wenn ich eine Neue Datei erstelle, mit dem Rechteck-Werkzeug was aufziehe und währenddessen noch die linke Maustaste gedrückt halte, kann ich mit den Pfeiltasten mehrere Rechtecke erzeugen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 20

Mit der rechten Pfeiltaste habe ich neue horizontale Rechtecke erstellt. Möchte ich das vertikal auch noch, dann kann ich das mit der gedrückten Pfeiltaste nach oben erstellen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Die letzten Schritte

Schritt 21

Jetzt lässt sich ein cooler Effekt erstellen, indem ich unter Objekt>Eckenoptionen gehe.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 22

Dann meinetwegen Abgerundet, dass wir fast einen Kreis draus machen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 23

Jetzt kann ich das Ganze auswählen, in den Pathfinder hineingehen und daraus eine gemeinsame Form erstellen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 24

Jetzt kann ich wiederum mein Bild einfügen, mit Strg+V, oder aber ich mache es gleich so, dass ich erst das Objekt auswähle und dann rechte Maustaste In Auswahl einfügen.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 25

Ich kann das noch ein bisschen vergrößern mit gedrückter Shift+Alt+Strg-Taste, dann ist es gleich von allen Seiten gleich groß. Jetzt habe ich hier einen coolen Effekt, dass nur die Kreise gefüllt sind.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 26

Ich kann dem Ganzen natürlich noch weitere Effekte spendieren, wenn ich jetzt hier reingehe. Auch hier hätte ich gerne zum Beispiel einen Schlagschatten mit weniger Deckkraft mit 34%.

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen

Schritt 27

Oder auch Abgeflachte Kante und Relief, das funktioniert alles, könnt ihr mal einfach ausprobieren, was ihr haben wollt. Also damit lassen sich ganz tolle Sachen erstellen …

Tipps & Tricks zu Adobe InDesign: Ineinandergreifende Ringe erstellen



Probiert es einfach mal aus mit In Auswahl einfügen, das ist wirklich eine tolle Sache.

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