POLITECHNIKA KRAKOWSKA im.t.kociuszki. Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych.

Podobne dokumenty
Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

Fotografia cyfrowa obsługa programu GIMP

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Metaliczny button z deseniem.

Animacje cz. 2. Rysujemy koło zębate

Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH. Miłosz Michalski. Institute of Physics Nicolaus Copernicus University.

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

Tworzenie napisu i obrysu.

Systemy multimedialne 2015

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Gimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop

Ćwiczenia I 2011r. zajęcia stacjonarne Przygotowanie grafiki statycznej i animowanej w programie GIMP

Gimp - poznaj jego możliwości!

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

GIMP fotografia kolorowa i czarno-biała

Tworzenie nowego dokumentu. Ćwiczenie

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP

PORADNIK PRZEMALOWANIA MODELI cz.2

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Ćwiczenie 6 Animacja trójwymiarowa

Grafika Komputerowa Materiały Laboratoryjne

Spis treści. strona 1 z 10

Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie

Jak przygotować pokaz album w Logomocji

WSTĘP; NARZĘDZIA DO RYSOWANIA

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

Woda na powierzchniach. Rafał Chylaszek & Tomasz Krok 5 czerwiec 2009

Utworzyliśmy właśnie fragment elementów, które będą imitować fotomanipulację kobietycyborga. W taki sposób prezentuje się nasz efekt:

Kurs Adobe Photoshop Elements 11

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

Obsługa programu Paint. mgr Katarzyna Paliwoda

Animacje oraz ciekawe efekty dostępne w programie GIMP

Odbicie na szkłach okularów

"Fotomontaż- proste i szybkie efekty"

PROJEKT WIZYTÓWKI WIZYTÓWKA A

Adobe Photoshop lab. 3 Jacek Wiślicki, 1. Napisy (c.d.) Ogień Miód Metal Aqua...

Tworzenie menu i authoring w programie DVDStyler

Fotografia cyfrowa obsługa programu GIMP. Cz. 15. Retusz twarzy i postaci. Jak skorygowad defekty i wygładzid twarz?

Dodawanie grafiki i obiektów

Kurs Adobe Photoshop Elements 11

Agnieszka Kowalska-Owczarek. Podstawy grafiki rastrowej

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

Ćwiczenie 12 Różdżka, szybkie zaznaczanie i zakres koloru

Spis treści. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego str. 1

Photoshop. Tworzenie tekstu

ZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

Scenariusz lekcji. Scenariusz lekcji. opisać działanie narzędzi przybornika. korzystać z Edytora postaci programu Logomocja;

Animowane GIF-y w GIMP-ie

Opera Wykorzystanie certyfikatów niekwalifikowanych w oprogramowaniu Opera wersja 1.1 UNIZETO TECHNOLOGIES SA

INSTYTUT TECHNIKI Zakad Elektrotechniki i Informatyki mdymek@univ.rzeszow.pl FLASH

Zastosowanie programu Microsoft Excel do analizy wyników nauczania

Ćwiczenie 1 Automatyczna animacja ruchu

Serwis PTF Dodanie informacji bieżącej w podserwisie oddziału

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Projekt witryny pt. Oko

WARSTWY cd. Narzędzia służące do transformacji warstw są przedstawione na poniższym rysunku: Służą one odpowiednio do:

Poniszy rysunek przedstawia obraz ukoczonej powierzchni wykorzystywanej w wiczeniu.

Kurs Adobe Photoshop Elements 11

Ćwiczenie 5 Animacja tekstu

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

Pierwsze kroki w programie graficznym GIMP

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Spis treści. Adobe Photoshop lab. 2 Jacek Wiślicki,

Rysunek 1: Okno timeline wykorzystywane do tworzenia animacji.

Ćwiczenie 14 Dmuchawce

Szybka instrukcja tworzenia testów dla E-SPRAWDZIAN-2 programem e_kreator_2

Retusz i kolorowanie starej fotografii

Przedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Tworzenie animacji

Opis środowiska Scratch

Cykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp

PIXLR EDITOR - Autor: mgr inż. Adam Gierlach

Wesoła szkoła i przyjaciele, kl. 2 Plan wynikowy zaj komputerowych

Kurs Adobe Photoshop Elements 11

Ćwiczenia GIMP. S t r o n a Uruchom program gimp: 2. I program się uruchomił:

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

Rys.1. Technika zestawiania części za pomocą polecenia WSTAWIAJĄCE (insert)

INSTRUKCJA ĆWICZENIOWA NR 4

Rysujemy rybk Na pocztek musimy narysowa nasz rybk. Tutorial pokae, jakich narzdzi najlepiej uy do tego celu.

Opis środowiska Scratch

Tworzenie prezentacji w MS PowerPoint

Zadania do wykonaj przed przyst!pieniem do pracy:

Temat 1: GIMP selekcje, wypełnienia, ścieżki

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

GIMP. Ćwiczenia praktyczne

Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn

Tworzenie i edycja dokumentów w aplikacji Word.

