ExPra FS 2008 - UZH00000000... · 4/2/2008 6 Was ist Photoshop Photoshop ist ein pixelgesteuertes...

4/2/2008

1

ExPra FS 2008Stefan Michel & Anton Bolfing

03.04.2008

Übersicht

Überblick über ExperimentalsoftwareEinführung in PhotoshopEinführung in PhotoshopWeitere nützliche Tools

XnViewGimp

ÜbungÜbung

www.psychologie.uzh.ch/vicoreg 2

4/2/2008

2

Experimentalsoftware

Zweck/ Anforderung:

• Stimuluspräsentation• Stimuluspräsentation- visuell- auditiv- etc. ?

• Datenaufzeichnung- Computermaus, Joysticks, Tastatur, Mikrophon, etc.

- Multiple Choice (Fragebogen, OK/ Not OK)T t D t ti- Target Detection

- Texteingabe- andere periphäre Geräte (fMRI, EEG, TMS, etc.)- Reaktionszeitmessung

Software Produkte

Kommerzielle Produkte:

- Presentation, E-Prime, SuperLab, Inquisit (MS Windows)- Matlab: Cogent, Psychtoolbox-3 (Psychophysics toolbox)

Lizenzfreie Produkte:

- Presentation (letzte Gratisversion Herbst 2004)- PsyScope (Mac)- Vision Egg (Platform unabhängig)gg ( g g)

Zusammenstellung der gängigsten Experimentalsoftwareprogrammemit kurzen Beschreibungen (insbesondere für visuelle Stimuli):

http://visionscience.com/documents/strasburger_files/strasburger.htmlhttp://vision.nyu.edu/Tips/FaithsSoftwareReview.html

4/2/2008

3

Software ProduktePresentation:

Pros:- Stimuli: sehr hohe Flexibilität! multi-modal, Videos- Timing: sehr präzis <1msg p- viele periphäre Geräte möglich: fMRI, EEG, TMS, Einzelzellableitung...- Kosten: Gratisversion Herbst 2004 & 45 Tage gratis Testversion

Cons:- Interface: high-level Programmiersprache- Kosten: nach 45 Tagen $200/Jahr

E-Prime:Sti li T t Bild Tö (G ä h )Stimuli: Text, Bilder, Töne (Geräusche)

Pros:- Timing: sehr präzis ~1ms

Cons:- Interface: high-level Programmiersprache- Kosten: $700- Hardware dongle

Software Produkte

SuperLab:- Pros:

- Interface: grafisch mit simplem SkriptingC- Cons:

- Kosten: $480 für Bildungsinstitutionen

PsyScope:- Pros:

- Interface: grafisch und Skript- Kosten: gratis

- Cons:

Vision Egg:

Inquisit:

4/2/2008

4

Grafik- und Bildbearbeitung

Bilder versus Grafiken:

Bilder & Photos sind pixelbasiert:- endliche Auflösung (bsp: Kamera)- typische Formate: .bmp; .jpg; .psd- Videoformate: VHS; DVD (.mpeg; .divx)

Grafiken & Diagramme sind vektorbasiert:- beliebig vergrösserbar ohne Qualitätsverlust- typische Formate: .ps; .eps; .svg; (.pdf)yp p p g ( p )- animierte Vektorgrafiken: Flash (.swf)

ein Beispiel

Produkte für Grafik- und Bildbearbeitung

Bilder und Photos:- Adobe Photoshop (teuer)- The GIMP (offene Lizenz)- ImageMagick (offene Lizenz)

Grafiken und Diagramme:- Adobe Illustrator (teuer)- Inkscape (offene Lizenz)- uvm.:

http://www.maa.org/editorial/mathgames/mathgames_08_01_05.html

Die meisten pixel-/vektorbasierten Programme können auch vektor-/pixelbasierte Bilder lesen und speichern, verfügen aber nicht über die speziellen Bildbearbeitungsfunktionen

4/2/2008

5

Produkte für Grafik- und Bildbearbeitung

Bilderverwaltung:- unabhängig ob pixel- oder vektorbasiert

- Listen erstellen- Umbenennen- Konvertierung (Formate, Farbsysteme...)- einfache Bildmanipulationen ( Rotation, Skalierung...)- Stapelverabeitung

Produkte:- XnView (offene Lizenz)- sehr viele kleine Programme im Internet

Tutorial

4/2/2008

6

