Grafika Komputerowa Materiały Laboratoryjne

Podobne dokumenty
Tworzenie logo. Omówione zagadnienia

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

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.

W niniejszym samouczku przedstawiono sposób tworzenia logo dla wymyślonej kawiarni. Tak będzie wyglądać ostateczny efekt pracy:

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

CorelDRAW. wprowadzenie

3.9 Tworzenie rysunku kurczaka

Ćwiczenie pochodzi ze strony

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

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

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

Zastosowania informatyki w geologii ćwiczenia 1,2 INKSCAPE 1

Automatyzacja i robotyzacja procesów technologicznych

Metaliczny button z deseniem.

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Adobe InDesign lab. 3 Jacek Wiślicki,

CorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu

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

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

Program graficzny MS Paint.

Przewodnik po obszarze roboczym

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

Tworzenie modelu domu przykład 1. Stworzymy ten model w dwóch częściach: podstawa i dach.

Prezentacje multimedialne. MS PowerPoint 2003

Grafika Komputerowa Materiały Laboratoryjne

Ćwiczenia - CorelDraw

Tworzenie logo. Omówione zagadnienia

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

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

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

Ćw. I Projektowanie opakowań transportowych cz. 1 Ćwiczenia z Corel DRAW

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

Kurs Adobe Photoshop Elements 11

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

Przetwarzanie grafiki rastrowej na wektorową

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

Spis treści. Włodzimierz Gajda

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

Ćwiczenie 2 Warstwy i kształty podstawowe

3.7. Wykresy czyli popatrzmy na statystyki

Moduł Grafika komputerowa i multimedia 312[01].S2. Ćwiczenia Podstawy programu Autocad 2011 Prosta

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

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

WSTĘP; NARZĘDZIA DO RYSOWANIA

TWORZENIE TORU KOLEJOWEGO DLA LOKOMOTYWY - ZABAWKI. W tym przewodniku stworzymy tor kolejowy pasujący do zabawki.

Grafika Komputerowa. Zajęcia X

Tworzenie stojaka na długopisy korzystając z tworzenia brył podstawowych i operacji logicznych na bryłach.

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

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

Obsługa programu Paint. mgr Katarzyna Paliwoda

Edytor tekstu OpenOffice Writer Podstawy

Fotografia cyfrowa obsługa programu GIMP

GRAFIKA INŻYNIERSKA POLITECHNIKA ŚLĄSKA WYDZIAŁ ELEKTRYCZNY KATEDRA MECHATRONIKI. Instrukcja do ćwiczenia laboratoryjnego.

Grafika Komputerowa Materiały Laboratoryjne

Inkscape Krzywe Béziera

Systemy multimedialne 2015

Krok 2 Następnie kliknij raz na obszar roboczy za pomocą narzędzia Elipsa (L). Ustaw szerokość i wysokość tak, jak szerokość zaokrąglonego prostokąta.

Tworzenie zaproszenia

SketchUpMake - instrukcja obsługi

KGGiBM GRAFIKA INŻYNIERSKA Rok III, sem. VI, sem IV SN WILiŚ Rok akademicki 2011/2012

Ćwiczenie nr 1. Kliknij myszką w trójkąt, aby otrzymać dostęp do uchwytów obrotów:

Spis treści. Grafika wektorowa lab. 1 Jacek Wiślicki, jacenty@kis.p.lodz.pl

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

Efekt rollover ze wskaźnikiem wybranej opcji

Metody stosowane w komputerowym rysowaniu

Obsługa programu Paint materiały szkoleniowe

Grafika Komputerowa Materiały Laboratoryjne

Kurs Adobe Photoshop Elements 11

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Grafika komputerowa. Zajęcia 8

Spis treści. strona 1 z 11

Corel Draw, Adobe Illustrator grafika wektorowa

Ćwiczenie 6 Animacja trójwymiarowa

NARZĘDZIA DO ZAZNACZANIA

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

Rysowanie skosów, okien dachowych, otworów w skośnych sufitach

CorelDraw - Edytor grafiki wektorowej

Google Earth. Co to jest Google Earth? Co to jest KML? Skąd można pobrać Google Earth?

Odbicie na szkłach okularów

Grafika komputerowa. Zajęcia IV

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

4.6 OpenOffice Draw tworzenie ilustracji

Tematy lekcji informatyki klasa 4a styczeń 2013

Cel ćwiczenia: Celem ćwiczenia jest nabranie wprawy w rysowaniu kół i okręgów o zadanych rozmiarach.

Podstawy Informatyki Wykład V

1. OPEN OFFICE RYSUNKI

Politechnika Warszawska Wydział Mechatroniki Instytut Automatyki i Robotyki. Ćwiczenie laboratoryjne 1

W tym celu korzystam z programu do grafiki wektorowej Inkscape 0.46.

Zajęcia komputerowe klasy I-III- wymagania

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

Tworzenie prostych obrazów wektorowych w programie CorelDRAW 12

Tworzenie infografik za pomocą narzędzia Canva

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

RYSUNEK TECHNICZNY I GEOMETRIA WYKREŚLNA INSTRUKCJA DOM Z KOMINEM W 3D

Narzędzia programu Paint

Pasek narzędziowy - rysowanie

Uwaga! CorelDRAW ćwiczenia kl. III Strona 1 z 6

Tworzenie nowego rysunku Bezpośrednio po uruchomieniu programu zostanie otwarte okno kreatora Nowego Rysunku.

Transkrypt:

Grafika Komputerowa Materiały Laboratoryjne Laboratorium 9 Inkscape: tworzenie grafik do gier (część II) Wstęp W ramach dzisiejszych zajęć poznasz techniki tworzenia pseudotrójwymiarowych elementów do gier komputerowych. Zaczynajmy więc! Ćwiczenie 1 Budynki Zadanie: Stwórz budynek, który będzie elementem tła do gry Celem tego ćwiczenia jest stworzenie od podstaw takiego budynku, jak na rysunku poniżej: Rysowanie budynku rozpoczynamy od narysowania dachu. Będzie to równoległobok. Możesz go narysować na kilka sposobów: albo rysując prostokąt i odpowiednio go deformując albo rysując go odręcznie przy pomocy narzędzia pióro (pamiętaj, żeby zamknąć rysowany kształt, tj. aby dociągnąć rysowaną linię do z powrotem do pierwszego węzła). Pamiętaj o wykorzystaniu prowadnic (pionowych bądź poziomych) w celu dopasowania położenia rogów rysowanego kształtu. Mamy już dach naszego budynku. Teraz, rysując przy pomocy narzędzia Pióro linie równoległe bądź prostopadłe do naszego dachu, stwórz ogólny kształt budynku:

Gdy masz już główny kształt budynku, dobrze jest zaznaczyć wszystko (np. używając Ctrl+A) i zamienić kontury na ścieżki (menu Ścieżka -> Kontur w ścieżkę). Pozwoli to na łatwą modyfikację kształtów. Teraz na dużym zbliżeniu dokonaj niezbędnych poprawek usuń nadmiarowe węzły, dopasuj do siebie zakończenia linii. Manipulując szerokością poszczególnych linii nadaj głębię kratom w oknach. Odpowiednio modyfikując proste wykonaj zaokrąglenia u dołu krat (możesz też wykorzystać do tego odpowiednio położone elipsy). Teraz możesz zaznaczyć wszystkie ścieżki i je złączyć (menu Ścieżka -> Część wspólna). W razie potrzeby możesz również pousuwać nadmiarowe węzły na złączeniach (nie jest to wymagane, ale uprości rysunek). Teraz mamy już gotowy kształt naszego budynku.

Czas narysować drzwi. Przy pomocy linii prostych narysuj poszczególne deski w drzwiach. W razie potrzeby zamień narysowane kontury w ścieżki i dokonaj edycji węzłów. Nasz dom wygląda teraz tak: Teraz nadszedł czas na dość pracochłonną część spróbujemy nadać naszemu domkowy odpowiedni, zużyty wygląd, np. pokruszony tynk odsłaniający cegły czy pęknięcia. Znowu możesz dokonać tego na kilka sposobów, albo przy użyciu Pióra, Ołówka czy też korzystając z gotowych kształtów (np. zmodyfikowanych prostokątów). Pamiętaj, że możesz wykorzystać prowadnice do łatwiejszego dopasowania do siebie elementów. Po tym kroku nasz domek mógłby wyglądać np. tak: Nasz domek w zasadzie jest gotowy. Jednak jeśli się zastanowić, to czegoś na rysunku może brakować skoro są kraty w oknach, to może warto byłoby założyć jeszcze kłódkę na drzwi? Narysuj ją przy użyciu odpowiednich narzędzi (Pióro, Ołówek). Nie musi być to zbyt dokładny rysunek, gdyż kłódka jest tylko detalem, nie zaś głównym elementem. Pamiętaj jednak, aby kłódka była dość duża, tak aby można ją było łatwo zauważyć.

Kolory na powyższym rysunku zostały zmienione celowo. W tym momencie nasz domek jest już gotowy. Jednak aby wykorzystać go w grze, przydałoby się dodać jeszcze kolor. Stwórz nową warstwę nazwij ją Kolor i umieść pod warstwą, na której znajduje się domek. Warstwę, na której znajduje się domek nazwij Szkic i zablokuj (kliknij na ikonkę kłódki). Teraz narysuj kształt, który wypełnisz kolorem. Pamiętaj o wyłączeniu konturu. Pamiętaj również o tym, że poszczególne kształty (i ich wypełnienia) mogą przykrywać się nawzajem, co oznacza, że nie musisz ich zbyt dokładnie dopasowywać w razie potrzeby bowiem wystarczy jakiś element przesunąć niżej (Page Down) bądź wyżej (Page Up). Aby zasymulować oświetlenie użyj gradientu.

Dodanie gradientu to jednak nie wszystko: dobrze jest dodać cień. Wykonanie go jest bardzo proste: wybierz element, który powinien być nieco zacieniony, zduplikuj wypełniający go kształt i zmień kolor wypełnienia duplikatu na czarny, z kanałem alfa ustawionym na niską wartość (np. 50). Dodatkowo, dodaj cień za budynkiem narysuj równoległobok, a następnie zmodyfikuj jego kształt tak, aby odpowiadał kształtowi budynku. Teraz wystarczy przesunąć ten równoległobok na sam spód rysunku (klawisz End), a następnie wypełnić go czarnym kolorem, z kanałem alfa ustawionym na ok. 130 i rozmyciem ustawionym na np. 5. Voila! Nasz domek jest już gotowy. Prześlij wynik swojej pracy na adres mailowy prowadzącego Disclaimer: W niniejszych materiałach wykorzystano grafiki pochodzące ze strony howto.nicubunu.ro/inkscape_rpg_map_elements, będące własnością ich twórców.