PhotoShop in Internet-Anwendungen

Größe: px
Ab Seite anzeigen:

Download "PhotoShop in Internet-Anwendungen"

Transkript

1 Photoshop in Internet-Anwendungen 1 PhotoShop in Internet-Anwendungen Wer im Internet Bilder, Hintergründe usw. braucht, muß mit Rastergrafiken umgehen können. Dieser Text zeigt einige Anwendungen anhand von Adobe Photoshop. Die Abbildungen stammen von Photoshop 5.5. Nicht alle Werkzeuge und Optionen sind in älteren Versionen vorhanden. Inhalt: Voreinstellungen im PhotoShop Datentyp des Bildes Bildgröße Qualität (Tonwert-Korrektur) Bilder in bestimmter Größe herstellen Farben Text Vorkenntnisse Rastergrafik, Pixel, Kennzahlen, Auflösung. Sie sollten wissen, was Rasterbilder sind, was Pixel, Größe im Druck und Auflösung sind und wie diese zusammenhängen. Datentypen digitaler Bilder, Kanäle. Sie sollten wissen, wie die Eigenschaften der Pixel codiert werden, was Bitebenen, Farbtiefe und Kanäle, RGB-Bilder und indizierte Farben sind. Datei-Formate. Sie sollten wissen, was ein Datei-Format ist, was GIF, TIFF, JPEG und Targa ist, welche Datentypen damit möglich sind. Welche Dateiformate können zusätzliche Kanäle transportieren? Wenn Sie damit Schwierigkeiten haben, sollten Sie z.b. in der RIO Multimedia-Dokumentation, dem Skript von Herrn Ruhstorfer (private Homepage Wolfgang Ruhstorfer RZ) oder anderen Quellen nachlesen. Das Rechenzentrum bietet auch einwöchige Grundlagen-Kurse ( Grundlagen der Computergrafik ), sowie semesterbegleitende Themenkurse an, die in zweistündigen Sitzungen abgeschlossene Einzelthemen vermitteln (Di,Mi,Do, ca ). Diese Kurse finden Sie im RKS. Grundsätzliches Farben: Man sollte immer bedenken, daß das Bild an einem völlig unbekannten Rechner angesehen wird. Am eigenen Arbeitsplatz hat man unter Umständen die neueste und beste Grafikkarte aller Zeiten, während ein anderer Betrachter nicht selten nur 256 Farben an seinem Bildschirm zu sehen bekommt. Sie sollten Ihr Werk gelegentlich auch so betrachten. Stellen Sie die Eigenschaften der Anzeige (rechter Mausklick auf dem Desktop) auf 256 Farben. Auflösung und Bildgröße: Browser geben einen Bildpunkt im Bild auf einen Bildpunkt am Bildschirm aus. Nur die Zahl der Pixel entscheidet somit über die Größe des Bildes am Bildschirm. Die Auflösungsangabe wäre nur relevant, wenn man das Bild drucken würde. Üblicherweise setzt man Auflösungen zwischen 75 und 100dpi. Dann würde das Bild etwa in Monitorgröße gedruckt. Vermeiden Sie unbedingt Skalierungen, v.a. Verkleinerungen, durch den Browser!! Dateigröße: Je nach Zahl der Pixel, Datentyp und Dateiformat entstehen Bilddateien zwischen wenigen KiloByte und vielen MegaByte. Denken Sie immer daran: An der Universität haben Sie ein schnelles Datennetz (bis zu 1 MegaByte pro Sekunde), währen ein Modembesitzer maximal 7 KiloByte pro Sekunde bekommt. Große Dateien verursachen Wartezeiten und Kosten. Bildschirmauflösung: Viele Laptops und Multimedia-Projektoren haben auch heute noch nur 800x600 Pixel. Überprüfen Sie Ihr Werk auch mit dieser Auflösung. Im Internet ist das oberste Ziel: Angemessene Qualität und Bildgröße bei kleinstmöglicher Dateigröße.

2 Photoshop in Internet-Anwendungen 2 Voreinstellungen Photoshop ist ein kalibrierbares Programm. Es versucht z.b., Druckausgaben möglichst realistisch am Bildschirm zu zeigen. Das ist im Fall von Internet-Anwendungen natürlich unerwünscht. Folgende Voreinstellungen sind zu beachten: Bildschirm-Darstellung: Photoshop versucht, etwas bestimmtes am Bildschirm zu zeigen. Es ist für Internet-Anwendungen sinnlos, die Ausgabe auf einem Drucker zu simulieren. Wir versuchen, die Ausgabe auf einem Bildschirm zu simulieren. Lineale und Maßeinheiten: Internet-Anwendungen arbeiten ausschließlich auf der Basis der Pixel. Die Größe im Druck und die Auflösung sind irrelevant. Es macht also keinen Sinn, Größen etwa in cm anzeigen zu lassen. Wir setzen die Maßeinheit auf Pixel. Datei: Farbeinstellungen: RGB einrichten (PS5.5): Ein Zielgamma von 2.2 entspricht den üblichen Bildschirmen. Bessere Monitore haben einen einstellbaren Weißpunkt. D65 entspricht Tageslicht. Die Primärfarben sind bei billigeren Monitoren meist nicht bekannt. Datei: Voreinstellungen: Maßeinheiten&Lineale Für Internet-Anwendungen ist ausschließlich die Zahl der Pixel maßgeblich. Man setzt daher die Maßeinheit der Lineale auf Pixel. Dann werden auch alle Informationen in Pixeln angegeben.

3 Photoshop in Internet-Anwendungen 3 Beispiel: Ein Bild aus der Werbung Ein Bild aus der Milch-Werbung: Saftige Wiesen, ein See, in dem sich Himmel und Natur spiegeln,... Datentyp Im Internet besteht das höchste Ziel darin, möglichst kleine Dateien zu erzeugen. Der Beitrag des Datentyps hierzu ist zunächst klar: Bilder mit indizierten Farben brauchen, bis auf den Platz für die Palette, (zunächst) 1/3 des Plattes von RGB-Bildern. Sie haben zwar nur max. 256 verschiedene Farben, dafür keine Kompressionsartefakte. Geschickt gewählte Farben (Paletten) können dazu führen, daß das Bild auch auf leistungsschwachen Rechnern gut aussieht. Farbbilder im RGB-Modus können 16 Millionen Farben darstellen, brauchen zunächst aber sehr viel Platz. Daher werden sie gerne komprimiert (JPEG), was zu Artefakten führen kann. Für manche ist daher die Sache klar: Internet=Indizierte Farben. Das ist schlichtweg falsch! Bei der Speicherung werden Kompressionsverfahren verwendet, deren Auswirkung erst nach dem Speichern beurteilt werden kann: GIFs werden manchmal unerwartet groß, JPEGs enthalten nicht selten Artefakte. Datentyp und Dateiformat beim Speichern müssen also zusammen betrachtet werden. Man kann ein paar Regeln aufstellen: Indizierte Farben verwendet man, wenn wenige Farben vorliegen und scharfe Kanten wichtig sind. Beispiel: Hardcopies von Bildschirmdialogen. Fotos sollte man immer auf beide Weisen versuchen: Wenn indizierte Farben ohne Dithern nicht möglich sind oder das Bild mit wenigen Farben nicht gut aussieht, ist häufig RGB und JPEG angesagt.

4 Photoshop in Internet-Anwendungen 4 Bild: Modus Im Modus-Menue stellt man den Datentyp des Bildes ein. Für das Internet kommen RGB oder Indizierte Farben in Frage. CMYK ist für Drucker. Übergang zu indizierten Farben Je mehr Farben ein Bild enthält, umso problematischer wird die Umwandlung. Vorher könnte man daher die Zahl der Farben im Bild reduzieren (Bild:Einstellen:Tontrennung). Je weniger, desto besser für s Internet: Die Palette wird kleiner, im Bild gibt es größere Bereiche in der selben Farbe, was die Komprimierung verbessert. Unter Bild:Modus:Indizierte Farben erscheint nebenstehender Dialog. Exakt steht für die Palette nur dann zur Verfügung, wenn das Bild weniger als 256 Farben enthält. Experimentieren Sie! Wenn das Bild zu große Artefakte bekommt (Farbflächen, wo keine sind, Punktwolken,..) sollten Sie es dann doch aufgeben und das RGB-Bild als JPEG abspeichern.

