Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop...

78
Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego aparatu fotograficznego. Czy jednak zawsze jesteśmy w pełni zadowoleni z wykonanych nim zdjęć? Aby zaznajomić się z obsługą Photoshopa można też skorzystać z darmowej wersji 30-dniowej, co właśnie najbardziej polecam na tzw. dobry początek. Poniższe ćwiczenia dotyczą wersji 6.0. Prezentacja programu Podstawy obsługi Photoshopa nie różnią się od obsługi każdego innego programu: za pomocą kursora docieramy do potrzebnych funkcji i opcji programu wybierając narzędzie z palety z lewej, prawej strony lub z głównego (górnego menu). Na szczęście z pomocą przychodzi specjalistyczne oprogramowanie Adobe Photoshop, dzięki któremu możesz dokonać wielu zmian do wersji podstawowej Twojego zdjęcia

Transcript of Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop...

Page 1: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Program - Adobe Photoshop ver. 6.0

Wstęp

Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego aparatu fotograficznego. Czy jednak zawsze jesteśmy w pełni zadowoleni z wykonanych nim zdjęć?

Aby zaznajomić się z obsługą Photoshopa można też skorzystać z darmowej wersji 30-dniowej, co właśnie najbardziej polecam na tzw. dobry początek. Poniższe ćwiczenia dotyczą wersji 6.0.

Prezentacja programu

Podstawy obsługi Photoshopa nie różnią się od obsługi każdego innego programu: za pomocą kursora docieramy do potrzebnych funkcji i opcji

programu wybierając narzędzie z palety z lewej, prawej strony lub z głównego (górnego menu).

Na szczęście z pomocą przychodzi specjalistyczne oprogramowanie Adobe Photoshop, dzięki któremu możesz dokonać wielu zmian do wersji podstawowej Twojego zdjęcia

Page 2: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Otwieranie gotowych plików

Istnieje kilka sposób na otworzenie zdjęcia w programie Photoshop:

możemy przeciągnąć ikonę pliku zdjęcia nad przestrzeń roboczą programu; możemy użyć polecenia Plik - Otwórz, wskazać odpowiednik plik i nacisnąć Enter na klawiaturze; możemy posłużyć się zaimplementowaną przeglądarką plików, wywoływaną poleceniem Plik - Przeglądaj

Page 3: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Tworzenie nowych plików graficznych

Aby stworzyć nowy dokument należy posłużyć się poleceniem Plik - Nowy. Otworzy się okno, w którym możemy wybrać wartości dla podstawowych parametrów tworzonego dokumentu.

Palety narzędzi - podstawowe

Paleta warstw jest przydatna podczas niemal każdej bardziej zaawansowanej obróbki zdjęć i absolutnie niezbędna

przy tworzeniu choćby kilkuwarstwowych fotomontaży. Przy jej pomocy jesteśmy w stanie na przykład powielać

i usuwać warstwy, dodawać nowe warstwy, zmieniać tak zwany tryb ewolucji warstwy (czyli najprościej mówiąc:

sposób w jaki dana warstwa oddziałuje na warstwy położone niżej). Rzecz jasna ten krótki opis nie wyczerpał jej potencjału, warto dobrze się zapoznać z jej możliwościami, ponieważ jest to z całą pewnością paleta kluczowa.

Oto ona

Page 4: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Przykładem palety, która nie jest wprawdzie kluczowa, ale również przydatna, może być Nawigator, dostępny z poziomu menu Okno.

Posługując się suwakiem lub przemieszczając czerwony prostokąt na tle bieżącego zdjęcia, możemy w łatwy i wygodny sposób

kontrolować aktualne powiększenie i widok. Dwie ikony na przeciwległych skrajach paska, powodują skokowe pomniejszanie lub powiększenie widoku obrazu.

Jeśli chcemy zmienić tło (pod tekst, kształt) wybieramy z poniższej palety wzór

Np. do tekstu wybieramy dowolny styl

Page 5: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Otrzymamy

Przed stylem

...i po użyciu stylu

Page 6: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lub

Page 7: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 1

Podstawowe operacje na zdjęciu

W pierwszej kolejności otwieramy wybrane zdjęcie do edycji, korzystając odpowiednio z opcji w menu głównym: Plik >> Otwórz

