Messerscharfe InDesign-Rezepte

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Alle Videos des Tutorials Messerscharfe InDesign-Rezepte

In diesem Tutorial zeige ich, wie man so einen Umblätter- oder Ecken-Effekt erstellen kann. Das ist gar nicht so schwer.


Schritt 1

Als Erstes erstelle ich mal eine neue Datei und ziehe ein Rechteck auf. Das ist die eigentliche Grundlage.

Die Vorlage kopiere ich mir auch mal hier hinein, damit wir die vor Augen haben und ein bisschen abschauen können. Diese Ecke soll also umgeblättert werden.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 2

Dann ziehe ich mir eine Hilfslinie mit Kontur in einer anderen Farbe …

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 3

Mit dem Ankerpunkt hinzufügen-Werkzeug erstelle ich zwei neue Ankerpunkte.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 4

Dann nehme ich das Direktauswahl-Werkzeug und aktiviere den Punkt mit gedrückter Shift-Taste.

Damit kann ich die Punkte so ziehen.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 5

Um das rund zu machen, nehme ich das Richtungspunkt umwandeln-Werkzeug.

Ich klicke mit gedrückter Shift-Taste auf den Punkt und kann das so ziehen, bis das Ganze schön rund ist.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 6

Jetzt muss ich dafür sorgen, dass dieser Bereich unten rechts verschwindet. Da gibt es mehrere Möglichkeiten, aber am einfachsten ziehe ich den Eckpunkt zur Mitte …

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

… und dann sieht das eigentlich schon nach was aus.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 7

Ich kann die Punkte jederzeit anklicken und verschieben, wie ich das gerne haben möchte. Die Hilfslinie lösche ich, weil wir sie nicht mehr brauchen.

Jetzt kann ich wiederum ein neues Objekt erstellen und das verschiebe ich über Anordnen>In den Hintergrund.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 8

Und jetzt kommt ein Verlauf drauf. Ich gehe auf Farbfelder und erstelle ein Neues Verlaufsfeld.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 9

Mit dem Verlaufsfarbfeld-Werkzeug kann ich den Verlauf so erstellen, wie ich ihn möchte.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 10

Dann kann ich das hier mit gedrückter Shift-Taste kleiner machen und ungefähr so platzieren.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 11

Jetzt muss ich nur noch einen Effekt hinzufügen wie zum Beispiel einen Schlagschatten.

Da gehe ich mit der Deckkraft ein bisschen runter und mit dem Abstand auch ein bisschen dichter ran.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 12

Und dann kann ich diesem Objekt auch noch einen Ecken-Effekt geben. Zum Bearbeiten der Ecken klicke ich auf diesen Punkt und dann kann ich an einem Eckpunkt ziehen und die Form verändern.

Allerdings werden dann jeweils immer gleich alle Ecken entsprechend verändert.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Mit gedrückter Shift-Taste wird nur diese eine Ecke verändert.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Einen Bogen wollte ich allerdings nicht, …

… deshalb drücke ich noch die Alt-Taste, dann kann ich mit allen Ecken-Effekten durchgehen.

Bei diesem Effekt kann ich das lassen (1).

Dann kann ich den Eckeneffekt verändern und die Form so lange ziehen (2), …

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

… bis es passt. Ungefähr so ist das okay.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 13

Ich kann natürlich auch jederzeit den Schatten noch etwas korrigieren. Meinetwegen vom Abstand noch dichter und ein bisschen größer, damit das weicher aussieht. Und den Übergriff stelle ich auch höher.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Schritt 14

Dann ist das eigentlich fertig.

Wenn das noch ein bisschen transparent sein soll, kann ich hier bei Effekte auch auf Multiplizieren stellen, dann sieht das so aus.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Oder auf Abdunkeln.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen

Das könnt ihr so einstellen, wie ihr wollt. Ihr könnt auch mit dem Verlauf noch ein bisschen herumspielen, bis euch das richtig gefällt.

Tipps & Tricks zu Adobe InDesign: Umblätter-Effekt bzw. Ecken-Effekt erstellen



Dann hoffe ich mal, dass das für euch ab sofort kein Problem mehr ist.

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