5 Photoshop in Internet-Anwendungen 5 Unser Bild im GIF-Format: Links mit der WEB-Palette ohne Dithern, rechts mit der WEB-Palette mit Diffusion Dithern. Überraschenderweise sieht unser Bild, wenn es richtig, in den Modus Indizierte Farben überführt wurde, kaum anders aus, als im RGB-Modus. Die Entscheidung fällt beim Speichern: Datei-Format Das Speichern hat für Internet-Anwendungen überragende Bedeutung. Ein und dasselbe Bild kann extrem unterschiedlich viel Platz beanspruchen. Dieser bedeutet bares Geld für den Anbieter und Benutzer. Derzeit sind 3 Dateiformate üblich: GIF, JPEG und PNG. GIF Datentyp: indizierte Farben Maximal 256 Farben in einer Palette Kompression mit run length encoding: Je größer die Bereiche mit der selben Farbe, je kleiner die Datei. Es wird empfohlen, vor der Speicherung eine Reduktion der Farben durchzuführen (Tontrennung). Keine Kompressionsartefakte. Interlaced GIF: Das Bild wird zeilenweise aufgebaut. Animated GIF: Eine Datei enthält mehrere Bilder, die vom Browser automatisch nacheinander abgespielt werden. So entsteht eine Art Endlosfilm. JPEG Datentyp: RGB-Echtfarben Nicht verlustfreie Kompression. Faktoren bis 1:100 möglich. Gefahr der Bildung von Artefakten: Bereiche mit sehr ähnlichen Farben werden zu Rechtecken gleicher Farbe. Diese können sehr groß und unübersehbar werden. Progressive Scan: Das Bild wird streifenweise aufgebaut. PNG Neues Dateiformat mit den Eigenschaften von GIF und JPEG ohne deren Nachteile. Wird leider nicht von allen Browsern unterstützt. Datentyp: Indizierte Farben oder RGB. Es kann vorkommen, daß ein und dasselbe Foto als GIF-Datei 300KB beansprucht, als ebenso gut aussehende JPEG-Datei dagegen nur 30kB! Fazit: Man muß es probieren. Keinesfalls ergeben Indizierte Farben und GIF pauschal das optimale Verfahren. Es hängt vom Inhalt ab. GIF-Export in PhotoShop 5.5 Das GIF-Format wird in Photoshop 5.5 nicht durch Speichern bzw. Kopie speichern erstellt, sondern durch einen Export-Filter. Datei:Exportieren:GIF89a exportieren.

6 Photoshop in Internet-Anwendungen 6 Links sehen Sie den Dialog für RGB-Bilder, rechts den Dialog für den Modus Indizierte Farben. Transparenz in GIF Man kann Transparenz entweder durch eine gespeicherte Auswahl oder durch Anklicken der gewünschten Bereiche erreichen. Hat man transparente Bereiche definiert, so werden diese in der Transparenz Austauschfarbe angezeigt. Diese kann man durch Klicken in dem Farbfeld ändern. Transparenz wird in GIF mit 1 Farbe, die vollständig transparent ist, erzeugt. Es gibt keine Übergänge! Alpha-Kanäle gibt es nur bei PNG. Wenn z.b. ein Bildausschnitt mit vielen Farben transparent sein soll, wird dieser auf 1 Farbe gebracht und diese als transparent erklärt. Analoges geschieht, wenn Sie mehr als 1 Transparenz-Farbe mit der Pipette wählen. In beiden Fällen wird der Bildinhalt verändert!! Trick: Wenn Sie weiche Übergänge brauchen, geht das nur zu einer homogenen Hintergrundfarbe. Wählen Sie in HTML und für den Bildhintergrund die selbe Farbe. Erzeugen Sie in Photoshop eine weiche Kante zum Hintergrund und definieren Sie die Hintergrundfarbe als transparent. JPEG in PhotoShop 5.5 JPEG wird durch die Kommandos Speichern bzw. Kopie speichern unter erzeugt. Man sollte unbedingt die Vorschau beachten bzw. nicht vergessen, das gespeicherte Bild zu öffnen und anzusehen. Je stärker man komprimiert ( kleine Datei ) und je mehr Bereiche mit sehr ähnlichen Farben das Bild hat, umso höher wird die Wahrscheinlichkeit unansehnlicher Artefakte.

7 Photoshop in Internet-Anwendungen 7 Zunächst gilt: Je kleiner die Datei, umso besser für die Ladezeit (Feld Größe). Leider wächst die Gefahr der Bildung von Artefakten (Vorschau). Mehrere Durchgänge (progressive scan) verbessert das Anzeigeverhalten des Bildes im Browser: Es wird zeilenweise aufgebaut und ist früher zu sehen. Bildgröße Raster-Bilder haben neben der Pixelmatrix auch 2 Kennzahlen: Die Auflösung (dpi) und die Größe im Druck. Für Textverarbeitungssysteme bestimmt die Größe im Druck die Größe des Bildes. Die Auflösung ist als Qualitätsmaß für die Frage zuständig, ob ausreichend viele Pixel vorhanden sind. In Internet-Anwendungen ist die Lage anders: Nur die Zahl der Pixel bestimmt die Größe des Bildes am Bildschirm. Für Internet-Anwendungen gibt es keine vordefinierte Größen. Man orientiert sich an den gängigen Auflösungen der Bildschirme: 640x480 Pixel 800x600 Pixel 1024x768 Pixel 1152x864 Pixel 1280x1024 Pixel Erschwerend kommt hinzu, daß diese Bildpunkte auf Monitore unterschiedlicher Größe ausgegeben werden. So kann man kaum vorhersagen, wie groß ein Bild tatsächlich zu sehen ist. Man kann es nur relativ zur Arbeitsfläche des Browsers definieren. Üblicherweise definiert man sich einen Standard-Bildschirm, derzeit meist 800x600 oder 1024x768 Pixel, und ein Layout seiner Seiten. In diesem ermittelt man experimentell passende Bildgrößen. Übliche Zahlen sind 800x x x240 Natürlich sind auch beliebige andere Größen möglich. Oft zeigt man zunächst ein kleines Bild (100x100) an, das als Link zu einem größeren führt. So sehen die Benutzer nur im Detail, was sie wirklich wollen. Man sollte sich zusätzlich überlegen, auf welchen Geräten das Werk halbwegs gut aussehen soll. Aktuelle Laptops und Multimedia-Projektoren in bezahlbaren Regionen haben meist 800x600 Pixel, während die allermeisten Bildschirme wohl auf 1024x768 Pixel stehen.

8 Photoshop in Internet-Anwendungen 8 Bild: Bildgröße: Nur, wenn unten Bild neu berechnen angewählt ist, kann oben die Zahl der Pixel verändert werden. Die Angaben des Blocks Ausgabegröße sind für Internet- Anwendungen ohne Bedeutung. Beachten Sie, daß Sie eine Skalierung durchführen und die Bildqualität verändern, wenn Sie die Pixelzahlen verändern! Wenn man die Proportionen nicht erhält, verzerrt man zusätzlich das Bild. Bilder in bestimmter Größe herstellen Bilder für Internet-Anwendungen sollten in der richtigen Größe (siehe Bildgröße) bereitgestellt werden, um Qualitätsverluste durch (unbeabsichtigte) Skalierungen und Beschneidungen zu vermeiden. Es gibt mehrere Wege, bei einer bestimmten Größe zu enden. Man sollte im Auge behalten, ob eine Skalierung (und damit ein Qualitätsverlust) erfolgt, ob etwas abgeschnitten wird usw. 1. Bildgröße Mit dem selben Dialog, mit dem man die Größe eines Bildes abfragen kann (s.o.), kann man auch eine neue Größe erzeugen, wenn Bild neuberechnen angewählt ist. Dieser Weg impliziert eine Skalierung und Interpolation der Pixel. Wenn man die Proportionen nicht erhält, verzerrt man das Bild. So landet man nur dann bei der exakten Bildgröße, wenn das Ausgangsbild das richtige Seitenverhältnis hatte. 2. Arbeitsfläche Eine Veränderung der Bildgröße ohne Skalierung (bzw. Verzerrung) bietet das Kommando Arbeitsfläche im Bild-Menue. Ist die neue Größe größer als die alte, wird in der Hintergrund- Farbe aufgefüllt, ist die neue Größe geringer, wird von dem ursprünglichen Bild abgeschnitten. Man schaltet die Einheiten auf Pixel und wählt unter Position, wo angestückelt bzw. abgeschnitten wird.