GIMP GNU Image Manipulation Program. Narzędzia Informatyki

5. Kliknij czarny trójkt umieszczony w prawym dolnym rogu ikony narzdzia Wypełnienie i - z rozsuwanej palety - wybierz pozycj Wypełnienie jednolite.

Tworzenie grafiki na potrzeby WWW

Ćwiczenie 2 Warstwy i kształty podstawowe

Transkrypt:

POLITECHNIKA KRAKOWSKA im.t.kociuszki Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych Gimp - efekty Technologie informacyjne LABORATORIUM 2 x 45min LAB 04 Program GIMP jest narzdziem do przetwarzania grafiki cyfrowej. Mona przy jego uyciu tworzy grafik, zmienia rozmiary i wycina fragmenty zdj, dokonywa rónych operacji na kolorach, łczy obrazy stosujc warstwy oraz dokonywa konwersji rónych formatów plików graficznych. GIMP posiada du ilo funkcji przydatnych zarówno do tworzenia grafiki jak i retuszu fotografii. Do dyspozycji s m.in.: warstwy i maski warstw, moliwo zmiany trybu mieszania kolorów warstw, narzdzia do modyfikacji kolorów (poziomów luminancji, krzywych tonalnych, jasnoci, nasycenia, kontrastu), moliwo tworzenia własnych pdzli, gradientów i deseni. filtry i narzdzia do modyfikacji obrazu (rozmycie, wyostrzanie, stempel klonujcy itp.), rozbudowane narzdzia zaznaczania, współpraca z urzdzeniami czułymi na nacisk (tablety graficzne), rozszerzalno za pomoc wtyczek (np. do obsługi formatów RAW), praca w trybach RGB, skala szaroci oraz z palet indeksowan, uycie CMYK (wtyczka SEPARATE). Wewntrznym formatem stosowanym przez GIMP-a do zapisu plików graficznych jest format XCF. Wan cech programu jest moliwo odczytu i zapisu wielu rónych formatów plików graficznych, w tym plików PSD, GIF, JPG, TIFF, PNG, a przy uyciu programu GhostScript równie moliwo otwierania plików PS, EPS i PDF. Materiały do programu GIMP 1. Polska dokumentacja GIMP: http://docs.gimp.org/pl/ 2. Informacje na Wikipedii: http://pl.wikipedia.org/wiki/gimp 3. Filmy instruktarzowe: http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php#gimp 4. Grokking the GIMP: http://gimp-savvy.com/book/index.html str. 1

wiczenie 1. Filtry i cie Celem wicze jest nabycie umiejtnoci pracy z warstwami, skuteczne korzystanie z narzdzi Selekcja oraz wykorzystanie filtrów. Otwórz obraz stolik.jpg nastpnie wykorzystujc narzdzie selekcji Ródka zaznacz tło. Aby wybra wszystkie obszary tła, nawet te pomidzy nogami stolika naley uywajc tego samego narzdzia wcisn SHIFT i wskaza kolejne obszary, które bd dodane do zaznaczenia. Zaznaczenia na górnym pasku menu wybierz polecenie Odwró. Dziki tej operacji uzyskujemy zaznaczenie stolika. W menu głównym wybieramy opcje Plik Nowy. Tworzymy nowy plik graficzny o wymiarach: 800x600. Zapisujemy go, nadajc mu nazw fotomontaz.xcf. Kopiujemy zaznaczenie z obrazu stolik.jpg i za pomoc klawiszy skrótu Ctrl+V wklejamy do nowo utworzonego obrazu. Nastpnie dodajemy now warstw. Obiekt który został wklejony powinien zosta zamieszczony na osobnej warstwie, której nadajemy nazw Stolik. Przy uyciu narzdzia do transformacji zmniejszamy obraz stolika oraz ustawiamy go w centralnej czci obrazu. Kolejnym krokiem jest otwarcie obrazu wazon.jpg. Postpujemy dokładnie tak samo jak w przypadku stolika, czyli przy uyciu narzdzia Ródka zaznaczamy tło, a nastpnie w opcjach Zaznaczanie wybieramy Odwró. Kopiujemy zaznaczony fragment obrazu i wklejamy go do obrazu fotomonta.cxf, i dodajemy kolejn now warstw, której nadajemy nazw Wazon. str. 2

Przy uyciu narzdzi do transformacji zmniejszamy obraz wazonu i ustawiamy go na stoliku. Kopiujemy ustawiony ju wazon i wklejamy a nastpnie tworzymy now warstw, któr nazywamy Cien. Klikamy na warstw Cien w panelu warstwy, aby ja aktywowa. Korzystajc z narzdzia ródka zaznaczamy tło wokół wazonu z wcinitym przyciskiem SHIFTi po zakoczeniu zaznaczenia wywołujemy polecenie utworzenia zaznaczenia odwrotnego do wyznaczonego. Jeli uzyskamy zaznaczenie samego wazonu wybieramy narzdzie Wypełnianie kubełkiem, nastpnie w panelu ustawie tego narzdzia wybieramy opcje: tryb- zwykły, typ wypełnienia: kolor pierwszoplanowy, uwzgldniany obszar całe zaznaczenie, kolor czarny. Nastpnie klikamy na obraz wazonu przemalowujc go na czarno. str. 3

