Grafika Komputerowa Materiały Laboratoryjne



Podobne dokumenty
Grafika Komputerowa Materiały Laboratoryjne

Grafika Komputerowa Materiały Laboratoryjne

Grafika Komputerowa Materiały Laboratoryjne

.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.

Maskowanie i selekcja

NARZĘDZIA DO ZAZNACZANIA

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

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

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

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

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

GIMP fotografia kolorowa i czarno-biała

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

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

Rozmiar i wielkość dokumentu

Grafika komputerowa. Zajęcia 8

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

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

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

Tworzenie nowego dokumentu. Ćwiczenie

Ćwiczenie 1. Pędzel historii.

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.

Gimp - poznaj jego możliwości!

Narzędzia programu Paint

Grafika Komputerowa. Zajęcia X

GIMP GNU Image Manipulation Program. Narzędzia Informatyki

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

Ćwiczenie 2 Warstwy i kształty podstawowe

Ćwiczenie pochodzi ze strony

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Przygotowanie materiałów graficznych w programie Gimp

Tworzenie grafiki na potrzeby WWW

Metaliczny button z deseniem.

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

Jak przygotować pokaz album w Logomocji

Animowana grafika 3D Laboratorium 1

Fotografia cyfrowa obsługa programu GIMP

Projekt witryny pt. Oko

Akademia im. Jana Długosza w Częstochowie. Agnieszka Mazur i Magdalena Rabenda

Obsługa programu Paint. mgr Katarzyna Paliwoda

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

Kopiowanie, przenoszenie plików i folderów

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

WSTĘP; NARZĘDZIA DO RYSOWANIA

Obsługa programu Paint materiały szkoleniowe

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

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

PIXLR EDITOR - Autor: mgr inż. Adam Gierlach

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

Spis treści. strona 1 z 10

Photoshop Podstawy obsługi

Maskowanie obrazków. Omówione zagadnienia. Aby otworzyć obrazek

SketchUpMake - instrukcja obsługi

Poradnik GIMP dla opornych

CorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów

Odbicie na szkłach okularów

PORADNIK PRZEMALOWANIA MODELI cz.2

Uruchom program Corel PHOTO-PAINT. Wczytaj obrazek. Utwórz maskę. Sprawdź czym różni się obszar maskowany od niemaskowanego.

Scenariusz zajęć pozalekcyjnych w ramach Innowacyjnej Szkoły Zawodowej

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

Adam Dudek, Systemy Multimedialne 2015

Grafika Komputerowa Materiały Laboratoryjne

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

Kurs Adobe Photoshop Elements 11

Tworzenie logo. Omówione zagadnienia

GIMP. Odręczne zaznaczanie obszarów (F) - Narzędzie to słuŝy do swobodnego definiowania zaznaczeń.

Instrukcja wgrywania aktualizacji oprogramowania dla routera Edimax LT-6408n

Grafika komputerowa. Zajęcia 7

Dodawanie grafiki i obiektów

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt

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

Ćwiczenia - CorelDraw

Podstawy technologii cyfrowej i komputerów

Ćwiczenie 1 Automatyczna animacja ruchu

Celem ćwiczenia jest zapoznanie się z podstawowymi funkcjami i pojęciami związanymi ze środowiskiem AutoCAD 2012 w polskiej wersji językowej.

Grafika komputerowa. Zajęcia IX

Efekt rollover ze wskaźnikiem wybranej opcji

Oficyna Wydawnicza UNIMEX ebook z zabezpieczeniami DRM

CorelDRAW. wprowadzenie

Automatyzacja i robotyzacja procesów technologicznych

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

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

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

Edytor tekstu OpenOffice Writer Podstawy

OPERACJE NA PLIKACH I FOLDERACH

Spis treści. Wstęp 7 Rozdział 1. Podstawy pracy z programem 9

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

Tworzenie prezentacji w MS PowerPoint

WORDPRESS INSTRUKCJA OBSŁUGI

Mieszanie warstw trybem Nakładka

Pasek menu. Ustawienia drukowania

Compas 2026 Vision Instrukcja obsługi do wersji 1.07

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

Spis treści. strona 1 z 11