9 Photoshop in Internet-Anwendungen 9 Ist die neue Arbeitsfläche größer als die alte, wird in der Hintergrundfarbe, hier Schwarz, aufgefüllt. 3. Auswahl fester Größe Ist das aktuelle Bild etwas zu groß und/oder hat das falsche Seitenverhältnis, hilft eine Auswahl fester Größe und anschließendes Freistellen (Bild-Menue). Es wird nicht skaliert. 4. Cropping Tool mit fester Größe Will man aus einem beliebig großen Ausschnitt in der richtigen Größe enden, wählt man das Cropping Tool. Achtung: Es erfolgt praktisch immer eine Skalierung! Qualität (Tonwert-Korrektur) Der Datentyp ermöglicht zwar gute Bildqualität, bringt diese aber nicht zwangsläufig mit sich. Gute Bilder haben eine gute Helligkeit und guten Kontrast. Dies kann sehr einfach mit dem Tonwerthistogramm ermittelt werden, wenn man sich über den Bildtyp klar geworden ist (High Key, Low Key, Average Key). Average Key-Bilder haben z.b. ein gleichmäßiges Tonwerthistogramm über das gesamte Intervall. Das ideale Werkzeug für Fragen von Helligkeit und Kontrast, dem Verhältnis der Lichter, Mitteltöne und Tiefen zueinander (Gamma), ist die Tonwert-Korrektur: Man schiebt die schwarzen und weißen Dreiecke an das Histogramm heran bzw. ca. 5% hinein. Dieses Werkzeug kann auch umgekehrt betrieben werden, um Kontraste zu verringern und Bilder aufzuhellen oder abzudunkeln. So kann man sehr schön Bilder für Hintergründe basteln.

