Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Präsentation Photoshop

3,643 views

Published on

Die Präsentation zum Thema Photoshop beim Workshop "Kreativität in Wort und Bild" im Wintersemester 2009/2010

Published in: Art & Photos, Technology
  • Be the first to comment

Präsentation Photoshop

  1. 1. Workshop Grundlagen Photoshop
  2. 2. Erste Schritte Gestaltung von Text Ausgabeformate Fotonachbearbeitung Agenda A C D E B Photoshop Arbeiten mit Ebenen
  3. 3. Photoshop Erste Schritte
  4. 4. Photoshop B C D A E Erste Schritte Print (Plakate, Anzeigen in Zeitschriften, Flyer etc.) Web (Grafiken für PP-Präsentationen, Webseiten etc.)
  5. 5. Photoshop B C D A E Erste Schritte Print Web 300 dpi 72 dpi
  6. 6. Photoshop B C D A E <ul><li>Die Auflösung eines Bildes </li></ul><ul><li>die Auflösung eines Bildes bezieht sich auf die </li></ul><ul><li>Anzahl der Bildpunkte (Pixel) pro Fläche. </li></ul><ul><li>dpi = dots per inch (Punkte pro Zoll) </li></ul>Erste Schritte
  7. 7. Photoshop B C D A E Erste Schritte Print Web CMYK RGB
  8. 8. Photoshop B C D A E Erste Schritte Cyan Magenta Yellow Key Red Green Blue RGB CMYK
  9. 9. B C D A E <ul><li>Der Farbmodus eines Bildes </li></ul><ul><li>Farbmodus für Bilder, die für die ausgedruckte Darstellung ausgelegt sind: CMYK . </li></ul><ul><li>Farbmodus für Bilder, die für die digitale Darstellung (am Bildschirm/Beamer) ausgelegt sind: RGB . </li></ul>Photoshop Erste Schritte
  10. 10. B C D A E <ul><li>Übung </li></ul><ul><li>Erstellen eines Web-Banners für die MuK-Halloween-Party </li></ul><ul><li>Lege eine Datei im Format 728 x 90 Pixel mit 72 dpi an. </li></ul><ul><li>Öffne das Bild „Kürbis.jpg“ (liegt auf dem Server). </li></ul>Photoshop Erste Schritte
  11. 11. B C D A E <ul><li>Öffne die imb-Website (www.imb-uni-augsburg.de); gehe auf die Unterseite Studium  MuK-Studium </li></ul><ul><li>Erstelle einen Screenshot des Browserfensters mittels Alt+Druck und füge ihn in eine neue Photoshop-Datei ein. </li></ul>Photoshop Erste Schritte
  12. 12. Photoshop Fotonachbearbeitung
  13. 13. Fotonachbearbeitung B C D A E Photoshop <ul><li>Folgende Arbeitschritte sollen an „Kürbis.jpg“ durchgeführt werden: </li></ul><ul><li>Foto um 90 Grad drehen </li></ul><ul><li>Foto verkleinern </li></ul><ul><li>Helligkeit / Kontrast verbessern </li></ul><ul><li>Kerzenflammen entfernen </li></ul><ul><li>Bildausschnitt wählen </li></ul>
  14. 14. Fotonachbearbeitung B C D A E Photoshop Foto um 90 Grad drehen:
  15. 15. Fotonachbearbeitung B C D A E Photoshop Foto verkleinern:  Höhe ca. 250 Pixel  Proportionen erhalten  Bild neu berechnen mit „bikubisch schärfer“
  16. 16. Fotonachbearbeitung B C D A E Photoshop Helligkeit / Kontrast verbessern:  Helligkeit: 20 Prozent verringern  Kontrast: 20 Prozent erhöhen
  17. 17. Fotonachbearbeitung B C D A E Photoshop <ul><li>Kerzenflammen entfernen </li></ul><ul><li> Auswahl des „Kopierstempel-Werkzeugs“ ( ) in der Werkzeugleiste </li></ul><ul><li>Alt -Taste gedrückt halten und auf Referenz-Stelle klicken </li></ul><ul><li>Geeignete Werkzeuggröße einstellen </li></ul><ul><li>Maustaste gedrückt halten und über die auszubessernde Stelle ziehen </li></ul>
  18. 18. Fotonachbearbeitung B C D A E Photoshop <ul><li>Bildausschnitt wählen: </li></ul><ul><li> Auswahl des „Freistellungswerkzeugs“ ( ) in der Werkzeugleiste </li></ul><ul><li>Höhe 90 Pixel </li></ul><ul><li>Ausschnitt wählen  mit der „Enter“-Taste bestätigen. </li></ul>
  19. 19. Fotonachbearbeitung B C D A E Photoshop <ul><li>Folgende Arbeitsschritte sollen am Screenshot der imb-Website durchgeführt werden: </li></ul><ul><li>MuK-Logo ausschneiden </li></ul><ul><li>Hintergrund entfernen </li></ul><ul><li>Größe ändern (Transformieren) </li></ul>
  20. 20. Fotonachbearbeitung B C D A E Photoshop <ul><li>MuK-Logo ausschneiden </li></ul><ul><li> Auswahl des „Freistellungswerkzeugs“ ( ) in der Werkzeugleiste </li></ul><ul><li>Einen ungefähren Rahmen um das MuK-Logo aufziehen </li></ul><ul><li>Mit der Enter-Taste bestätigen </li></ul>
  21. 21. Fotonachbearbeitung B C D A E Photoshop <ul><li>Hintergrund entfernen </li></ul><ul><li> Die Ebene „Hintergrund“ löschen </li></ul><ul><li> Auswahl des „Zauberstabs“ ( ) in der Werkzeugleiste </li></ul><ul><li>In den weißen Bereich außerhalb des MuK-Logos klicken. </li></ul><ul><li>Die Entf bzw. Del Taste drücken, um den markierten Bereich zu löschen </li></ul>
  22. 22. Fotonachbearbeitung B C D A E Photoshop <ul><li>Größe ändern (Transformieren) </li></ul><ul><li> Tastenkombination Strg+T betätigen </li></ul><ul><li> Um das Objekt erscheint ein Rahmen mit Ziehpunkten, worüber die Größe geändert werden kann. </li></ul><ul><li>Durch gleichzeitiges Drücken der Strg -Taste werden die Proportionen beibehalten. </li></ul><ul><li>Mit der Enter-Taste bestätigen </li></ul>
  23. 23. Fotonachbearbeitung B C D A E Photoshop Zwischenergebnis: + +
  24. 24. Photoshop Arbeiten mit Ebenen
  25. 25. Arbeiten mit Ebenen D A E Photoshop <ul><li>Ebenen – Was ist das? </li></ul><ul><li>Elemente können auf eine eigene Ebene gelegt werden </li></ul><ul><li> leichter zu bearbeiten </li></ul><ul><li>Vergleichbar mit verschiedenen, übereinander gelegten Overhead-Folien </li></ul>B C
  26. 26. Arbeiten mit Ebenen D A E Photoshop Ebenenfenster öffnen:  Fenster  Ebenen B C
  27. 27. Arbeiten mit Ebenen D A E Photoshop Das Ebenenfenster B C Ebenenname Neue Ebene Ebene löschen Ebene ein-/ ausblenden Deckkraft Ebene fixieren „ Füllmethode“ Effekte
  28. 28. Arbeiten mit Ebenen D A E Photoshop Neue Ebene einfügen: „Ebene“  „Neu“  „Ebene…“ B C
  29. 29. Arbeiten mit Ebenen B C D A E Photoshop <ul><li>Folgende Arbeitschritte sollen nun durchgeführt werden: </li></ul><ul><li>Ebene mit der Farbe „schwarz“ füllen </li></ul><ul><li>Datei „kürbis.jpg“ in die neue Datei ziehen </li></ul>
  30. 30. Arbeiten mit Ebenen D A E Photoshop „ Kürbis.jpg“ und das MuK-Logo in leere Ebene einfügen: B C Verschieben-Werkzeug
  31. 31. Arbeiten mit Ebenen D A E Photoshop Ebene mit Farbe füllen: B C Füllwerkzeug
  32. 32. Arbeiten mit Ebenen D A E Photoshop Zwischenergebnis: B C
  33. 33. Photoshop Gestaltung von Text und Grafik
  34. 34. Gestaltung von Text und Grafik D A E Photoshop Text einfügen: B C Textwerkzeug
  35. 35. Gestaltung von Text und Grafik D A E Photoshop Text bearbeiten: B C
  36. 36. Gestaltung von Text und Grafik D A E Photoshop Text bearbeiten: B C
  37. 37. Gestaltung von Text und Grafik B C D A E Photoshop <ul><li>Folgende Arbeitschritte sollen nun durchgeführt werden: </li></ul><ul><li>Text „Halloween – Party │ 31.10.09 in der Mensa“ einfügen </li></ul><ul><li>„ Halloween – Party“ in hellgrün </li></ul><ul><li>„ |“ in weiß </li></ul><ul><li>„ 31.10.09 in der Mensa“ in orange </li></ul><ul><li>Schrift: Calibri; Schriftgröße: 26 </li></ul>
  38. 38. Gestaltung von Text und Grafik B C D A E Photoshop Zwischenergebnis:
  39. 39. Gestaltung von Text und Grafik B C D A E Photoshop <ul><li>Effekte auf das MuK-Logo anwenden </li></ul><ul><li>Ebene mit dem MuK-Logo auswählen </li></ul><ul><li>Im Ebenen-Fenster auf „Ebeneneffekte hinzufügen“ ( ) klicken </li></ul><ul><li>„ Schein nach außen“ auswählen </li></ul><ul><li>Deckkraft 75%, Überfüllen 10%, Größe 15 px, Farbe: hellgrün </li></ul>
  40. 40. Gestaltung von Text und Grafik B C D A E Photoshop Fertig!
  41. 41. Gestaltung von Text und Grafik B C D A E Photoshop Animation!
  42. 42. Photoshop Ausgabeformate
  43. 43. Ausgabeformate B C D A E Photoshop Formate im Überblick
  44. 44. Ausgabeformate B C D A E Photoshop <ul><li>Photoshop Document </li></ul><ul><li>Dateierweiterung: *.psd </li></ul><ul><li>Das „Arbeitsformat“ von Photoshop </li></ul><ul><li>Speichert alle verwendeten Bilddaten, Ebenen, Schriften, etc. </li></ul><ul><li>Verlustfreies Format (keine Komprimierung)  große Dateien </li></ul><ul><li>Nicht für die Veröffentlichung (z.B. im Internet) bestimmt </li></ul>
  45. 45. Ausgabeformate B C D A E Photoshop <ul><li>JPEG File Interchange Format (JPEG) </li></ul><ul><li>Dateierweiterung: *.jpg (seltener: *.jpeg) </li></ul><ul><li>Weit verbreitet für Fotos (Standardformat von Digitalkameras) </li></ul><ul><li>Bietet die Kompression (verlustbehaftet) der Bilder an </li></ul><ul><li>Oft genutzt im Internet </li></ul>
  46. 46. Ausgabeformate B C D A E Photoshop <ul><li>Graphics Interchange Format (GIF) </li></ul><ul><li>Dateierweiterung: *.gif </li></ul><ul><li>Hauptanwendungsbereich im Internet </li></ul><ul><li>Bietet transparenten Hintergrund </li></ul><ul><li>Einfache Animationen (Animiertes GIF) möglich </li></ul><ul><li>Max. 256 Farben  kleine Dateigröße </li></ul>
  47. 47. Ausgabeformate B C D A E Photoshop <ul><li>Tagged Image File Format (TIFF) </li></ul><ul><li>Dateierweiterung: *.tif oder *.tiff </li></ul><ul><li>Relativ vielseitig </li></ul><ul><li>Ermöglicht mehrere Bilder in einer Datei </li></ul><ul><li>Unterstützt CMYK-Farbraum </li></ul><ul><li>Einsatz in Druckereien </li></ul><ul><li>Im Web: Verwendung bei hochauflösenden Pressephotos </li></ul>
  48. 48. Ausgabeformate B C D A E Photoshop <ul><li>Portable Document Format (PDF) </li></ul><ul><li>Dateierweiterung: *.pdf </li></ul><ul><li>Integration von Text, Grafiken und Fotos </li></ul><ul><li>Dokumentschutz möglich </li></ul><ul><li>Identische Ausgabe </li></ul><ul><li>Offener Standard (ISO) </li></ul>
  49. 49. Ausgabeformate B C D A E Photoshop <ul><li>Wie speichern wir unser Dokument? </li></ul><ul><li>Worst Case: </li></ul><ul><ul><li>GIF: </li></ul></ul><ul><ul><li>JPG: </li></ul></ul>
  50. 50. Ausgabeformate B C D A E Photoshop <ul><li>Wie speichern wir unser Dokument? </li></ul><ul><li>Höchste Qualität: </li></ul><ul><ul><li>GIF: </li></ul></ul><ul><ul><li>JPG: </li></ul></ul>14kB 40kB
  51. 51. Photoshop … und wie geht es weiter?
  52. 52. … und wie geht es weiter? B C D A E Photoshop <ul><li>Ich will zu Hause weiter üben und ausprobieren! Testversion herunterladen: www.adobe.com/de/downloads/ </li></ul><ul><li>Ich brauche Photoshop – aber nur hin und wieder! Auf den Rechnern in den WiWi-CIP-Pools ist Photoshop installiert </li></ul><ul><li>Ich will zum Photoshop-Pro werden! Studenten-Version kaufen (ca. 199,- €) z.B. bei www.cobra-shop.de </li></ul>
  53. 53. Workshop Vielen Dank für Eure Aufmerksamkeit

×