# data[].attributes.body
Was? Portfolio mit eigenen Bildern gestalten

Wie? selbständig, problemlösungskompetent

Beurteilung:

Ausrichtung

Wiederholung / Abwechslung

Kohärenz / Kontrast

Hierarchie und Gleichgewicht

# data[].attributes.body
KFR Passwort SuS: sugus

Allgemeiner Liceo Speicher

Bei Nichterscheinen:

1. WLAN ausschalten

2. Gehe zu --> mit Server verbinden

3. Adresse: smb://10.95.36.165

4. Name: zi200

5. Passwort: ciao200

# data[].attributes.body
Schul-Email immer abmelden!

🍏 + xy abmelden

# data[].attributes.body
Photoshop

Photoshop ist ein Bildbearbeitungsprogramm. Wir verwenden es zum Bereinigen von Bildern. Für die Herstellung von Bildern eignet sich die App Procreate, die wir am Paddelt anwenden können, besser.

# data[].attributes.body
✓Ebenen

✓Farbe

✓Optionen

✓Werkzeuge

# data[].attributes.body
⌘+a alles auswählen

⌘+x ausschneiden

⌘+c kopieren

⌘+v einfügen

⌘+z Schritt zurück

⌘+0 Dokument ansehen

⌘+s Dokument speichern

⌘+w Dokument schliessen

⌘+q Programm beenden

# data[].attributes.body
Die Hintergrundebene kann mit einem Doppelklick in eine normale Ebene umgewandelt werden.

Die einzelnen Ebenen liegen wie Folien übereinander. Die obere Ebene verdeckt die untere. Die Ebenen können direkt mit der Maus an eine andere Position verschoben werden.

Zum Freistellen eines Objekts, deblockiere zuerst das Schloss, bevor du den ausgewählten Hintergrund löschst.

# data[].attributes.body
Farbe --> Modus

Graustufen: s/w

RGB: Für Licht (Bildschirm, Intranet, Beamer)

CMYK: Für Papier

# data[].attributes.body
Ausgewählten, geschlossenen Flächen kann mit dem Füllwerkzeug oder Ebene --> neue Füllungsebene --> Farbfläche eine Farbe gegeben werden

Der Farbton kann mit dem Farbwähler gewählt werden.

Einstellung der Vorder- und Hintergrundfarbe allenfalls anpassen.

# data[].attributes.body
Farbanpassungen können beim entsprechenden Symbol im Ebenenfenster vorgenommen werden.

Tonwertkorrektur

Dunkle, mittlere und helle Tonwerte unbedingt anpassen!

Farbbalance

Farbtöne (Cyan, Magenta, Yellow, Rot, Grün, Blau) mit dem Farbregler regulieren.

Helligkeit & Kontrast

Farbton/Sättigung

Verunreinigung der verschiedenen Farbtöne durch Weiss, Grau und Schwarz.

# data[].attributes.body
Für ein gelungenes Portfolio ist es nützlich, dass du dich auf eine Palette von 2-5 Farben (+ s/w) konzentrierst.

Bsp.: www.caput4d.com

Um deine persönliche Farbpalette zu erstellen, kann dir www.coolers.com helfen.

Lade zwei PDF herunter:

1. Vorschlag, der dir gefällt

2. Palette ausgehend von einem persönlichen Foto

# data[].attributes.body
Renaissance

Linear, Fläche, Geschlossene Form, Klarheit, Einheit, Komposition: Waagrechte und Senkrechte

Barcok

Malerisch, Tiefe, Offene Form, Unklarheit, Vielheit

Komposition: Diagonale > Kontraste

# data[].attributes.body
Android

Grösste Bildgrösse wählen

iPhone

Format -->> maximale Kompatibilität

(für Weiterbearbeitung)

Beste Auflösung für Filme

(4K mit 24fps)

(4K mit 60fps zu hoher Speicherverbrauch)

--> Life Fotos >> OFF

--> Raster >> ON

# data[].attributes.body
Flash --> NO

Zoom --> NO

Live --> NO

Kamera putzen

Kamera ruhig halten

Arm supersteif

Atem anhalten

Licht

Kunstlicht vermeiden

Hellster Ort im Zimmer

weisse und schwarze Fotokartons einsetzen

# data[].attributes.body
Perspektive

--> erneuter Klick auf das Perspektive-Symbol

