Efekty osigane przy uyciu masek w programie GIMP

  • Slides: 53
Download presentation
Efekty osiągane przy użyciu masek w programie GIMP Opracowała: Barbara Kozubek-Marczyk BKM

Efekty osiągane przy użyciu masek w programie GIMP Opracowała: Barbara Kozubek-Marczyk BKM

Zakres pokazu I. III. IV. V. VI. BKM Wprowadzenie Warstwy a maski Zaznaczenia -

Zakres pokazu I. III. IV. V. VI. BKM Wprowadzenie Warstwy a maski Zaznaczenia - selekcje Przykłady grafik Literatura 2

I. Wprowadzenie 1. 2. 3. 4. 5. 6. BKM Nazwa programu UNESCO na rzecz

I. Wprowadzenie 1. 2. 3. 4. 5. 6. BKM Nazwa programu UNESCO na rzecz GIMP’a Co oferuje program GIMP Rozdzielczość Paleta barw Podobieństwo kolorów 3

1. Nazwa programu Ø Skrót GIMP pochodzi od nazwy The GNU Image Manipulation Program

1. Nazwa programu Ø Skrót GIMP pochodzi od nazwy The GNU Image Manipulation Program Gnou i Wilber Ø GNU jest nazwą projektu wprowadzającego wolne oprogramowanie, do którego odnosi się Powszechna Licencja Publiczna. (GLP) Ø Skrót GNU nawiązuje równocześnie do nazwy rzadkiego i pięknego zwierzęcia GNOU, które stało się symbolem wolnego oprogramowania Ø GIMP posługuje się charakterystycznym logo - główką zwierzątka o imieniu Wilber BKM 4

2. Uhonorowany przez UNESCO Ø Program GIMP jest rozbudowywany przez programistów z całego Świata,

2. Uhonorowany przez UNESCO Ø Program GIMP jest rozbudowywany przez programistów z całego Świata, ma otwarty kod źródłowy i może być wykorzystywany na różnych platformach systemowych Ø W styczniu 2004 roku projekt GNU, w którego skład wchodzi GIMP, dołączył do „Skarbca Światowych osiągnięć intelektualnych”. BKM 5

3. Co oferuje program GIMP Ø GIMP jest darmowym edytorem graficznym, który umożliwia profesjonalne

3. Co oferuje program GIMP Ø GIMP jest darmowym edytorem graficznym, który umożliwia profesjonalne przetwarzanie grafiki cyfrowej. Jest programem rastrowym. Posiada – podstawowe narzędzia do tworzenia grafiki 2 D, – przekształcania i modyfikowania obrazów, – dokonywania operacji logicznych na zaznaczeniach i kolorach, – posługuje się technologią warstwy i maski warstwy, – dzięki dołączonym efektom specjalnym pozwala na stworzenia iluzji trójwymiarowości, tworzenie animacji Ø Pozwala na konwersję różnych formatów plików graficznych Ø Ma wbudowane programy pakujące BKM 6

4. Rozdzielczość Ø Pojęcie bitmapy odnosi się do matrycy przedstawiającej białe i czarne punkty

4. Rozdzielczość Ø Pojęcie bitmapy odnosi się do matrycy przedstawiającej białe i czarne punkty ekranu przy pomocy stanu 1 bitu. Ø Jakość obrazów pikselowych zależy od rozdzielczości, czyli od ilości różnorodnych punktów, z których obraz jest zbudowany (Internet 72 dpi, druk 300 dpi) Ø Właściwości pikseli zapamiętywane są w komputerze na wielokrotnościach bajtów, która zależy od wybranej palety kolorów BKM 7

