hans w. hofmann - [email protected] staatl. fachschule für lebensmitteltechnik kulmbach...

Hans W. Hofmann - [email protected] Hans W. Hofmann - [email protected] Staatl. Fachschule für Lebensmitteltechnik KulmbachStaatl. Fachschule für Lebensmitteltechnik Kulmbach

BildbearbeitungBildbearbeitungÜberblickÜberblick

IntelIntel®®

Lehren für die ZukunftLehren für die Zukunft

2

Bildbearbeitung ÜberblickDigitale BilderPixelSkalieren BildschirmZuschneiden & FreistellenSkalieren für DruckerKomprimierenFarbmodelleHelligkeit und HistogrammKontrast und HistogrammGamma und HistogrammZusammenfassungPhoto EditorZuschneiden von BildernZuschneiden BildausschnittSkalieren für den BildschirmBild Größe ändernSkalieren für den DruckerAuflösung ändernTransparente BilderDurchsichtige BilderAnimationAbschlußtest

Digitale BilderDigitale Bilder

► Fotos bzw. Dias in den Computer einzulesen ist die Fotos bzw. Dias in den Computer einzulesen ist die Aufgabe eines Scanners. Lesen Sie dazu die Präsentation Aufgabe eines Scanners. Lesen Sie dazu die Präsentation ""Richtig ScannenRichtig Scannen auf der CD. Der direkte Weg führt auf der CD. Der direkte Weg führt über eine digitale Kamera, die die Bilder bereits in über eine digitale Kamera, die die Bilder bereits in digitalisierter Form anliefert. digitalisierter Form anliefert.

► Verfügen Sie weder über einen Scanner noch über eine Verfügen Sie weder über einen Scanner noch über eine digitale Kamera, so können Sie Bildmaterial auf sog. digitale Kamera, so können Sie Bildmaterial auf sog. Clipart-CDs (Bildersammlungen) oder im Internet suchen.Clipart-CDs (Bildersammlungen) oder im Internet suchen.

► Der aufwendigste Weg ist sicher die Verwendung von Der aufwendigste Weg ist sicher die Verwendung von Bilderstellungssoftware, Malprogrammen oder Bilderstellungssoftware, Malprogrammen oder Zeichenprogrammen. Zeichenprogrammen.

► Sie haben sich mit dem einen und/oder anderen Weg Sie haben sich mit dem einen und/oder anderen Weg vertraut gemacht und verfügen über digitales vertraut gemacht und verfügen über digitales Bildmaterial. Die Bilder sollen nun in eine Form gebracht Bildmaterial. Die Bilder sollen nun in eine Form gebracht werden, die für die Verwendung in einer werden, die für die Verwendung in einer Textverarbeitung, Präsentation oder Website taugt.Textverarbeitung, Präsentation oder Website taugt.

Dig

itale

Bild

er

Dig

itale

Bild

er

Digitale Bilder

3


PixelPixel► Ein Standard-PC-Bildschirm Ein Standard-PC-Bildschirm

kann heutzutage eine Fläche kann heutzutage eine Fläche von 1024x768 Bildpunkte von 1024x768 Bildpunkte (Pixel) darstellen. Ein Pixel (Pixel) darstellen. Ein Pixel besteht aus den drei besteht aus den drei Grundfarben RGB, Rot, Grün, Grundfarben RGB, Rot, Grün, Blau mit entsprechenden Blau mit entsprechenden Helligkeitswerten, sodass bis Helligkeitswerten, sodass bis zu 4.294.967.296 (32Bit) zu 4.294.967.296 (32Bit) Farben darstellbar sind.Farben darstellbar sind.

► Das Digitalisieren liefert Bilder Das Digitalisieren liefert Bilder in einem entsprechenden in einem entsprechenden Raster, hier ein Bild aus einer Raster, hier ein Bild aus einer Digi-Cam mit 2048x1536 Digi-Cam mit 2048x1536 Pixel, ab. Pixel, ab.