10 Photoshop in Internet-Anwendungen 10 Bild: Einstellen: Tonwertkorrektur: Dieses Werkzeug ist zur Verbesserung der Bildqualität und zur Erzeugung dezenter und unaufdringlicher Hintergründe gleichermaßen geeignet. Farben Farben sind im Internet sehr problematisch: Allgemeine Farben (Tertiärfarben) können nicht auf allen Bildschirmen angezeigt werden. In diesen Fällen werden sie mehr oder weniger gut approximiert, was praktisch immer zu Artefakten führt: Punktwolken, Mustern, Linien und Kanten, wo keine sind etc. Datentypen mit vielen Farben (RGB) erzeugen sehr große Datenmengen, die durch Kompression sekundär verringert werden. Hierdurch entstehen wiederum leicht Artefakte. Es gibt. sog. WEB-sichere, ditherfreie, Farben. Diese können auch auf Bildschirmen mit wenigen Farben (mindestens 256) ohne Approximation dargestellt werden. Pro Primärfarbe gibt es 6 Zustände (0, 51, 102, 153, 204, 255). Damit kann man 216 verschiedene Farben darstellen. Es verbleiben auch ausreichend viele Farben (40) für die Fenster, Menues usw. des Betriebssystems. Wenn man vorhat, das GIF-Format zu verwenden, sollte man die Zahl der Farben im Bild möglichst gering halten. Photoshop kann das mit dem Kommando Bild:Einstellung:Tontrennung. Der Farbwähler liefert viele schöne Farben und deren hexadezimale Notation (im Beispiel #D72121) für HTML. Auf Bildschirmen mit 256 Farben führen diese im allgemeinen Fall zu unvorhersagbaren Ergebnissen, da sie approximiert werden müssen.

11 Photoshop in Internet-Anwendungen 11 Weniger kann mehr sein: Die WEB-Farben können auch auf Bildschirmen mit nur 256 Farben sauber, d.h. ditherfrei, angezeigt werden. Vor allem für Hintergrundfarben ist es wesentlich, keine unerwünschten Muster durch Farbapproximation zu erhalten. Wie bekommt man nun Bilder mit WEB-tauglichen Farben: Abspeichern eines Bildes mit beliebigem Datentyp im GIF-Format. Man wird nach einer Palette gefragt und wählt eine WEB-taugliche. Die Qualität hängt vom Exportfilter ab. Die Zahl der Farben ist die große Frage. Man muß experimentieren. Man speichert die ganze Palette, auch ungenutzte Farben. Umwandeln eines Bildes im Modus RGB in den Modus indizierte Farben. Man bekommt mehrere Modi und Paletten angeboten und wählt eine WEB-taugliche. Man sollte versuchen, Dithern zu vermeiden. Wenn es zu schlechten Bildern führt, sollte man es lassen und im JPEG-Format speichern. Eine Kombination aus den beiden ersten: Man beginnt mit RGB, wandelt in indizierte Farben mit WEB-Palette, wandelt zurück nach RGB (hat also nur noch WEB-Farben im Bild), speichert im GIF- Format mit exakter Palette. So erhält man die kleinste Farbpalette: Es sind max. 216 Farben im Bild, in der Datei stehen nur die tatsächlich genutzten. Speichern im JPEG-Format hat nicht den gewünschten Effekt, da die Farben durch die Kompression verändert werden. Text Texte braucht man für Titel, Untertitel, Kommentare usw. Man muß einiges im Auge behalten: Lesbarer Text braucht einen Kontrast zum Hintergrund. Dies kann durch geeignete Farbwahl geschehen, Schlagschatten (siehe Effekte), vorbereitete Hintergründe mit wenig Kontrast (siehe Qualität (Tonwert-Korrektur)), Schildchen als Hintergrund (siehe Effekte).

12 Photoshop in Internet-Anwendungen 12 Das Text-Werkzeug von Photoshop erzeugt edierbare und verschiebbare flache ( zweidimensionale) Textobjekte. Antialiasing (Glätten) verbessert den Übergang zum Hintergrund. Effekte, wie Schlagschatten, räumliche Ausdehung (3D-Effekt) müssen anderweitig realisiert werden, wie etwa über Ebenen (s.u.). Text-Objekte kann man mit der rechten Maustaste anklicken und mit Effekten versehen (s.u.). Der Text Milch hat eine abgeflachte Kante mit Relief als Effekt bekommen. Der Text bleibt edierbar und verschiebbar. Der Effekt kann ebenso jederzeit geändert werden.

13 Photoshop in Internet-Anwendungen 13 Transparenz Es gibt derzeit nur zwei Dateiformate, die im Browser transparente Inhalte ermöglichen: GIF und PNG GIF kennt nur einen Grad an Transparenz: vollstängige Transparenz. PNG unterstützt Alpha-Kanäle: Für jedes Pixel können 256 Grade der Transparenz zwischen vollständig durchsichtig und vollständig undurchsichtig eingestellt werden. GIF kann nur eine einzige Farbe als transparent erklären: Wenn Bildbereiche mit vielen Farben transparent sein sollen, wird beim Speichern das Bild verändert! Effekte Photoshop 5.5 hat eine relativ unbekannte, aber sehr praktische Funktionalität: Die Einstellungsebene mit Effekten. Nebenstehendes Bild soll ein eingestanztes Schild erhalten. Innerhalb des Schildes soll der Hintergrund für Text optimiert werden. Wir starten mit einer Ebene und einer einfachen rechteckigen Auswahl, die zum Schild werden soll. Die Ebene wird mit der rechten Maustaste angeklickt. In dem Popup wird eine neue Einstellungsebene angelegt. Alles Folgende wirkt nur auf den ausgewählten Bereich. Wir wählen eine Tonwertkorrektur und verändern den Kontrast innerhalb der Auswahl wunschgemäß. Anschließend wird die Einstellungsebene mit der rechten Maustaste angeklickt und das Effekte- Kommando gegeben.

14 Photoshop in Internet-Anwendungen 14 Bei den Effekten steht ein Schlagschatten zur Verfügung. Man kann mehr als einen Effekt gleichzeitig anwenden. Für Schilder eignen sich Abgeflachte Kante und Relief in den verschiedenen Stilen sehr gut. Dies wurde aus der rechteckigen Auswahl nach Anwendung eines Reliefs an allen Kanten. Verschiebt man die Auswahl, verschiebt sich das Schild. Auch die Tonwertkorrektur kann jederzeit verändert werden.

15 Photoshop in Internet-Anwendungen 15 Weitere Infos Im Datennetz finden Sie, soweit vorhanden, Handbuch und Lehrgang: RIO\USER1:IOSERVER\DOKU\Photoshop\Training\contents.pdf RIO\USER1:IOSERVER\DOKU\Photoshop\Handbuch50LE Andere Tools können so Manches besser: Ulead Smartsaver Pro: Speichern und Optimieren in GIF, JPEG und PNG. Siehe Ulead PhotoImpact: 3D-Effekte, Schaltflächen

PhotoShop in Video-Anwendungen

PhotoShop in Video-Anwendungen 03.11.00 Photoshop in Video-Anwendungen 1 PhotoShop in Video-Anwendungen Wer in computerbasierten Video-Schnittsystemen Standbilder, Titel, Hintergründe usw. braucht, muß mit Rastergrafiken umgehen können.

Mehr

JPEG-Format GIF-Format PNG-Format

JPEG-Format GIF-Format PNG-Format Bauinformatik I: Bildbearbeitung -Pixelbilder- 07 VL B S.1 Thema: Bildbearbeitung -Pixelbilder- Datei-Formate "Die Bilderwelt teilt sich in zwei Lager": Pixel- und Vektorgrafik. Vektor-Formate Vektorgrafiken

Mehr

Schnellanleitung: Bilder für das Internet optimieren

Schnellanleitung: Bilder für das Internet optimieren Inhaltsverzeichnis Inhaltsverzeichnis... 1 Schnellanleitung: Bilder für das Internet optimieren... 1 Bilder für das Internet optimieren... 2 Auflösung bei Grafiken für Printmedien... 2 Auflösung bei Grafiken

Mehr

Gimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/

Gimp Kurzanleitung. Offizielle Gimp Seite: http://www.gimp.org/ Gimp Kurzanleitung Offizielle Gimp Seite: http://www.gimp.org/ Inhalt Seite 2 Seite 3-4 Seite 5-6 Seite 7 8 Seite 9 10 Seite 11-12 Ein Bild mit Gimp öffnen. Ein Bild mit Gimp verkleinern. Ein bearbeitetes

Mehr

Bildgröße und Auflösung

Bildgröße und Auflösung Bildgröße und Auflösung Pixelabmessungen und Druckbildauflösung Die Pixelabmessungen geben die Breite und Höhe eines Bildes in Pixeln an. Die Auflösung bezeichnet die Feinheit der Details in einem Bitmap-Bild.

Mehr

Photoshop fürs Web. PCC-Seminar Einheit 1 Mi., 11.1.2006

Photoshop fürs Web. PCC-Seminar Einheit 1 Mi., 11.1.2006 Photoshop fürs Web PCC-Seminar Einheit 1 Mi., 11.1.2006 Zusammenfassung Photoshop Grundlagen Bildbearbeitung Allgemein Begriffe Auflösung (dpi), Bildformat (jpeg, gif) und Farbmodell (RGB, CMYK). Programmoberfläche

Mehr

ImageReady. office@wofi.at www.wofi.at

ImageReady. office@wofi.at www.wofi.at ImageReady office@wofi.at www.wofi.at Inhaltsverzeichnis Inhaltsverzeichnis 0. EINLEITUNG...3 0.1. Was ist ImageReady?...3 0.2. So wechseln Sie zwischen ImageReady und Photoshop...3 0.3. Slices...3 0.3.1.

Mehr

Scannen / Bildbearbeitung

Scannen / Bildbearbeitung Scannen / Bildbearbeitung Stand: 25.10.05 Inhaltsverzeichnis 1. Allgemein... 2 1.1 Dateiformate... 2 2. Allgemeines zum Scannen... 2 3. Bilder an der Hochschule einscannen... 3 4. Bilder in Adobe Photoshop

Mehr

Bildbearbeitung Irfanview

Bildbearbeitung Irfanview Bildbearbeitung Irfanview Mit diesem Schulungs-Handbuch lernen Sie Bilder für das Internet zu bearbeiten mit dem Gratis-Programm IrfanView Version 1.2 Worldsoft AG 1. Kurzübersicht des Schulungs-Lehrgangs

Mehr

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb Die Komprimierung: Die Abkürzung JPG (oder auch JPEG) steht für "Joint Photographic Experts Group". Dieses Bildformat ist nach der Expertengruppe, die es erfunden hat, benannt. Die Komprimierung empfiehlt

Mehr

(Kurs B2 Grundlagen der Bildbearbeitung)

(Kurs B2 Grundlagen der Bildbearbeitung) Workshop Teil *Bildbearbeitung* (Kurs B2 Grundlagen der Bildbearbeitung) Grundeinstellungen am Computer Bildverwaltung, Bildbeschaffung Grafikformate mit vielen Übungen 11.02.2015-1 - Zum Geleit 11.02.2015-2

Mehr

WORKSHOP für das Programm XnView

WORKSHOP für das Programm XnView WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen

Mehr

Kamera/Speicherkarten

Kamera/Speicherkarten Verwendetes Programm: Artweaver Ein Gratisprogramm, dass von der Internetseite http://www.reisigl.tsn.at/artweaver/index.htm unter dem Punkt Download herunter geladen werden kann. Kamera/Speicherkarten

Mehr

Bildbearbeitung mit GIMP: Erste Schritte Eine kurze Anleitung optimiert für Version 2.6.10

Bildbearbeitung mit GIMP: Erste Schritte Eine kurze Anleitung optimiert für Version 2.6.10 Bildbearbeitung mit GIMP: Erste Schritte Eine kurze Anleitung optimiert für Version 2.6.10 Nando Stöcklin, PHBern, Institut für Medienbildung, www.phbern.ch 1 Einleitung Einfache Bildbearbeitungen wie

Mehr

Bilder und Grafiken für das WEB optimieren

Bilder und Grafiken für das WEB optimieren Bilder und Grafiken für das WEB optimieren Einführung Häufig werden für die Homepage gescannte Vorlagen oder Bilder von der Digitalkamera verwendet. Diese müssen zum Veröffentlichen im Web zuerst optimiert

Mehr

Komprimieren von Bildern

Komprimieren von Bildern Komprimieren von Bildern Weshalb komprimiert man Bilder? Internet-Browser können lediglich eine begrenzte Zahl von Bilddateien lesen: Dies sind die Formate.gif,.jpg und.png. Man kann Bilder jedoch in einer

Mehr

1In Dateiformat GIF konvertieren ß Ich gehe davon aus, dass Sie Corel Photo Paint. Corel Draw 9/10

1In Dateiformat GIF konvertieren ß Ich gehe davon aus, dass Sie Corel Photo Paint. Corel Draw 9/10 Fast jeder Corel Draw und Corel Photo Paint Anwender möchte früher oder später, die eine oder andere Grafik für eine Webseite gestalten. Eine der meistgestellten Fragen dabei ist, Wie beseitige ich den

Mehr

Gratis Bildbearbeitungsprogramm

Gratis Bildbearbeitungsprogramm Gratis Bildbearbeitungsprogramm Inhaltsverzeichnis Download... 2 Was ist Irfan View... 2 Sprache ändern... 2 Erweiterungen... 3 Menüleiste... 5 Ausschnitt aus einem Bild... 5 Rote Augen entfernen... 8

Mehr

Adobe PhotoShop 7.0. Bildbearbeitung mit. Jarka Arnold. PH Bern Institut Sekundarstufe I Studienfach Informatik

Adobe PhotoShop 7.0. Bildbearbeitung mit. Jarka Arnold. PH Bern Institut Sekundarstufe I Studienfach Informatik PH Bern Institut Sekundarstufe I Studienfach Informatik Bildbearbeitung mit Adobe PhotoShop 7.0 Inhalt 1. Einleitung 2. Bildausschnitt und Bildgrösse festlegen 3. Bild speichern 4. Farbmodus einstellen

Mehr

Digital Imaging Einführung

Digital Imaging Einführung Tutorium Digital Imaging Einführung 7./14. Juli 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Bilder bestehen aus Pixeln Die Maße eines Bildes bestimmen sich aus Breite x Höhe in Pixeln (Auflösung)

Mehr

Slices und Rollover für die Startseite einer Bildergalerie

Slices und Rollover für die Startseite einer Bildergalerie Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei

Mehr

376 6 Bilder und Grafiken für das Web

376 6 Bilder und Grafiken für das Web 376 6 Bilder und Grafiken für das Web Speichern Sie das Bild als paragraph-bg2.xcf in einem Arbeitsverzeichnis. Abb. 6.12 Das Kreuz im Mittelpunkt der Umfassung des Paragraphen- Zeichens dient zur Orientierung

Mehr

Digitale Bildverarbeitung (DBV)

Digitale Bildverarbeitung (DBV) Digitale Bildverarbeitung (DBV) Prof. Dr. Ing. Heinz Jürgen Przybilla Labor für Photogrammetrie Email: heinz juergen.przybilla@hs bochum.de Tel. 0234 32 10517 Sprechstunde: Montags 13 14 Uhr und nach Vereinbarung

Mehr

Bildbearbeitungssoftware:

Bildbearbeitungssoftware: Infos zu FDISK Kremser Straße 11 3910 Zwettl Telefax: 02822/54316 Homepage: www.bfk.zwettl.at E-Mail: webmaster@feuerwehr.zwettl.at Bearbeiter: VI Franz Bretterbauer Tel.: 0664/8461586 Datum: 20. Jänner

Mehr

Bilder zum Upload verkleinern

Bilder zum Upload verkleinern Seite 1 von 9 Bilder zum Upload verkleinern Teil 1: Maße der Bilder verändern Um Bilder in ihren Abmessungen zu verkleinern benutze ich die Freeware Irfan View. Die Software biete zwar noch einiges mehr

Mehr

Basiskompetenzen Medienbildung

Basiskompetenzen Medienbildung Basiskompetenzen Medienbildung www.lehre-phzh.ch/bkmb Lernobjekt Bild August 2015 4 Lernobjekt Bild Relevanz und Bezug Sei es für ein Arbeitsblatt, eine Präsentation, eine wissenschaftliche Arbeit oder

Mehr

GIMP WORKSHOP Handout Gimp

GIMP WORKSHOP Handout Gimp GIMP WORKSHOP Handout Gimp Workshop 1 Ziele des Workshops Was ist Gimp? Was kann ich mit Gimp machen? Wie erstelle ich ein Bild für Scribus? Wie erstelle ich eine Vektorgrafik für Scribus? Gimp Bedienung?

Mehr

Farbtiefe. Gängige Farbtiefen

Farbtiefe. Gängige Farbtiefen Farbtiefe Die Anzahl der darstellbaren Farben ist abhängig von den Farbabstufungen, die in einem Pixel gespeichert werden. Die Anzahl der darstellbaren Farbtöne wird als Farbtiefe bezeichnet. Die Farbtiefe

Mehr

BILDBEARBEITUNGSPROGRAMM IRFANVIEW

BILDBEARBEITUNGSPROGRAMM IRFANVIEW Anleitung BILDBEARBEITUNGSPROGRAMM IRFANVIEW 2012, netzpepper Alle Rechte vorbehalten. Nachdruck oder Vervielfältigung auch auszugsweise nur mit schriftlicher Genehmigung des Autors. Stand: 17.02.2012

Mehr

Let's talk Gimp 2.8 für Fortgeschrittene

Let's talk Gimp 2.8 für Fortgeschrittene Animationen sind Bilder, auf denen sich Bereiche bewegen. Wie ein Minifilm oder ein Daumenkino... Bestimmt hast du auch schon ein Daumenkino gebastelt - z.b. aus deinem Mathebuch. Während mein Lehrer die

Mehr

Arbeitsablauf (workflow) für digitale Fotos

Arbeitsablauf (workflow) für digitale Fotos Arbeitsablauf (workflow) für digitale Fotos Es werden die Arbeitsabläufe beschrieben, die grundsätzlich an allen Digitalfotos in der angegebenen Reihenfolge durchgeführt werden sollten, um eine Mindestqualität

Mehr

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression Digitale Bildverarbeitung Bildkompression Einleitung Datenmenge für ein unkomprimiertes Bild Verwendungszweck des Bildes Bild soll weiterverarbeitet werden Bild soll archiviert werden Bild soll per E-Mail

Mehr

Bildkorrekturen mit JPGIlluminator:

Bildkorrekturen mit JPGIlluminator: Bildkorrekturen mit JPGIlluminator: Mit diesem Programm können Sie gezielt die Lichter und Schatten eines Fotos beeinflussen. Häufig kommt es bei Digitalfotos vor, dass der Kontrastumfang des Bildes einfach

Mehr

Sitzung: Bilder für das WWW

Sitzung: Bilder für das WWW Sitzung: Bilder für das WWW 1. Grafikformate im WWW Im WWW lassen sich nur drei Dateiformate für pixelorientierte Grafiken verwenden, die von allen modernen Browsern angezeigt werden können: die Formate

Mehr

Photoshop CS6 Grundlagen. Inhalt

Photoshop CS6 Grundlagen. Inhalt Photoshop CS6 Grundlagen Inhalt Vorwort... I So benutzen Sie dieses Buch... II Inhalt... V Grundlagen der Bildbearbeitung... 1 Bildbearbeitung wer braucht denn so was?...1 Zielgruppen...2 Einsatzbereiche...2

Mehr

Graphiken und Bilder. Grundlagen

Graphiken und Bilder. Grundlagen Graphiken und Bilder Grundlagen Bilder und Graphiken Graphiken lassen sich auf geometrische Grundformen reduzieren Bilder sind vor allem photorealistische Abbildungen Datenformate für Bilder und Graphiken

Mehr

Im Original veränderbare Word-Dateien

Im Original veränderbare Word-Dateien Computergrafik Bilder, Grafiken, Zeichnungen etc., die mithilfe von Computern hergestellt oder bearbeitet werden, bezeichnet man allgemein als Computergrafiken. Früher wurde streng zwischen Computergrafik

Mehr

Viele Digitalbilder in einem Rutsch verkleinern (z.b. zur Verwendung in einer Präsentationsschau) Nachfolgend der Arbeitsvorgang:

Viele Digitalbilder in einem Rutsch verkleinern (z.b. zur Verwendung in einer Präsentationsschau) Nachfolgend der Arbeitsvorgang: Viele Digitalbilder in einem Rutsch verkleinern (z.b. zur Verwendung in einer Präsentationsschau) Digitalkameras liefern für bestimmte Zwecke (z.b. Präsentationsschauen) viel zu große Bilder z.b. 4032

Mehr

Irfan View - Seite 1 (von 5)

Irfan View - Seite 1 (von 5) Irfan View - Bildbearbeitung Das Programm ist Freeware. Die wichtigsten Operation der Bildbearbeitung lassen sich damit schnell und einfach durchführen. {Beschrieben hier: IrfanView 4.10 deutsch} 1. Speichern

Mehr

bildimport 1 5 InDesign cs6 Dateiformate

bildimport 1 5 InDesign cs6 Dateiformate 1 5 Dateiformate InDesign unterstützt zahlreiche Grafikformate; Bitmap-Formate (= zweidimensionales Rastergrafikformat) wie TIFF, GIF, JPEG und BMP sowie Vektorformate wie EPS. Darüber hinaus werden beispielsweise

Mehr

Arbeiten mit XnView. E:\Schmitt\Fortbildung XnView\Arbeiten mit XnView.doc

Arbeiten mit XnView. E:\Schmitt\Fortbildung XnView\Arbeiten mit XnView.doc Arbeiten mit XnView 1. Grundlagen 1.1 Installation 1.2 Starten 2. Arbeiten mit XnView 2.1 Die verschiedenen Modi 2.1.1 Der Bilderauswahl-Modus 2.1.2 Der Bearbeitungs-Modus 2.2 Menüpunkte im Überblick 3.

Mehr

Los geht s: Ein Bild für das Web optimieren

Los geht s: Ein Bild für das Web optimieren 3 Fireworks 4 (Nitty Gritty) ISBN: 3-8273-1791-6 Los geht s: Ein Bild für das Web optimieren Genug der Theorie. Lassen Sie uns mit einer einfachen Aufgabe starten, mit der Sie einige Grundfunktionen und

Mehr

Histogramm Mit dem Histogramm zu besseren Bildern?!

Histogramm Mit dem Histogramm zu besseren Bildern?! Seite 1 Mit dem zu besseren Bildern?! Eine Einführung in die funktion von Digitalkameras - 13. Eppsteiner Fototage - Seite 2 - Begriffserklärung - Ein (Säulendiagramm) ist die grafische Darstellung der

Mehr

Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt.

Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt. WS03/04 Digitale Bildformate / Sleegers / p.1 Digitale Bildformate Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt.

Mehr

Photoshop Elements 12. Inhalt

Photoshop Elements 12. Inhalt Photoshop Elements 12 Inhalt Vorwort... I So benutzen Sie dieses Buch... II Inhalt... V Grundlagen der Bildbearbeitung... 1 Es war einmal...1 Zielgruppen...2 Einsatzbereiche...2 Der Begriff Urheberrecht...4

Mehr

Pixel oder Vektor? Die Vor- und Nachteile der verschiedenen Dateiformate. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen

Pixel oder Vektor? Die Vor- und Nachteile der verschiedenen Dateiformate. Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen Die Vor- und Nachteile der verschiedenen Dateiformate Stand April 2016 Langner Marketing Unternehmensplanung Metzgerstraße 59 72764 Reutlingen T 0 71 21 / 2 03 89-0 F 0 71 21 / 2 03 89-20 www.langner-beratung.de

Mehr

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten Bildbearbeitung Bilder und Grafiken müssen für den Druck oder den Bildschirm unterschiedlich aufbereitet werden. Entscheidend ist dabei der Speicherbedarf und davon abhängig die Bildqualität. Ein Bild

Mehr

Photoshop 6.0.1 Abspeichern von Dokumenten...

Photoshop 6.0.1 Abspeichern von Dokumenten... VHS Reutlingen Visuelle Kommunikation - Grundlagen Computer 1/6 Photoshop 6.0.1 Abspeichern von Dokumenten... Menüleiste Datei Speichern/ Speichern unter.../ Für Web speichern... Das Photoshop - Format

Mehr

Bildbearbeitung für Photoshop Elements 13

Bildbearbeitung für Photoshop Elements 13 Serviceheft 25-1 Gemeindebrief Druckerei Bildbearbeitung für Photoshop Elements 13 www.gemeindebriefdruckerei.de Liebe GemeindebriefDruckerei-Kunden, dieses Heft soll Ihnen eine Hilfe beim einfachen und

Mehr

Digitale Fotografie und Bildbearbeitung. Susanne Weber 1. Auflage, Dezember 2013. mit Photoshop Elements 12 PE-DFBE12

Digitale Fotografie und Bildbearbeitung. Susanne Weber 1. Auflage, Dezember 2013. mit Photoshop Elements 12 PE-DFBE12 Susanne Weber 1. Auflage, Dezember 2013 Digitale Fotografie und Bildbearbeitung mit Photoshop Elements 12 PE-DFBE12 Den Fotoeditor kennenlernen 3 Das können Sie bereits»» eine digitale Kamera bedienen»»»

Mehr

Digitale Bilddateien

Digitale Bilddateien ARBEITSBLATT 1 Digitale Bilddateien Gängige Bildformate und deren Speicherbedarf Unkomprimierte Bilddateien Öffnen Sie in Photopaint die Datei beauty.tga! Beauty.tga ein virtueller Männertraum, generiert

Mehr

Digitalfotos retten & optimieren

Digitalfotos retten & optimieren Schnellanleitung Powerpack Digitalfotos retten & optimieren Angela Wulf DATA BECKER 2. Bilder nachträglich korrigieren Info Retuschieren von Verläufen Wenn Bildfehler in Bereichen liegen, die aus Verläufen,

Mehr

DATEIFORMATE 1 7 PHOTOSHOP CS6 DATEIFORMATE

DATEIFORMATE 1 7 PHOTOSHOP CS6 DATEIFORMATE 1 7 Photoshop-Dateien (.psd) Das Format PSD ist das Hausformat von Photoshop und unterstützt restlos alle Funktionen des Programmes. In PSD ist keine Datenkompression möglich. Was aber auch nicht notwendig

Mehr

Kurze Bedienungsanleitung für PAINTSHOPPRO 5

Kurze Bedienungsanleitung für PAINTSHOPPRO 5 Kurze Bedienungsanleitung für PAINTSHOPPRO 5 Grundeinstellungen Arbeitsverzeichnis einstellen Hotkey für Bildschirmfotografie festlegen Drucker einrichten Mit dem Windows Explorer unter Datei > Eigenschaften

Mehr

Grafikformate. Auflösung Farbtiefe Farbmodelle

Grafikformate. Auflösung Farbtiefe Farbmodelle Farblehre Grafikformate Auflösung Farbtiefe Farbmodelle Grafikformate 1. Auflösung Je höher die Auflösung umso besser das Bild. niedrig mittel hoch 09.03.2007 2 Auflösung 1cm 1cm 1 Pixel pro cm Auflösung

Mehr

ASVZweb_08/ Bildhilfe

ASVZweb_08/ Bildhilfe ASVZweb_08/ Bildhilfe Version 1 080908 David Trmal Die Bildhilfe soll dich bei der Auswahl und Erstellung von Bildern auf deinen Seiten unterstützen. Rechtliches Bezahle kostenpflichtige Bilder bevor du

Mehr

Einfache Bildbearbeitung in PictureProject

Einfache Bildbearbeitung in PictureProject Einfache Bildbearbeitung in PictureProject Die Bildbearbeitungsfunktionen von PictureProject Neben der Bilddatenbank-Funktion bietet die mit der D200 gelieferte Software PictureProject auch Bildbearbeitungsfunktionen,

Mehr

Polaroid DMC an DISKUS

Polaroid DMC an DISKUS Carl H. Hilgers Technisches Büro Hauptstraße 82 53693 Königswinter Tel.: 022 23-222 68 Fax: 022 23-275 94 E-Mail: hilgers@hilgers.com Polaroid DMC an DISKUS Die digitale Kamera von Polaroid hat einen SCSI-2

Mehr

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic Einleitung Graphic Interchange Format Joint Photographic Expert Group Portable Network Graphic scalabel Vector Graphic Fazit Übungsaufgabe Speichern Einleitung Das Web ist eines der wichtigsten Medien

Mehr

GIMP Objekte frei stellen

GIMP Objekte frei stellen GIMP Objekte frei stellen Tutorial Teil 2 Aller Anfang ist eine Auswahl Gimp bietet dir eine Reihe von Werkzeugen, die dir dabei helfen können, ein Objekt frei zu stellen. Welches Werkzeug das Beste ist,

Mehr

Bildbearbeitung für das Web

Bildbearbeitung für das Web Bildbearbeitung für das Web Das World Wide Web stellt gegenüber dem Druckbereich andere Anforderungen an die Bearbeitung von Bildern. Moderne Bildbearbeitungsprogramme wie Photoshop 5.5 kommen diesen Anforderungen

Mehr

Der Website-Generator

Der Website-Generator Der Website-Generator Der Website-Generator im Privatbereich gibt Ihnen die Möglichkeit, schnell eine eigene Website in einheitlichem Layout zu erstellen. In Klassen, Gruppen und Institutionen können auch

Mehr

EINLEITUNG. 1 Pixel Bild ist 8 Pixel hoch. Bild ist 8 Pixel breit

EINLEITUNG. 1 Pixel Bild ist 8 Pixel hoch. Bild ist 8 Pixel breit DIGITALE BILDER DIGITALE BILDER Unsere Fotos sind schön, künstlerisch, emotional. und zugleich nur nullen und einsen. Eben digital. Was das bedeutet und wie sie damit umgehen können, wollen wir ihnen in

Mehr

Leitfaden für Scan-Arbeiten

Leitfaden für Scan-Arbeiten Leitfaden für Scan-Arbeiten Begriffsbestimmung: High-End - Scan: Vorlagenformate von KB bis 13x18 Planfilm die Auflösung ist frei wählbar innerhalb der Auflösung des Scanners. Die Scans werden manuell

Mehr

Ich möchte eine Bildergalerie ins Internet stellen

Ich möchte eine Bildergalerie ins Internet stellen Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe

Mehr

Baustein 22. Klassenfahrt

Baustein 22. Klassenfahrt InformationsTechnische-Grundbildung Baustein 22 Klassenfahrt Eine Präsentation anlegen Verschiedene Layouts anwenden Seiten einfügen und gestalten Textrahmen mit Informationen füllen Bilder einfügen OLE-Tabellen

Mehr

Bildbearbeitung mit Gimp

Bildbearbeitung mit Gimp PH Bern Institut Sekundarstufe 1 Studienfach Informatik Bildbearbeitung mit Gimp Inhalt 1. Einleitung... 1 2. Bildgrösse festlegen... 1 3. Bild in verschiedenen Formaten speichern... 2 4. Bildausschnitt

Mehr

2. Einen Ring zeichnen Werkzeugleiste/ Zeichenwerkzeuge: Mit dem Kreiszeichner einen Kreis zeichnen; Im Listenfeld oben auf Kreis umstellen

2. Einen Ring zeichnen Werkzeugleiste/ Zeichenwerkzeuge: Mit dem Kreiszeichner einen Kreis zeichnen; Im Listenfeld oben auf Kreis umstellen 4 ÜBUNGEN Übung 1 : "Olympia" zeichnen Masken Transparenz Objekte Malen/Zeichnen Datei: Bearbeiten: Objekte: Zeichenwerkzeuge: Farben: Farbfüllung: Neu / Speichern unter Kopieren / Kopieren in / Einfügen

Mehr

Webdesign mit Photoshop 5

Webdesign mit Photoshop 5 Michael Baumgardt Webdesign mit Photoshop 5 Webgrafiken professionell gestalten mit Mac & PC ADDISON-WESLEY An imprint of Addison Wesley Longman, Inc. Bonn Reading, Massachusetts Menlo Park, California

Mehr

Adobe Photoshop. Seminare. Bereich: INHALTSVERZEICHNIS Der Arbeitsplatz Grundlagen Bildbearbeitung

Adobe Photoshop. Seminare. Bereich: INHALTSVERZEICHNIS Der Arbeitsplatz Grundlagen Bildbearbeitung Seminare Bereich: Adobe Photoshop INHALTSVERZEICHNIS Der Arbeitsplatz Grundlagen Bildbearbeitung 1 Was Sie vorher wissen sollten 1.1 Unterschiede zwischen Pixel- und Vektorgrafiken 1.2 Bilder digitalisieren

Mehr

The GIMP First Aid. Oberfläche. http://www.gimp.org

The GIMP First Aid. Oberfläche. http://www.gimp.org The GIMP First Aid http://www.gimp.org Oberfläche Gimp ist die freie Alternative zu Photoshop und Corel Photopaint. Allerdings ist die Benutzung gewöhnungsbedürftig. Gimp öffnet zuerst ein Fenster, das

Mehr

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player 9.2 Weitergeben Das Weitergeben und das Erstellen unterscheiden sich eigentlich nur wenig. Beim Erstellen liegt das Augenmerk mehr auf dem Ausdrucken, bei der Weitergabe handelt es sich eher um die elektronische

Mehr

Einführung. So funktioniert das virtuelle Druckstudio von

Einführung. So funktioniert das virtuelle Druckstudio von Einführung Jeder Bereich enthält mehrere Vorlagen, aus denen Sie Ihr Wunsch-Layout wählen können. Mit der Vorschau-Funktion haben Sie die Möglichkeit, die Vorlage mit Beispieldaten anzusehen. Mit dem Button

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DNN Version ab 5.0 w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 22.08.2011

Mehr

Bilder korrigieren. So sieht das ursprüngliche Bild aus: So sieht das Bild nach den Korrekturen aus:

Bilder korrigieren. So sieht das ursprüngliche Bild aus: So sieht das Bild nach den Korrekturen aus: Bilder korrigieren Willkommen bei Corel PHOTO-PAINT, der leistungsfähigen Anwendung zum Bearbeiten von Fotos und zum Erstellen von Bitmaps. In diesem Lernprogramm lernen Sie, wie Sie einfache Bildkorrekturen

Mehr

Kapitel 8 Text für eine Internetseite erstellen

Kapitel 8 Text für eine Internetseite erstellen Bilder und Schriften für das World Wide Web müssen anders produziert und aufbereitet werden als Bilder, die für die Ausgabe auf Ihrem Tintenstrahldrucker oder für die Weitergabe an eine Druckerei bestimmt

Mehr

PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN

PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN 1) Einführung in Photoshop Rebecca Rottensteiner, B.A. Photoshop Allgemein Dateiformate Design in Photoshop umsetzten Besprechung Konzepte Webschriftarten