--> neigen --> drehen --> skalieren --> frei

Drehen

Reparieren

Feinabstimmung

Zuschneiden

Looks

# data[].attributes.body
Halte die alt-Taste gedrückt und ziehe eine Kopie deines Originals auf den Schreibtisch herunter.

Vergiss nicht, deine Kopie am Ende mit einem sinnvollen Namen zu bezeichnen und zu speichern (⌘+s) oder (Datei --> Speichern unter) und in deinem Ordner abzulegen.

# data[].attributes.body
Bildimport von der Digitalkamera: 72 dpi (kleine Auflösung)

Um die Auflösung auf 300 heraufzusetzen:

Bild --> Bildgrösse --> Häckchen bei «neu berechnen» entfernen

==> Das Bild wird dichter an Pixeln aber kleiner in der Grösse (cm)

# data[].attributes.body
Bilddrehung

Bild --> Bilddrehung

--> 900 im Gegenuhrzeigersinn

Ebenen

--> Ebenen Duplizieren

--> Ebenen löschen

Hilfslinien

können nur auf die Arbeitsfläche gezogen werden, wenn

--> Ansicht --> Lineale aktiviert ist

Lupe

--> +alt = Verkleinern

Lasso

--> Lasso + alt = Polygonwerkzeug

Transformieren

--> Bearbeiten --> Transformieren --> Verzerren --> speichern

--> --> Auswahl --> Auswahl aufheben

# data[].attributes.body
Hilfslinien mit <-- DELETE löschen, falls sie im Weg stehen

Bereichsreparatur-Pinsel

Mit + alt können verschiedene Flickwerkzeuge ausgewählt werden

Mit + shift können gerade Linien gezogen werden

Ausbessernwerkzeug

Stelle einkreisen und in die relevante Richtung ziehen

Korrekturstempel

Bereich mit + alt + Mausklick aufnehmen/kopieren

# data[].attributes.body
Auswahlwerkzeuge

Schnellauswahlwerkzeug

Zauberstabwerkzeug

Objektauswahlwerkzeug

Auswahl

--> Motiv, Himmel, Farbbereich (darum die Farbigen Papiere)

--> Auswahl umkehren

--> Auswahl aufheben

Korrekturen

Innerhalb des ausgewählten Bereichs Korrekturen anbringen

--> Helligkeit/Kontrast

--> Farbton/Sättigung

--> Farbbalance (r-g-b Werte können eingegeben werden)

==> ES SIND NEUE EBENE ENTSTANDEN

Auf die Hintergrundebene zurückkehren

(allenfalls --> Ebene auf Hintergrundebene reduzieren)

# data[].attributes.body
Zuerst Auswahl treffen (zum Beispiel --> Schnellauswahl über den Hintergrund streichen)

Verlaufswerkzeug

Mit gedrückter Maustaste Diagonale über der Bildschirm ziehen

Verlaufswerkzeug geht von Vorder- nach Hintergrundfarbe

(Letztere können mit Farbcodes oder mit der Pipette eingestellt werden)

Einstellungen

--> Klassischer Verlauf

--> Basics

Mit Deckkraft und Modus (z.B. Sprenkeln) experimentieren

# data[].attributes.body
Ebene --> Auf Hintergrundebene Reduzieren

Rauschen

Filter --> Rauschen

Weichzeichner

Filter --> Gaus'scher Weichzeichner

==> Grundsätzlich: Filter so sparsam wie möglich einsetzen

# data[].attributes.body
Drapiere kleine Gegenstände so, dass ein Muster entsteht und mache davon ein Bild.

# data[].attributes.body
Auswahl --> Farbbereich

allenfalls Toleranz anpassen (Deshalb arbeiten wir mit farbigen Blättern)

--> Auswahl umkehren

Vordergrundfarbe --> Coolors-Code einstellen (RGB vs. CMYK)

Auswahl mit Füllwerkzeug füllen

oder

Ebene --> neue Füllungsebene --> Fläche füllen

# data[].attributes.body
Erstelle eine neue Ebene

Büroklammern-Bild mit cmd + a, cmd + c auf die neu erstellte leere Ebene Kopieren, mit cmd + v platzieren

Büroklammernbild mit Bearbeiten --> Transformieren --> Skalieren der Ebenengrösse anpassen. Skalierung Speichern