► Wird das obige Bild 1:1 (Pixel Wird das obige Bild 1:1 (Pixel für Pixel) auf dem Monitor für Pixel) auf dem Monitor angezeigt kann nur ein angezeigt kann nur ein Bruchteil des Bildes angezeigt Bruchteil des Bildes angezeigt werden. Um mehr von dem werden. Um mehr von dem Bild zu sehen, müssen Sie den Bild zu sehen, müssen Sie den Monitor oder das Bild Monitor oder das Bild verändern. Da dem verändern. Da dem Auflösungsvermögen des Auflösungsvermögen des Monitors recht enge Grenzen Monitors recht enge Grenzen gesetzt sind, verändern wir gesetzt sind, verändern wir lieber das Bild.lieber das Bild.

Dig

itale

Bild

er

Dig

itale

Bild

er

Pixel

4


Skalieren BildschirmSkalieren Bildschirm

► Die einzige Möglichkeit das Die einzige Möglichkeit das 2048 Px breite Bild komplett 2048 Px breite Bild komplett auf den Bildschirm zu bringen auf den Bildschirm zu bringen besteht darin, Bildpunkte besteht darin, Bildpunkte wegzulassen und z.B. nur 640 wegzulassen und z.B. nur 640 Bildpunkte anzuzeigen. Dazu Bildpunkte anzuzeigen. Dazu muß Information (Bildpunkte) muß Information (Bildpunkte) aus dem Bild entfernt werden - aus dem Bild entfernt werden - Details gehen verloren.Details gehen verloren.

► Die Bildqualität wird schlechter Die Bildqualität wird schlechter - muß schlechter werden, weil - muß schlechter werden, weil unser Anzeigemedium kleiner unser Anzeigemedium kleiner ist als das Bild und das ist als das Bild und das Auflösevermögen des Auflösevermögen des Bildschirms nicht verbessert Bildschirms nicht verbessert werden kann - mehr als z.B. werden kann - mehr als z.B. 1024 Bildpunkte sind in einer 1024 Bildpunkte sind in einer Bildschirmzeile einfach nicht Bildschirmzeile einfach nicht vorhanden.vorhanden.

► Sie können die Auflösung Ihres Sie können die Auflösung Ihres Monitors leicht selbst Monitors leicht selbst bestimmen. Ein Notebook hat bestimmen. Ein Notebook hat z.B. eine Bildschirmbreite von z.B. eine Bildschirmbreite von 28,5 cm bei 1024 Pixel 28,5 cm bei 1024 Pixel entspricht ca. 36 Px/cm. entspricht ca. 36 Px/cm. Andere Bildschirm-Andere Bildschirm-Einstellungen sind z.B. Einstellungen sind z.B. 1280x1024, 800x600 oder 1280x1024, 800x600 oder 640x480 Pixel. 640x480 Pixel.

Dig

itale

Bild

er

Dig

itale

Bild

er

Skalieren Bildschirm

5


Zuschneiden & Zuschneiden & FreistellenFreistellen

► Meist sollen Bilder auf Meist sollen Bilder auf den eigentlichen den eigentlichen Informationsgehalt Informationsgehalt reduziert werden.reduziert werden.

► Entweder es interessiert Entweder es interessiert nur ein bestimmter nur ein bestimmter Bildausschnitt, der dann Bildausschnitt, der dann durch Zuschneiden auf durch Zuschneiden auf eine bestimmte eine bestimmte geometrische Form geometrische Form (Rechteck, Kreis, (Rechteck, Kreis, Vieleck) aus dem Bild Vieleck) aus dem Bild herausgeschnitten ( to herausgeschnitten ( to crop ) wird. crop ) wird.

► Beschränkt sich das Beschränkt sich das Interesse auf einen Interesse auf einen Gegenstand, Person mit Gegenstand, Person mit unregelmäßigen unregelmäßigen komplexen Rändern, so komplexen Rändern, so spricht man vom spricht man vom Freistellen (to mask).Freistellen (to mask).

Dig

itale

Bild

er