Mehr

Powerpoint Übungen Workshop MS 2007

Powerpoint Übungen Workshop MS 2007 Powerpoint Übungen Workshop MS 2007 06. März 2009 Für Powerpoint - Präsentationen haben wir schon Kurse gegeben und heute wollen wir die Feinheiten üben. Powerpoint - Wettbewerb Präsentationen erstellen

Mehr

WIR SIND RUNDUM IHRE CENTRALSTATION FÜR DRUCK UND KOPIE

WIR SIND RUNDUM IHRE CENTRALSTATION FÜR DRUCK UND KOPIE Druckcheck CENTRALSTATION WIR SIND RUNDUM IHRE CENTRALSTATION FÜR DRUCK UND KOPIE Inhalt Druckcheck... 4 Checkliste für Ihre Druckdaten Checkliste für ihre Druckdateien 1. Farben Um Abweichungen in der

Mehr

BASIC MODE EXPERT MODUS. 1. Schritt: Bitte führen Sie einen USB-Stick in einen der Steckplätze auf der rechten Seite des Gerätes ein. 2.

BASIC MODE EXPERT MODUS. 1. Schritt: Bitte führen Sie einen USB-Stick in einen der Steckplätze auf der rechten Seite des Gerätes ein. 2. BASIC MODE Bitte führen Sie einen USB-Stick in einen der Steckplätze auf der rechten Seite des Gerätes ein. Positionieren Sie das Buch in der Mitte der Aufliegefläche. Durch Drehen der Schrauben kann für

