Ćwiczenia 7 Obsługa programu GIMP



Podobne dokumenty
GIMP fotografia kolorowa i czarno-biała

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

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

Fotografia cyfrowa obsługa programu GIMP

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

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

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Grafika komputerowa ZS Sieniawa Andrzej Pokrywka. Ścieżki cz. 2. Rysunki z kreskówek. Autor: Joshua Koudys

Tworzenie napisu i obrysu.

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

Metaliczny button z deseniem.

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

Animacje oraz ciekawe efekty dostępne w programie GIMP

Narzędzia programu Paint

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

Grafika Komputerowa Materiały Laboratoryjne

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.

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

Systemy multimedialne 2015

Kurs Adobe Photoshop Elements 11

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

Gimp - poznaj jego możliwości!

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

Rób to najmniejszym rozmiarem stempla, powiększ obraz w trakcie tej korekty.

"Fotomontaż- proste i szybkie efekty"

Grafika Komputerowa. Zajęcia X

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

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

Efekt rollover ze wskaźnikiem wybranej opcji

Odbicie na szkłach okularów

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

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Tworzenie grafiki na potrzeby WWW

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

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

Kurs Adobe Photoshop Elements 11

WSTĘP; NARZĘDZIA DO RYSOWANIA

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

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Przetwarzanie grafiki rastrowej na wektorową

Spis treści. strona 1 z 10

Spis treści. Włodzimierz Gajda

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

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

Animowane GIF-y w GIMP-ie

.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.

Ćwiczenie 14 Dmuchawce

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

Adam Dudek, Systemy Multimedialne 2015

Adobe Photoshop Dodatek do lab4 J.Wiślicki, A.Romanowski;

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

Retusz i kolorowanie starej fotografii

Obsługa programu GIMP poziom podstawowy

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

Projekt witryny pt. Oko

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

Obsługa programu Paint. mgr Katarzyna Paliwoda

Grafika Komputerowa Materiały Laboratoryjne

INSTRUKCJA ĆWICZENIOWA NR 4

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Tworzenie animacji

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

Adobe InDesign lab. 3 Jacek Wiślicki, Paweł Kośla

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

Adobe InDesign lab. 3 Jacek Wiślicki,

Grafika Komputerowa Materiały Laboratoryjne

Photoshop. Tworzenie tekstu

Inkscape. Narzędzia informatyki

PORADNIK PRZEMALOWANIA MODELI cz.2

Ćwiczenie 1 Galeria zdjęć

Ćwiczenie 5 Animacja tekstu

Podstawowe szkolenie z Photoshopa

Ćwiczenie 1 Automatyczna animacja ruchu

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

Grafika komputerowa. Zajęcia 8

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

Obsługa programu Paint materiały szkoleniowe

Edytor tekstu OpenOffice Writer Podstawy

Grażyna Koba. Grafika komputerowa. materiały dodatkowe do podręcznika. Informatyka dla gimnazjum

Maskowanie i selekcja

Ćwiczenie 2 Warstwy i kształty podstawowe

Poradnik GIMP dla opornych

RYSUNEK TECHNICZNY I GEOMETRIA WYKREŚLNA INSTRUKCJA DOM Z DRABINĄ I KOMINEM W 2D

Opis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania.

Opis Edytora postaci Logomocji

WSTAWIANIE GRAFIKI DO DOKUMENTU TEKSTOWEGO

4.6 OpenOffice Draw tworzenie ilustracji

Edycja fotografii w programie GIMP

Ćwiczenie 6 Animacja trójwymiarowa

Obsługa programu GIMP poziom zaawansowany

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

Korzystanie z efektów soczewek

Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku

Górnicki Mateusz 17681

Photoshop. Warstwy. Wykład 3. Opracowała: Elżbieta Fedko. Projekt jest współfinansowany ze środków Unii Europejskiej

Grafika komputerowa. Zajęcia IX

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

Operacja macro. czyli jak podpisać zdjęcie i zrobić miniaturę. Tworzymy nową akcję. Anna Góra. Zmiana dpi zdjęcia na 300 piks/cal.

