Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Digitalisierung / Bildbearbeitung für das Internet WBLMed mit Photoshop 5.5.

Ähnliche Präsentationen


Präsentation zum Thema: "Digitalisierung / Bildbearbeitung für das Internet WBLMed mit Photoshop 5.5."—  Präsentation transkript:

1 Digitalisierung / Bildbearbeitung für das Internet WBLMed mit Photoshop 5.5

2 Inhaltsverzeichnis Vorwort Bildgröße, Auflösung Bildschirmauflösung Ausgabeauflösung, Dateigröße Dateiformate GIF, JPG Scannen von Bildern Arbeitsoberfläche Adobe Photoshop 5.5 Scannen in Adobe Photoshop 5.5 Bildgröße Wechsel in ein anderes Dateiformat Konvertierung in ein anderes Bildformat Konvertierung für das Internet Werkzeug-Palette Bilder zuschneiden Helligkeit/Kontrast Farbvariationen Selektive Farbkorrektur Filter Linien, Pfeile Text Ebenen Hinweis Folie 3 Folie 4 Folie 5 Folie 6 Folie 7 Folie 8 Folie 9 Folie 10 Folie 11 Folie 12 Folie Folie 15 Folie 16 Folie 17 Folie 18 Folie 19 Folie Folie 25 Folie 26 Folie 27 Folie 28

3 Vorwort Um Bildmaterial für das Projekt WBLMed in die gewünschte internettaugliche Form zu bringen, stehen mehrere Möglichkeiten zur Verfügung. Digitalisierte Bilder können auf verschiedene Weise erzeugt werden. Dieses Tutorium beschäftigt sich allgemein mit dem einscannen von Bildern und Dias, deren Abspeicherung, den geeigneten Dateiformaten, Maßeinheiten, Dateigröße (= Datenmenge), Auflösung (= Datendichte), Scanner-Beispiel usw. Weiters werden anhand des Programmes Photoshop 5.5 die wichtigsten Bildbearbeitungstechniken demonstriert.

4 Bildgrösse / Auflösung Bildmaße: Die Anzahl von Pixeln, die die Breite und Höhe eines Bildes ergeben, bezeichnet man als Bildmaße. Die Anzeigegrösse eines Bildes auf dem Bildschirm ist abhängig von den Bildmaßen des Bildes sowie der Grösse und Pixel-Einstellung des Monitors. 17 Zoll-Monitor: 823 x 624 Pixel 20 Zoll-Monitor: 1024 x 768 Pixel Die Anzahl von Pixeln pro Längeneinheit auf dem Monitor bezeichnet man als dpi (dots per inch – Punkte pro Zoll). Die normale Auflösung eines PC- Monitors beträgt 96 dpi (Mac 72 dpi) Bildauflösung: Die tatsächliche Größe des Bildes wird exakt dargestellt, wenn die Einstellungen des Bildschirms mit der Auflösung des Bildes übereinstimmt. Die meisten Bildschirme können über die Systemsteuerung auf eine Vielzahl von Pixel-Auflösungen eingestellt werden.

5 Bildschirmauflösung Beispiel: 72 dpi (entspricht der Bildschirmauflösung) 553 x 369 Pixel 132 KB (Dateigrösse) 19,81 x 13,21 cm Ein Bild mit einer hohen Bildauflösung enthält mehr – und damit kleinere Pixel – als ein Bild mit den gleichen Maßen bei niedrigerer Auflösung. 20 dpi (schlechteres Ergebnis) 156 x 104 Pixel 19 KB (Dateigrösse) 19,81 x 13,21 cm

6 Ausgabeauflösung, Dateigröße Für den Ausdruck ist die Bildschirmauflösung qualitativ nicht ausreichend. Die meisten Laserdrucker können mit einer Auflösung von dpi drucken. Dies würde aber sehr große Dateigrössen ergeben, die für die Publizierung im Internet viel zu groß sind. Wir empfehlen einen Mittelweg von dpi für eine ansprechende Qualität. Als maximale Dateigröße eines Bildes wird für das Internet allgemein 50 KB empfohlen. Es ergeben sich also 3 Anhaltspunkte für das Scannen von Bildern: 1.Bildmaße in Pixel 2.Bildauflösung in dpi 3.Dateigröße in KB Diese Werte sind stets proportional zueinander. Sie sind für das Scannen maßgeblich und in allen Scannertypen frei wählbar.