Mehr

Auflösung was ist das?

Auflösung was ist das? 10.09.2015 1 Auflösung was ist das? 1. Auflösung digitaler Fotoapparate 2. Bildschirmauflösung 2.1 Bilder auf dem Monitor 2.2 Bilder auf dem Fernseher 2.3 Bilder für das Internet 3. Druckauflösung 4. Ändern

Mehr

Tutorial: Fotobuch gestalten und für die Ausgabe vorbereiten

Tutorial: Fotobuch gestalten und für die Ausgabe vorbereiten Tutorial: und für die Ausgabe vorbereiten Formulare mit ausgefeiltem Layout CD-ROM Die Beispieldatei finden Sie auf der CD-ROM im Ordner»Arbeitsdateien\ Tutorial\Fotobuch«. In den Zeiten der Digitalfotografie

Mehr

Farbchecker. Vorraussetzungen für optimale Farbkorrekturen

Farbchecker. Vorraussetzungen für optimale Farbkorrekturen Vorraussetzungen für optimale Farbkorrekturen Punkt für Punkt die Reihenfolge abarbeiten, wenn eine Frage mit Nein beantwortet werden muss, so sollte dann die jeweilige Korrektur durchgeführt werden. Wichtigste

Mehr

Druck- und Verlagshaus GmbH Hallesche Landstraße 111 06406 Bernburg. Datenanlieferung. Allgemeine Angaben

