Fotomontaż

1. Najpierw gromadzimy materiały i otwieramy je :

                                                          

2. Wycinamy lassem swoją postać. Czynność ta jest bardzo żmudna i czasochłonna, lecz to od niej zależy właśnie w dużej mierze wiarygodność naszego fotomontażu. Kiedy obrysujemy już postać, klikamy dwa razy w celu dodania zaznaczenia :

3. Kopiujemy nasze zaznaczenie i wklejamy jako nową warstwę do innego obrazka (tła). Aby zyskać przejrzystość pracy warto nazwać warstwy :

4. W ten sam sposób postępujemy z innymi elementami, które chcemy wstawić do wyjściowego obrazka :

5. Dodajemy interesujący nas tekst, który może wyjaśnić np. cel naszego fotomontażu, bądź oznaczyć rzekome miejsce w którym się znajdujemy :D

6. Przesuwamy warstwy, aby elementy były ułożone w sposób logiczny i atrakcyjny wizualnie :

7. Za pomocą selektora rastrowego zaznaczamy wklejone postacie (przytrzymując SHIFT). Teraz możemy je skalować i przemieszczać. Przy okazji możemy zmienić też położenie i wygląd naszego tekstu, np. wypełnić go gradientem, powiększyć, wyśrodkować. Ja odbiłem jeszcze swoją postać, aby patrzyła się w druga stronę i zmodyfikowałem tło, wybierając tylko jego określony obszar.

8. Warto wygładzić nieco krawędzie wklejonych elementów. W tym celu wybieramy narzędzie retuszu i opcję Soften. Pamiętajmy, aby retuszu dokonywać na odpowiedniej warstwie, tak żeby wygładzone zostały jedynie krawędzie interesującego nas obiektu, natomiast tło pozostało niezmienione. Nasz fotomontaż niewiele się zmienił, jest to zabieg zgoła estetyczny :

                                                   

9. Zapisujemy fotomontaż jako plik PNG.

Amatorsko wykonany fotomontaż nigdy nie będzie bardzo dobry. Aby sprawiał wrażenie zupełnej wiarygodności trzeba by wziąć jeszcze pod uwagę szereg innych parametrów jak światło, perspektywa, cień i inne.

Tak się prezentuje ostateczna forma :

Formaty plików graficznych

1. Przedmiotem naszego zainteresowania będzie następujący obraz :

2. Zaznaczamy obszar pomnika za pomocą narzędzia Selection na kształt pięciokąta, kopiujemy go i wklejamy jako nowy obrazek oraz dodajemy tekst, który opisuje fotografię :

3.W przypadku, gdy planujemy umieszczenie danego obrysu na stronie internetowej zwykle zależy nam na tym, aby zachował on swoją przeźroczystość. Jeżeli mamy wątpliwości co do ostatecznego efektu umieszczenia tego kształtu w sieci, możemy skorzystać z opcji View ---> Preview in Web Browser. Umożliwia ona wstępne zaprezentowanie naszego obrazu na stronie internetowej.Po wejściu w zakładkę wybieramy interesujące nas formaty (Bitmap, GIF, JPEG, PNG), Launcher.exe jako Web Browser i klikamy Preview. Teraz następuje seria pytań dotyczących każdego z tych formatów. W wypadku GIF-a zadbajmy, aby zaznaczyć w zakładce dotyczącej przeźroczystości : "Existing image or layer transparency". W sekcji Colors program pyta się jak bogata paletę barw życzymy sobie posiadać na obrazku. W wypadku GIF-a maksymalną 

wartością jaką możemy ustawić jest 256 kolorów. Następnie przechodzimy do JPEG-a, którego trzeba skompresować. Istotą tego procesu jest wyszukanie obszarów o podobnych kolorach i zastąpienie ich jedną barwą. To tak zwana kompresja stratna, gdyż kolory tesą bezpowrotnie tracone. Jeśli nie chcemy ich utracić zbyt dużo ustawiamy współczynnik kompresji na 1. Na koniec w formacie PNG otrzymujemy zapytanie o różnorodność barw. Możemy zadecydować o skali szarości, liczbie stosowanych kolorów lub wybrać opcję 16 milionów odcieni (tzw. True Color).

4. Teraz oglądamy efekty w przeglądarce :

Opiszmy każdy z widocznych formatów :
a) Bitmapa - 1:1, bez kompresji, brak przeźroczystości, pełna paleta kolorów :

