Herbstschule 2006 Bildbearbeitung für die Erstellung von e-learning-material mit Photoshop CS

Transkript

1 Beispielbild Herbstschule 2006 Bildbearbeitung für die Erstellung von e-learning-material mit Photoshop CS Gösta Röver 25. September 2006

2 Übersicht Einleitung - Material - Konzept - Auswahl - Formate Scannen Bildgröße, Auflösung Arbeitsdatei Ebenen Arbeitsdatei retuschieren Arbeitsdatei optimieren Ausschneiden Freistellen Transparenz Filter Skalieren Text Komprimierung / Export 2

3 Einleitung Material Je nach Inhalt kommt unterschiedliches Material zum Einsatz - Fotos - Dias - Abbildungen aus Publikationen (Achtung Bildrechte!) - Online-Bilddatenbanken (Achtung Bildrechte!) - Elektronisch generierte Bilder - Andere Vorlagen z. B. Zeichensatzsammlungen 3

4 Einleitung Konzept Inhalt, Motivation und Ziel beeinflussen die Gestalt des Bildmaterials. Es soll - dokumentieren - repräsentieren - symbolisieren - bezeugen - erklären - veranschaulichen - irritieren - herausfordern - berühren - trainieren - illustrieren

5 Einleitung Auswahl Sobald das Konzept steht, folgt eine gewissenhafte Bildrecherche. Die Auswahl berücksichtigt: - Aussagekraft - Qualität - Bildrechte - Weiterverarbeitbarkeit in Animationen

6 Einleitung Format Bilder spielen je nach Inhalt eine mehr oder weniger zentrale Rolle. Das Layoutraster weist den Text- und Bildanteilen Platz und Format zu: - als Header - Miniatur - mit Maximaler Breite - und Maximaler Höhe

7 Scannen Vor Beginn eines Scans die Glasscheibe reinigen - Vermeidet spätere, langwierige Retuschearbeiten Die Vorlage rechtwinklig anlegen - Vermeidet späteres Ausrichten und möglichen Qualitätsverlust Bei Scans aus Büchern hinter die Abbildung ein schwarzes Papier legen - Vermeidet Durchscheinen von Schrift und anderen Abbildungen Bei Scans von gedruckten Bildern die Option Moiré entfernen aktivieren - Vermeidet Moiré-Effekte Scannen mit Millionen Farben - Garantiert die größtmögliche Ausgangsqualität Scannen im RGB Modus - RGB (Rot Grün Blau) entspricht dem Farbmodus von Monitoren Den Scan größer anlegen (dpi erhöhen) - Hält Ihnen die Option auf ausreichend große Ausschnitte offen 7

8 Bildgröße und Auflösung Die Größe der Bilder wird in Pixel gemessen. Ein Pixel ist die kleinste Einheit eines Bildpunktes auf dem Bildschirm und gleichzeitig Träger einer Farbinformation. Für die Abmessung ist v. a. die Breite wesentlich. Browserfenster lassen nie die Nutzung der vollen Breite zu. Breite in Pixel: Auflösung: bis zu 550 px 72 dpi 8

9 Bildgröße und Auflösung 9

10 Arbeitsdatei - Ebenen Die Ebenenpalette erlaubt Ihnen Bilder in seine Einzelteile zu zerlegen, neu zusammenzustellen, Bereiche ein- oder auszublenden sowie Schrift einzufügen. Die Arbeitsdatei in Ebenen ist das Original. Archivieren Sie es sorgfältig. Spätere Änderungen können dann leicht vorgenommen werden. 10

11 Arbeitsdatei - Ebenen 11

12 Arbeitsdatei - Retuschieren Enthalten Bilder grobe Kratzer oder andere Bildstörungen lassen sie sich mit verschiedenen Methoden entfernen. - Kopierstempel - Auswahl (weiche kante) duplizieren - Staub und Kratzer entfernen (Menü Filter) - Störungen entfernen (Menü Filter) 12

13 Arbeitsdatei - Retuschieren 13

14 Arbeitsdatei - optimieren Vorlagen sind nicht immer optimal, oft zu flau. Unschärfen können während des Herunterrechnens auftreten. Diese Mängel lassen sich beheben mittels - Tonwertkorrektur oder - Gradationskurven (Menü> Bild) Scharfzeichen von kleinen Bereichen über das Werkzeug - Scharfzeichner oder - Scharfzeichnen (Menü Filter) 14

15 Arbeitsdatei optimieren: Tonwertkorrektur 15

16 Arbeitsdatei optimieren: Schärfen 16

17 Ausschneiden Ausschnitte aus Bildern lassen sich über verschiedene Methoden bewerkstelligen. - Auswahl - Freistellungswerkzeug - Arbeitsfläche 17

18 Ausschneiden 18

19 Freistellen Freistellen von Figuren und Formen ermöglichen: - Lasso (Auswahl umkehren, löschen) - Zeichenfeder (Pfad anlegen) 19

20 Freistellen 20

21 Transparenz Transparenzen können erzeugt werden, - indem die freigestellte Form ( Auswahl erstellen ) in eine zweite Ebene kopiert (oder die Auswahl umgekehrt wird) und die darunter liegende gelöscht oder ausgeblendet wird. - Transparenzen werden über das Exportformat GIF erhalten. Im Dialogfenster für Web speichern können unter dem Format GIF auch einzelne Farben auf transparent gestellt werden. 21

22 Transparenz 22

23 Filter Bildbearbeitungsprogramme bieten eine Menge Filter, die das Bild durch visuelle Effekte verfremden, verbessern aber selten die Qualität wie z. B. scharfzeichnen oder unscharf maskieren Setzen Sie Filter nur ein, wenn die zentrale Aussage des Bildes dadurch unterstützt wird. Andernfalls riskieren Sie, dass das Bild als billige Dekoration wahrgenommen wird. 23

24 Filter 24

25 Skalieren Skalieren Sie nie Bilder im HTML-Editoren; weder verkleinern noch vergrößern Sie sie. Die Bilder erscheinen kaputt. Legen Sie vor dem Export die endgültige Ausgabegröße in Pixel fest. Achten Sie darauf die Bilder nicht zu verzerren. 25

26 Text Textanteile in Bildern setzen sie mit dem Textwerkzeug. Die Textebene bleibt im Original in Ebenen erhalten. So können Änderungen bei gleichen Einstellungen leicht vorgenommen werden. 26

27 Text 27

28 Komprimierung Bilder für e-learning-material muss komprimiert werden. Hierfür stehen verschiedene Formate zur Verfügung. Die gängigen heißen: - Jpg (für Fotos; interpoliert in Blöcken) - GIF (für Grafiken mit weniger Farbumfang; multipliziert Pixel einer Farbe; animierbar) - PNG (Plattform übergreifende Farbpalette, größere Datei) 28

29 Komprimierung 29

30 Komprimierung 30

31 Beispielbild Vielen Dank Gösta Röver