Druck- und Verlagshaus GmbH Hallesche Landstraße 111 06406 Bernburg. Datenanlieferung. Allgemeine Angaben Datenanlieferung Druck- und Verlagshaus GmbH Hallesche Landstraße 111 06406 Bernburg Telefon Ansprechpartner Datenanlieferung 03471 / 65201 12 Datenträger CD-ROM/DVD WIN/MAC E-Mail druck@aroprint.de Alle

Mehr

Bildbearbeitung mit Ulead PhotoImpact 6. PRIEL Aufbaukurs Baustein 2

Bildbearbeitung mit Ulead PhotoImpact 6. PRIEL Aufbaukurs Baustein 2 Bildbearbeitung mit Ulead PhotoImpact 6 Baustein 2 Grafikformate BMP GIF JPEG TIFF WMF Bitmaps sind nicht komprimiert, jedes Pixel wird dargestellt, daher speicherintensiv; nicht internettauglich. Bei

Mehr

Bilddateien. Für die Speicherung von Bilddaten existieren zwei grundsätzlich unterschiedliche Verfahren. Bilder können als

Bilddateien. Für die Speicherung von Bilddaten existieren zwei grundsätzlich unterschiedliche Verfahren. Bilder können als Computerdateien Alle Dateien auf dem Computer, egal ob nun Zeichen (Text), Bilder, Töne, Filme etc abgespeichert wurden, enthalten nur eine Folge von Binärdaten, also Nullen und Einsen. Damit die eigentliche

