Im Properties-Panel legst du fest, welches Bild ein Bildelement zeigt, welchen Ausschnitt und wie es seinen Rahmen füllt. Wie du ein Bild einfügst, steht in Design-Elemente (Bilder, Text, Formen).
Die Eigenschaften siehst du, wenn du ein Bild auf dem Canvas oder im Layers-Panel auswählst. Das Properties-Panel links zeigt dann von oben nach unten Position & Size, Image, Appearance, Iteration, Transforms und Filters & Effects.
Origin
Origin steht ganz oben im Abschnitt Position & Size. Es ist der Punkt des Bildes, nach dem es sich ausrichtet.
- Origin: Mit den ersten drei Buttons wählst du links, Mitte oder rechts, mit den anderen drei oben, Mitte oder unten. Das Bild bewegt sich nicht, wenn du Origin änderst.
- Position: wo der Origin-Punkt auf dem Canvas liegt (X und Y).
- Size: Breite (W) und Höhe (H) des Rahmens.
Origin wirkt auf zwei Arten:
- Beim Crop Mode Contain rückt das Bild an diesen Punkt in seinem Rahmen, zum Beispiel unten links. Nur dort ist das Bild kleiner als sein Rahmen. Bei Cover und Stretch füllt es den ganzen Rahmen.
- In jedem Crop Mode dreht und skaliert sich das Bild um diesen Punkt, wie jedes Element. Mehr dazu in Aussehen, Effekte und Transformationen.
Image
Der Abschnitt Image bestimmt Bild, Ausschnitt und Füllung des Rahmens.
- Source: das Bild selbst. Ein Klick auf die Vorschau öffnet die Image Library mit deinen hochgeladenen Bildern und dem Tab Icons. Wählst du ein neues Bild, setzt das Studio Zuschnitt und Spiegelung zurück und stellt Crop Mode auf Cover. Ein Icon bekommt Contain und eine Farbe über Color Masking.
- Crop: öffnet den Zuschnitt. Du ziehst einen Rahmen über den Teil des Bildes, den du zeigen willst, und übernimmst ihn mit Done. Cancel verwirft den Zuschnitt. Bei Cover behält der Rahmen das Seitenverhältnis des Bildelements, bei Contain und Stretch ist er frei. Icons kannst du nicht zuschneiden, der Button ist dann ausgegraut.
- Flip: zwei Buttons. Der linke spiegelt das Bild von links nach rechts, der rechte stellt es auf den Kopf. Ein zweiter Klick hebt die Spiegelung auf.
- Crop Mode: wie das Bild seinen Rahmen füllt, wenn Bild und Rahmen andere Seitenverhältnisse haben. Standardmäßig Cover. Die Optionen stehen unter Crop Mode.
- Remove background: stellt das Motiv frei und macht den Hintergrund durchsichtig. Standardmäßig aus. Weil es eine Eigenschaft des Bildes ist, gilt es auch für Bilder, die Nutzer über ein Image-Input-Feld hochladen.
Crop Mode
- Cover: Das Bild füllt den ganzen Rahmen. Was nicht hineinpasst, wird abgeschnitten. Nichts wird verzerrt. Gut für Fotos, die den Rahmen immer füllen sollen, egal was Nutzer hochladen.
- Contain: Das ganze Bild bleibt im Rahmen sichtbar. Wo die Seitenverhältnisse nicht passen, bleibt Platz frei. Wo das Bild im Rahmen sitzt, bestimmt Origin. Gut für Logos, die nie abgeschnitten oder verzerrt werden sollen.
- Stretch: Das Bild wird gedehnt, bis es den Rahmen genau füllt. Bei anderen Seitenverhältnissen sieht es verzerrt aus.
Wechselst du den Crop Mode, setzt das Studio deinen Zuschnitt zurück.
Crop Mode und Image-Input-Felder
Den Crop Mode stellst du am Bild ein, nicht im Input-Feld. Er gilt auch für jedes Bild, das Nutzer im Design-Generator hochladen oder auswählen. Einige Einstellungen der Image-Input-Felder hängen davon ab:
- Image: Auto-crop to faces wirkt nur mit Cover. Allow padding lässt sich nur mit Contain einschalten.
- Logo: Beim Erstellen stellt das Input-Feld das Bild auf Contain. So bleibt jedes Logo ganz sichtbar und sitzt mit Origin immer an derselben Stelle.
- Image Selection: Jede Bildoption hat einen eigenen Zuschnitt und einen eigenen Crop Mode.
Alle Einstellungen stehen in Image-Input-Felder.
Weitere Abschnitte
- Appearance: Bilder haben keine Fill Color. Hier gibt es Stroke Color für eine Kontur, Corner Radius für runde Ecken des Bildes, Opacity und Visibility.
- Transforms: verschieben, skalieren, drehen und neigen.
- Filters & Effects: Color Masking färbt das Bild ein. Dazu kommen Filter wie Blur, Grayscale und Drop Shadow.
Alle drei Abschnitte erklärt Aussehen, Effekte und Transformationen.