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

Podobne dokumenty
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

Gimp - poznaj jego możliwości!

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

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

Metaliczny button z deseniem.

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

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

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

Animacje oraz ciekawe efekty dostępne w programie GIMP

Fotografia cyfrowa obsługa programu GIMP

Włączanie/wyłączanie paska menu

Tworzenie napisu i obrysu.

Systemy multimedialne 2015

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

Tworzenie menu i authoring w programie DVDStyler

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

Ćwiczenie 2 Warstwy i kształty podstawowe

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

Ćwiczenie 1 Galeria zdjęć

PROJEKT WIZYTÓWKI WIZYTÓWKA A

Ćwiczenie 6 Animacja trójwymiarowa

Instrukcja importu dokumentów z programu Fakt do programu Płatnik

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

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

5.4. Tworzymy formularze

Modelowanie powierzchniowe - czajnik

Tworzenie grafiki na potrzeby WWW

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

Wstawianie nowej strony

Podręcznik użytkownika programu. Ceremonia 3.1

1. Proszę wejść na stronę: poczta.home.pl i zalogować się do nowej skrzynki za pomocą otrzymanych danych.

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

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

Dodawanie stron do zakładek

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.

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

Rysunek 1: Okno timeline wykorzystywane do tworzenia animacji.

Opis Edytora postaci Logomocji

Obsługa programu GIMP poziom zaawansowany

Języczek zamka typu Ostrołęka

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

Obsługa programu Paint materiały szkoleniowe

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

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Prezentacja MS PowerPoint 2010 PL.

Dodawanie stron do zakładek

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

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

GRAFIKA INŻYNIERSKA INSTRUKCJA PODSTAWOWE KOMENDY AUTOCADA - TRÓJKĄTY

Ćwiczenie 1 Automatyczna animacja ruchu

Nagrywamy podcasty program Audacity

Spis treści. strona 1 z 10

Jak dodać swoją skrzynkę do klienta poczty Windows 10

Poniższy poradnik opisuje proces kompresji filmu DVD do formatu AVI z wykorzystaniem kodeka XviD w programie FairUse Wizard.

PRACA Z PLIKAMI I FOLDERAMI

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

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

Jak szybko wystawić fakturę w LeftHand? Instalacja programu

Metodyka wykonania kartogramu z podziałem na klasy wg punktów charakterystycznych wraz z opracowaniem kartogramicznej legendy.

W kolejnym odcinku zajmiemy się umieszczaniem w naszym projekcie zestawu ikon służących szybkiemu korzystaniu z opcji programu.

Tworzenie nowego dokumentu. Ćwiczenie

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

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

Jak przygotować pokaz album w Logomocji

Wstęp. Skąd pobrać program do obsługi FTP? Logowanie

Odbicie na szkłach okularów

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

Instrukcja obsługi Zaplecza epk w zakresie zarządzania tłumaczeniami opisów procedur, publikacji oraz poradników przedsiębiorcy

Jak zainstalować szablon allegro?

Skopiować folder 3. Dodanie bazy danych (1) (2) (3)

5.2. Pierwsze kroki z bazami danych

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

Obsługa programu Paint. mgr Katarzyna Paliwoda

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej

Informatyka w służbie efektów specjalnych. Część druga

Konwersja AVI do DVD w programie Avidemux z napisami (również w systemie Linux)

Po wybraniu formatu wskazujemy ścieżkę, gdzie archiwum ma zostać zapisane. Ścieżka wraz z nazwą pliku zostanie wyświetlona

Rys.1. Uaktywnianie pasków narzędzi. żądanych pasków narzędziowych. a) Modelowanie części: (standardowo widoczny po prawej stronie Przeglądarki MDT)

Instalacja i obsługa generatora świadectw i arkuszy ocen

Mieszanie warstw trybem Nakładka

INSTRUKCJA DODAWANIA WPISÓW I GALERII ZDJĘĆ NA SZKOLNĄ STRONĘ INTERNETOWĄ

Jeżeli pole Krawędź będzie zaznaczone uzyskamy obramowanie w całej wstawianej tabeli

Tworzenie prezentacji w MS PowerPoint

Maple i wykresy. 1.1 Najpierw należy się zalogować. Jak to zrobić zostało opisane w moim poprzednim tutorialu.

Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki.

Animacje z zastosowaniem suwaka i przycisku

Zajęcia komputerowe klasy I-III- wymagania

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

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Zaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM

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

Przetwarzanie grafiki rastrowej na wektorową

KS-APTEKA WINDOWS KOREKTY SPRZEDAŻY Z OKRESU DO ROKU, TYPY GENEROWANIA KOREKT ZESTAWIEŃ REFUNDACYJNYCH START. KAMSOFT S.A.

Wymagania wstępne. Instalacja certyfikatu

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

WYKONANIE APLIKACJI OKIENKOWEJ OBLICZAJĄCEJ SUMĘ DWÓCH LICZB W ŚRODOWISKU PROGRAMISTYCZNYM. NetBeans. Wykonał: Jacek Ventzke informatyka sem.

Tematy lekcji informatyki klasa 4a grudzień 2012

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Kurs Adobe Photoshop Elements 11

Transkrypt:

Animacje cz. 2 1. Do wykonania poniższej animacji będziemy potrzebować dodatkowego desenia. Znajduje się on w folderze z instrukcją, żeby program Gimp mógł z niego skorzystać musimy wskazać mu ścieżkę dostępu do niego (Edycja -> Prederencje -> Katalogi -> Desenie, klikamy na białą pustą kartkę oznaczającą Nowy i w polu obok, za pomocą ikony Folder wskazujemy ścieżkę dostępu do folderu z plikiem desenia). Inny sposób to przekopiowanie pliku desenia do katalogu C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns. 2. Tworzymy nowy obraz 400x400 px. Rysujemy koło zębate 3. Użyjemy narzędzia GFigury (Filtry -> Renderowanie). Rysujemy gwiazdę podobną do tej z rysunku. Najpierw musimy jednak ustawić odpowiednie opcje, tak jak na zrzucie ekranowym poniżej (pamiętamy o naszym deseniu, wybieramy go jako wypełnienie).

4. Ustawiamy dwie prowadnice pionowe (90 i 310 px) i dwie prowadnice poziome (90 i 310 px). 5. Wybieramy z przybornika Zaznaczenie eliptyczne [E]. W kwadracie utworzonym przez prowadnice zaznaczamy okrąg i rozciągamy go tak, aby "przylepił" się do nich (A), Wybieramy żeliwo w panelu deseni i wypełniamy nim zaznaczenie: Edycja -> Wypełnij deseniem (B). 6. Zmniejszamy zaznaczenie o 85px. i czyścimy obszar w środku (Edycja-> Wyczyść, lub Delete) 7. Następnie powiększamy zaznaczenie o 120 px., odwracamy i czyścimy. 8. Usuwamy zaznaczenie, prowadnicę i warstwę Tło. 9. Dodajemy efekt cienia (Filtry -> Światło i cień -> Rzucanie cienia).. Ustawiamy poniższe wartości i klikamy OK. 10. Tworzymy nową warstwę, nazywamy ją Światło. W zakładce Warstwy umieszczamy jako pierwszą na stosie warstw. 11. Dodajemy efekt światła. Narzędziem Zaznaczenie eliptyczne zaznaczamy obszar jak niżej i wypełniamy go kolorem białym. Następnie usuwamy zaznaczenie i używamy filtru Rozmycie Gaussa z dwiema wartościami 250.

12. Dla warstwy Światło ustawiamy tryb na Miękkie światło. Efekt naszej pracy powinien być następujący:

Animacja 13. Tworzymy nowy katalog na potrzeby naszej animacji. Folder utwórzmy na pulpicie np. Animacja. 14. Tworzymy nowy, przezroczysty obraz o wymiarach zależnych od średnicy naszych trybów, tutaj 700x700. (Możemy chwilowo zamknąć obraz z kołem zębatym, pamiętamy, żeby zapisać go z rozszerzeniem xcf np. tryb.xcf) 15. Nowo utworzony obraz zapisujemy w folderze Animacja jako nazwa_0001.xcf. 16. Wybieramy Video -> Duplicate Frames... i kopiujemy naszą klatkę 79 razy (interesuje nas tylko pozycja N times, w niej wpisujemy 79), dajemy OK. 17. Otwieramy plik z kołem zębatym. 18. Przechodzimy do pliku tła (ten o rozdzielczości 700x700 px) i otwieramy okno Move Path z menu Video. Wykonujemy kolejno: Dodajemy punkt końcowy -> Add Point (mamy teraz 2 punkty)

Dla punktu 1 i 2 ustawiamy wspólne wartości: Source Image/Layer tryb.xcf-3\drop Shadow Stepmode None Mode Normal Handle Center X 160 Y 166 Nie zmieniamy Width I Height Opacity 100 Rotate - ustawimy za chwilę, ponieważ ta wartość będzie inna dla punktu pierwszego i drugiego Instant Apply zaznaczamy Dla punktu 1 : Rotate 0 Dla punktu 2 : Rotate 360 Teraz możemy zobaczyć podgląd animacji klikając na Anim Preview. 19. Jeżeli tryb obraca się poprawnie to możemy okno Move Path zamknąć (OK). 20. Tryb porusza się, teraz musimy wprawić w ruch jeszcze dwa, żeby otrzymać trzy zazębiające się i poruszające nawzajem koła zębate. Efekt ma być następujący:

21. Dwa pozostałe koła zębate wstawiamy i ustawiamy ich opcje samodzielnie. Należy pamiętać o: - zapisywaniu wartości X i Y dla wszystkich kół (będą nam potrzebne później) - ruch koło środkowego jest w przeciwnym kierunku (należy odpowiednio ustawić opcję Rotate) 22. Gdy mamy już trzy koła zębate, ponownie otwieramy okno Move Path i teraz robimy dokładnie to samo ale dla warstwy tryb.xcf\gfig (tutaj przydadzą nam się współrzędne zapisane wcześniej). Naszym zadaniem jest naniesienie warstwy tryb.xcf\gfig na każde koło zębate. 23. Podobnie jak w punkcie wyżej, teraz nanosimy jeszcze warstwę tryb.xcf\światło na każde koło zębate.

Zapisywanie animacji 24. Wybieramy Filtry -> VCR Navigator. Ustawiamy jak niżej (żeby zobaczyć podgląd klikamy na Play) i dajemy Close. 25. Teraz musimy połączyć nasze klatki w jeden.xcf. Video -> Frames to Image...

frame_[######](50ms)(replace) Dajemy OK. 26. Plik jest gotowy do zapisu, ale żeby zmniejszyć jego rozmiaty wybieramy jeszcze Filtry -> Animacja -> Optymalizuj (dla formatu GIF). Następnie Zapisz jako (gif).