Was ist Photoshop

Photoshop ist ein pixelgesteuertes Bildbearbeitungsprogramm, wobei Schrift und b ti t F h l V kt fik t lltbestimmte Formen auch als Vektorgrafiken erstellt werden können.Ideal für

Fotobearbeitung, z.B. DigitalkamerasKünstlerische BildverarbeitungForschung

www.psychologie.unizh.ch/vicoreg 11

ForschungGrundlagenforschung Stimuli-ErstellungAnwendung: z.B. Flughafen-ProjekteGrafiken für Powerpoint-Präsentation

Internet

BildgrösseGröße eines Pixelbildes = DPI (dots per inch) => Anzahl der Punkte in Länge und Breite. Die Auflösung eines Bildes ist definiert durch die Anzahl an Pixeln je I hInch.Ein hochauflösendes Bild für den Offset-Druck besitzt 300 Pixel je Inch.Eine Grafik im bzw. für das Internet nur 72 DPI.

Hohe Auflösungen stellen Bilder detailreicher, schärfer dar.Farben werden feiner abgestuft.

Faustregel:300 DPI genügen z. B. für Jahresbericht, und qualitativ


hochwertige farbige Drucksachen (Offset-Druck).72 DPI genügen für den Computerbildschirm, da dieser in derRegel keine höhere Auflösung darstellen kann (power point,Internet = HTML).

4/2/2008

7

Pixel


Auflösung


4/2/2008

8

Farbtiefe

Unter Farbtiefe versteht man die Anzahl der möglichen Farben die ein einzelnes Bildpixelmöglichen Farben die ein einzelnes Bildpixel annehmen kann.


ÜbersichtNeues Bild erstellenBilder öffnenBilder speichernBilder speichern

DateiformateFarbanpassungenKopieren, einfügen, ausschneidenDruckenBildgrösseLayers


yTrimmenPrintscreensBatch

4/2/2008

9

Neues Bild erstellen

Schritt 1: „Datei“ „Neu“

Schritt 2: - Name für neues Bild- Bildgrösse


Vorhandenes Bild öffnen

Schritt 1: „Datei“ „Öffnen“

Schritt 2: Vorhandenes Bild suchen


4/2/2008

10

Werkzeuge


Optionsleiste


Die Optionsleiste ändert sich je nach gewähltem Werkzeug. Man kann hier weitere Einstellungen machen.

4/2/2008

11

Verborgene Werkzeuge

Bei einigen Werkzeug-Icons hat es in der rechten unteren Ecke ein kleines schwarzes Dreieck.Linke Maustaste gedrückt draufhalten, dann öffnen sich darunter verborgene Werkzeuge


Auswahlrechteck & -ellipse

Dieses Werkzeug erstellt eine rechteckige bzw. ovale AuswahlHält man während des Aufziehens die Umschalttaste, wird eine quadratische bzw. kreisförmige Auswahl erstellt.


4/2/2008

12

Verschieben

Das Verschiebe-Werkzeug verschiebt einen ausgewählten Bildbereich oder das ganze Bild


Lasso

Erstellt eine frei mit der Maus definierbare Auswahl. Mit einzelnen Mausklicks werden P kt d A hl d fi i tPunkte der Auswahl definiert.Das magnetische Lasso orientiert sich an kontrastreichen Konturen und schmiegt sich an diese an.


4/2/2008

13

Freistellungswerkzeug

Wählt einen rechteckigen Bildbereich aus und stellt ihn frei.Mit der Entertaste wird die Freistellung bestätigt. Der Rest des Bildes geht verloren.


Pinsel

Malt freie Linien Die Deckkraft und Pinselstärke kann eingestellt werden


4/2/2008

14

Farbverlauf

Füllt einen ausgewählten Bereich mit einem Farbverlauf, dessen Anfangs- und Endpunkt mit d M f t l t dder Maus festgelegt werden. Die Deckkraft und Pinselstärke kann eingestellt werden


Füllen

Füllt einen Bereich gleicher oder ähnlicher Farbe mit der VordergrundfarbeDie Deckkraft und benachbarte Farben können eingestellt werden


4/2/2008

15

Text

Dieses Werkzeug fügt einen Text einSchriftart, Grösse, etc. können eingestellt werden


Rechteck- und Formen

Mit diesem Werkzeug werden Vektorflächen erzeugt. Das können geometrische Formen d Li i ioder Linien sein