b) GIF - mała objętość, przeźroczystość, zaledwie 256 kolorów w palecie :

c) JPEG - olbrzymia kompresja, pełna paleta kolorów, brak przeźroczystości :

d) PNG - duża objętość, dobra jakość, przeźroczystość, pełna paleta barw :

JPEG za każdym razem traci 10% przy każdym zapisie, dlatego nie należy go zbyt często modyfikować.

GIF-y mogą być animowane - to sekwencja obrazków zapisanych w jednym pliku i wyświetlanych w określonej kolejności i częstotliwości :

5. Osobnym przypadkiem jest tzw. format natywny (dla Paint Shopa jest to PSP).

Zachowajmy nasz obraz jako PSP oraz wyeksportujmy kolejno jako JPEG, GIF i PNG. 

Zauważamy, że Windows nie rozpoznaje pliku PSP. Dlatego obrazek wysłany mailem w PSP nie otworzy się bez Paint Shop Pro. Aby temu zapobiec grafikę przesyła się w uniwersalnych formatach, takich jak GIF, JPEG i najczęściej PNG. 

Otwórzmy teraz kolejno wszystkie pliki w Paint Shopie. W JPEG-u, GIF-ie i PNG została tylko jedna warstwa. Dlatego w tych przypadkach nie możemy wprowadzić już edycji np. poprawki w napisie. W PSP są natomiast dostępne warstwy i tylko tu można zmodyfikować tekst, teksturę i inne elementy. Takie operacje dostępne są tylko w trybie natywnym!

Grafika rastrowa i wektorowa

1. W celu stworzenia nowego widoku wchodzimy w File ---> New. Teraz możemy ustawić wysokość i szerokość widoku w pikslach oraz jego rozdzielczość . Ważnym elementem jest także tło (Background), które automatycznie jest proponowane przez program jako przeźroczyste, natomiast często bardziej adekwatne dla potrzeby jest tło białe.

2. Bitmapa to obraz w grafice rastrowej. Jest on rozbity na małe piksle, z których każdy zajmuje 3 bajty (w trybie bezpośrednim - True Color). W przypadku skalowania obiektów zarejestrowanych sposobem rastrowym następuje pikselizacja. Oznacza to, że np. okrąg, powiększony na potrzeby wydruku wielkoformatowego, przestanie być płynnym okręgiem, a stanie się skupiskiem małych kwadratów (pikseli), co będzie całkowicie niszczyło efekt wizualny. 

3. W reklamie stosuje się technikę wektorową, która zapisuje informacje o obiektach geometrycznych, które są osadzane na kanwie obrazu. Wtedy kształty możemy drukować w dowolnym rozmiarze bez zniekształcenia.

4. W celu stworzenia wektora należy określić :

- obiekt (np. koło)

- gdzie leży środek okręgu

- promień

- grubość linii okręgu

- kolor tej linii

- typ linii (ciągła, przerywana...)

- wypełnienie

5. Programami oferującymi zaawansowaną obsługę elementów wektorowych są m.in :

- Corel Draw

- AutoCAD

- 3D Studio MaX

- Adobe Ilustrator

6. Zalety techniki wektorowej :

- dowolne skalowanie

- małe pliki (kilka bajtów danych)

- łatwość modyfikacji

Wady techniki wektorowej :

- za pomocą figur geometrycznych niemożliwe jest wierne odwzorowanie np. twarzy ludzkiej

- konstruowanie obrazu za pomocą samych obiektów wektorowych jest żmudne i nieefektywne

7. Program Paint Shop Pro 7 również oferuje (ubogą, ale jednak) obsługą wektorową. Obiekty tego typu to tekst i kształty znajdujące się w ikonie Shapes. Aby móc sprawnie edytować tworzyoy od podstaw widok, konieczne jest korzystanie z palety warstw (Layer Palette) : 

A oto przezabawny efekt mojej pracy na lekcji, na której tworzyliśmy kartkę wiosenną za pomocą wektorów w programie Paint Shop :

Zamiana kolorów, klonowanie, retusz niedoskonałości