Pierwsze kroki w programie graficznym GIMP

Agnieszka Kowalska-Owczarek. Podstawy grafiki rastrowej

Prezentacja MS PowerPoint 2010 PL.

Transkrypt:

Ćwiczenia 7 Obsługa programu GIMP GIMP - stworzony w ramach projektu GNU program do obróbki grafiki rastrowej. Zadanie 1. Prosty, animowany napis. ( Przykład: animowany napis.gif) Zaprojektuj i wykonaj napis wykorzystując wskazówki umieszczone poniżej. 1. Tworzymy nowy obraz (Plik -> Nowy... [Ctrl+N]) o dowolnych rozmiarach i dowolnym kolorze tła (nie zalecam przeźroczystego tła, bo napis stanie się bardzo poszarpany(aliasing)). 2. Wybieramy narzędzie Tekst [T] i piszemy coś na naszym obrazie w odpowiadającym nam kolorze i rozmiarze. Utworzy się nowa warstwa z tekstem. 3. Na warstwie tekstowej wchodzimy w Warstwa -> Przezroczystość -> Kanał alfa na zaznaczenie. Powiększamy zaznaczenie (Zaznaczenie -> Powiększ...) o 1 px. 4. Na tej samej warstwie wchodzimy w Warstwa -> Połącz w dół. 5. Za pomocą narzędzia Gumka [Shift+E] wycieramy cały tekst z zaznaczenia. 6. Duplikujemy warstwę (Warstwa -> Duplikuj warstwę [Shift+Ctrl+D]. 7. Wybieramy narzędzie Pędzel [P] i zamalujemy część zaznaczenia takim kolorem jakiego użyłeś/aś do napisania tekstu. 8. Kroki od 6 do 7 powtórz, aż do zamalowania całego napisu. 9. Wykonaj zamalowanie napisu dodatkowym kolorem. 10. Aby sprawdzić podgląd naszej animacji (Filtry -> Animacja -> Odtwórz). 11. Teraz zoptymalizujemy nasz napis. Wchodzimy w Filtry -> Animacja -> Optymalizuj (dla formatu GIF) i czekamy. 12. Pojawi się nowy obraz ze zoptymalizowaną animacją. Zapisujemy go w formacie gif jako animację. Gotowe. Zadanie 2. Fotomontaż - podmiana twarzy 1. Zaczynamy od znalezienia odpowiednich zdjęć które chcemy przerobić. 2. Zaznacz zaznaczeniem prostokątnymskopiuj jedną z twarzy [Ctrl+C]: 3. Wklej wyciętą twarz do drugiego zdjęcia [Ctrl+V]. 4. Wejdź do menu warstw. To co przed chwilą wkleiliśmy jeszcze nie jest nową warstwą. Aby wklejenie uczynić nową warstwą musisz dodać warstwę: Nowa warstwa..., pierwszy po lewej stronie, od dołu przycisk w oknie warstw. 5. Za pomocą narzędzia Przesunięcie [M] przesuń wklejoną warstwę tak, aby główne części twarzy ze sobą się pokrywały. Dobrze jest zmniejszyć krycie wklejonej warstwy do około 60-70%. Jeśli zajdzie taka potrzeba, przeskaluj wklejoną warstwę. Gdy to wykonasz zmień krycie na 100%. 6. Warstwę Tło zmień na odcienie szarości: Kolory -> Desaturacja. 7. Dodaj maskę warstwy (Biała bez przeźroczystości) dla Wklejona warstwa.

8. Za pomocą pędzla [P] (kolor czarny #000000) rysujemy na masce tak aby została tylko centralna część twarzy. 9. W menu warstw [Ctrl+L] zmieniamy aktywną warstwę na Wklejoną warstwę i stosujemy na niej Warstwa -> Kolory -> Desaturacja. 10. Przechodzimy na maskę warstwy i stosujemy na niej filtr Rozmycie Gaussa: Filtry -> Rozmycie -> Rozmycie Gaussa..., promień 40-60px. Jak powstały jakieś niepotrzebne plamy to usuń je za pomocą pędzla o czarnym kolorze. Czasami nie wszystko jest idealne, takie sprawy załatwiamy narzędziem Klonowania. 11. Przykład efektu końcowego: Zadanie 3. Tworzenie obrazu Wykorzystamy narzędzie aerografu i stworzymy własny prosty pejzaż. Zatem zaczynajmy: 1. Stwórz własny pędzel, w oknie wyboru pędzli znajdziesz przycisk Nowy pędzel. Wybierz: Kształt koło Promień bez zmian (i tak nie ma to znaczenia w późniejszej pracy) Twardość 0, Współczynnik proporcji 1 Reszta bez zmian Nazwę zacznij literą a lub znakiem _ żeby wyświetlany był na początku listy. 2. Z paska narzędzi wybierz, wybierz: Plik -> Preferencje, następnie z listy wybierz Interfejs i naciśnij Konfiguruj skróty klawiszowe. Pojawi się okno, w którym powinieneś wybrać Kontekst. Wyświetli się lista. Poszukaj komend:increase radius i Decrease radius.

Klikając na nie, ustal skróty klawiszowe odpowiedzialne za zwiększanie i zmniejszanie rozmiaru pędzla. Uwaga: zadziała tylko na pędzlach zrobionych przez Ciebie. 3. Utwórz Nowy obraz. Następnie stwórz nową, przezroczystą warstwę. Namaluj na niej pędzlem o kryciu równym 100 zarys horyzontu (np. wysokie góry, miasto, drzewa). Jeśli chcesz, możesz użyć o małej wartości rozmycia np. Gaussa: Filtry -> Rozmycie -> Rozmycie Gaussa 4. Stwórz nową warstwę i wypełnij ją gradientem [L] (najlepiej biało-czarny), wybierz stosunkowo jasny gradient, aby obraz nie był zbyt ciemny. Zduplikuj [Shift+Ctrl+D] warstwę, duplikat ustaw na samym wierzchu i zmniejsz krycie do około90%. Eksperymentuj trochę, aż znajdziesz odpowiednią wartość. 5. Stwórz nową, przezroczystą warstwę. Powtórz krok 1., tworząc nieco niższą linię horyzontu. Tym razem nie używaj filtrów do rozmycia obrazu. Chcąc podkreślić detal ukształtowanie terenu lub budynków, możesz namalować małym pędzlem o kryciu 10 białym kolorem kreski

(oznaczające deteal czyli mp. Dachówki, nierówności terenu itd.) wzdłuż linii horyzontu. Spróbuj wyrzeźbić jak najdokładniejsze zarysy. 6. Zduplikuj warstwę z gradientem i przesuń ją na wierzch. Zmniejsz jej krycie do około 70-60%. 7. Stwórz nową, przezroczystą warstwę. Powtórz krok 1., tworząc tym razem najniższą linię. Polecam namalować na linii kilka drzew, głazów lub innych obiektów. To będzie twój drugi plan (w moim przypadku jest to balkon mam nadzieje, że poznacie ). 8. Znowu zduplikuj warstwę z gradientem. Ustaw ją na wierzchu i zmniejsz krycie do bardzo niskiej wartości, np.20-30%. 9. Stwórz nową, przezroczystą warstwę. Namaluj na niej drzewo lub cokolwiek, co powinno znaleźć się na pierwszym planie. Użyj czarnego koloru aerografu [A] do malowania konturów, a białego z niskim kryciem do cieniowania. Pamiętaj o logicznym umiejscowieniu światła i

odwzorowaniu gałęzi. Mniej zaawansowanym polecam namalować głaz lub cokolwiek o prostych kształtach. 10. Użyj filtrów rozmycia na mniej ważne elementy drugiego planu. Na warstwie z obiektem na pierwszym planie wykonaj kilka linii lub kształtów, czarnym białym kolorem z niskim kryciem, w celu uwydatnienia światła. Na najniższej warstwie namaluj poziome (chmury, dym to co Ci przyjdzie do głowy) białym pędzlem z kryciem około 50-70%. 12. Na koniec stworzymy ramkę. Wybór jej wyglądu zależy od Ciebie. Może wyglądać na przykład tak: Zaznaczenie -> Wszystko, Zaznaczenie -> Zmniejsz -> 1 px, następnie: Zaznaczenie -> Odwróć -> [Shift+B] i wypełnij ciemnym kolorem.

Zadanie 4. Wykorzystanie ścieżek przy tworzeniu pseudo wektorowego obrazu. Przykłąd: 1. Pracę zaczynamy od stworzenia szkicu, który będzie bazą. Możesz wykorzystać plik szkic z katalogu do ćwiczeń. 2. Warstwę ze szkicem nazywamy po prostu szkic i pod nią, jako Tło, wstawiamy kolejna, białą warstwę (można to zrobić też trochę inaczej, a mianowicie po otworzeniu czystego obrazka tworzymy nową, przeźroczystą warstwę i na niej zaczynamy rysować szkic). Następnie ustawiamy krycie warstwy szkic na około 25%, by rozjaśnić bazę pod kolejne etapy pracy i tworzymy nową, transparentną warstwę lineart pod kontur. 3. Teraz pora na ścieżki ( {B}). Powiększamy obrazek i zaczynamy wyginać krzywe, dopasowując je do szkicu. Ważne jest, by poprowadzić podwójną linię ścieżki. Dzięki temu mamy kontrolę nad grubością linii, która powstanie. Nie obrysowujemy od razu całego obrazka, robimy to etapami, powoli i nie śpiesząc się. 4. Kiedy już mamy obrys fragmentu obrazka, wybieramy: Zaznaczenie -> Ze ścieżki [Shift+V]. Tworzy nam się zaznaczenie. Wypełniamy (Wypełnienie kubełkiem [Shift+B]) czarnym kolorem. Kilkukrotne kliknięcie kolorem w zaznaczeniu sprawi, że linia będzie bardziej czarna. Oczywiście wykonujemy to na warstwie lineart.

5. Ten sposób jest o wiele praktyczniejszy od metody rysuj wzdłuż ścieżki, gdyż możemy nadać liniom w różnych miejscach różna grubość. Pamiętaj, by linie łączyły się ze sobą, to ułatwi nam kolorowanie. 6. Po ukończeniu line art chwilowo wyłącz podgląd warstwy szkicu, by nie przeszkadzała w dalszej pracy. 7. Nadszedł czas na kolorowanie. Tworzymy nowa, przeźroczystą warstwę. Na warstwie lineart wybieramy fragment, który chcemy pokryć kolorem i zaznaczamy go narzędziem Zaznaczenie rozmyte {U}. Następnie, by uniknąć brzydkich białych pikseli, wybieramy opcję: Zaznaczenie -> Powiększ... i wpisujemy 1 lub 2 px. Jeśli kontur jest dość gruby wybierz 2px. Wybieramy odpowiedni kolor i na nowej warstwie, za pomocą kubełka, kolorujemy zaznaczenie. 8. Teraz zmieniamy nazwę warstwy i przesuwamy ją pod warstwę lineart. Każdy kolejny fragment kolorujemy w ten sam sposób i ustawiamy pod tą warstwą. 9. Teraz tchniemy trochę życia w tło. Zaznaczamy je na warstwie z kolorem tła za pomocą Narzędzie zaznaczenie według koloru [Shift+O] i na nowej warstwie nadajemy delikatne gradienty ( [L]). Na dole ciemniejszy, a na górze, po rogach, jaśniejszy. 10. Następnym krokiem jest nadanie bardziej intensywnych cieni. Za pomocą ścieżek wybieramy fragmenty, które mają być zacieniowane i kolorujemy je pokazaną wcześniej metodą. Każdy kolor na innej warstwie. 11. Zawsze warto podkreślić blask np. ust itp. Można to osiągnąć za pomocą trzech kół (o trzech stopniach jasności) rozjaśniających się do środka.