Photoshop. Interfejs graficzny programu

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0

Kurs Adobe Photoshop Elements 11

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

Kurs Adobe Photoshop Elements 11

Transkrypt:

Grafika Komputerowa Materiały Laboratoryjne Laboratorium 1 GIMP: podstawy Wstęp Laboratorium 1 obejmuje podstawowe metody edycji obrazów rastrowych z wykorzystaniem ogólnodostępnych narzędzi edycyjnych. Wraz z zapoznaniem się z programem GIMP, ćwiczący sprawdzi w praktyce zasady tworzenia i edycji obrazu rastrowego, prezentowane na wykładzie. Program GIMP jest nieodpłatną alternatywą dla komercyjnych aplikacji jak np. Photoshop czy Paintshop Pro. W większości typowych zastosowań oferuje porównywalną użyteczność i efekty jak jego komercyjni konkurenci. Można go pobrać ze strony www.gimp.org. W niniejszych ćwiczeniach wykorzystujemy wersję 2.8.6. Przed rozpoczęciem ćwiczenia należy pobrać paczkę lab_1_materialy.zip z witryny miki.cs.pollub.pl i rozpakować ją do folderu Lab1 utworzonego na pulpicie Ćwiczenie 1 Zapoznanie z GIMP Zadanie: Uruchom i skonfiguruj GIMPa Uruchom i skonfiguruj wygląd GiMPa Uruchom GIMPa z pomocą ikonki na pulpicie lub z menu start: Z menu górnego wybierz okna -> dokowalne okna dialogowe -> historia działań. Efektem jest dodanie okienka historii (cofania) do prawego panelu.

Zadanie: otwarcie i podstawowe parametry obrazu Otwórz obraz do edycji Z menu górnego wybierz Plik -> Otwórz. Zlokalizuj i otwórz obraz lab1_a.jpg Sprawdź rozmiar obrazu. Zmień rozmiar na 600x800 pikseli Z menu górnego wybierz Obraz -> Skaluj obraz. Odczytaj bieżącą rozdzielczość obrazu. W polu szerokość wpisz 600. Wartość z drugiego pola dopasuje się automatycznie. Zatwierdź zmiany.

Przywróć oryginalny rozmiar obrazu. Zmień rozmiar obrazu na 800x800 pikseli Wykorzystaj panel historia działań aby powrócić do wcześniejszej wersji obrazu. Uruchom ponownie skalowanie. Tym razem skalowanie spowoduje zmianę proporcji obrazu. Narzędzie skalowania standardowo utrzymuje proporcje obrazu podczas skalowania. Aby umożliwić wpisanie obu wartości należy wyłączyć blokadę klikając ikonkę łańcuszka spinającego oba pola. Efektem jest obraz wpasowany w kwadratową ramkę Przywróć oryginalny rozmiar obrazu. Zmień rozmiar obrazu na 600x800 pikseli a następnie dodaj po 100 pikseli z każdej strony obrazu. Nie zawsze zmiana wielkości obrazu powinna pociągać za sobą przeskalowanie jego zawartości. Np. w przypadku potrzeby dodania ramki z podpisem. W takim przypadku wykonuje się poszerzenie obszaru roboczego tzw kanwy. Wykorzystaj panel historia działań. Następnie wybierz Obraz -> Wymiary płótna Wprowadź odpowiednią szerokość i wysokość płótna (800x1000). Należy również określić pozycję oryginalnego obrazu na nowym płótnie. W tym przypadku obraz powinien znaleźć się na środku.

Piksele nowego obszaru obrazu nie mają określonego koloru, więc prezentowane są jako przezroczyste. Widoczna szachownica reprezentuje podkład obrazu ułatwiając odróżnienie obszaru przezroczystego. Nowy obszar obrazu może być mniejszy od oryginalnego. W takim przypadku nastąpi wykadrowanie (przycięcie) obrazu. Zadanie samodzielne Otwórz obraz Lab1_B.jpg i wykonaj zmiany odpowiadające przedstawionym poniżej. Ćwiczenie 2 Podstawowa korekta obrazu Zadanie: Modyfikacja kontrastu i jasności obrazu Otwórz obraz Lab1_C.jpg i popraw Otwórz obraz jego jasność. Wybierz Kolory -> Jasność i kontrast