Mehr

Bildbearbeitung für BFV-Homepage mit IrfanView. IrfanView ist ein kostenloses Bildbearbeitungsprogramm. Einen geprüften Download finden Sie hier:

Bildbearbeitung für BFV-Homepage mit IrfanView. IrfanView ist ein kostenloses Bildbearbeitungsprogramm. Einen geprüften Download finden Sie hier: Bildbearbeitung für BFV-Homepage mit IrfanView IrfanView ist ein kostenloses Bildbearbeitungsprogramm. Einen geprüften Download finden Sie hier: http://www.chip.de/downloads/irfanview_12998187.html Um

Mehr

Grafikformate 1 Grafikformate 2 Grafikformate 3 Grafikformate 4 Grafikformate 5 Grafikformate 2 Lösungen: 1. Bild mit Hilfe eines Rasters von Punkten beschreiben Bitmap-Grafik 2. Bild in geometrische Objekte

Mehr

Advanced Rendering Interior Szene

Advanced Rendering Interior Szene Advanced Rendering Interior Szene in Cinema 4D 11-11.5 Als erstes, sollten Sie ihre Szene in Cinema 4D öffnen. vergewissern sie sich, ob alle Licht quellen die evtl. mit importiert wurden, aus der Szene

Mehr

Anleitung für das Content Management System

Anleitung für das Content Management System Homepage der Pfarre Maria Treu Anleitung für das Content Management System Teil 1 Bild- und Dateiupload Einleitung Bilder und Dateien sind mittlerweile zu einem unverzichtbaren Bestandteil moderner Homepages

Mehr

Web-fähige Grafiken erstellen. PRODUKT: CorelDRAW 8

Web-fähige Grafiken erstellen. PRODUKT: CorelDRAW 8 TITEL: Web-fähige Grafiken erstellen PRODUKT: CorelDRAW 8 Überblick Mit der Entstehung des World Wide Web/Internet entstand auch ein Bedarf an Grafiken, die sich schnell laden lassen und auf dem Bildschirm

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013

Mehr

Bildbearbeitung in digitalen Medien v 1.0 zusammengestellt aus der Hilfe für Photoshop 7.0

Bildbearbeitung in digitalen Medien v 1.0 zusammengestellt aus der Hilfe für Photoshop 7.0 Bildbearbeitung in digitalen Medien v 1.0 zusammengestellt aus der Hilfe für Photoshop 7.0 1. GRUNDLAGEN - THEORIE 1.1 Der Unterschied zwischen Vektor- und Pixelbilder Computergrafiken lassen sich in zwei

Mehr

Grafiken, Bilder, Buttons

Grafiken, Bilder, Buttons Grafiken, Bilder, Buttons Bei Bildern ist der Betrachter nur dann bereit, lange Wartezeiten in Kauf zu nehmen, wenn es Nackte oder Tote zu sehen gibt. aus dem Internet html selbst kennt keine Befehle zum

Mehr

Bilder und Fotos bearbeiten mit Paint Shop Pro 8

Bilder und Fotos bearbeiten mit Paint Shop Pro 8 2008 AGI-Information Management Consultants May be used for personal purporses only or by libraries associated to dandelon.com network. Bilder und Fotos bearbeiten mit Paint Shop Pro 8 Thomas Becker Inhaltsverzeichnis

Mehr

Fotos für DVF Wettbewerbe umrechnen

Fotos für DVF Wettbewerbe umrechnen Fotos für DVF Wettbewerbe umrechnen Aufgrund vieler Nachfragen wie ein digitales Foto für einen DVF Wettbewerb richtig vorbereitet wird, möchten wir Ihnen eine kurze Anleitung geben, wie dies am schnellsten

Mehr

PhotoScape Tutorial. Bildbearbeitung Gif-Animator Stapelverarbeitung Albumseite. powered by Kreisjugendserver PM

PhotoScape Tutorial. Bildbearbeitung Gif-Animator Stapelverarbeitung Albumseite. powered by Kreisjugendserver PM PhotoScape Tutorial Bildbearbeitung Gif-Animator Stapelverarbeitung Albumseite powered by Kreisjugendserver PM PhotoScape Fotos mit wenigen Klicks bearbeiten PhotoScape startet stets mit der gleichen Oberfläche.

Mehr

Riot kann beides, sowohl Skalieren, als auch die Dateigröße verkleinern, sehr gut. Sie finden

Riot kann beides, sowohl Skalieren, als auch die Dateigröße verkleinern, sehr gut. Sie finden Bilder mit Riot in der Datei- und/oder Bildgröße verkleinern: Moderne Digicams fotografieren meist mit hoher Pixelzahl, also z. B. 12 Megapixel, das ist eine Größe von 4000 x 3000 Pixel Größe. Druckt man

Mehr

Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz

Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz Diese Anleitung soll als Kurzreferenz und Schnellanleitung dienen um einfach und schnell Berichte auf der Homepage www.dav-koblenz.de

Mehr

Webaufbereitung von Schwarzweiß-Negativen

Webaufbereitung von Schwarzweiß-Negativen Inhalt 1. Generelle Hinweise...2 2. Scannen...2 3. Speichern des Rohscans...2 4. Staubentfernung...3 5. Tonwertkorrektur...3 6. Gradationseinstellung...3 7. Tonung...4 8. Verkleinerung...5 9. Nachschärfen

Mehr