Dig

itale

Bild

er

Zuschneiden & Freistellen

6


Skalieren für DruckerSkalieren für Drucker

► Bilder für den Drucker Bilder für den Drucker können mit einer wesentlich können mit einer wesentlich höheren Auflösung höheren Auflösung angefertigt werden als für angefertigt werden als für den Bildschirm (36 Px/cm). den Bildschirm (36 Px/cm).

► Die hier abgebildeten Die hier abgebildeten Druckoptionen für einen HP Druckoptionen für einen HP Laser sehen 1200 DPI, 1200 Laser sehen 1200 DPI, 1200 Px/Zoll = 472 Px/cm vor. Px/Zoll = 472 Px/cm vor.

► Profigeräte wie Bildbelichter Profigeräte wie Bildbelichter gehen da noch etwas höher, gehen da noch etwas höher, der Standard liegt da bei der Standard liegt da bei 2400 DPI.2400 DPI.

► Es macht deshalb Sinn die Es macht deshalb Sinn die Bildgröße für einen Drucker Bildgröße für einen Drucker über die Auflösung des über die Auflösung des Bildes einzustellen. Also die Bildes einzustellen. Also die Pixelanzahl, und damit den Pixelanzahl, und damit den Informationsgehalt des Informationsgehalt des Bildes und die Bildqualität, Bildes und die Bildqualität, nicht zu verändern. In nicht zu verändern. In beiliegender beiliegender Excel-Datei Excel-Datei können Sie die Druckgröße können Sie die Druckgröße manipulieren und damit manipulieren und damit bestimmen, wie groß ein bestimmen, wie groß ein Bild gedruckt werden sollBild gedruckt werden soll

Dig

itale

Bild

er

Dig

itale

Bild

er

Skalieren für Drucker

7


KomprimierenKomprimieren

► Die ungeheueren Datenmengen von Bildern werden in Die ungeheueren Datenmengen von Bildern werden in den verschiedenen Bildformaten auch unterschiedlich den verschiedenen Bildformaten auch unterschiedlich komprimiert.komprimiert.

► Bei Gif-Bildern wird ein Algorithmus verwendet, der die Bei Gif-Bildern wird ein Algorithmus verwendet, der die Bilder reversibel in der originalen Qualität wieder Bilder reversibel in der originalen Qualität wieder herstellt, aber nicht besonders „effektiv“ ist.herstellt, aber nicht besonders „effektiv“ ist.

► JPEG-Bilder beruhen auf einem Verfahren, das sehr JPEG-Bilder beruhen auf einem Verfahren, das sehr effektiv sein kann, dann aber die Qualität der Bilder effektiv sein kann, dann aber die Qualität der Bilder verschlechtert. verschlechtert. Je kleiner die Dateigröße, desto schlechter die Qualität.Je kleiner die Dateigröße, desto schlechter die Qualität.Eine Qualitätsverschlechterung ist nicht mehr reversibel.Eine Qualitätsverschlechterung ist nicht mehr reversibel.

Dig

itale

Bild

er

Dig

itale

Bild

er

Komprimieren

8


FarbmodelleFarbmodelle

► Auf dem Bildschirm werden die Farben aus Auf dem Bildschirm werden die Farben aus Bildpunkten der Farben Rot, Grün, Blau angezeigt – Bildpunkten der Farben Rot, Grün, Blau angezeigt – das RGB-Modell basiert auf den Eigenschaften von das RGB-Modell basiert auf den Eigenschaften von Licht. Die drei Grundfaben addieren sich zu dem Licht. Die drei Grundfaben addieren sich zu dem visuellen Eindruck, Weiß im Idealfall.visuellen Eindruck, Weiß im Idealfall.

► Das man mit diesem Modell nicht drucken kann liegt Das man mit diesem Modell nicht drucken kann liegt auf der Hand! Die Farbpatronen Ihres Druckers auf der Hand! Die Farbpatronen Ihres Druckers enthalten Farbtinten Cyan, Magenta, Gelb enthalten Farbtinten Cyan, Magenta, Gelb (Yellow) CMYK. K steht (Yellow) CMYK. K steht für Schwarz (Black).für Schwarz (Black).