Modyfikuj parametry jasności i kontrastu tak aby uzyskać lepszą widoczność ciemnych elementów. Zwróć uwagę na zachowanie obszarów jasnych. Zadanie samodzielne Załaduj obraz Lab1_D.jpg i popraw jego jasność.

Zadanie: Modyfikacja poziomów obrazu Załaduj obraz Lab1_D.jpg i popraw Załaduj obraz jego jasność wykorzystując Wybierz Kolory -> Poziomy narzędzie poziomy Narzędzie Poziomy korzysta z histogramu obrazu. Jest to statystyczne zestawienie ilości punktów o jaskrawościach uszeregowanych od najciemniejszych do najjaśniejszych (szersze objaśnienie na wykładzie) Na histogramie widać, że obraz jest mocno niedoświetlony (wszystkie piksele są skupione przy granicy czerni). Przesuwając znaczniki czerni, bieli i szarości tak aby obejmowały obszar rzeczywiście wykorzystywany możemy uzyskać znaczącą poprawę jasności bez utraty głębi czerni Efektem działania modyfikacji poziomów jest rozsunięcie dostępnych kolorów na cały dostępny zakres.

Załaduj ponownie obraz Lab1_C.jpg i popraw jego jasność wykorzystując narzędzie poziomy Na histogramie widać, że obraz jest zarówno niedoświetlony (zdecydowana większość pikseli przy granicy czerni) jak i prześwietlony (duża ilość pikseli na granicy bieli). Ogranicza to możliwości do określania punktu środka szarości Ćwiczenie 3 Progowanie i selekcja Zadanie: Wykonaj progowanie aby wyodrębnić kształt obiektu z obrazu Wyodrębnij z obrazu Otwórz obraz psa Plik Wybierz Kolory -> Progowanie Lab1_E.jpg Wyodrębnij z obrazu budynek Plik Lab1_F.jpg Otwórz obraz Wybierz Kolory -> Progowanie Manipulując punktem progu między czernią i bielą uzyskaj widok zbliżony do tego na rysunku poniżej.

Zadania samodzielne Wyodrębnij z obrazu lampę. Plik Lab1_G.jpg Wyodrębnij z obrazu lampę wraz z kloszem

Zadanie: Zaznacz element na obrazie Zaznacz kulę z Otwórz obraz obrazka Lab1_H.jpg i Wykorzystaj narzędzie Zaznaczenie eliptyczne z przybornika skopiuj ją do nowego obrazka Przeciągając myszą z wciśniętym lewym klawiszem postaraj się uzyskać zaznaczenie obejmujące mniej więcej kulę na obrazie Wykorzystując możliwość modyfikacji zaznaczenia poprzez przeciąganie narożników i krawędzi obramowującego prostokąta dopasuj zaznaczenie do brzegów kuli Skopiuj kulę do nowego obrazu (Ctrl+C, Plik -> Nowy, Ctrl+V)

Zaznacz kule bilardowe z obrazka Lab1_I.jpg i skopiuj je do nowego obrazka Otwórz obraz Wykorzystaj narzędzie Zaznaczenie eliptyczne. Trzymając wciśnięty klawisz Shift można dołączać kolejne zaznaczenie do już istniejącego. (Ctrl spowoduje odjęcie nowego zaznaczenia od już istniejącego)

Analogicznie funkcjonuje narzędzie zaznaczenia prostokątnego. Metoda dodawania i odejmowania zaznaczeń działa pomiędzy zaznaczeniami tworzonymi przez wszystkie narzędzia. Zadanie: Zaznaczanie obiektu złożonego Zaznacz budynek z Otwórz obraz. pliku Jak widać, mimo że budynek jest regularny, trudno go zaznaczyć za pomocą prostych Lab1_J.jpg i narzędzi geometrycznych. W tym przypadku konieczne jest stworzenie bardziej skopiuj go skomplikowanej figury. do nowego obrazka Wykorzystaj narzędzie Odręczne zaznaczanie (lasso). Kliknij w jednym z narożników budynku i prowadź linie wzdłuż jego krawędzi, klikając za każdym razem gdy krawędź zmienia kierunek. Podświetlony punkt załamania linii można przemieszczać aby dokładniej dopasować linię. Obrysuj w ten sposób cały budynek klikając na końcu w początkowy punkt linii.