Przechodzimy do panelu Warstwy aktywujemy warstw Cien i przy uyciu zielonych strzałek przesuwamy j pod warstw Wazon. Kolejnym krokiem jest zniekształcenie obrazu wazonu na warstwie Cien, tak aby symulował połoenie cienia. Uzyskujemy to poprzez wykorzystanie narzdzia Perspektywa, znajdujcego si w panelu Przybornik. str. 4

Zatwierdzamy przekształcenie, tworzymy now warstw i uzyskujemy efekt podobny do zaprezentowanego poniej: Aby uzyska bardziej naturalny efekt przesuwamy utworzon warstw Przekształcenie o jedn warstw w dół. Klikamy na warstw Przekształcenie aktywujc j, nastpnie wybieramy z głównego paska Menu Filtry Rozmycie Rozmycie Gaussowskie, Ustalamy parametry str. 5

rozmycia na ok. 10 px. Prosz sprawdzi jak w zalenoci od doboru parametrów zmienia si efekt rozmycia i wybra optymalny. Ostatnim krokiem naszego wiczenia jest ustawienie przeroczystoci warstwy Przekształcenie pomidzy 30 a 40%. Uzyskany efekt powinien wyglda mniej wicej tak: Aby zapisa plik w formacie JPG musimy spłaszczy obrazek wykorzystujc polecenie Spłaszcz obrazek w menu Obraz lub Połcz w dół w menu Warstwa. str. 6

wiczenie 2. Tworzenie animowanego GIFa Cel wiczenia: Praca na warstwach w celu stworzenia animowanego pliku GIF. Otwieramy pliki Dziewczyna.jpg oraz staruszka.jpg. Zaznacz cały obraz z pliku Dziewczyna.jpg i przejd do obrazu Staruszka.jpg. Wklej obraz dziewczyny do pliku staruszka i utwórz now warstw. Zmie nazwy warstwom: tło zmie na staruszka a warstwa wklejona na dziewczyna. Kolejnym krokiem jest 4-krotne powielenie kadej z warstw. Realizujemy to korzystajc z polecenia Duplikuj warstwy z menu rozwijanego klikamy na warstw dziewczyna, przyciskamy prawy przycisk myszy i wybieramy opcj: duplikuj warstw 4 razy pod rzd. W efekcie powinnimy otrzyma 4 kopie warstwy. Czynno powtarzamy dla warstwy staruszka. str. 7

Zmieniamy nazwy warstw nadajc im nazw analogicznie do przedstawionego poniej przykładu. Przesuwamy warstwy uywajc zielonych strzałek na dole panelu Warstwy, tak aby warstwy o takich samych numerach porzdkowych wystpowały obok siebie tak jak ma to miejsce na ilustracji poniej. str. 8

Kolejnym krokiem jest ustawienie przeroczystoci dla kolejnych par warstw. Aby animacja przebiegała płynnie naley rónicowa przeroczysto pomidzy kolejnymi parami warstw proporcjonalnie. Mamy 5 par warstw, a wic rónica przeroczystoci pomidzy nimi powinna wynosi ok. 20 (20*5 warstw = 100% krycia). Zgodnie z powyszym warstwy: dziewczyna i staruszka maj krycie = 100% Krycie dla warstw dziewczyna 4 i staruszka 4 ustawiamy na 20%, i kolejno: Warstwy dziewczyna 3 i staruszka 3 = 40%,dziewczyna 2 i staruszka 2 = 60%, dziewczyna 1 i staruszka 1 = 80%. Wybieramy górn warstw z pary - w poniszym przypadku jest to warstwa dziewczyna 4 i łczymy warstwy w dół w wyniku tej operacji warstwa dziewczyna 4 łczy si z warstw staruszka 4, dziewczyna 3 ze staruszka 3 itd. str. 9

Jeli proces łczenia warstw został wykonany poprawnie to warstwy powinny wyglda trak jak poniej. Aby utworzy animacj naley teraz wybra z górnego paska menu wybra Obraz Tryb Indeksowany. Wybieramy opcj Paleta kolorów wygenerowana optymalna paleta, maksymalna ilo kolorów 255. Nastpnie wybieramy Filtry Animacja Optymalizuj (dla formatu GIF). W wyniku tego przekształcenia utworzony zostaje nowy plik indeksowany, w którym warstwy zostały przekonwertowane na kolejne obrazki animacji, z nadanym automatycznie czasem odtwarzania. str. 10

Moemy dowolnie zmienia czas wywietlania kolejnych klatek. Aby odtworzy animacj naley wybra: Filtry Animacja Odtwórz. Polecenie otworzy odtwarzacz animacji i moemy obserwowa efekty swojej pracy. str. 11