Marcin Dąbrowski
Jacklon

Obróbka zdjęć na potrzeby Allegro

Rafał Trafarski

Plastyk

O czym będziemy mówić?

•

selekcja materiału wejściowego

•

współczesne formaty zapisu plików

•

czym jest format RAW?

•

bitowość obrazu

•

odwzorowanie kolorów

•

przestrzenie barwne

•

archiwizacja zdjęć

•

workflow fotografa

•

współczesne aplikacje typu all-in-one

•

promowanie wizerunków sprzedaży

•

wstęp do warsztatów

JPEG

TIFF

RAW

PNG

GIF

?

8 bit

16 bit
24 bit

A o czym można z nami porozmawiać

•

zarządzanie kolorem

•

korelacje między przestrzeniami barwnymi

•

fotografia

•

druk cyfrowy i maszynowy

•

praca z aplikacjami:

–

Adobe Photoshop

–

Apple Aperture

–

Adobe Lightroom

–

Adobe Illustrator

–

Corel Draw!

–

3D Studio MAX

•

a wszystko zgodnie z zasadą: Kto pyta, nie błądzi!

Warsztaty - czyli dwa słowa o praktyce

•

praca na amatorskich zdjęciach produktów

•

tryb “krok po kroku” za prowadzącym

•

w razie potrzeby indywidualna pomoc

•

obróbka materiału pod kątem umieszczenia ich na aukcjach Allegro

•

usuwanie artefaktów powstałych przy powstawaniu zdjęcia

•

podmienianie, usuwanie niekorzystnego tła

•

“poprawa oświetlenia”

•

korekcje kolorystyczne

•

użyte narzędzia:

–

poziomy, jasność / kontrast, krzywe

–

retusz

–

szparowanie

–

filtry

–

...i wiele innych

Selekcja zdjęć

•

koncept

–

strony www / aukcji

–

zdjęć

•

selekcja na etapie fotografowania

•

tworzenie “stosów”

•

czynniki techniczne

•

wartość merytoryczna zdjęcia

Formaty plików graficznych

•

JPEG File Interchange Format (JFIF)

Zalety:

bardzo popularny
zróżnicowana kompresja
fenomenalna jakość
idealny do WWW

Wady:

problematyczna kompresja

brak przezroczystości

kompresja minimalna

kompresja maksymalna

136 KB

3 KB

•

GIF (Graphics Interchange Format)

Zalety:

brak widocznej kompresji
zróżnicowana paleta kolorów
przezroczystość
niska wielkość

Wady:

skomplikowany przy

pierwszym kontakcie

256 kolorów

4 kolory

32 KB

8 KB

Formaty plików graficznych

Formaty plików graficznych

•

PNG (Portable Network Graphics)

Zalety:

obsługa przezroczystości
różne tryby zapisu
bezstratna kompresja

Wady:

format mniej popularny

PNG-24

PNG-8, 16 kolorów

85 KB

8 KB

•

TIFF (Tagged Image File)

Zalety:

bezstratny zapis
zachowuje warstwy
zachowuje profile barwne
idealny do archiwizacji

Wady:

wielkość plików

konieczność eksportu do 3W

bez kompresji

kompresja LZW

236 KB

176 KB

Formaty plików graficznych

•

RAW (z ang. surowy)

Zalety:

?

Wady:

?

bez kompresji, 12 MPix

z kompresją, 12 MPix

21 MB

12 MB

Formaty plików graficznych

Czym jest RAW?

balans bieli

wyostrzanie

format

jakość

barwa

tryb kolorystyczny

odszumianie

...i wiele innych

•

nastawy w aparacie cyfrowym

•

...aż się chce ich uniknąć, prawda?

•

od czego zależy specyfikacja RAW:

–

typ zastosowanej matrycy

–

producent matrycy

–

producent aparatu

•

różni producenci = różne charakterystyki pliku

•

nowy aparat = nowy plik

•

zalety formatu RAW:

–

balans bieli ustawiany w komputerze

–

wszystkie nastawy cyfrowe -> po zrobieniu zdjęcia

–

znacznie wyższa jakość końcowa

–

możliwość wykorzystania konwerterów RAW firm trzecich

–

... a my skupiamy się tylko na fotografowaniu!

Czym jest RAW?

•

1 bit: 2

1

= 2 -> czarny i biały

•

2 bity: 2

2

= 4 -> czarny i biały + 2 szarości

•

4 bity: 2

4

= 16 -> czarny i biały + 14 szarości

•

4 bity / kanał (RGB): 2

4

* 2

4

* 2

4

= 4096 kolorów

•

8 bitów / kanał (RGB): (2

8

)

3

= 16 777 216 kolorów

•

... czas na przykład

Głębia i tonalność

Głębia i tonalność

1 bit

4 bity

Truecolor (24 bity)

To może

przykład?

Przestrzenie barwne

•

RGB

•

sRGB

•

Adobe RGB

•

LAB

•

skala szarości

Odwzorowanie barwy

•

każde urządzenie jest inne

•

różnice w wyświetlaniu barwy

•

pojęcie wzorca barwy

•

balans bieli

•

profil kolorystyczny

•

kalibracja sprzętowa