Zadanie: Zaznacz nieregularny element w obrazie Zaznacz żabę w Otwórz obraz. pliku W przypadku nieregularnych obiektów obrysowywanie za pomocą lassa może być zbyt Lab1_K.jpg i skopiuj ją pracochłonne i podatne na błędy. Narzędzia typu różdżka czy zaznaczenie do nowego obrazka koloru mogą pomóc tylko wtedy gdy obiekt cechuje w miarę jednolity kolor, różny od tła. Do wycięcia żaby zastosujemy dwa narzędzia. Na początek za pomocą inteligentnych norzyc wykonamy zaznaczenie obramowujące żabę. Norzyce działają w sposób analogiczny do lassa, z tym że linia między kolejnymi punktami próbuje dopasować swój kształt do krawędzi obiektu (nie zawsze z dobrym skutkiem).

Kolejnym etapem jest poprawa zaznaczenia z użyciem szybkiej maski (Shift+Q). Przełącza ona obraz w tryb kluczowania zaznaczenia kolorem. Obszar nie zaznaczony jest oznaczony półprzezroczystym kolorem czerwonym. Zaznaczenie można zmieniać poprzez rysowanie narzędziami malarskimi. Kolor czarny (kolor narzędzia) powoduje zamalowanie obszaru na czerwono usunięcie zaznaczenia. Kolor biały (kolor tła) lub użycie gumki powoduje usunięcie zaczerwienienia dodanie obszaru do zaznaczenia. Dodatkową zaletą jest możliwość użycia narzędzia o miękkiej krawędzi (np. pędzel). Powoduje to powstanie wtopionego brzegu zaznaczenia, gdzie zamiast ostrej krawędzi jest półprzezroczysty obszar. Ma to kluczowe znaczenie gdy obiekt ma być umieszczony na tle o zupełnie innym kolorze niż tło obecne.

Po zakończeniu poprawek można wyjść z trybu szybkiej maski (Shift+Q) i wykonać kopiowanie. Efekt końcowy: Wykorzystaj progowanie do zaznaczenia obrazu gerber Lab1_L.jpg Załaduj obraz I tutaj przyda się tryb szybkiej maski, jednak zaznaczanie ręczne gerber byłoby dość pracochłonne. Można wykorzystać fakt, że Gerbery dość dobrze odcinają się od tła i spróbować uzyskać krawędź z wykorzystaniem progowania. Progowanie całego obrazu nie da jednak wystarczająco dobrego efektu gdyż gerbery nie różnią się mocno jasnością od reszty obrazu. Lepszym rozwiązaniem jest rozłożenie obrazu na jego składowe RGB (Lub inne składowe jeśli RGB nie daje dobrych rezultatów)

Wybierz Kolory -> Składowe -> Rozłóż Po wykonaniu uzyskujemy trzy warstwy zawierającą składowe RGB obrazu przedstawione w formie odcieni szarośći. Składowa czerwona zawiera obraz kwiatka znacznie różniącego się jasnością od tła. Na tej warstwie wykonujemy progowanie. Otwóż w nowym oknie ponownie obraz Lab1_L.jpg. W oknie zawierającym efekt progowania użyj skrótów Ctrl+A oraz Ctrl+C aby skopiować obrazek do schowka.

W oknie zawierającym niezmieniony obraz włącz szybką maskę. Wklej obrazek ze schowka modyfikując szybką maskę Wykorzystując pędzel/ołówek usuń śmieci. Zmodyfikuj zaznaczenie rozmywając delikatnie jego krawędzie: Zaznaczenie -> Zmiękcz

Przekopiuj zaznaczenie do nowego obrazka Zadanie samodzielne Otwórz plik Lab1_M.jpg. Z pomocą poznanych technik spróbuj zaznaczyć i skopiować do nowego obrazka drzewo znajdujące się na głównym planie.