1. Aby zmienić dany kolor w obrazie na dowolny inny stosujemy następujące czynności :
- Za pomocą zakrapiacza (Droppera) pobieramy ze zdjęcia odcień danej barwy - tej, która ma zostać zastąpiona inną
- W pasku narzędzi (Colore Palette)wybieramy kolor docelowy, który ma zastąpić odcień wyselekcjonowany dzięki Dropperowi
- Klikamy ikonę Color Replacer i ustawiamy najważniejsze parametry pędzla oraz zakres tolerancji
- Przesuwamy kursorem po obszarze zdjęcia i obserwujemy efekt zamiany

Kolor (w tym wypadku niebieski) może zostać zastąpiony jednolitą barwą....

lub gradientem : 

2. Klonowanie wybranego przez nas fragmentu zdjęcia możliwe jest dzięki narzędziu Clone Brush. Zasada klonowania jest bardzo prosta :

- Lewym przyciskiem myszy klikamy w obszar który chcemy powielić

- Ustawiamy kursor w miejscu, gdzie chcielibyśmy umieścić klonowany fragment

- Klikamy prawym przyciskiem myszy i przesuwamy go po interesującej nas powierzchni aż do uzyskania zadowalającego efektu, na przykład......

możemy przekształcić to następującego stanu :

4. Retouch to opcja umożliwiająca modyfikację zdjęcia w celu jego ulepszenia. Chodzi między innymi o rozjaśnienie, wyostrzenie, przypalenie bądź przeciągniecie danego koloru. Przykładowy efekt po obróbce może wyglądać w ten sposób :

5. Scratch Remover to niezwykle pożyteczna funkcja, która usuwa drobne niedoskonałości, do których można zaliczyć krosty, trądzik, kolczyki, piegi i tym podobne. Zdjęcie pierwotne...

można upiększyć do następującej formy :

Opcje zaznaczania

1. Może się zdarzyć, że po włączeniu programu Paint Shop Pro 7, naszym oczom ukaże się pusta przestrzeń, pozbawiona pasków koniecznych do edycji zdjęć :

Aby przywrócić wszystkie niezbędne paski narzędzi, wchodzimy w zakładkę Viev ---> Toolbars i wybieramy interesujące nas narzędzia, z których najbardziej podstawowe i niezbędne są :

- Standard Toolbar

- Tool Palette

- Color Palette

- Status Bar

Prawidłowo uzupełniona strona startowa przybiera następującą postać :

2. Teraz można już przejść do wprowadzenia fotografii i wykonania odpowiednich operacji.

Wszystkie zaznaczenia dostępne są w zakładce Selection oraz na ikonie prostokąta w pasku narzędzi Tool Palette. Aby wygodnie przeglądać opcje oferowane w programie, wybieramy ikonę Tool Options. Bardzo przydatne są np. zaznaczenia geometryczne, wśród których wyróżniamy m.in. Retangle (prostokąt), Circle (koło), Triangle (trójkąt), Pentagon (pięciokąt), Star (gwiazdka), Arrow (strzałka). Zaznaczenie blokuje obszar obrazu i wszelkie narzędzia działają wyłącznie w jego obrębie. Aby dodać wielokrotne zaznaczenia, używamy klawisza Shift. Zaznaczenie usuwamy klikając Selection - Select None.

Można w ten sposób wyselekcjonować i edytować interesujące nasz obszary obrazu,np. :

Zdjęcie wyjściowe

Aby odwrócić zaznaczenie korzystamy z funkcji Selection ----> Invert : 

3. Jeśli chcemy uzyskać zaznaczenie niestandardowe, np. w celu wycięcia postaci, możemy zastosować Freehand - wycinanie i zaznaczanie w wolnej ręki. Efekty są jednak niedoskonałe i niskiej jakości, gdyż mysz nie jest wystarczająco dokładnym narzędziem :

Nieco lepszy rezultat może dać zastosowanie funkcji Point to Point, gdzie obszar zaznaczenia tworzymy dodając kolejne krawędzie, jednak i ten efekt nie może w pełni satysfakcjonować:

Alternatywą dla tych dwóch metod jest Smart Egde, czyli automatyczne rozpoznawanie przez program krawędzi. I w tym przypadku często zdarza się, że krawędzie nie zostają zaznaczone zgodnie z naszą intencją. Dlatego profesjonalni graficy korzystają z tabletów graficznych, które umożliwiają bardzo precyzyjne zaznaczenie docelowego elementu za pomocą specjalnego pióra :