► Die Pigmente der FarbeDie Pigmente der Farbesubtrahieren das Lichtsubtrahieren das Lichtzu einem schwarzenzu einem schwarzenvisuellen Eindruck. visuellen Eindruck.

► RGB BildschrimRGB Bildschrim► CMYK DruckerCMYK Drucker

Dig

itale

Bild

er

Dig

itale

Bild

er

Farbmodelle

9


Helligkeit und Helligkeit und HistogrammHistogramm

Dig

itale

Bild

er

Dig

itale

Bild

er

Helligkeit und Histogramm

10


Kontrast und Kontrast und HistogrammHistogramm

Dig

itale

Bild

er

Dig

itale

Bild

er

Kontrast und Histogramm

11


Gamma und HistogrammGamma und HistogrammD

igit

ale

Bild

er

Dig

itale

Bild

er

Gamma und Histogramm

12


ZusammenfassungZusammenfassung

► Pixel, DPIPixel, DPI► Bildgröße Bildgröße ► Bild-, MonitorauflösungBild-, Monitorauflösung► Farbmodelle, RGB, CMYKFarbmodelle, RGB, CMYK► Komprmierung und BildqualitätKomprmierung und Bildqualität► DruckqualitätDruckqualität► ZuschneidenZuschneiden► FreistellenFreistellen► Skalieren für BildschirmSkalieren für Bildschirm► Skalieren für DruckerSkalieren für Drucker

► Was fällt Ihnen zu den Begriffen und Verfahren noch Was fällt Ihnen zu den Begriffen und Verfahren noch ein?ein?

► Kann es sein, dass Sie dieses Kapitel nochmal Kann es sein, dass Sie dieses Kapitel nochmal wiederholen wollen?wiederholen wollen?

Dig

itale

Bild

er

Dig

itale

Bild

er

Zusammenfassung

13


Photo EditorPhoto Editor

► Aufrufen des Aufrufen des Office Tools Office Tools Programm Programm Photo EditorPhoto Editor

► Ggf. muss das Ggf. muss das Programm noch Programm noch von der Offce von der Offce XP CD installiert XP CD installiert werden.werden.

► PE ist seit Office PE ist seit Office 97 Bestandteil 97 Bestandteil des Paketesdes Paketes

Zusc

hneid

en v

on

Bild

ern

Zusc

hneid

en v

on

Bild

ern

Photo Editor

14


Zuschneiden von Zuschneiden von BildernBildern

Zusc

hneid

en v

on

Bild

ern

Zusc

hneid

en v

on

Bild

ern

► Mit dem Mit dem Office Office Tools Tools Programm Programm Photo Photo Editor ist Editor ist nur das nur das ZuschneidZuschneiden von en von recht-recht-eckigen eckigen und ovalen und ovalen Bereichen Bereichen möglich.möglich.

Zuschneiden von Bildern

15


Zuschneiden Zuschneiden BildausschnittBildausschnitt

► Sehen Sie Sehen Sie den Arbeits-den Arbeits-ablauf zum ablauf zum ZuschneideZuschneiden in Photo n in Photo Editor.Editor.

Zusc

hneid

en v

on

Bild

ern

Zusc

hneid

en v

on

Bild

ern

Zuschneiden Bildausschnitt

16


Skalieren für den Skalieren für den BildschirmBildschirm

Ska

liere

n f

ür

den B

ildsc

hir

mSka

liere

n f

ür

den B

ildsc

hir

m

►Das Skalieren Das Skalieren eines Bildes für eines Bildes für den Bildschirm den Bildschirm entspricht dem entspricht dem Ändern der Ändern der Bildgröße über Bildgröße über die Rahmenan-die Rahmenan-fasser in den fasser in den Office-Office-Anwendungen. Anwendungen.

Skalieren für den Bildschirm

17