7 Dateiformate In Webseiten werden im Allgemeinen drei Grafikdateiformate verwendet: GIF, JPG, und PNG. GIF und JPG werden von den meisten Browsern unterstützt. GIF-Dateien (Graphic Interchange Format) verwenden maximal 256 Farben: Sind besonders gut für Bilder geeignet, die nicht kontinuierliche Farbtöne oder große Bereiche mit flache Farben enthalten (Schaltflächen, Navigationsleisten, Symbole, Logos. GIF-Bilder können mit einem transparentem Hintergrund erstellt werden. JPG-Dateien (Joint Photographic Experts Group) eignet sich am besten für Fotos und Bilder mit kontinuierlichen Farbtönen, da JPG-Dateien Millionen von Farben enthalten können. Sie sind im allgemeinen grösser als GIF-Dateien, es kann aber durch die richtige Komprimierung ein sehr guter Ausgleich zwischen Bildqualität und Dateigröße erzielt werden (z.B. in Photoshop).

8 Scannen von Bildern Zum Scannen eines Bildes muß die entsprechende Scanner-Software installiert sein, diese werden direkt vom Scanner über ein zu Adobe Photoshop kompatibles Zusatzmodul oder die TWAIN-Schnittstelle importiert. Sie können natürlich auch ein anderes Bildbearbeitungsprogramm wie Corel Photo Paint, Picture Publisher, Paint Shop Pro, Photo Draw etc. verwenden. Wir empfehlen Photoshop, da es sich im jahrelangen Einsatz bestens bewährt hat und sehr viele Möglichkeiten bietet. Nur die wichtigsten Programmfunktionen sollen hier vorgestellt werden. Die anderen erwähnten Programme weisen ähnliche Werkzeuge und Filter auf. Die Bildgröße, Auflösung und Dateigröße lassen sich aber in allen Programmen für den Scan auswählen, und können in der Definition abweichen.

9 Arbeitsoberfläche Adobe Photoshop 5.5 Menüleiste Werkzeuge Bild-Titelleiste Arbeits- bereich Statusleiste EbenenfensterWerkzeugspitzenfenstergescanntes Bild

10 Scannen in Adobe Photoshop Menüleiste Beispiel für einen 35 mm Diascanner: DateiimportierenNikon....(je nach installiertem Scannertyp) DateigrößeDPIAusgabegrößeBildausschnitt vordefinieren vor dem eigentlichen Scan Hier werden vor dem eigentlichen Scan alle wichtigen Werte zumindest vorgewählt !

11 Bildgröße MenüleisteBildBildgröße... Dateigröße Auflösung in DPI Ausgabegröße Größe in Pixel Jetzt folgt die eigentliche Feinjustierung der Bildmaße.

12 In ein anderes Dateiformat wechseln MenüleisteDateiSpeichern unter...Photos als JPG Bilder als GIF

13 Konvertierung für das Internet (1) Für das Internet sollte man die Pixelgröße beachten. Da Bilder möglichst vom Browser nicht skaliert werden sollten, werden Bilder gleich in der Richtigen Pixelgröße und einer angemessenen DPI-Auflösung abgespeichert. MenüleisteFür Web speichern Für diese Beispiel wurde das Bild von ursprünglich 1145 x 905 Pixel, 2.96 MB, 250 dpi auf ein kleineres Maß von 400 x 315 Pixel, 370 K und 300 dpi verkleinert. Nun erfolgt der „Feinschliff“: Dateigröße, Bildqualität, und Ladezeiten lassen sich je nach Wunsch einstellen. Bilder für das Internet sollten nicht größer als 50 KB werden, da der Browser sonst beim Laden der Bilder zu lange braucht.

14 Konvertierung für das Internet (2) Endergebnis: Fertig konvertiertes Bild für das Internet: 400 x 315 Pixel, 38,15 KB Dateigröße 300 dpi (um auch für den Druck ein akzeptables Ergebnis zu bieten) 8 Sekunden Ladezeit (56,6 Kbps Ladegeschwindigkeit)

15 Werkzeug-Palette Freistellungswerkzeug Lasso (Auswahlwerkzeug)... Airbrush Stempel... Radiergummi... Weichzeichner... Zeichenstift... Meßwerkzeug Füllwerkzeug Hand-Werkzeug Vordergrundfarbe Standardfarben Bildschirm-Standard-Modus Bewegen Zauberstab (Auswahlwerkzeug) Pinsel Protokoll-Pinsel,Kunstprotokoll-Pinsel Linien, Buntstift Abwedler... Textwerkzeug... versch. Verlaufsmöglichkeiten.... Pipette... Zoom-Werkzeug Hintergrundfarbe Maskierungs-Modus Standardfarben Adobe Online Standard-Grafikeditor starten Menüleiste Fenster Werkzeuge einblenden

16 Bilder zuschneiden Klicken Sie mit dem Mauszeiger auf das Freistellungswerkzeug in der Werkzeugpalette. Wählen sie einen Ausschnitt und bestätigen Sie mit einem Doppelklick auf die linke Maustaste.

17 Helligkeit / Kontrast Menüleiste Bild Einstellen Helligkeit/Kontrast

18 Farbvariationen Menüleiste Bild Einstellen Variationen Für eine einfache, schnelle Farbkorrektur, Helligkeit, Farbsättigung etc....

19 Selektive Farbkorrektur Menüleiste Bild Einstellen Selektive Farbkorrektur.. Für eine genaue Farbkorrektur:

20 Filter Menüleiste Filter Scharfzeichnungsfilter Unscharf Maskieren Photoshop bietet eine große Anzahl von Filtern. Bsp. spezieller Scharfzeichner-Filter: Originalangeschärfte Version

21 Korrekturfilter (Anti-Moiré-Effekt) Menüleiste Filter Störungsfilter Störungen entfernen Beim Einscannen von gerastertem Bildmaterial (aus Zeitungen, Magazinen etc.) kann ein störender Moiré-Effekt entstehen, der mit dem Filter „Störungen entfernen“ behoben oder abgeschwächt werden kann, um eine einheitliche Farbgebung zu erzielen. Originalkorrigierte Version mit deutlich verringertem Raster

22 Kombination verschiedener Filter 1.Änderung des Bildes : Menüleiste Bild Modus Graustufen 2.Filter: Störungen entfernen 3.Menüleiste: Bild Einstellungen AutoTonwertkorrektur Originalkorrigierte Version Durch den Einsatz von Filtern lassen sich Bilder sehr gut optimieren. Bsp. Einsatz verschiedener Filter.

23 Retusche (1) ohne Retusche Schmutz, Kratzer usw. können mit dem Tool „Radiergummi“ entfernt werden. Achten Sie bei der Einstellung auf die Auswahl der richtigen Hintergrundfarbe. Für dieses Bsp. :WEISS mit Retusche

24 Retusche (2) ohne Retusche Eine weitere Möglichkeit zur Bildretusche bietet das Tool „Stempel“ Sie können durch das Drücken der „ALT“-Taste einen bestimmten Bildbereich definieren und an anderer Stelle im Bild übertragen. mit teilweise kopierter Zelle

25 Linien, Pfeile Klicken Sie mit dem Mauszeiger auf das Werkzeug „Linienzeichner“ in der Werkzeugpalette. Über einen Doppelklick auf dieses Werkzeug in der Tool-Leiste aktivieren sie ein weiteres Fenster für die Einstellung von Linienstärke, Pfeilspitzen, Pfeilform etc....

26 Text Klicken Sie mit dem Mauszeiger auf das Textwerkzeug in der Werkzeugpalette. Setzen Sie den Kursor auf die gewünschte Stelle und geben Sie Ihren gewünschten Text ein. Das Fenster „Textwerkzeug“ erlaubt die Auswahl versch. Schiftarten, Größe, Farbe usw..

27 Ebenen Menüleiste Fenster Ebenen einblenden Photoshop fügt selbständig eine neue, eigene Ebene ein wenn Sie z.B. Text einsetzen. Dieser Text ist über das Ebenen-Fenster direkt anwählbar und nachträglich veränderbar, da er als Vektorgrafik editiert wird. (ab Photoshop Version 5.0) Textebene Hintergrundebene

28 Hinweis Photoshop ist ein sehr umfangreiches Programm. Es bietet aber noch sehr viel mehr Möglichkeiten der Bildbearbeitung als die hier erwähnten. Dieses Tutorial kann lediglich die allerwichtigsten Funktionen zeigen. Daher ist es unumgänglich, zur Vertiefung in die Materie das Handbuch für das Programm genauer zu studieren. Für Fragen stehen die Mitarbeiter des ZMM gerne zur Verfügung.


Herunterladen ppt "Digitalisierung / Bildbearbeitung für das Internet WBLMed mit Photoshop 5.5."

Ähnliche Präsentationen


Google-Anzeigen