5. Paleta barw Ø Każdy piksel ma określony kolor (RGB) i jaskrawość (HSV -

5. Paleta barw Ø Każdy piksel ma określony kolor (RGB) i jaskrawość (HSV - Hue określa częstotliwość fali światła, Value definiuje poziom światła białego, Saturation określa nasycenie barwy). Ø Piksele oglądane z daleka tworzą obraz, sprawiający wrażenie ciągłych przejść kolorów, Ø Ilość dostępnych kolorów zależy od formatu obrazu i od użytej palety barw. Ø W komputerach 32 -bitowych ilość zastosowanych kolorów i ich odcieni może się zmieniać od 2 - 16 000 BKM 8

6. Podobieństwo kolorów bogatsza paleta barw - obraz wierniejszy rzeczywistości Powiększanie obrazu rastrowego nie

6. Podobieństwo kolorów bogatsza paleta barw - obraz wierniejszy rzeczywistości Powiększanie obrazu rastrowego nie zwiększa informacji o palecie barw. Punkty zostają zastąpione kwadratami o złożonymi z punktów o analogicznych kolorach Otrzymujemy poszarpane brzegi i wrażenie rozmytego obrazu. GIMP posiada algorytmy uśredniania kolorów w czasie zmiany rozmiarów (opcja do wybrania przy powiększaniu) BKM 9

II. Warstwy 1. 2. 3. 4. 5. BKM Warstwy obrazu Własności warstw Modelowanie warstwy

II. Warstwy 1. 2. 3. 4. 5. BKM Warstwy obrazu Własności warstw Modelowanie warstwy Okno dialogowe - warstwy Historia operacji 10

1. Warstwy obrazu Ø Obrazy przygotowywane przy użyciu GIMP’a składają się z warstw. Ø

1. Warstwy obrazu Ø Obrazy przygotowywane przy użyciu GIMP’a składają się z warstw. Ø Warstwa odpowiada przezroczystej folii, na której rysujemy kolejne fragmenty rysunku. Ø Nowo utworzony rysunek zawiera przynajmniej jedną warstwę - tło. Ø Widocznością poszczególnych pikseli warstwy można sterować przy pomocy maski. Ø Każda warstwa może mieć swoją maskę Ø Nowa warstwa jest tworzona w programie lub importowana z pliku graficznego BKM 11

2. Własności warstw 1. Wszystkie warstwy w programie GIMP są prostokątne. tło 2. Program

2. Własności warstw 1. Wszystkie warstwy w programie GIMP są prostokątne. tło 2. Program nie umożliwia tworzenia warstw o innych kształtach. 3. Część pikseli warstwy może być przezroczysta, dzięki czemu obraz umieszczony na warstwie może mieć dowolny kształt np. tem s k te ozdobnego napisu z ta BKM W a w t s ar e prz s ź zy roc 12

3. Okno dialogowe - warstwy Budowa warstwowa obrazu jest przedstawiona w oknie Warstwy Z

3. Okno dialogowe - warstwy Budowa warstwowa obrazu jest przedstawiona w oknie Warstwy Z poziomu okna dialogowego można zarządzać warstwami i ich własnościami Tu wi da ć na łoż on e na wa rst wy ma s ki BKM 13

4. Modelowanie warstwy Dru Obraz modelujemy przez nałożenie maski na warstwę obrazu ga w

4. Modelowanie warstwy Dru Obraz modelujemy przez nałożenie maski na warstwę obrazu ga w arst wa Ø Maska wskazuje obszar warstwy, który ma pozostać widoczny i ten, który ma być przysłonięty kolejnym obrazem umieszczonym w warstwie Cz łe ia B BKM is re a z ar n e Ø Połączone warstwy (tzw. spłaszczenie) tworzą obraz złożony z elementów rozmieszczonych na poszczególnych warstwach pik se le m as ki 14

5. Historia operacji W panelu Historia GIMP przechowuje informacje o wszystkich operacjach wykonanych na

5. Historia operacji W panelu Historia GIMP przechowuje informacje o wszystkich operacjach wykonanych na warstwach i maskach. Z poziomu tego panelu można zarządzać dokonanymi operacjami. Odwoływać je i przywracać. Informacja o warstwach i maskach jest zachowana jedynie w formacie *. xcf – formacie GIMP’a BKM 15

III. Warstwy i maski 1. 2. 3. 4. 5. 6. 7. BKM Związek maski

III. Warstwy i maski 1. 2. 3. 4. 5. 6. 7. BKM Związek maski i warstwy Zarządzanie warstwami i maskami Rodzaje masek Szybka maska Zmiana koloru maski Maska - selekcja Przechowywanie masek 16

1. Związek maski i warstwy Ø Maska warstwy to oddzielny obraz związany z daną

1. Związek maski i warstwy Ø Maska warstwy to oddzielny obraz związany z daną warstwą. Zadaniem maski jest modyfikowanie widoczności elementów obrazu. Ø Maski są bitmapami o kolorach z palety 256 odcieni szarości. Ø Maski związane z warstwą obrazu czynią przeźroczystymi w różnym stopniu punkty obraz umieszczonego na warstwie, tak że widoczna jest warstwa leżąca pod spodem BKM 17

2. Zarządzanie warstwami i maskami narzędzi do zarządzania Ø warstwami Ø maskami, Ø współpracy

2. Zarządzanie warstwami i maskami narzędzi do zarządzania Ø warstwami Ø maskami, Ø współpracy z kanałami kolorów dostarcza menu kontestowe uruchamiane prawym przyciskiem myszy w oknie ch a dialogowym Warstwy sk BKM op a m na e j rac e 18

3. Rodzaje masek Ze względu na stopień zasłonięcia obrazu rozróżniamy maski: 1. Szare -

3. Rodzaje masek Ze względu na stopień zasłonięcia obrazu rozróżniamy maski: 1. Szare - kolor szary daje efekt półprzeźroczystości 2. Białe - kolor biały maski pozwala na wyświetlenie obrazu niezmienionego 3. Czarne - kolor czarny usuwa fragmenty obrazu i pokazuje obraz z warstwy poniżej BKM 19

4. Szybka maska Przełącznik w dolnym lewym rogu tworzy standardowo maskę w kolorze czerwonym.

4. Szybka maska Przełącznik w dolnym lewym rogu tworzy standardowo maskę w kolorze czerwonym. Korzystając z gumki z narzędziówki wymazujemy dowolne kształty. Po wyłączeniu szybkiej maski otrzymujemy zaznaczone obszary. szy bk am ask a BKM a an z a m ać y w w ła loro a t os oko z ka się p s a m ało e zi k d d g aze m r Ta ob 20

5. Zmiana koloru maski Kolor maski dobieramy w zależności od zabarwienia obrazu. W tym

5. Zmiana koloru maski Kolor maski dobieramy w zależności od zabarwienia obrazu. W tym celu wystarczy przymknąć oko w wybranym kanale y m je u ki s ym a rz m ot ny o o w ow er rd cz da r n lo ta ko S BKM 21

6. Maska - selekcja Ø Maskę możemy nałożyć na całą warstwę. Ø Maską może

6. Maska - selekcja Ø Maskę możemy nałożyć na całą warstwę. Ø Maską może być wyselekcjonowany obszar obrazu Ø Często maskę utożsamia się z selekcją – takim przykładem jest szybka maska Ø Selekcje obszaru danego obrazu tworzymy stosując kryteria kształtu i barwy Ø Jest wiele sposobów tworzenia masek i ich przechowywania celem kilka krotnego zastosowania BKM 22

7. Przechowywanie masek Ø Miejsce służące do przechowywania masek nazywamy kanałem alfa. Ø Każda

7. Przechowywanie masek Ø Miejsce służące do przechowywania masek nazywamy kanałem alfa. Ø Każda maska może być zapisana do oddzielnego kanału alfa i użyta powtórnie, bez ponownego jej tworzenia. Ø Kanał alfa odpowiadać również za przezroczystość warstwy czy całego obrazka. Ø Jako maski można użyć składowej RGB widocznych w oknie dialogowym kanałów BKM 23

IV. Zaznaczenia 1. Narzędzia selekcji 2. Zaznaczenia koloru 3. Zaznaczanie kształtu 4. Działanie na

IV. Zaznaczenia 1. Narzędzia selekcji 2. Zaznaczenia koloru 3. Zaznaczanie kształtu 4. Działanie na zaznaczeniach 5. Operacje na kanałach 6. Tworzenie masek warstwy BKM 24

1. Narzędzia selekcji e j za le e s ji c k d ro

1. Narzędzia selekcji e j za le e s ji c k d ro se le kc ja narzędzia selekcji – zwane w GIMP’ie narzędziami zaznaczania dostępne są z poziomu menu Narzędzia i z okna Narzędziówka BKM 25

2. Zaznaczenia koloru Wybór koloru Odwrócenie Zaznaczanie wg koloru wybrano wszystkie białe punkty. Aktywna

2. Zaznaczenia koloru Wybór koloru Odwrócenie Zaznaczanie wg koloru wybrano wszystkie białe punkty. Aktywna jest szybka maska zaznaczonego kształtu BKM Zaznaczanie wg odcienia koloru Ustawienie progu podobieństwa koloru 26

3. Zaznaczanie kształtu Wybór kształtu zaznaczanie prostokątne BKM Nożyce inteligentne otoczenie krzywą łamaną wybranego

3. Zaznaczanie kształtu Wybór kształtu zaznaczanie prostokątne BKM Nożyce inteligentne otoczenie krzywą łamaną wybranego obszaru. Łamana dopasowuje się do granic kolorystycznych wybranego obiektu 27

4. Działanie na zaznaczeniach • Shift służy do tworzenia sumy zaznaczeń. • Ctrl służy

4. Działanie na zaznaczeniach • Shift służy do tworzenia sumy zaznaczeń. • Ctrl służy do tworzenia różnicy zaznaczeń. • Kombinacja Ctrl+Shift pozwala na tworzenie części wspólnej zaznaczeń. • Przed naciśnięciem przycisku myszki Ctrl, Shift oraz Ctrl+Shift odnoszą się do sumy, różnicy oraz części wspólnej. Informuje o tym zmieniony kursor wskaźnika. BKM 28

5. Operacje na kanałach Na ma sk gr ę na ad ien łożo no

5. Operacje na kanałach Na ma sk gr ę na ad ien łożo no t Zastosowano opcję kanał alfa na zaznaczenie z menu kontekstowego okna Warstwy Kanał alfa posłużył jako zaznaczenie na masce rysunku BKM 29

6. Tworzenie masek warstwy Ø Otwieramy nowy plik Ø Wczytujemy jako warstwę obraz, który

6. Tworzenie masek warstwy Ø Otwieramy nowy plik Ø Wczytujemy jako warstwę obraz, który mamy zamiar modyfikować Ø Dodajemy nową warstwę jednobarwną lub z obrazem Ø Dodajemy maskę Ø Na masce tworzymy gradient lub wklejamy dowolny kształt przygotowany w kanale lub kanale alfa Ø Maskę scalamy z warstwą BKM 30

V. Przykłady grafik 1. Maski całej warstwy 2. Wytłaczane napisy i kształty 3. Przygotowanie

V. Przykłady grafik 1. Maski całej warstwy 2. Wytłaczane napisy i kształty 3. Przygotowanie banerów 4. Przymglone zdjęcie 5. Przenikanie fotografii 6. fotomontaż BKM 7. Łączenie warstw 8. Przysłonięcie fragmentu obrazu 9. Przebarwianie obiektów 10. Maska z obrazu 11. Kartka z Dubaju 12. Efekt Xcha 13. Gify animowane 31

1. Maski całej warstwy Tutaj pokryto maską z napisem fragment zdjęcia dodatkowo, wykorzystano atrybuty

1. Maski całej warstwy Tutaj pokryto maską z napisem fragment zdjęcia dodatkowo, wykorzystano atrybuty zaznaczania rozmytego i cień ze Skryptu-fu BKM A tu nałożono na zdjęcie gradient czarno-biały, aby uzyskać czytelność napisu 32

2. Wytłaczane napisy i kształty Przykłady efektów uzyskanych dzięki połączeniu masek warstwy tekstu, wypełniania

2. Wytłaczane napisy i kształty Przykłady efektów uzyskanych dzięki połączeniu masek warstwy tekstu, wypełniania oraz filtrów i Script-Fu BKM 33

3. Przygotowanie banerów Do maski zastosowano wypełnienie gradientem, następnie w kolejnej warstwie został umieszczony

3. Przygotowanie banerów Do maski zastosowano wypełnienie gradientem, następnie w kolejnej warstwie został umieszczony napis z cieniem ze Scriptu-Fu. Kolejne operacje widoczne są w oknie dialogowym warstw BKM 34

4. Przymglone zdjęcie Biało czarny gradient maski odsłonił białe tło u dołu ekranu, ponieważ

4. Przymglone zdjęcie Biało czarny gradient maski odsłonił białe tło u dołu ekranu, ponieważ czarna maska czyni obraz warstwy przeźroczystym BKM 35

5. Przenikanie fotografii BKM 36

5. Przenikanie fotografii BKM 36

6. Łączenie warstw BKM 37

6. Łączenie warstw BKM 37

7. fotomontaż Połączone zdjęcia dają wrażenie istnienia dodatkowego budynku w tle – zdjęcie w

7. fotomontaż Połączone zdjęcia dają wrażenie istnienia dodatkowego budynku w tle – zdjęcie w formacie *. jpg BKM 38

8. Przysłonięcie fragmentu Wyróżniony obszar może przybrać dowolny kształt BKM 39

8. Przysłonięcie fragmentu Wyróżniony obszar może przybrać dowolny kształt BKM 39

9. Przebarwianie obiektów Pierwotny obraz został odbarwiony, następnie wstawiony jako kolejna warstwa i pokryty

9. Przebarwianie obiektów Pierwotny obraz został odbarwiony, następnie wstawiony jako kolejna warstwa i pokryty maską z gradientem BKM 40

10. Maska z obrazu BKM y ą n o j ask e l wk

10. Maska z obrazu BKM y ą n o j ask e l wk z m z y ra Ob arstw w do 41

12. Kartka z Dubaju Praca Kartka z Dubaju wymagała użycia 14 warstw BKM 42

12. Kartka z Dubaju Praca Kartka z Dubaju wymagała użycia 14 warstw BKM 42

11. Efekt Xcha Skrypt wielokrotnie wykorzystuje technikę masek warstw. W projekcie zastosowano działanie sumowania

11. Efekt Xcha Skrypt wielokrotnie wykorzystuje technikę masek warstw. W projekcie zastosowano działanie sumowania zaznaczeń BKM 43

13. Gify animowane BKM 44

13. Gify animowane BKM 44

Zadania 1. 2. 3. 4. 5. 6. 7. BKM Ćwiczenie 1 Ćwiczenie 2 Ćwiczenie

Zadania 1. 2. 3. 4. 5. 6. 7. BKM Ćwiczenie 1 Ćwiczenie 2 Ćwiczenie 3 Ćwiczenie 4 Rozwiązanie do 1, 2, 3, 4 Ćwiczenie 5 Rozwiązanie do 5 45

Ćwiczenie 1 Otwieranie nowego pliku, zaznaczanie kształtu, kolorowanie, duplikowanie warstw, uruchamianie okien dialogowych 1.

Ćwiczenie 1 Otwieranie nowego pliku, zaznaczanie kształtu, kolorowanie, duplikowanie warstw, uruchamianie okien dialogowych 1. 2. 3. 4. 5. 6. 7. 8. 9. BKM Uruchom program GIMP W Narzędziówce ustal kolor tła obrazu Wybierz menu Plik i wybierz nowy dokument. Z listy wymiarów wybierz wielkość 640 x 480 Z menu zaawansowane wybierz tło rysunku Otwórz pusty obraz Na kanwie rysunku zaznacz koło – pomaluj na zielono, zaznacz prostokąt – pomaluj na czerwono, zaznacz dowolny kształt – pomaluj na zielono. Z menu Warstwy wybierz opcję duplikuj warstwę. Powtórz operację 4 -ry razy. Otwórz okno dialogowe Warstwy z menu Okno dialogowe sprawdź ile warstw posiada obraz 46

Ćwiczenie 2 Zaznaczanie wg koloru sąsiadujących punktów, korzystanie ze Scriptu-Fu, zarządzanie warstwami, łączenie warstw,

Ćwiczenie 2 Zaznaczanie wg koloru sąsiadujących punktów, korzystanie ze Scriptu-Fu, zarządzanie warstwami, łączenie warstw, 1. 2. 3. 4. 5. BKM Wybierz narzędzie zaznaczania koloru – różdżkę. Wybierz różdżką koło. Z menu głównego Script-Fu wybierz cień Xach i zastosuj. Odszukaj okno dialogowe Xach i zaakceptuj operację. Powróć do okna Warstwy. Operacja Xach dodała dwie warstwy i maskę. Uczyń aktywną najwyższą warstwę i z menu Warstwy wybierz - Połącz w dół. Wykonaj operację dwa razy Z menu Zaznaczenie wybierz opcję Brak –zaznaczenie na rysunku jest usunięte 47

Ćwiczenie 3 Przenoszenie aktywności z warstwy na warstwę, widoczność warstw, zaznaczanie wg koloru w

Ćwiczenie 3 Przenoszenie aktywności z warstwy na warstwę, widoczność warstw, zaznaczanie wg koloru w całej warstwie, dodawanie zaznaczeń 1. 2. 3. 4. 5. BKM z okna dialogowego warstwy wybierz kolejną niższą warstwę. Kliknij na warstwę, aby stała się aktywna. naciskając shift kliknij oko aktywnej warstwy, pozostałe warstwy powinny stać się niewidoczne Z Narzędziówki wybierz zaznaczanie kolorów (rączka z kolorami) Zaznacz zielone koło i powtórz operację Xcha. Połącz powstałe warstwy Przenieś aktywność do kolejnej warstwy. Otwórz „oko” warstwy. Pozostałe warstwy są niewidoczne. Zaznacz zielone obszary. Teraz przytrzymaj klawisz shift i zaznacz czerwony obszar. Ponów ćwiczenie z Xach. Połącz warstwy 48

Ćwiczenie 4 Odwracanie zaznaczenia, zapisywanie obrazu w formacie *. xcf, zapis w formacie gifa

Ćwiczenie 4 Odwracanie zaznaczenia, zapisywanie obrazu w formacie *. xcf, zapis w formacie gifa animowanego 1. 2. 3. BKM Przenieś aktywność do czwartej warstwy. Zaznacz wszystkie kolorowe obszary i z menu Zaznaczanie wybierz opcję Odwróć zaznaczenie. Jeszcze raz wykonaj operację Xach. Zapisz uzyskany obraz jako warstwy 1234. xcf Następnie zapisz otrzymane warstwy jako warstwy. gif. Przy zapisie wybierz opcję animacja 49

Rozwiązanie zadania 1, 2, 3, 4 Zapisanie formacie *. xcf umożliwia nam dalszą pracę

Rozwiązanie zadania 1, 2, 3, 4 Zapisanie formacie *. xcf umożliwia nam dalszą pracę z obrazem na poziomie warstwy. Pozostałe formaty „spłaszczają” obraz czyli nieodwracalnie zlepiają warstwy i maski ze sobą BKM 50

Ćwiczenie 5 Tworzenie prostego gifa animowanego, kolorowanie obszarów, indeksowanie kolorów, korzystanie z Play. Backu

Ćwiczenie 5 Tworzenie prostego gifa animowanego, kolorowanie obszarów, indeksowanie kolorów, korzystanie z Play. Backu 1. Otwórz nowy plik o wymiarach 150 *150 px 2. Korzystając z narzędzi zaznaczania prostokątnego i kolorowania, podziel kwadrat na cztery części i każdą z nich pokoloruj na inny kolor 3. Wybierz ze Script-Fu opcję Animacja obracająca się kula. 4. Zastosuj 5. Obejrzyj otrzymaną animację wybierając z menu Filtry Animacja Play. Back 6. Obejrzyj powstałe warstwy w oknie dialogowym Warstwy 7. Zapisz otrzymaną kulkę jako animowany gif BKM 51

Rozwiązanie zadania 5 Przy zapisie animacji mamy możliwość decydowania o szybkości poruszania się obiektu.

Rozwiązanie zadania 5 Przy zapisie animacji mamy możliwość decydowania o szybkości poruszania się obiektu. Proponuję sprawdzić jaki efekt osiągniemy, gdy zamiast kwadratem posłużymy się prostokątem lub kwadratem nie pokolorowanym w całości Ciekawym ćwiczeniem jest wykonanie animowanego gifa fazy księżyca. BKM 52

VI. Literatura 1. 2. 3. 4. 5. BKM Notatki z wykładów w Centrum Kształcenia

VI. Literatura 1. 2. 3. 4. 5. BKM Notatki z wykładów w Centrum Kształcenia Ustawicznego Internet: http: //www. gajdaw. pl/gimp http: //www. gimp. signs. pl/tutoriale/ selekcje_maski_kanaly. shtml „Po prostu GIMP” autor Phyllis Davis wyd. Helion rok 2003 „GIMP 2. 0 Edycja zdjęć cyfrowych autor Paweł Brągoszewski wyd. Helion rok 2005 53