Bild Größe ändernBild Größe ändern

► Sehen Sie Sehen Sie den den ArbeitsablauArbeitsablauf zum f zum Ändern der Ändern der Bildgröße Bildgröße mit Photo mit Photo Editor.Editor.

Ska

liere

n f

ür

den B

ildsc

hir

mSka

liere

n f

ür

den B

ildsc

hir

mBild Größe ändern

18


Skalieren für den Skalieren für den DruckerDrucker

►Skalieren Skalieren eines Bildes eines Bildes von von 2048x1536 2048x1536 Pixel aus Pixel aus einer einer digitalen digitalen Kamera für Kamera für ein Druck-ein Druck-medium – medium – z.B. für ein z.B. für ein Word-Word-Dokument.Dokument.

Ska

liere

n f

ür

den D

ruck

er

Ska

liere

n f

ür

den D

ruck

erSkalieren für den Drucker

19


Auflösung ändernAuflösung ändern

► Sehen Sie Sehen Sie den den ArbeitsablauArbeitsablauf zum f zum Skalieren in Skalieren in Photo Photo Editor.Editor.

Ska

liere

n f

ür

den D

ruck

er

Ska

liere

n f

ür

den D

ruck

er

Auflösung ändern

20


Transparente BilderTransparente Bilder

► Das Werkzeug Das Werkzeug "Transparente Farbe" wird "Transparente Farbe" wird ausgewählt. Per Klick in ausgewählt. Per Klick in den weißen ovalen Rand den weißen ovalen Rand wird die durchsichtig zu wird die durchsichtig zu machende Farbe machende Farbe ausgewählt. Im Dialog ausgewählt. Im Dialog "Farbe nach Transparenz "Farbe nach Transparenz ändern" muß nichts ändern" muß nichts eingestellt werden, da die eingestellt werden, da die Hintergrundfarbe einen Hintergrundfarbe einen einheitlichen Farbwert hat einheitlichen Farbwert hat der dann durchsichtig wird.der dann durchsichtig wird.

► Da sich die Da sich die Tranzparenzeinstellung an Tranzparenzeinstellung an Farbtönen orieniert, Farbtönen orieniert, können mehrere Farbtöne können mehrere Farbtöne über die Einstellung über die Einstellung FarbgleichheitFarbgleichheit (Schieberegler) als (Schieberegler) als Transparent behandelt, Transparent behandelt, zusammengefasst werden.zusammengefasst werden.

Tra

nsp

are

nte

Bild

er

Tra

nsp

are

nte

Bild

er

Transparente Bilder

21


Durchsichtige BilderDurchsichtige Bilder

► Die Transparenz Die Transparenz des ovalen Randes des ovalen Randes des des Ausgangsbildes ist Ausgangsbildes ist jetzt an dem jetzt an dem Kachelmuster des Kachelmuster des Hintergrundes zu Hintergrundes zu erkennen. erkennen.

Tra

nsp

are

nte

Bild

er

Tra

nsp

are

nte

Bild

er

Durchsichtige Bilder

22


AnimationAnimation

► Neben Animated Gif Neben Animated Gif (Schrift oben) findet (Schrift oben) findet man auch häufig man auch häufig Flash (von Flash (von Macromedia) als Basis Macromedia) als Basis für Animationen.für Animationen.

► Voraussetzung zum Voraussetzung zum Abspielen ist ein Abspielen ist ein Plugin, das gesondert Plugin, das gesondert geladen werden muß.geladen werden muß.

► Falls Ihr System nicht Falls Ihr System nicht über das Plugin über das Plugin verfügt, kann neben- verfügt, kann neben- stehende Animation stehende Animation nicht ablaufen…nicht ablaufen…

Animation

Anim

ati

on

Anim

ati

on

23


AbschlußtestAbschlußtestTest beginnen

Absc

hlu

ßte

stA

bsc

hlu

ßte

st

hans w. hofmann - [email protected] staatl. fachschule für lebensmitteltechnik kulmbach...

Documents