4. Amatorska zabawa w programie graficznym  może polegać na dodaniu makijażu osobie na zdjęciu czy zmianie koloru jej źrenic. Modyfikacja pozostałych elementów, np. włosów jest również możliwa, ale bardzo pracochłonna i często nieprzynosząca spodziewanych rezultatów :

Manipulacje kolorami

1. True Color - sposób wyświetlania barw na ekranie monitora o 24-bitowej głębi kolorów umożliwiający uzyskanie 2²⁴, czyli 16 777 216 kolorów. W trybie True Color każdy z kolorów 

podstawowych RGB (red, green, blue : czerwony, zielony i niebieski) jest kodowany 8-bitowo, czyli dla każdego z nich jest określonych 2⁸ = 256 poziomów jasności. Przykładowy zapis kodowania kolorów wygląda następująco :

       R                       G                     B

00000000       00000000       00000000 - nie świeci żaden subpiksel, na ekranie widać kolor czarny

00000000       11111111               00000000 - czysty i intensywny kolor zielony

00000000       00000000       11111111         - czysty i intensywny kolor niebieski

11111111               00000000       00000000 - czysty i intensywny kolor czerwony

11111111               11111111                11111111        - wszystkie subpiksle świeca się, na ekranie widać kolor biały

10001001          01101101            11100110     - jedna z możliwych do uzyskania barw pośrednich

Każdy plik graficzny jest zapisany w ten sposób na dysku w systemie binarnym (systemie dwójkowym opierającym się na dwóch liczbach: 0 i 1).

2. Liczbę pikseli obliczamy  ze wzoru : A*B*X, gdzie :

A - rozdzielczość pozioma w pikselach

B - rozdzielczość pionowa w pikselach

X - długość przekątnej w calach

W niżej przedstawionym pliku daje to 3132*2088*20 = 130 mln piksli, co jest ogromna liczbą! Wynika stąd wysoka jakość zdjęcia, ale też bardzo duża objętość - 18,7 MB.

3. Głębie kolorów można ustawiać w Decrease Color Depht :

Jeśli wybierzemy 2 colors (1 bit) otrzymamy zdjęcie czarno-białe, które zajmuje na dysku już tylko 799 KB (dokładnie 24 razy mniej niż obrazek 24-bitowy), gdyż zamiast 16 milionów kolorów program wykorzystuje zaledwie 2 - czarny i biały :

Inaczej wygląda fotografia przekształcona w Grey Scale (skali szarości). Nie funkcjonują tu już 2, ale aż 256 kolorów (bo tyle jest odcieni szarości, co wynika z wyniku 2⁸ = 256). Jakość zdjęcia będzie znacznie lepsza niż w trybie czarno-białym, a plik zajmie na dysku 6 MB :

Będzie to tyle samo co w wypadku 8-bitowego obrazka w kolorze :

3. Na podstawie zdjęcia 2-bitowego można dobrze pokazać zasadę działania negatywu, który dokładnie odwraca wszystkie kolory (Negative Image) :

4. Pozostałe parametry można dostosowywać w zakładce Adjust. Poniżej prezentuję kilka efektów :

a) Brightness/Contrast :

b) Color Balance :

c) Curves :

d) Hue/Saturation/Lightness :

e) Red/Green/Blue : 

Efekty i filtry w Paint Shop Pro 7

Na ostatnich zajęciach z informatyki mieliśmy za zadanie zapoznać się z efektami, które program Paint Shop Pro 7 oferuje w celu retuszowania (bądź zniekształcania) interesujących nas obiektów graficznych. Wszystkie udostępnione filtry znajdują się w zakładce : Effects.

Opcja Effect Browser powala nam przeglądać ogół dostępnych przekształceń i umożliwia oglądanie modyfikacji, które wiążą się z ich wykorzystaniem. Aby jednak dostrzec w pełniejszej mierze następstwa wynikające z  zastosowania danego filtru warto podziwiać go w większym wydaniu.

Blur - rozmazanie

Sharpen - wyostrzenie

Edge - wzmocnienie krawędzi

Noise - szum

Poniżej znajdują się jeszcze :

Efekty 3D

Efekty artystyczne

Efekty geometryczne

 Zdjęcie naturalne : 

Poniżej prezentuję kilka interesujących filtrów dostępnych w programie :

2. Edge Enhance More (2 razy) :

2. Black Pencil :

3. Chrome :

4. Contours :

5.  Twirl :

6. Wave :

7. Warp :