Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Bildbearbeitung Nicolas Ruh. Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln (Durchzählen, meist von links oben nach rechts.

Ähnliche Präsentationen


Präsentation zum Thema: "Bildbearbeitung Nicolas Ruh. Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln (Durchzählen, meist von links oben nach rechts."—  Präsentation transkript:

1 Bildbearbeitung Nicolas Ruh

2

3

4

5

6

7

8 Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln (Durchzählen, meist von links oben nach rechts unten) Die Farbe jedes Pixels wird als Zahlenwert angegeben Für Farbbilder gibt es je eine Zahl pro Kanal (z.B. RGB = rot, grün, blau) Die Farbtiefe beschreibt, wie viele verschiedene Farben einem Pixel zugeordnet werden können Ein Bild besteht aus geometrischen Objekten (z.B. Linie, Kreis, Quadrat), allgemeiner: Kurven Art des Objekts und benötigte Parameter werden als Text gespeichert Der Computer berechnet das Bild aus diesen Angaben und kann es dann zeichnen/anzeigen

9 Höhe: 11 Pixel Breite: 11 Pixel Pro Pixel 1 Bit 1 = weiss 0 = schwarz 11111111111 11111011111 11110001111 11100000111 11000000011 10000000001 11000000011 11011011011 11011011011 11000011011 11000011011 Rastergrafik

10 Was zeigt dieses 6x6 Pixel grosse Bild? 001100001100111111111111001100001100 001100 001100 111111 111111 001100 001100 Höhe: 6 Pixel Breite: 6 Pixel Pro Pixel 1 Bit 1 = weiss 0 = schwarz

11 001100001 111 001100001 Rastergrafik mit Farben Was zeigt dieses 3x3 Pixel grosse Bild? 001100001100111111111111001100001100 001100001 111 001100001 Höhe: 3 Pixel Breite: 3 Pixel Pro Pixel 3 Bit (RGB) _ _ _

12 Farben im Binärsystem Eine bestimmte Farbe bekommt man durch die Mischung von Grundfarben, meist R ot G rün B lau Für jede Farbe gibt es einen Wert, meist benutzt man 8 Bit/1Byte pro Farbkanal jede Farbe hat einen Wert zwischen 0 und 255 (binär: 0000000 bis 11111111; hexadezimal: 00 bis FF) also 24 Bit pro Farbe, d.h. 2 24 (>16.7 Mio) Farben Beispiele: 111111110000000000000000 = FF0000 = 25500 = reines Rot 000011110000111100001111 = 808080 = 127127127 = Grau -------- -------- --------

13 Auflösung hängt davon ab, auf wie viel Fläche die vorhandenen Pixel verteilt werden Dpi (dots per inch) 1 inch = 1 zoll = 2,54 cm Z.B.: 10 x 10 Pixel auf 2,54 x 2,54 cm Auflösung = 10 dpi Wenn die Auflösung zu niedrig ist für das Ausgabemedium, werden Pixel dazu erfunden unscharf

14 Auflösung: Ein Bild wirkt einigermassen scharf bei am Bildschirm: 72 - 150 dpi ausgedruckt: 200 - 600 dpi zum Drucken ist also eine ca. 4 mal höhere Auflösung erforderlich!

15 Rastergrafiken.bmp (Windows, unkomprimiert).jpg (kompr. mit Farbverläufen, Photos).gif (kompr. mir reduzierten Farben, Web).png (kompr. mit allen Tricks, neu)

16 Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln (Durchzählen, meist von links oben nach rechts unten) Die Farbe jedes Pixels wird als Zahlenwert angegeben Für Farbbilder gibt es je eine Zahl pro Kanal (z.B. RGB = rot, grün, blau) Die Farbtiefe beschreibt, wie viele verschiedene Farben einem Pixel zugeordnet werden können Ein Bild besteht aus geometrischen Objekten (z.B. Linie, Kreis, Quadrat), allgemeiner: Kurven Art des Objekts und benötigte Parameter werden als Text gespeichert Der Computer berechnet das Bild aus diesen Angaben und kann es dann zeichnen/anzeigen

17 Wie viel Information ist nötig? Anfangs- und Endpunkt definieren die Linie eindeutig Mittelpunkt und Radius definieren den Kreis eindeutig Die Eckpunkte definieren das Polygon eindeutig

18 Vektorgrafik Mit allgemeinen Kurven (z.B. Bezier Kurven) und noch mehr Parametern kann man jede beliebige Form berechen kann zu extrem geringen Dateigrössen führen Vektorgrafiken sind beliebig skalierbar 26 Kb

19

20 Reine Vektorgrafikformate Sind nicht weit verbreitet, meist proprietär Ausnahme: SVG (scalable vector graphics) Benutzt werden Vektorgrafiken aber oft in Kombination, z.B. einzelne Ebenen in Photoshop, Pixlr,... Zeichnungen in Word oder Powerpoint in Druckformaten (PDF, EPS)

21 Was zeigt Rätsel.svg? { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://images.slideplayer.org/3/1273701/slides/slide_21.jpg", "name": "Was zeigt Rätsel.svg.", "description": ".", "width": "800" } Was zeigt Rätsel.svg.

22 Rätsel.svg

23 Vektorgrafiken.svg (Browser).ai (Adobe Illustrator).eps/.pdf (Druckerformate, teilweise VG).wmf/.emf (Microsoft Programme)


Herunterladen ppt "Bildbearbeitung Nicolas Ruh. Grundideen Rastergrafik Vektorgrafik Ein Bild besteht aus Pixeln (Durchzählen, meist von links oben nach rechts."

Ähnliche Präsentationen


Google-Anzeigen