?
=

Zdjęcie oryginalne

monitor

nieskalibrowany

Profil monitora

Odwzorowanie barwy

Zdjęcie oryginalne

monitor

skalibrowany

Profil monitora

Odwzorowanie barwy

profil A

profil A

monitor A

monitor B

Odwzorowanie barwy

profil A

profil B

monitor A

monitor B

Odwzorowanie barwy

Automatyzacja pracy

•

otwieramy zdjęcie

•

konwersja do danej przestrzeni barwnej

•

praca na kanałach, indywidualna korekta barwna

•

powielenie warstwy, nadanie właściwości

•

standardowa korekta na krzywych

•

zapis projektu jako PSD lub TIFF

•

zmiana rozmiaru

•

dołożenie ramki

•

wstawienie podpisu / znaku wodnego

•

zapis dla sieci Web

•

zamknięcie zdjęcia

Automatyzacja pracy

•

Dlaczego?

–

maksymalizacja tempa pracy

–

możliwość “hurtowej” obróbki plików

–

skupienie się na indywidualnych aspektach zdjęć

•

Kiedy?

–

gdy pracujemy w programie Adobe Photoshop

–

gdy powtarzają nam się kroki w pracy

•

Ograniczenia?

–

wykorzystanie jedynie dla narzędzi pracujących na całym
obszarze zdjęcia

–

unikanie selektywnych obszarów (jak maski etc.)

–

czasami problematyczny zapis materiału wyjściowego

Akcje w programie Adobe Photoshop

•

otwieramy zdjęcie

•

konwersja do danej przestrzeni barwnej

•

praca na kanałach, indywidualna korekta barwna

•

powielenie warstwy, nadanie właściwości

•

standardowa korekta na krzywych

•

zapis projektu jako PSD lub TIFF

•

zmiana rozmiaru

•

dołożenie ramki

•

wstawienie podpisu / znaku wodnego

•

zapis dla sieci Web

•

zamknięcie zdjęcia

Akcje w programie Adobe Photoshop

•

otwieramy zdjęcie

•

konwersja do danej przestrzeni barwnej

•

praca na kanałach, indywidualna korekta barwna

•

powielenie warstwy, nadanie właściwości

•

standardowa korekta na krzywych

•

zapis projektu jako PSD lub TIFF

•

zmiana rozmiaru

•

dołożenie ramki

•

wstawienie podpisu / znaku wodnego

•

zapis dla sieci Web

•

zamknięcie zdjęcia

Akcje w programie Adobe Photoshop

•

otwieramy zdjęcie

•

konwersja do danej przestrzeni barwnej

•

praca na kanałach, indywidualna korekta barwna

•

powielenie warstwy, nadanie właściwości

•

standardowa korekta na krzywych

•

zapis projektu jako PSD lub TIFF

•

zmiana rozmiaru

•

dołożenie ramki

•

wstawienie podpisu / znaku wodnego

•

zapis dla sieci Web

•

zamknięcie zdjęcia

Akcje w programie Adobe Photoshop

•

otwieramy zdjęcie

•

konwersja do danej przestrzeni barwnej

•

praca na kanałach, indywidualna korekta barwna

•

powielenie warstwy, nadanie właściwości

•

standardowa korekta na krzywych

•

zapis projektu jako PSD lub TIFF

•

zmiana rozmiaru

•

dołożenie ramki

•

wstawienie podpisu / znaku wodnego

•

zapis dla sieci Web

•

zamknięcie zdjęcia

Akcje w programie Adobe Photoshop

0

1

2

4

3

Omówienie narzędzi programu Adobe Photoshop

Histogram

Rys 1. “Idealny histogram”

Histogram

nasycenie pixeli (wymiar ilościowy)

gradacja szarości

cienie

tony średnie

światła

Histogram

Histogram

Histogram

Krzywe i właściwości warstw

prezentacja

Aplikacje all-in-one

•

Apple Aperture, Adobe Lightroom

•

import zdjęć bezpośrednio do biblioteki oprogramowania

•

automatyczne tworzenie kopii zapasowych

•

równoległa praca z wieloma projektami / albumami

•

obsługa wielu typów plików (RAW, JPEG, TIFF)

•

bogate narzędzia do selekcji

•

możliwość zaawansowanej obróbki

•

współpraca z Adobe Photoshop

•

eksport do wielu formatów

•

tworzenie galerii internetowych

•

“stół świetlny”

•

druk “stykówek”, portfolia, poszczególnych zdjęć, albumów

•

Adobe Lightroom dla platform Apple OS X i MS Windows

•

Apple Aperture dla platformy Apple OS X (Intel i PPC)

Promowanie wizerunku sprzedaży

•

ujednolicenie szaty graficznej na aukcjach

•

tworzenie “tematów graficznych” dla poszczególnych grup

•

stałe elementy ułatwiające identyfikację sprzedawcy

–

logo

–

znak wodny

–

belki

–

stopki w koresponcencji

•

znak wodny jako ochrona zdjęć (praw autorskich)

•

promowanie haseł reklamowych

•

nagłówek i stopka w stronie www

•

wyróżnienia

•

estetyka, estetyka, estetyka