Farbe, Rand, Transparenz etc. der Form können bestimmt werden


4/2/2008

16

Farbauswahl

Hier kann die Vorder- und die Hintergrundfarbe ausgewählt werdenKlickt man auf die Fläche, öffnet sich das Farbwähler, wo die Farben mit exakten Wertangaben definiert werden können


Menu

Save Save asSave, Save as- Save: Speichern- Save as: Speichern mit neuem Filenamen

Import, Export- Import: Importieren anderer Bildformate- Export: Sendet das Bild an andere


- Export: Sendet das Bild an andere Anwendungen

Print: Drucken

4/2/2008

17

Save as...

Bilder speichern als:- *.jpg komprimiertes Bildformat (Standard)jpg p ( )- *.psd Photoshop-Format: Speichert Bilder mit

allen Layern- *.tiff unkomprimiertes Bildformat (braucht

viel Speicherplatz im Gegensatz zu .jpg)


Weitere nützliche Bildformate:- *.bmp- *.gif animierte Bilder

Menu

UndoUndo- Undo: letzter Schritt rückgängig

Cut, Copy, Paste- Cut: Ausschneiden eines ausgewählten Teils- Copy: kopiert einen ausgewählten Teil- Paste: Fügt den kopierten Teil ein


4/2/2008

18

Menu

Mode- Auswahl des Farbmodus

Image size, Canvas size- Image size: Grösse des Bildes- Canvas size: Grösse der

Arbeitsfläche


Rotate canvas- Ausrichtung (rotieren) der Arbeitsfläche

Trim…

Menu

N D l tNew, Delete- New: neuer Layer- Delete: löschen eines Layers

Arrange- Anordnung der Layers


Merge- Layers auf eine Ebene reduzieren

4/2/2008

19

Menu

Viele verschiedene


Arten von Filtern

Menu

Zoom in/out- Zoom in - Zoom out- Fit on Screen

Rulers


Extras- horizontale und vertikale Hilfslinien

4/2/2008

20

Menu

Anzeigen oder verstecken von Tools


Palette

Farb-Palette

History/Action/Tool-Palette


Layer/Channel/Path-Palette

4/2/2008

21

Das Protokoll

Erledigte Arbeitschritte können rückgängig gemacht, beziehungsweise rückverfolgt g , g gwerden


Layers


4/2/2008

22

Trimmen


Printscreens

1. Printscreen Taste drücken2 Datei“ Neu“2. „Datei „Neu3. „Einfügen“


4/2/2008

23

Batch - Stapelverarbeitung

New Action: Record


Batch - Stapelverarbeitung1. Action auswählen

2. Quell-Pfad

3. Ziel-Pfad


4. Achtung, wenn nicht angeklickt, werden die Dateien überschrieben!!!

4/2/2008

24

Weitere Tools

XnViewGimpGimp


XnView

Gratis SoftwareBildverwaltungBildverwaltungMöglichkeit zur StapelverarbeitungDownload: http://www.xnview.de/


4/2/2008

25

Gimp

Download: www.gimp.orgGratis Grafik SoftwareGratis Grafik Software Viele ähnliche Funktionen wie Photoshop


Übung:

Erstellt ein Logo für die Präsentation oder für den Abschlussberichtden Abschlussbericht Photoshop oder ein anderes GrafikprogrammLogo soll Text (ExPra 2008) enthaltenSonst seid Ihr in der Gestaltung völlig frei!


4/2/2008

26

H li h D k fü EHerzlichen Dank für EureAufmerksamkeit

Noch Fragen?


Jetzt ausprobieren...Photoshop starten:1. Neues Bild erstellen2. Bild-Datei öffnen z.B. sample.jpg3 Bild speichern3. Bild speichern4. Bild speicher als.... (*.bmp / *.jpg...)5. Bild drucken

6. Werkzeuge ausprobieren7. Filter ausprobieren

8. Printscreens


9. Cut / Copy / Paste10. Layers

11. Image Mode, Adjustments: Bild als Graustufen...12. Trimmen13. Stapelverarbeitung

ExPra FS 2008 - UZH00000000... · 4/2/2008 6 Was ist Photoshop Photoshop ist ein pixelgesteuertes...

Documents

Transcript of ExPra FS 2008 - UZH00000000... · 4/2/2008 6 Was ist Photoshop Photoshop ist ein pixelgesteuertes...