3_Schateln-Bild mit Doppelklick auf die Ebene von einer Hintergrundebene in eine normale Ebene verwandeln

Büroklammernbild mit drag und drop darunter ziehen

BÜROKLAMMERN LIEGEN NUN UNTER DEM 3-SCHACHTELN-BILD

Ebene des 3_Schachteln-Bildes aktivieren

Eine Auswahl treffen (beispielsweise Hintergrund)

--> Auswahl --> Auswahl umkehren

==> maskieren

WAS WÄRE MASKIERT WORDEN, WENN DU DIE AUSWAHL NICHT UMGEKEHRT HÄTTEST?

# data[].attributes.body
Tonwertkorektur

Hellster und dunkelster Ton definieren

Bild beschneiden

Mit Auswahlrechteckwerkzeug Ausschnitt auswählen --> Bild

--> Freistellen

# data[].attributes.body
Ein Snapshot 8 (rechts) wurde in Photoshop bereinigt?

Welche Werkzeuge wurden eingesetzt?

Was wurde gemacht?

# data[].attributes.body
Ziel

Für dein Portfolio brauchst du c.a. 9-15 gute Bilder, unter anderem

1. 3-Schachteln

2. gemäss Renaissance-Schema

3. gemäss Barock-Schema

4. mein liebstes Kleidungsstück

5. mein liebster Gegenstand

6. Stillleben

7. Portrait

8. Flatlay

9. Crazy Bild

Tipps

Putze vor dem Fotografieren die Kamera

Achte auf die Kohärenz

Die Bilder sollen farblich abgestimmt sein (Farbpalette)

Verwende Filter sparsam und immer denselben (Snapseed)

Achte auf das Licht (verlasse den Computerraum)

Setze schwarze und weisse Blätter ein, um das Licht zu reflektieren und deinen eigenen Schatten zu vermeiden

Setze farbiges Papier ein, um dir die Auswahl zu erleichtern

Denke an die 3/3-Regel

Inspirationen auf Instagramm

Jimmimarble

Salvalopez

yosigo_yosigo

Mirandamakaroff

# data[].attributes.body
Mit eurem Ordner könnt ihr unkompliziert ein Moodbord erstellen, auf dem ersichtlich ist, welche Farben ihr verwenden möchtet und welche Bilder ihr pro Seite verwenden möchtet. Einstellungen (v.l. nach rechts):

Symbolansicht (Menu: vier Quadrate)

Darstellungsoptionen einblenden (Menu: drei Punkte)

Symbolgrösse anpassen

Als Standard verwenden (Häkchen)

# data[].attributes.body
Alle Bilder und der Text sind bündig ausgerichtet. Um Text- und Bildelemente auszurichten können in Indesign wie auch im Photoshop Hilfslinien aus den Linealen in die Arbeitsfläche gezogen werden. Für ein gelungenes Portfolio solltest du auf folgende Kriterien achten:

Ausrichtung

Wiederholung / Abwechslung

Kohärenz / Kontrast

Hierarchie und Gleichgewicht

# data[].attributes.body
Indesign verwenden wir, um Text und Bild zu Portfolios, Flyer oder Handouts zusammenzufügen.

# data[].attributes.body
Datei Neu --> erstellen

Ausrichtung

10 Seiten

Ränder für Onlineportfolio so beibehalten, für Druck eher grösser (2.5 cm)

--> --> Speichern unter.... Mit sinnvollem Namen im Ordner ablegen

# data[].attributes.body
Vertikale Werkzeugpalette: Auswahl, Text, Rechteckrahmen, Verlauf, Pipette, Lupe, Farbe

Horizontale Eigenschaften: --> Erweitert

Menu:

Bearbeiten: Rückgängig Eingabe

Fenster:

Seiten

Steuerung

Werkzeuge

Anwendungsrahmen

Formate --> Absatz

Farbe --> Farbfelder

# data[].attributes.body
Der blaue Rahmen ist ist wie ein Bilderrahmen, der herumgeschoben werden kann

Rechteckrahmen aufziehen

Cmd + D --> Bild einsetzen (zwingend auf diesem Wege)

Objekt --> Anpassen --> Inhalt proportional anpassen

Wichtig: Das Bild nicht einfach ins InDesign-Dokument ziehen

nicht mit cmd C + --> cmd + V arbeiten.

