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



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

Fotografia cyfrowa obsługa programu GIMP

Gimp - poznaj jego możliwości!

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

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

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

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

Poradnik GIMP dla opornych

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

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Tworzenie nowego dokumentu. Ćwiczenie

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

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

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

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

Systemy multimedialne 2015

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

GIMP fotografia kolorowa i czarno-biała

Tworzenie grafiki na potrzeby WWW

Narzędzia programu Paint

Tworzenie napisu i obrysu.

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

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

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

WSTĘP; NARZĘDZIA DO RYSOWANIA

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

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

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

Projekt witryny pt. Oko

Ćwiczenia 7 Obsługa programu GIMP

Obsługa programu Paint materiały szkoleniowe

Spis treści. strona 1 z 10

PROJEKT WIZYTÓWKI WIZYTÓWKA A

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

.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.

Metaliczny button z deseniem.

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.

PORADNIK PRZEMALOWANIA MODELI cz.2

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

Photoshop. Interfejs graficzny programu

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

5.4. Tworzymy formularze

Wymagania edukacyjne - Informatyka w klasie I

"Fotomontaż- proste i szybkie efekty"

PLAN WYNIKOWY KLASA 1

Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85

Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie

Photoshop Podstawy obsługi

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

Ćwiczenie 14 Dmuchawce

Adam Dudek, Systemy Multimedialne 2015

Jak przygotować pokaz album w Logomocji

Obsługa programu Paint. mgr Katarzyna Paliwoda

Odbicie na szkłach okularów

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

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

GIMP GNU Image Manipulation Program. Narzędzia Informatyki

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

Efekt rollover ze wskaźnikiem wybranej opcji

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

Photoshop. Tworzenie tekstu

Grafika Komputerowa Materiały Laboratoryjne

Ćwiczenie 1 Automatyczna animacja ruchu

Kurs Adobe Photoshop Elements 11

KARTA INFORMACYJNA Z INFORMATYKI DO KLASY 4. Imię i nazwisko ucznia:

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

Ćwiczenie 1. Pędzel historii.

Przetwarzanie grafiki rastrowej na wektorową

Edytor tekstu OpenOffice Writer Podstawy

PIXLR EDITOR - Autor: mgr inż. Adam Gierlach

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

Animacje oraz ciekawe efekty dostępne w programie GIMP

Ćwiczenie pochodzi ze strony

Krzysztof Sendor Słowa kluczowe Meble kuchenne w Intericad. Otwieramy moduł kuchenny korzystając z menu: Moduł kuchenny/pokaż Bibliotekę

INSTRUKCJA ĆWICZENIOWA NR 4

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

Grafika Komputerowa. Zajęcia X

Slajdy. 1. STRONA uruchom program PowerPoint usuń ramki z napisami Narzędzia główne Układ Pusty

Jak dodać własny szablon ramki w programie dibudka i dilustro

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

Ćwiczenia - CorelDraw

NARZĘDZIA DO ZAZNACZANIA

Tworzenie i edycja dokumentów w aplikacji Word.

netster instrukcja obsługi

Przygotowanie materiałów graficznych w programie Gimp

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

ToonDoo Maker tworzenie pojedynczej sceny komiksowej

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

INFORMATYKA KLASA IV

Adam Dudek, Systemy Multimedialne 2017

Wstawianie nowej strony

Teraz bajty. Informatyka dla szkoły podstawowej. Klasa 4 Wymagania edukacyjne na poszczególne oceny szkolne dla klasy 4

Metody stosowane w komputerowym rysowaniu

Ćwiczenie 6 Animacja trójwymiarowa

Tworzenie logo. Omówione zagadnienia

Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.

Kryteria oceniania. Zajęcia komputerowe. Klasa IV

Transkrypt:

Rozpoczynamy prace w GIMP-e 1. Odpalamy program GIMP szukamy go albo na pulpicie albo w programach (ikonka programu widoczna w prawym górnym rogu). 2. Program uruchamia się na początku widzimy tzw. Pulpit z dwoma panelami (przybornik i warstwy, kanały, ścieżki, cofnięcie itd. 3. Opis przybornika Po załadowaniu aplikacji widzimy puste okno główne programu GIMP oraz Przybornik z dostępnym menu. Menu przybornika to : - Wypełnienie kubełkiem ( Shift + B ) - Tekst ( T ) - Zaznaczanie prostokątne ( R ) - Przesunięcie ( M ) - Zaznaczanie eliptyczne ( E ) - Wyrównanie ( Q ) - Odręczne zaznaczanie obszarów ( F ) - Miarka ( Shift + M ) - Zaznaczanie rozmyte ( U ) - Kadrowanie ( Shift +C ) - Narzędzie zaznaczania według koloru ( Shift + O ) - Obrót ( Shift + R ) - Inteligentne nożyce ( I ) - Skalowanie ( Shift + T ) - Zaznaczanie pierwszego planu - Nachylenie ( Shift + S ) - Ścieżki ( B ) - Perspektywa ( Shift + P ) - Pobranie koloru ( O ) - Odbicie ( Shift + F ) - Gradient ( L ) - Ołówek ( N ) - Pędzel ( P ) - Gumka ( Shift + E ) - Aerograf ( A ) - Stalówka ( K ) - Rozjaśnianie / Wypalanie ( Shift + D ) - Klonowanie ( C ) - Łatka ( H ) - Klon perspektywy - Rozmywanie / Wyostrzanie ( Shift + U ) - Rozsmarowywanie ( S ) Strona 1 z 20

4. Drugi panel to warstwy kanały ścieżki. Dla nas najważniejszy będzie panel warstwy. Praca w programach graficznych to praca na warstwach. Zadanie 5. Wycinanie obiektu z obrazku. 6. Wklej dowolny obrazek do programu GIMP (standardowo kopiuj Ctrl+C, wklej Ctrl+V). 7. Powiększ stosownie obiekt korzystając z przybornika narzędzie lupa Strona 2 z 20

8. Wybieramy narzędzie ścieżki z panelu przybornik i zaznaczamy na dole przybornik. Narzędzie to pozwoli nam zaznaczyć i wyciąć wybrany obiekt. 9. Zaznaczamy cały obiekt po konturze aż do połączenia. Staramy robi się tą operacje bardzo dokładnie im bliżej kropki obok siebie tym obiekt będzie lepiej odwzorowany wycięty. Następnie klikamy na opcje zaznacz ze ścieżki jeśli połączyliśmy cały obiekt. Strona 3 z 20

10. Wcinamy obiekt, który zaznaczyliśmy (co widać na poniższym rysunku) 11. Obiekt został wycięty i pozbawiony tła (znajduje się w schowku) teraz wkleimy go na nową scenę GIMP-a. Wycięta wiewiórka jest też widoczna w narzędziu pędzel. 12. Teraz jeszcze raz klikamy na wycięty rysunek prawym klawiszem myszy wybieramy opcje zaznacz i następnie nic. Obiekt przestaje migać. Zamykamy okno z rysunkiem nie zamykamy paneli przybornik ani warstwy, kanały. Strona 4 z 20

13. Wybieramy nowy dokument program sam zaproponuje nam rozmiary sceny, ale też my możemy sami ustalić jakie mają być rozmiary projektowanego obrazka. Strona 5 z 20

14. Po pojawieniu się sceny wklejamy naszą wycięty obrazek. To jest scena 15. Usuwamy obecne białe tło. Strona 6 z 20

Obrazek bez tła. Tak obrobiony obrazek można wstawić do dowolnego dokumentu graficznego ale i dokumentu tekstowego obrazek wkomponuje się w każde tło. 16. Wstawiamy nową pustą przeźroczystą warstwę. Rozmiary warstwy Strona 7 z 20

17. Klikamy na nowo wstawioną warstwę i wybieramy narzędzie, którym namalujemy tło. Jest to gradient. W tym panelu możemy sobie ustalić poziom krycia, tryb, kolor gradient, kształt. Strona 8 z 20

18. Zmieniamy kolejność warstw. Chwytamy warstwę tła i przenosimy po wycięty obrazek. 19. Duplikujemy warstwę tj. wykonujemy kopię obrazka wyciętego. Strona 9 z 20

20. Jeszcze drobna kosmetyka wybieramy warstwę kopię klikamy prawym klawiszem myszy. Wybieramy filtry następnie rozmycie i rozmycie Gaussa. Rozmycie ustawiamy na 10 aby podświetlić obiekt. 21. Na końcu zmieniamy kolejność warstw (kopie przesuwamy pod obrazek uproszczony bufor) Strona 10 z 20

22. Ostateczny wygląd naszego obrazka 23. Tworzymy napis. Otwieramy nowy projekt ustawiamy wymiary sceny wysokość 200 szerokość 400. Strona 11 z 20

24. Na scenie teraz projektujemy tło pod napis. Wybieramy narzędzie gradient a następnie wybieramy dowolne kolory do tła. To jest ikonka narzędzia gradient. Kiedy wybierzemy kolory to rzucamy kolor na scenę. Tak jak na rysunku. Kolory można dobrać dowolnie Zwróć uwagę na ustawienia gradientu! W przypadku innych ustawień postaraj się ustawić tak jak na rysunku. Strona 12 z 20

25. Wybieramy narzędzie do pisania tekstu w przyborniku to narzędzie jest oznaczone dużą literką A Na tle wykreślamy pole na, którym będziemy umieszczać tekst. W zakreśleniu znajdują się funkcje które możemy zmienić możemy zmienić czcionkę, jej wielkość, kolor itd. Zmień kolor czcionki na biały, oraz zaznacz tylko automatyczny hiting. Zaznacz miejsce tekst na tle. W pojawiającym się okienku napis np. swoje imię Ustaw parametry jak na rysunku Strona 13 z 20

26. Ustaw czcionkę Segoe Print wielkość czcionki np. 78 27. Zastosujemy pewne efekty aby nasz napis uatrakcyjnić. Na początku zastosujemy rozmycie Gausa. Klikamy na filtry rozmycie rozmycie Gausa Pojawia się dodatkowe okienko klikamy ok. Napis staje się rozmyty. Strona 14 z 20

28. Wybieramy następny efekt wiatr Obracamy teraz napis o 90 stopni aby to uczynić klikamy na zakładkę obraz przekształcenie obrót o 90 stopni w prawo Strona 15 z 20

W tej pozycji zastosujemy efekt wiatr i odwracamy nasz napis o 90 stopni ale tym razem w lewo. Tak wygląda obecnie napis po zastosowaniu powyższych efektów. Strona 16 z 20

Zastosuje efekt supernowa. Filtr światło cień supernowa. Ustaw kropkę białą na literę o na środek. Zmieniamy kolor napisu na inny ja zmieniłem na czerwony po przez funkcje barwienie. Strona 17 z 20

29. Dodajemy nową warstwę nakładamy tło i przesuwamy pod napis. Tło robimy albo kolorem albo gradientem, podobnie jak pierwszą warstwę. Łączymy ze sobą warstwy napis i tło niebieskie. Funkcja połącz w dół. Strona 18 z 20

Zwróć uwagę na układ warstw i pozmieniaj tryb. Wybieram dowolny tryb i łączymy warstwy ze sobą klikamy na pierwszą warstwę i łączymy w dół. 30. Dodajemy dwie puste warstwy zaznaczamy na środku białe tło. Strona 19 z 20

Jedną warstwę kolorujemy korzystając z kolejnego narzędzia. Na kolejnej warstwie wklejamy obrazek z Internetu wielkość jego dostosujemy do rozmiaru warstwy 200na 400. Po wklejeniu obrazka (Ctrl+C kopiuj Carl+V wklej). Klikamy na warstwę pierwszą i zmieniamy tryb wybieramy ten, który najbardziej nam się podoba i łączymy warstwy ze sobą połącz w dół. Podobnie postępujemy w ostatnim przypadku uzyskując następujący efekt. Na końcu łączymy warstwy ze sobą i zapisujemy jako obrazek w formacie GIF. Strona 20 z 20