Tipps. Tipp 1: Gleich große Bilder herstellen

Ähnliche Dokumente
Einführung. Bildbearbeitung

Auswahl Werkzeuge Werkzeuge, Toolbox. Auswahl-Ellipsen-Werkzeug. Auswahl-Ellipse. Auswahl-Rechteck, -Ellipse

Kurze Bedienungsanleitung für GIMP. Vorhaben Verfahren Symbol. Fenster >Einzelfenster-Modus. Fenster > Andockbare Dialoge > Werkzeugeinstellungen

BIJ-V Photoshop Workshop, Teil 1 Bild öffnen, Voreinstellungen, einfache Bildretusche Trainer: Andreas Moser, amodesign

Bildbearbeitung mit Gimp

Ein Passepartout mit Schnittmaske im Photoshop Elements erstellen

Bild verkleinern und zuschneiden, so dass es zu einer Briefmarke mit der exakten Größe 80x55 Pixel wird

ASVZweb_08/ Bildhilfe

Im Feld Name geben Sie ein: nav_button.

PHOTOSHOP KUNST UNTERRICHTEN KUNST

Linux-Camp: Multimedia I

Das mittlere Fenster wird Bildfenster genannt. Links befindet sich der Werkzeugkasten.

neue dokumente anlegen Menüleiste: Datei > Neu Kurzbefehl: cmd + N

Eine Handschrift vektorisieren

Adobe Photoshop Elements 8.0. Teil 2. Ebenen, Korrekturen, Ausschneiden, Einfügen - Fotomontage

Photoshop First Aid. Oberfläche

Lernen Sie die Werkzeuge und Methoden zum Erstellen und Bearbeiten einer Auswahl kennen.

D O K U M E N T R I C H T I G A N L E G E N

Inhalt Menüs und Werkzeuge... 2

Ebenen und Transparenz

Publizieren auf dem NiBiS. Bildbearbeitung mit XnView. Information, Download und Voraussetzungen

Die Werkzeugpalette in der Gesamtansicht. Index

Arbeiten mit Auswahlwerkzeugen

Einführung Photoshop I. DI (FH) Dr. Alexander Berzler

Bildbearbeitung mit Adobe Photoshop Elements 2.0

VHS-Kurs Homepage Tutorial zum Kursnachmittag 1, Bilder für Homepage skalieren mit GIMP

TIPPS UND TRICKS Beim Erstellen von Abbildungen

Inhalte aus der Schulung in GIMP

Bildteile aus Bildern in ein anderes Bild kopieren (mit Bildebenen arbeiten):

Fussballbilder Anleitung

Eine Grußkarte zum Einfügen in eine entwerfen

FOTOS FÜR DAS INTERNET AUFBEREITEN

Beleuchtete Kugel 1. Werkeinstellungen

Bildbearbeitung. 1 Ausgangslage Bildgrösse ändern Endergebnis Nachtrag...6

Hands on! Ein Button

Handbuch zum VivaWeb-Serienbrief-Programm

Bilder via Photoshop fürs Web optimieren

Willkommen an Ihrem persönlichen Redaktionsplatz.

JPEG-Format GIF-Format PNG-Format

Tipp: Collagen erstellen

Kurze Anleitung für das Bilder- Bearbeitungsprogramm GIMP

3.4 Transparente Gegenstände freistellen

1. links der Werkzeugkasten 2. in der Mitte das Hauptfenster inkl. Menü oben und 3. rechts die Funktionen wie z.b. Ebenen, Pfade, Rückgängig

Optische Täuschungen 1. Teil

Bilder im Webformat. Bilder öffnen

Im Original veränderbare Word-Dateien

Grafiken in WORD importieren

Es gibt mehrere Möglichkeiten, Bilder oder Tuben zu verkleinern, bzw. sie zu vergrößern. Einige davon lernst Du hier kennen.

Bilder fürs Web bearbeiten Ein gutes Foto ist ein Foto, auf das man länger als eine Sekunde schaut. Henri Cartier-Bresson

Karten von data2map selbst ergänzen und an eigene Erfordernisse anpassen.

Photoshop - Tutorials Lektion - Bildgröße ändern

[BILDMONTAGE] Tourismusschulen Bludenz. Ernst Friedrich