Bild nicht umbenennen und nicht umplatzieren

Das Bild ist sonst nicht richtig verknüpft !!!

# data[].attributes.body
Der Braune Bilderrahmen bestimmt, was innerhalb des Blauen Rahmens gezeigt wird. Er kann aktiviert werden, indem du mit dem Direktauswahlwerkzeug ins Bild klickst, so dass ein brauner-Kreis- im-braunen-Kreis erscheint.

Brauner Rahmen mit gedrückter SHIFT-Taste bewegen, um Proportionen beizubehalten.

# data[].attributes.body
Rechteckrahmen aufziehen

Doppelklick ins Farbfeld --> Farbe wählen oder persönlich Codes eingeben

Fenster --> Farbfelder --> + neues Farbfeld erstellen (Symbol wie neue Ebene)

Mit Pipette Farbe im Bild holen und somit das aktive Feld einfärben

# data[].attributes.body
Neues Kästchen aufziehen.

Neues Farbfeld --> Verlaufsfeld anklicken --> Doppelklick auf Α im Verlaufsfenster Farbe im Farbfeld holen; Doppelklick auf Ω im Verlaufsfenster Farbe holen im Farbfeld

Verlaufsfeld linear oder radial

# data[].attributes.body
Objekt --> Anordnen --> In den Hintergrund

# data[].attributes.body
Mit Textwerkzeug Rahmen aufziehen

aus der Zwischen Ablage [cmd+c, cmd +v] einen Text hineinkopieren

rotes Pluszeichen erscheint, weil der Rahmen zu klein ist

Mit Schnellauswahlwerkzeug auf das Pluszeichen klicken. Die zwischengespeicherte Fortsetzung des Textes kann im nächsten Kästchen positioniert werden

Platzhaltertext ist im Menu «Schrift» zu finden

# data[].attributes.body
Zeicheneinstellungen im Fenster Zeichenformate einstellen

Mit Plussymbol ein neues Format erstellen

Schriftfamilie = Arial etc.

Schriftschnitt = fett, kursiv etc.

Schriftgrad = Schriftgrösse

Kerning = Abstand zwischen einzelnen Zeichen

Buchstabenart = normal oder z.B. alles in Grossbuchstaben

Zeilenabstand = vertikaler Abstand

Laufweite = horizontaler Abstand in der ganzen Zeile

Position = normal oder z.B. hochgestellt

# data[].attributes.body
Cmd + d = Bild einfügen

cmd + alt +shift +e = Bild wird direkt in den Rahmen eingepasst

w = Hilfslinien ein- und ausblenden (am Ende kontrollieren, ob nicht versehentlich w’s da sind)

# data[].attributes.body
Voraussetzung

Bild wurde mit Fotoshop freigestellt: Motiv auswählen, Auswahl umkehren, Schloss bei den Ebenen entfernen, Hintergrund mit Delete-Taste löschen, so dass das Bild freigestellt ist (sichtbar an kariertem Hintergrund)

Bild kann direkt als Photohop-Datei in Indesign eingefügt werden (Bildrahmen aufziehen, Bild mit cmd+d einfügen)

Textrahmen mit Text darüberziehen

MIT ANGEWÄHLTEM BILD:

Fenster >> Textumfluss >> gewünschtes Icon anwählen >> Typ: Motiv auswählen >> Abstand Motiv-Text definieren

# data[].attributes.headline
Seitenzahlen (Kopf-und Fusszeilen in den Musterseiten)

# data[].attributes.subject
Seitenzahlen (Kopf-und Fusszeilen in den Musterseiten)

# data[].attributes.body
Bei den Musterseiten mit dem Textwerkzeug kleine Quadrate anbringen, da, wo die Seitenzahlen erscheinen sollen

(Schrift allenfalls Einmitten)

Schrift >> Sonderzeichen >> Marken nächste Seitenzahl

# data[].attributes.body
Um ein PDF zu erstellen und dein Dokument versuchsweise auszudrucken wähle

Datei >> Adobe PDF-Vorgaben >> Qualitativ hochwertiger Druck

# data[].attributes.body
Wenn das Dokument beendet ist und z.B. auswärts in Druck gegeben wird, wird das Dokument verpackt. So werden alle benötigten Informationen in einem Ordner abgelegt.

Datei >> verpacken