Page 8: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Wskazujemy plik do obróbki

W naszym przypadku jest to zdjęcie wieży Eiffla, które chcielibyśmy obrócić, pomniejszyć i przyciąć w ten sposób, aby widoczny był przede wszystkim francuski zabytek. Wycinamy więc wieżę z całości zdjęcia.

Można też wyszukać w sieci www zabytek np. Kościół Farny w Krośnie i dokonać tego samego dla takiego zdjęcia.

Wracamy do naszej wieży Eiffel.

Aby obrócić zdjęcie o 90 stopni w lewo wybieramy z menu głównego kolejno:

Page 9: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Otrzymamy po operacji poniższy efekt

Page 10: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego
Page 11: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Uwaga:

Dokonywane operacje możesz cofać, korzystając ze skrótu klawiszowego Ctrl+Z (jedna operacja wstecz) lub Ctrl+Alt+Z (wiele operacji wstecz, każdorazowe wciśnięcie stanowi jedno cofnięcie.

Wracamy do ustawienia pionowego.

Będziemy chcieli "wyłonić" tę wieżę z otaczającego ją tła. Wybieramy więc z menu narzędzie odpowiedzialne za kadrowanie >> poniższe narzędzie

Trzymając wciśnięty klawisz myszy rysujemy prostokąt wokół wieży

Page 12: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Zmienił się wygląd kursora. Teraz możemy zaznaczyć na zdjęciu prostokątny obszar, który chcielibyśmy pozostawić

– w naszym przypadku wieżę. Pozostała część fotografii stanie się ciemniejsza, a dookoła zaznaczonego prostokąta

pojawi się przerywana linia. Klikając na niej i przeciągając krawędzie możemy jeszcze poprawić nasz wybór, tak, żeby przypadkiem nie pozbyć się ważnego elementu z fotografii.

Lekcja 2

Page 13: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Dodawanie opisów do zdjęcia, komentarzy.

Aby dodać dowolny tekst do zdjęcia w tym celu należy z palety narzędzi wybrać narzędzie –

Następnie proszę wybrać miejsce napisu. U góry pojawi się pasek narzędziowy edycji tekstu i jego efektów.

Wybieramy kolor, wielkość czcionki oraz jej efekt – narzędzie –

Po pojawieniu się poniższej palety wybieramy kształt napisu.

Page 14: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Automatycznie tekst zmieni się na naszym zdjęciu

Może to wyblądać na przykłąd w taki sposób jak poniżej

Page 15: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Dodatkowym atutem programu jest możliwość dodawania efektu czcionki – prawa część programu - patrz narzędzia poniżej

Page 16: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Photoshop – Zmiana wielkości zdjęcia

Aby dokonać zmiany wielkości zdjęcia (np. wysłanie go przez e-mail, zamieszczenie w portalu społecznościowych itd.)

należy wybrać z Menu Obrazek opcję Wielkość obrazka

Page 17: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po pojawieniu się winietki dotyczącej zmiany parametrów zdjęcia należy zmienić parametry.

Page 18: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po zapisaniu pliku po zmianach – Plik zapisz jako proszę dokonać podglądu jego właściwości

Lekcja 3

Nakładanie filtrów do zdjęcia

Po otwarciu programu należy wybrać zdjęcie

Z Menu Filtry wybrać dowolny filtr z grupy

Page 19: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po wybraniu np. filtru Rendering – Flara obiektywu należy ustawić rodzaj obiektywu i jasność.

Page 20: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po wybraniu np. filtru Rendering – Flara obiektywu otrzymamy efekt słońca

Page 21: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Filtr Rendering – Efekty świetlne

Z menu Filtry wybierz opcję Rendering i efekt Efekty świetlne

Następnie należy ustawić obszar rozjaśnienia – rozciągając koło z lewej strony trzymając dany znacznik

Page 22: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

I po wybraniu tego efektu otrzymamy obraz po zmianach

Page 23: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Filtr Rendering – Płaskorzeźba

Celem ćwiczenia jest wykonanie płaskorzeźby z wybranego obrazu.

W tym celu wybieramy z menu Filtry – filtr Płaskorzeźba.

Po transformacji otrzymamy na przykład poniższy obraz

Page 24: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Filtr – Witraż

Celem ćwiczenia jest wykonanie witrażu z wybranego obrazu.

W tym celu wybieramy z menu Filtry – filtr Witraż

Page 25: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Następnie sterujemy wielkością elementów, które składają się na witraż

Po zmianach

Page 26: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Proszę wykonać także kilka innych filtrów.

Lekcja 4

Sterowanie barwą i nasyceniem kolorów - Wybielanie zębów na zdjęciach.

Poniższa lekcja przedstawi przy pomocy jakich narzędzi i w jaki sposób można wybielić zęby na zdjęciu portretowym.

Po otwarciu programu Photoshop należy wybrać zdjęcie portretowe na którym będziemy dokonywali „wybielania” zębów przy użyciu dostępnych narzędzi programu.

Page 27: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po otwarciu zdjęcia należy z palety narzędzi (lewa strona programu) wybrać narzędzie-

lasso.

Po tej operacji obrysuj pole zębów (niekoniecznie bardzo dokładnie).

Page 28: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po zamknięciu obszaru obrysu zębów z górnego menu wybierz Obrazek i opcję Dopasuj-Barwa i nasycenie.

Pojawi się paleta sterowania barwą i nasyceniem kolorów. Po tej czynności w rozwijalnym menu Edycja wybrać - Żółcie

Page 29: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Następnie proszę ustawić suwaki tak jak poniżej

Page 30: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Otrzymamy efekt „wybielonych zębów”. Efekt – poniżej (przed i po wybielaniu.

Wszystko można - szybszy efekt od niejednej pasty czy uciążliwego wybielania u dentysty.

Lekcja 5

Dodawanie tła – nieba do zdjęcia

Wymieńmy niebo na bardziej atrakcyjne niż na zdjęciu poniżej

Page 31: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Używamy polecenia Warstwa - Powiel warstwę w celu stworzenia duplikatu warstwy Tło. Po użyciu tej komendy warstwa duplikatu automatycznie stanie się aktywna i zostanie umieszczona nad warstwą oryginału.

Paleta Warstw, którą możemy wywołać komendą Okno - Warstwy, powinna wyglądać teraz następująco:

Page 32: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Pracując na duplikacie sięgamy do Obrazek - Dopasuj - Janość/Kontrast. Następnie przeciągamy suwak kontrastu stanowczo w prawo. W rezultacie kontrast obrazu zwiększa się na tyle istotnie, że niebo praktycznie staje się białe, zaś sylwetki drzew i linia dachu stanowczo się odeń odróżniają. Zatwierdzamy takie ustawienia klikając OK w oknie dialogowym jasności i kontrastu.

Teraz z łatwością możemy zaznaczyć niebo, posługując się chociażby narzędziem Różdżka.

W pasku opcji tego narzędzia ustalamy wartość parametru Tolerancja na 5.

Klikamy w obszar nieba na zdjęciu i w efekcie uzyskujemy zaznaczenie obejmujące wszystkie jego piksele.

Page 33: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Teraz, gdy zaznaczenie jest już gotowe, wyłączamy widoczność warstwy duplikatu i przechodzimy na warstwę oryginału.

Klikamy weń dwukrotnie w palecie warstw, aby zmienić ją na zwykłą warstwę. Na warstwie Tło, nie możemy bowiem używać niektórych operacji.

Teraz korzystamy z polecenia Edycja - Wymaż, co spowoduje usunięcie zaznaczonych pikseli.

Page 34: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Teraz możemy otworzyć nową fotografię, na której niebo wygląda atrakcyjnie albo wręcz zdjęcie samego nieba.

Zaznaczamy cały obszar zdjęcia posługując się Zaznacz - Wszystko, potem Edycja - Kopiuj.

Następnie wracamy na zdjęcie pensjonatu i wybieramy Edycja - Wklej. Pozostaje umiejscowić warstwę nieba pod warstwą pensjonatu.

Finalnie spłaszczamy obrazek komendą Warstwa - Spłaszcza obrazek.

I od razu lepiej..

Lekcja 6

Zaznaczanie obiektu prostokątne, eliptyczne

Page 35: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Jeśli chcemy wyodrębnić ze zdjęcia dowolny element (np. obciąć zdjęcie) używamy

do tego celu narzędzia – lub zmieniając je klikamy na trójkąt w prawym dolnym rogu tej ikony. Pojawią się inne narzędzia np. eliptyczne.

Po zaznaczeniu ikony nanosimy myszką to narzędzie na zdjęcie – trzymając wciśnięty lewy klawisz.

Lub zaznaczanie eliptyczne

Page 36: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po takim zaznaczeniu można to skopiować (Edycja – kopiuj lub CTRL+C) i Plik Nowy i Edycja – wklej lub CTRL + V)

Otrzymamy zatem np. wycięcie eliptyczne

Page 37: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po takich czynnościach wystarczy dodać np. tło

Wybrać kolor wypełnienia

Page 38: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po czym klikamy na wycinki białego tła na zdjęciu

Page 39: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Wycinanie przy użyciu narzędzia – Lasso wielokątne

Narzędzie lasso wielokątne pozwala wyłonić ze zdjęcia dowolny kształt.

W tym celu należy po otwarciu zdjęcia wybrać narzędzie –

Kolejny krok to obramowanie dowolnego kształtu. Zaznaczamy na kształcie nieregularnym punky zaczepienia dookoła kształtu.

Następnie np. Edycja kopiuj – Plik Nowy i Edycja – Wklej.

Otrzymamy nowy „wycięty kształt – Jak poniżej

Page 40: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Można wówczas zmienić tło zdjęcia. – Narzędzie Wiadro z farbą – wybrać kolor i kliknąć na białym tle nowego zdjęcia.

Następny krok to użycie np. filtra Rendering – flara obiektywu z menu Filtry.

Otrzymamy efekt zapalonych świateł w samochodzie.

Page 41: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 7

Opcja Usuń kolor

W sytuacji, gdy nasz wysiłek chcemy ograniczyć do absolutnego minimum, a pożądany efekt ma zostać uzyskany w możliwie najkrótszym czasie,

najlepszym rozwiązaniem jest użycie komendy Obrazek – Dopasuj – Usuń kolor.

Wskutek tego obraz właściwie bez naszego udziału zostanie pozbawiony kolorów.

W przypadku niektórych zdjęć metoda ta daje bardzo przyzwoite rezultaty. Może się również sprawdzić przy zdjęciach portretowych,

choć bardziej wymagający użytkownicy z pewnością nie zostaną usatysfakcjonowani. Metoda Usuń kolor może również zostać zastosowana, gdy chcemy zaledwie szybko podejrzeć, jak zdjęcie będzie wyglądało w wersji czarno-białej.

Page 42: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Przed usunięciem koloru...

Page 43: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

a po zmianach otrzymamy

Page 44: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

A jak nałożymy filtr otrzymamy np. stare zdjęcie.

Sterujemy barwą i nasyceniem kolorów - Menu Obrazek - Dopasuj - Barwa i Nasycenie

Page 45: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Zmiana koloru zdjęcia kolor/czarno-białe

>>> Kliknij na film instruktażowy

Zmiana koloru zdjęcia sepia

>>> Kliknij na film instruktażowy

Page 46: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 8

Rozjaśnianie zdjęć

Niejednokrotnie mamy niedoświetlone zdjęcie. Możemy je rozjaśnić przy pomocy narzędzi w programie Adobe Photoshop.

Poniżej zdjęcie do rozjaśnienia

Aby rozjaśnić powyższe zdjęcie należy.

Po otwarciu jego w programie Adobe Photoshop z menu Obrazek wybrać opcję: Dopasuj - Krzywe

Page 47: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po pojawieniu się poniższego narzędzia ustaw linię tak aby uzyskać efekt rozjaśnienia zdjęcia

Page 48: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Po naszych zabiegach oraz po użyciu narzędzia:

Page 49: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

otrzymamy zdjęcie jak poniżej

Page 50: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Inne przykłady

Page 51: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

i po zabiegach

Page 52: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 9

Klonowanie postaci, obiektów, kształtów

Kontynuujemy zabawę w programie.

Poniższe ćwiczenie pozwala dokonać np. "sklonowania" postaci na zdjęciu.

Do tego celu użyjemy narzędzia Lasso wielokątne z lewego menu programu.

Po otwarciu zdjęcia np. z grupą osób należy kliknąć prawym klawiszem myszy w ikonę lasso (rysunek poniżej).

Po otwarciu palety tego narzędzia wybrać lasso wielokątne i bardzo dokładnie (punk po punkcie) obrysować postać

tak aż wielokąt dokona swego zamknięcia.

Następny krok to skopiowanie "wyciętej" postaci - CTRL+C lun Edycja - kopiuj.

Po tych operacjach wybieramy z górnego menu opcję Wklej lub (CTRL+V).

Wklei się nasza postać. Nie zauważymy różnicy ponieważ te 2 postacie będą nałożone jedna na drugą ale będą już tworzyć 2 warstwy.

Aby dokonać przesunięcia postaci np. w prawą stronę należy kliknąć na ikonę - i trzymając wciśnięty klawisz myszy dokonać

przesunięcia w prawo.

Page 53: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego
Page 54: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

W trakcie obrysowywania postaci narzędziem lasso wielokątne

Po użyciu narzędzia lasso wielokątne

Powyższe ćwiczenie zastosuj do podobnych zdjęć wycinąjąc np. drzewa, domy, zwierzęta itp.

Powodzenia - mgr Robert Rajs

Page 55: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 10

Efekty inne

Dodawanie obramowania do zdjęcia

>>> Kliknij na film instruktażowy

Zaawansowane lekcje w programie Photoshop

Lekcja 11

Jak zmienić kolor ust na zdjęciu?

Jeżeli chcemy skorygować kolor ust na zdjęciu, to w tej poradzie dowiecie się jak to uczynić,

wykorzystując kilku nieskomplikowanych technik w programie Photoshop.

1. Otwieramy zdjęcie w programie Photoshop.

Page 56: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

2. Z palety narzędzi wybieramy Lasso (Lasso Tool) . Ustawiamy dane jak na ilustracji poniżej ponieważ

spowoduje to ze linia zaznaczenia będzie bardziej płynna.

3. Obrysowujemy usta jednym pociągnięciem lassa. Usta nie musza być dokładnie obrysowane, bo w późniejszych krokach skorygujemy to.

Page 57: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

4. Jeżeli wybraliśmy usta rozchylone, to należy usunąć zaznaczenie jamy ustnej i zębów.

W tym celu zmieniamy ustawienia narzędzia Lasso (Lasso Tool) ,

jak na ilustracji poniżej a następnie obrysowujemy nim jamę ustną i zęby.

Page 58: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

5. Teraz wchodzimy w Warstwa (Layer) > New_Adjustment_Layer > Color_Balance lub

też w palecie warstw klikamy na zaznaczoną poniżej ikonę i z listy wybieramy Color_Balance.

Przesuwając suwakami w oby dwóch kierunkach zmieniamy kolor ust.

Page 59: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

6. Po zmianie koloru ust możemy zauważyć kilka niedociągnięć. Teraz postaramy się je usunąć.

Naciskamy D aby ustawi ć kolory Foreground i Background na czarny i biały. Mając zaznaczoną

w palecie warstw warstwę dopasowania koloru, wybieramy z palety narzędzi Brush_Tool i za pomocą czarnego koloru

zamalowujemy miejsca skóry, zębów i jamy ustnej , które nie potrzebnie zostały zamalowane. Kolorem białym domalowujemy kolor w miejscach, w których go brakuje.

7. Aby usta wyglądały bardziej naturalnie na koniec wchodzimy

w Filtr (Filter) > Rozmycie (Blur) > Rozmycie Gaussowskie (Gaussian Blur). Promień (Radius) ustawiamy na 1%.

Page 60: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Otrzymamy efekt końcowy:

Page 61: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 12

Jak pogrubić i wydłużyć rzęsy na zdjęciu?

W tej poradzie dowiecie się, jak za pomocą efektów w programie Photoshop pogrubić i wydłużyć rzesy na zdjęciu,

tak aby oczy nadal wyglądały naturalnie.

Page 62: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego
Page 63: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

1. Otwieramy zdjęcie w programie Photoshop.

2. Jeżeli głowa jest przekrzywiona, wówczas wchodzimy w Edytuj (Edit) > Free_Transform i ustawiamy zdjęcie tak aby twarz była w pionie.

Page 64: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

3. Tworzymy nową warstwę, na której będziemy nakładać rzęsę. Każda rzęsa musi być wykonana na oddzielnej warstwie.

4. Z palety narzędzi wybieramy Brush_Tool. Spośród pędzli wybieramy kształt rzęs, który bedziemy nakładać.

(Jeżeli wśród pędzli nie posiadacie SS-eyelashes to należy je pobrać, a następnie wkleić je do katalogu z pędzlami

Adobe\Photoshop\Presets\Brushes.) Kolor Foreground wybieramy czarny, a właściwości pędzela ustawiamy, jak na ilustracji poniżej:

Page 65: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

5. Nasz pędzel ma teraz kształt rzęsy. Może być on niewidoczny bo jest za duży.

Aby go zmniejszyć naciskamy na klawiaturze [. Następnie nakładamy kształt w odpowiednim miejscu.

Page 66: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

6. Jeżeli niedokładnie przylega do oka ,wówczas wchodzimy w Edytuj (Edit) > Free_Transform i dopasowujemy.

Page 67: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

7. Tworzymy nową warstwę i te same czynności powtarzamy od nowa.

Z tą różnica, że teraz wybieramy pędzel pasujący do kształtu lewego oka.

Można również dołożyć rzęsy na dolnych powiekach. Należy wtedy pamiętać ze każda z rzęs musi być zrobiona na nowej warstwie.

Page 68: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego
Page 69: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

8. Jeżeli rzęsa w jakimś miejscu jest zbyt ciemna lub nie powinno jej tam być,

wówczas wymazujemy ja z za pomocą narzędzia Gumka (Eraser Tool) .

Krycie gumki należy ustawić na ok. 30%, a grubość pędzla gumki należy dobrać do wielkości oka.

Page 70: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

9. Na koniec musimy ustawić zdjęcie w oryginalnej pozycji.

W tym celu najpierw należy złączyć wszystkie warstwy:

Warstwa (Layer) >Spłaszcz obrazek (Flatten Image), a następnie wchodzimy w Edytuj (Edit) > Free_Transform.

9. Otrzymamy efekt końcowy:

Page 71: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Lekcja 13

Jak zmienić kolor oczu na zdjęciu?

Tutaj dowiecie się jak w bardzo szybki i prosty sposób, za pomocą kilku narzędzi Photoshop, zmienić kolor tęczówki.

Page 72: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

1. Zaczynamy od otworzenia zdjęcia na którym chcemy zmienić kolor oczu.

2. Za pomocą narzędzia Elliptical_Marquee_Tool robimy okrągłe zaznaczenie wokół tęczówki. Zaznaczenie nie musi być dokładne, bo tym zajmiemy się w później.

Page 73: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

3. Nakładamy Quick_Mask.

4. Mając cały czas nałożona maskę z palety narzędzi wybieramy pędzel czarnego koloru i nanosimy na obszar wokół tęczówki. Robimy dokładny obrys tęczówki.

Page 74: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

5. Wracamy do normalnego widoku poprzez naciśniecie narzędzia zaprezentowanego poniżej.

6. Jeżeli zauważyliście ze powstałe w ten sposób zaznaczenie tęczówki nie jest dokładne, poprawcie w ten sam sposób co we wcześniejszych krokach.

7. Następnie tworzymy nową warstwę Warstwa (Layer) > New_Layer.

8. Mając zaznaczoną w palecie warstw nowa warstwę wybieramy kolor #e81813 i wchodzimy Edytuj (Edit) > Wypełnienie (Fill).

Page 75: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

9. Zmieniamy Tryb mieszania (Blending Mode) warstwy na Color,

a następnie tworzymy nową warstwę wypełnienia lub korekcji poprzez naciśnięcie przycisku pokazanego poniżej wybranie z listy Barwa/Nasycenie (Hue/Saturation).

Page 76: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

10. Te same czynności powtarzamy z drugim okiem.

Efekt końcowy:

Page 77: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Zmieniając kolor wypełnienia - krok 8 - możemy zmienić kolor tęczówki na jaki nam się podoba. Można równiez pominąć krok 9.

Page 78: Program - Adobe Photoshop ver. 6robraj.pwsz.krosno.pl/grafika cw5.pdf · Program - Adobe Photoshop ver. 6.0 Wstęp Żyjemy w czasach, gdy niemal każdy z nas ma dostęp do cyfrowego

Powodzenia