I Stapelverarbeitung anlegen

Übung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider

Tutorial zur Erstellung einer aufwendigen, Signatur mit Adobe Photoshop in Crystal Style.

GIMP GNU Image Manipulation Program

Willkommen im DANATO Online-Konfigurator

Individuelles Fotobuch

Auswahlwerkzeuge. Auswahl Werkzeuge: Bereichsauswahl, Wasserzeichen Auswahl-Rechteck weiche Kante Zauberstab. Schnellauswahlwerkzeug

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

1 Erste Schritte in 3D (Photoshop Extended)

Dokumentation Gimp - Bildbearbeitung. Dokumentation Gimp

Formen einfügen => In der Werkzeugleiste das Formenwerkzeug auswählen oder Taste U. (1) Schrift einfügen

PRAXIS. Fotos verwalten, bearbeiten und aufpeppen. bhv. Ganz einfach und kostenlos im Web. Picasa. Google

Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid. Übung zur Vorlesung

WM01 - DEMO - ECDL Image Editing

EBV mit Paint.NET. Über Datei Öffnen gelangen Sie an die zu öffnenden Bilder, die Sie im folgenden Öffnen- Dialog auswählen können.

Grundlagen der Bildbearbeitung

1. Maske erstellen Zunächst müssen Sie den Bildteil, der frei gestellt werden soll, maskieren.

Kleine Einführung in GIMP Zuschneiden eines Bildes

Scanner. Gerätetypen und deren Anwendung

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

16. März Kommunikation der Universität Basel. Das digitale Bild. Bildaufbau Bildformate. Matthias Geering, Sprache & Kommunikation 1

Digitale Fotografie und Bildbearbeitung. Susanne Weber 1. Ausgabe, 1. Aktualisierung, Februar mit Photoshop Elements 9 PE-DFBE90

Digitale Fotografie und Bildbearbeitung. Susanne Weber 1. Ausgabe, 2. Aktualisierung, November mit Photoshop Elements 9 PE-DFBE90

Comic Life 3.x. Fortbildung zum Mediencurriculum

Netzolympiade Anleitung zur Chataktion am 7.5.

Basics. Ebenen Zoomen Navigator Statusleiste Schnappschuss Tastenkombinationen Datei Informationen Vorder- und Hintergrundfarbe.

Bildgrösse Millionen Farben. Breite in Pixel Höhe in Pixel Farbtiefe in Bit : 8 = Bildgrösse in Byte

Bildbereiche auswählen Lasso-Auswahl

7. Die besten Methoden, um Sightseeing- und Naturbilder zu perfektionieren

Powerpoint Übungen Workshop MS 2003

Die Fotoanzeige der Fotogalerie von Windows Live 2009

Zunächst müssen wir einige Überlegungen anstellen bevor wir mit der eigentlichen Arbeit beginnen.

Ausmalbilder. Anmerkung: Die Anleitung ist optimiert für Microsoft Word 13 und Paint unter Windows 8.1.

Photoshop Tutorial Boot. In diesem Tutorial pfaden wir uns ein Boot und erstellen und ein Muster was wir für das Segel benötigen.

Tutorial MapCollection

Tutorial MapCollection

Videobearbeitung mit Shotcut

Photoshop Elements 5.0 kennen lernen

Über: Datei Neu Dokument einrichten, abspeichern als.indd

3.12 Arbeitsschritte werden nun bei allen Folien angewendet. Somit ist am Schluss jede Folie mit einer anderen verlinkt.

Die Website der Pressglas-Korrespondenz und Adobe Reader, Version 9.1

1 Erste Schritte in 3D (Photoshop Extended)

Gimp - Cartoons. Bild zum "Cartoon" umformen. Gimp - Cartoons. [Bild: Cartoon01]

Erstellung von Bildern, OID-Mustern und Ausdruck

Computer Schulung Explorer

CorelDRAW X7 Ansichten

Transkript:

Tipps Tipp 1: Gleich große Bilder herstellen Braucht man mehrere gleich große Bilder (gleich breit, gleich hoch), ist das Freistellwerkzeug das richtige Werkzeug. Damit können nicht nur gleich große Bilder gemacht werden, sondern auch gleich die gleiche Auflösung eingestellt werden (braucht man bei Montagen) und von einem Foto ein Ausschnitt genommen werden. Vorgangsweise 1. 2. 3. 4. Freistellwerkzeug auswählen Liste der Voreinstellungen öffnen Menüpunkt Größe und Auflösung auswählen Werte eintragen (Achtung: Pixel/Zoll) eventuell Als Freistellungsvorgabe speichern aktivieren und mit OK bestätigen 5. Auswahlrahmen in gewünschte Größe und an richtige Position bringen mit Enter Freistellen durchführen und das Bild speichern

Braucht man die gleich großen Bilder für das Internet/zum Ansehen nur am Bildschirm, kann auf das Einstellen der

Auflösung verzichtet werden. Vorgangsweise Aktivieren des Freistellwerkzeugs Einstellen von Breite und Höhe in Pixeln (nicht vergessen, px zu den Werten scheiben) Tipp 2: Ordnung ist zwar kein Wert an sich erleichtert die Arbeit aber ungemein Bei vielen Projekten empfiehlt sich folgende Ordnerstruktur: weihnachtskarte \ materialien \ ertl Abgabe) (Projektname \ Ordner für alle Rohmaterialien) (Nachname, für die fertige Arbeit, mit allen Teilen der Arbeit, für die Tipp 3: Arbeiten mit Ebenen Wenn Bilder platziert werden oder Text eingefügt wird, entstehen Ebenen. Soll etwas bearbeitet werden, ist zu achten, dass die richtige Ebene markiert (durch anklicken) ist. Muss z. B. Text verändert werden, muss die entsprechende Ebene ausgewählt werden, dann kann der Text bearbeitet werden.

Die oberste Ebene in der Liste ist im Bild ganz vorne, die unterste ganz hinten (hier Beste Geister und Ghosts, das große Hintergrundbild ist hier Hintergrund ). Ein Hintergrund kann nur ganz unten in der Liste, also im Bild ganz hinter sein. Ein Hintergrund kann aber duch Doppelklick auf Hintergrund in eine Ebene umgewandelt werden. Siehe auch: Regeln und Vorgehensweisen für Montagen mit Photoshop Beschneiden und Freistellen mit Photoshop Beschneiden mit dem Auswahlrechteck Es gibt drei Arten, das Auswahlrechteck zu verwenden Normal: ein Bereich des Bildes kann ohne Einschränkungen ausgewählt werden Festes Seitenverhältnis: z. B. 3 : 2 Feste Größe: z. B. 800 x 600 px, nur der Bereich, der gewünscht wird, kann ausgewählt werden Vorgehensweise Gewünschte Art des Auswahlrechteck-Werkzeugs festlegen Mit gehaltener linker Maustaste Rahmen aufziehen und so den Bereich festlegen, der ausgewählt werden soll Auswahlrahmen ev. verschieben oder Auswahl ganz aufheben (Strg + D, oder neben den Rahmen Klicken) und neu aufziehen Menü: Bild/Freistellen Beispiele beliebigen Ausschnitt auswählen, Freistellen Ausschnitt mit 6 : 4 freistellen

Ausschnitt 400 X 300 px freistellen Die Bildgröße wird bei allen drei Beispielen (und immer) verringert (Pixelmaße), die Auflösung (ppi) bleibt unangetastet. Mit dem Auswahlrechteck kann dem Bild eine weiche Kante gegeben werden Vorgangsweise Rahmen wie gewünscht aufziehen In der Einstellungsleiste zum Rechteckauswahl-Werkzeug weiche Kante auf gewünschte Stärke eintragen, z. B. 12 px Menü: Bild/Freistellen Menü: Auswahl/Auswahl umkehren Im Ebenenfenster: Doppelklick auf Hintergrund (dadurch wird derhintergrund wird in eine Ebene umgewandelt) (Sollte das Ebenen-Fenster geschlossen sein: Menü: Fenster/Ebenen) Entfernen-Taste Ein rundes Bild Ein Bild ist immer rechteckig oder quadratisch. Um dennoch quasi ein rundes oder ovales Bild zu erhalten, wird es mit der Auswahlellipse beschnitten: Vorgangsweise In der Werkzeugleiste durch Gedrückthalten der linken Maustaste auf das Auswahlrechteck-Werkzeug das Auswahlellipsen-Werkzeug auswählen die Art (Normal, festes Seitenverhältnis, feste Größe) auswählen Normal: für Ellipse, mit gehaltener Umschalt-Taste für Kreis festes Seitenverhältnis: 1 : 1 ergibt auch einen Kreis, 2 : 1 eine Ellipse feste Größe: erlaubt wieder Kreis und Ellipse Rahmen aufziehen Hintergrund in eine Ebene umwandeln Auswahl umkehren Entfernen-Taste Die karierte Fläche, die auch schon beim Bild mit dem weichen Rand zu sehen war, zeigt transparente (durchsichtige) Bildbereiche an. Diese Bereiche sind zwar nicht sichtbar, gehören aber weiterhin zum Bild, sodass es rechteckig bleibt. Freistellen mit dem Freistellungswerkzeug Mit dem Freistellungswerkzeug können in einem Schritt die Auswahl eines Bildbereiches die Auflösung die Bildgröße geändert werden. Es ist daher meist das bessere Werkzeug. Vorgehensweise Freistellungswerkzeug aktivieren

Breite, Höhe und ev. Auflösung festlegen (bei Bildern für das Web braucht die Auflösung nicht eingestellt zu werden, da der Monitor das Bild immer in seiner Auflösung darstellt) Rahmen wie gewünscht aufziehen mit Eingabetaste/Doppelklick Bild beschneiden Beispiel: Bildbreite: 333 px, Höhe: 500 px Achtung! Es muss darauf geachtet werden, dass der Bildausschnitt, der gewählt wird, nicht vergrößert wird (Bildqualität). Das digitale Bild Pixelbilder In der EDV werden Pixelbilder und Vektorgrafiken verwendet. Pixelbilder sind digitalisierte Bilder, die von einer auswärtigen Quelle in den Computer übertragen werden. Vektorgrafiken werden im Computer selbst erzeugt. Pixel sind die kleinste Einheit eines Bildes. Das Wort Pixel setzt sich aus Picture und element zusammen. Die unterschiedlich gefärbten Pixel erzeugen die Objekte eines Bildes. Die einzelnen Pixel sind so klein und eng zusammen, dass das menschliche Auge die einzelnen Pixel und das Aliasing nicht erkennen kann (Aliasing: der Treppeneffekt, der bei der Aneinanderreihung von Pixeln entsteht). Das einzelne Pixel enthält die benötigten Informationen bezüglich seiner Farbe und Position innerhalb des Bildes. Jedes Pixel beansprucht einen bestimmten Speicherplatz, der von der Anzahl der möglichen Farben eines Bildes abhängt. Ein Pixel in einem Schwarz-Weiß-Bild benötigt nur ein Bit Speicher, während ein Pixel in einem Graustufen-Bild mit 256 Grautönen bereits 8 Bit benötigt. Speicherbedarf: Größe des Bildes 1600 1200 Pixel Farbtiefe 24 Bit Speicherbedarf 1200x1600x24 = 4608000 Bit (= 5,5 MB) Die quadratischen Pixel sind befinden sich in einem rechteckigen Gitternetz (Bitmap, Raster). Jedes Pixel hat eine bestimmte Stelle im Raster und einen bestimmten Farbwert.

Bildgröße (Pixelmaß)

Pixelbilder bestehen aus einer großen Anzahl einzelner Bildpunkte (Pixel). Das Pixelmaß eines Bildes gibt an, wieviele Pixel in einer Zeile und wieviele Pixel in einer Spalte vorhanden sind. Ein Bild ist z. B. 800 Pixel (px) breit und 600 px hoch. Pixelanzahl einer Zeile mal Pixelanzahl einer Spalte ergibt die Gesamtanzahl der Pixel eines Bildes. 800 px mal 600 px = 480.000 px Dokumentgröße Die Dokumentgröße gibt die Größe in Zentimetern (Millimetern, ) eines Bildes bei einer bestimmten Auflösung an. Sie entspricht der Druckgröße. Auflösung

Die Auflösung gibt an, wieviele Pixel per inch (ppi) vorhanden sind. Bei einer Auflösung von 150 ppi sind auf einem inch 150 px waagrecht und 150 px senkrecht dargestellt. Auf einem Quadratinch sind es somit 22.500 px: 150 px mal 150 px Je höher die Auflösung eines Bildes ist, umso genauer und detailreicher wird das Original wiedergegeben. Typische Verwendungsszenarien für Fotos: Verwendung Größe Auflösung Geeignete Speicherformate Professioneller Druck in Zentimetern, z. B. 15 x 18 cm 300 ppi TIF Internet, Bildschirm in Pixeln, z. B. 800 x 600 px (72 ppi; braucht nicht eingestellt zu werden, da ein Monitor immer seine Auflösung verwendet, s. u.) JPG, PNG, GIF Home-Drucker (Tintenstrahl, Laserdrucker) in Zentimetern, z. B. 17 x 13 cm 150 ppi oder 200 ppi TIF, JPG, GIF Das Monitor-/Fernsehbild Auch das Bild am Monitor setzt sich aus einzelnen Pixeln zusammen. Die Auflösung und die Pixelmaße sind aber durch die Hardware fix vorgegeben. Typische Monitore/Fernseher/Smartphones Pixelmaße Auflösung (hängt von der Größe des Gerätes ab, angegeben wird die Bilddiagonale in Zoll)

Älterer Monitor 1256 x 1024 px bei 15,6 Zoll Diagonale 95 ppi HD Monitor/HD Fernseher 1920 x 1080 px bei 15,6 Zoll Diagonale 141 ppi Pixeldichte bei 24 Zoll Diagonale 91 ppi Pixeldichte 4K (neueste Fernseher) 3840 x 2160 px Älteres/billigeres Smartphone 360 x 640 px Mittleres Smartphone 800 x 480 px Hochauflösendes Smartphone (z. B. Samsung Note 4) 2560 x 1440 Zum Pixeldichte-Rechner Gestalten Gestaltunsanregungen bei 5,7 Zoll Diagonale 518 ppi Pixeldichte

Hilfen zum Gestalten: Hilflinien: Lineale einschalten unter Ansicht / Lineale (Strg + R) und aus dem oberen und linken Lineal mit der Maus Hilflinien herausziehen und an den gewünschen Positionen fallen lassen Raster: unter Ansicht / Anzeigen / Raster einschalten; unter Bearbeiten / Voreinstellungen / Hilflinien, Raster und Slices kann die Größe das Rasters eingestellt werden (inkl. Unterteilungen des Hauptrasters) Anregungen: https://crello.com/de/ https://www.freepik.com/ Regeln und Vorgehensweise für Montagen mit Photoshop Um technisch perfekte Montagen mit Photoshop zu machen, sind folgende Dinge zu beachten:

1. Zuerst soll ein Plan auf Papier gemacht werden. 2. Im zweiten Schritt werden die Bestandteile für die Montage gesucht und ev. der Text geschrieben. 3. Jetzt werden die Bestandteile der Montage (Bilder) vorbereitet: Auflösung aller Bilder gleich einstellen (z. B. 150 ppi) ev. Objekte freistellen (Werkzeuge: Radiergummi, Hintergrundradiergumme, Zauberstab, Lasso ) Größe der Bilder überlegen (berechnen) und einstellen (hier hilft wieder die Skizze) alle Bilder im TIF-Format speichern (bei freigestellten Objekten wegen der Transparenz notwenig, garantiert aber auf jeden Fall die höchste Bildqualität) 4. Im folgenden werden die Bestandteile im Hauptbild (oder in einem leeren Bild) platziert und der Text hinzugefügt. 5. Die fertige Arbeit wird unter Beibehaltung der Ebenen gespeichert, damit nachträgliche Veränderungen (z. B. an den Testen) möglich ist. Zusätzlich können die Ebenen auf die Hintergrundebene reduziert werden und diese reduzierte Version unter einem neuen Namen gespeichert werden. Die Datei wird dadurch kleiner, ist besser für den Druck geeignet und wenn man sie jemanden weitergibt, kann der/die sie nicht verändern. 6. Soll die Montage im Internet verwendet werden, muß sie im JPG- oder ev. PNG-Format gespeichert werden. Dabei ist auf kleinstmögliche Dateigröße zu achten.