Grafika Komputerowa Materiały Laboratoryjne
|
|
- Roman Małecki
- 8 lat temu
- Przeglądów:
Transkrypt
1 Grafika Komputerowa Materiały Laboratoryjne Laboratorium 8 Inkscape i symulacja 3D oraz tworzenie elementów do gier Wstęp W ramach dzisiejszych zajęć poznasz techniki tworzenia obrazów pseudotrójwymiarowych elementów do gier komputerowych. oraz Zaczynajmy więc! Ćwiczenie 1 Elementy planszy do gier Zadanie: Stwórz elementy planszy do gier Stwórz na początek kwadrat i wypełnij go brązowym kolorem. Zduplikuj kwadrat, zmień kolor duplikatu na zielony i zmień jego rozmiar i położenie tak, aby rysunek wyglądał tak, jak poniżej: Na rysunku dodaj trzeci kwadrat w kolorze jasnego brązu i zaokrąglij jego rogi (modyfikując wedle uznania parametry Rx i Ry), Następnie dodaj jeszcze kilka czworokątów z zaokrąglonymi rogami. Nadaj im różne kolory wypełnień. Przekształć stworzone powyżej kwadraty w ścieżki i przy pomocy narzędzia do edycji węzłów zmodyfikuj ich kształt. opracowanie: mgr inż. Maciej Laskowski
2 Czas zająć się narysowaniem trawy. Zaczniemy od narysowania zielonego prostokąta (w tym samym kolorze, co trawa) i zdeformowania go tak, żeby rysunek wyglądał mniej więcej tak: Następnie przesuń go w górę, zduplikuj kilkakrotnie i rozmieść pod różnymi kątami. Warto też poeksperymentować z rozmiarem obiektów. Dobrze wyglądałaby jeszcze jasna trawa na samej górze, no nie? Dodaj więc jasnozielony prostokąt na górę tworzonego obiektu. Zadanie samodzielne Opracuj w ten sam sposób 4-5 elementów naszej dekoracji dzięki temu wzór nie będzie wyglądał na zbyt powtarzalny. Przykład: Zadanie: Opracuj wzór skrzynki Najpierw narysuj kwadrat w dowolnym, dość jasnym kolorze. Następnie zduplikuj kwadrat dwa razy. Zmień kolor jednego z obiektów na ciemny odcień koloru podstawowego i zmodyfikuj położenie i rozmiar wszystkich elementów tak, aby wyglądały w ten sposób:
3 Nasza skrzynka powinna się składać z desek odpowiedni duplikując i zmieniając rozmiary prostokątów stwórz strukturę naszej skrzyni: Dzięki prostej zabawie kolorami (i zduplikowaniu wcześniej kilku obiektów) możemy uzyskać efekt głębi: Mamy już podstawową strukturę naszej skrzyni. Można pomyśleć jeszcze o dodanie kilku elementów dekoracyjnych, np.: Elementy stworzone w tym ćwiczeniu mogą być wykorzystane do stworzenia planszy do gry platformowej: Zadanie samodzielne Stwórz 3 elementy dekoracji w podobnej konwencji.
4 Ćwiczenie 2 Box 3D Zadanie: Zbuduj obrazek pudełka kartonowego Kroki: Wykorzystaj narzędzie Bezier tool (B). Za jego pomocą narysuj pochylony kwadrat (wciśnięty Ctrl powoduje rysowanie pionowych/poziomych linii). Następnie skopiuj i odbij figurę w poziomie. Dorysuj romb powyżej aby zamknąć kostkę. W celu dokładnego dopasowania pozycji narożników możesz posłużyć się liniami prowadnic (guide). Prowadnice wyciąga się z linijek znajdujących się u góry i z lewej strony obszaru roboczego. Wypełnij kostkę czarnym kolorem
5 Kolejnym etapem jest spasowanie ścian tak aby ich narożniki znalazły się w tym samym miejscu. W tym celu wykorzystujemy narzędzie edit path by nodes z włączonym parametrem snap to cusp node Chwytając za narożnik wybranego boku możemy przyciągnąć go do narożnika boku sąsiedniego. Wykorzystując to samo narzędzie dzielimy górny bok na dwie części: Zaznacz (z Shift) dwa narożniki lewej dolnej krawędzi boku i wciśnij przycisk + dodania nowego noda.(można zmienić kolor wypełnienia boku aby lepiej widzieć podział).
6 Tak samo podziel prawą górną krawędź. Grafika Komputerowa Materiały laboratoryjne Następnie mając zaznaczone obydwa nowe nody klikamy przycisk break apart selected nodes i odsuwamy rozdzielone nody od siebie. Dla każdej pary nowo powstałych węzłów klikamy przycisk join selected endnodes with a new segment, aby domknąć prostokąt. Następnie dosuwamy węzły na miejsce. Stosując kombinację Ctrl+Shift+K rozdzielamy ścieżki na dwa obiekty. Kolejnym etapem będzie zniekształcenie boków pudełka. Dodaj do krawędzi bocznych i dolnych pudełka dodatkowe węzły, a następnie zmień ich typ na symetryczny. Zmieniając położenie węzłów i ich punktów kontrolnych wprowadź delikatne
7 zniekształcenia Efekt końcowy powinien być zbliżony do poniższego Na tym etapie będziemy potrzebowali zachować stan pudełka na nowej warstwie Wybierz Warstwa -> Warstwy aby otworzyć panel warstw Wykorzystując menu kontekstowe (prawy klawisz myszy na nazwie warstwy) powiel bieżącą warstwę a następnie nadaj im nazwy wg rysunku
8 Klikając w oczko schowaj warstwę box Obiekt na warstwie box_tlo należy sprowadzić do jednego kształtu. Upewnij się że jest wybrana warstwa box_tlo i zaznacz wszystkie elementy pudełka. Następnie wybierz polecenie Ścieżka -> Suma W efekcie powinniśmy otrzymać obiekt poniższego kształtu W przypadku gdy w obiekcie pojawiły się niepotrzebne węzły, świadczy to o niedokładnym dopasowaniu węzłów ścian. Należy teraz skorygować kształt usuwając niepotrzebne węzły. Gdy wszystko jest w porządku, blokujemy kłódką warstwę box_tlo i wracamy do warstwy box. Kolejny etap to wypełnienie gradientem boków pudełka W tym celu otwieramy panel Obiekt -> Wypełnienie i kontur Wybieramy wypełnienie gradientem radialnym i ustawiamy za pomocą narzędzia edycji węzłów jego
9 spozycjonowanie i skalę Gradient jest przejściem między kilkoma kolorami. Dobór kolorów możemy wykonać klikając przycisk modyfikuj. Z listy rozwijanej wybieramy kolory kolejnych punktów. W naszym przypadku początku i końca. Pudło ma być kartonowe, więc wybieramy jaśniejszy i ciemniejszy odcień szarobrązowego. Ogólnie zakładamy, że nasze pudło jest oświetlone z góry światłem umieszczonym nieco na lewo i z przodu pudełka.należy więc dobrać odpowiednio kolory kolejnych ścian pudełka. Przy tworzeniu wypełnienia gradientowego dla wieka napotykamy na problem. Rozdzieliliśmy je na dwa obiekty, które Inkscape chce wypełniać indywidualnie. Ustawienie gradientu w jednym nie wpływa na drugi. Rozwiązaniem jest dopasowanie ustawień obu gradientów do siebie (ten sam wybrany zestaw kolorów i takie samo ustawienie punktów kontrolnych). Bardzo pomaga przy tym automatyczne przyciąganie punktów kontrolnych do siebie
10 Pozostaje ostatnia ściana: oraz usunięcie obramówek (konturów) Mamy już pudełko, ale jest zbyt sterylne. Należy dodać efekty cieniowań i odbarwień.
11 Połysk narożnika uzyskamy za pomocą trójramiennej gwiazdy: Zamieniamy gwiazdę na ścieżkę: Ścieżka -> obiekt w ścieżkę i dopasowujemy końce gwiazdy do krawędzi pudełka. W parametrach wypełnienia zwiększamy wartość Rozmycia aż do osiągnięcia odpowiedniego efektu Za pomocą narzędzia Beziera dorysuj ciemne kształty symulujące wgniecenia.
12 Ustaw dla tych kształtów znaczne rozmycie wypełnienia Wykorzystując narzędzie Efekty -> Modyfikuj ścieżkę -> Generuj Fraktale możemy z prostych kształtów wytworzyć skomplikowane krawędzie
13 Dodając kilka takich obiektów uzyskamy efekty plam na kartonie. Efekt dopełni zastosowanie wypełnienia liniowym gradientem od czarnego do przezroczystości. Pudełko jest nadal zbyt gładkie. Trzeba nadać mu chropowatość tektury. W tym celu wykorzystamy wypełnienie teksturą. Powiel warstwę box_tlo i nadaj mu nazwę box_tekstura. Umieść tą warstwę na samej górze. Ustaw kolor obiektu na tej warstwie na biały. Następnie zaimportuj plik rust.jpg, przeskaluj obrazek i umieść za białym obiektem
14 Zaznacz obiekt i teksturę. Wykorzystując polecenie Obiekt -> Maska -> Ustaw przypisz teksturę do obiektu. Ustaw krycie warstwy na kilkanaście %
15 Etap następny: Nakładamy logo na bok. Otwórz plik rss.svg i skopiuj z niego logo rss. Z pomocą kształtów loga zbuduj obiekt podobny do poniższego Skopiuj boczną ścianę lub odrysuj od niej kształt. Z pomocą kombinacji Ctrl+Shift przeskaluj ten kształt do środka aby był mniejszy od pudełka. Ustaw czarną krawędź i puste wypełnienie. Obiekt ten (ramka) posłuży nam jako referencja przy modyfikowaniu kształtu loga. Samo logo musimy położyć na ścianie. W tym celu wybierz Ścieżka -> Edytor efektów ścieżki. Aby otworzyć okno edycji efektów. Dla zaznaczonego obiektu loga (skonwertowanego na ścieżkę) wybierz z rozwijanego menu efekt Deformacja obwiedni.
16 Klikaj kolejno ikonki edytuj w obszarze roboczym aby dopasowywać linie obwiedni do wzorca Końcowy efekt
17 Efekt rozświetlenia logo Zadania samodzielne 1. Dodaj taśmę zaklejającą pudełko. Nie zapomnij o dodaniu połysku taśmy i o postrzępionym brzegu końca taśmy 2. Dodaj cień korzystając z warstwy box_tlo. 3. Dodaj nalepkę adresową i logo/nadruk ostrożnie szkło
Grafika Komputerowa Materiały Laboratoryjne
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
Bardziej szczegółowoĆwiczenia - CorelDraw
Ćwiczenia - CorelDraw Tworzenie linii Z przybornika wybieramy narzędzie Rysunek odręczny. Wyznaczamy miejsce, od którego chcemy zacząć rysowanie linii i przy wciśniętym LPM rysujemy krzywą. Gdy puścimy
Bardziej szczegółowoInkscape. Narzędzia informatyki
Inkscape Narzędzia informatyki Inkscape Narzędzie do tworzenia grafiki wektorowej kompatybilnej z formatem SVG Rozwijane od 2003 r. Dostępne dla Windows, Mac OS X i Linux a Dostępne na licencji GNU www.inkscape.org
Bardziej szczegółowoKurs Adobe Photoshop Elements 11
Kurs Adobe Photoshop Elements 11 Gladiatorx1 Gradient 2014-12- 27 Spis treści Gradient... 2 Opcje narzędzia... 2 Edytor gradientów... 8 Wypełnianie dokumentów i zaznaczeń gradientem... 12 Wykonał gladiatorx1
Bardziej szczegółowoTworzenie logo. Omówione zagadnienia
Tworzenie logo Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. W niniejszym samouczku przedstawiono
Bardziej szczegółowoCorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów
CorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów Naciskamy klawisz F6 lub klikamy w ikonę prostokąta w przyborniku po lewej stronie ekranu - zostanie wybrane narzędzie prostokąt.
Bardziej szczegółowo3.9 Tworzenie rysunku kurczaka
Ć WICZENIE 3.9 Tworzenie rysunku kurczaka W tym ćwiczeniu spróbujemy połączyć wszystkie zdobyte umiejętności, aby narysować uroczego kurczaczka. 1. Zaczniemy od korpusu, który powstaje przez narysowanie
Bardziej szczegółowoCorelDRAW. wprowadzenie
CorelDRAW wprowadzenie Źródło: Podręcznik uŝytkownika pakietu CorelDRAW Graphics Suite 12 Rysowanie linii 1. Otwórz program CorelDRAW. 2. Utwórz nowy rysunek i zapisz go w swoich dokumentach jako [nazwisko]_1.cdr
Bardziej szczegółowoPrzed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt
Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt Zadanie: Utwórz szablon rysunkowy składający się z: - warstw - tabelki rysunkowej w postaci bloku (według wzoru poniżej)
Bardziej szczegółowoJak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape
Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape Program InkScape jest bezpłatnym polskojęzycznym programem grafiki wektorowej do pobrania ze strony http://www.dobreprogramy.pl/inkscape,program,windows,12218.html.
Bardziej szczegółowoPoniżej przedstawiono przykład ich zastosowania dla najprostszego obiektu 3D kostki.
EDYCJA OBIEKTÓW 3D 14 Fazowanie i zaokrąglanie Fazowanie i zaokrąglanie to dwie funkcje które zostały zaprezentowane w ramach kursu dla edycji obiektów płaskich 2D. Funkcje te działają również dla obiektów
Bardziej szczegółowoW niniejszym samouczku przedstawiono sposób tworzenia logo dla wymyślonej kawiarni. Tak będzie wyglądać ostateczny efekt pracy:
Tworzenie logo Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. W niniejszym samouczku przedstawiono
Bardziej szczegółowoJak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP
Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP Niniejszy tutorial jest wyłączną własnością Doroty Ciesielskiej Zapraszam na moją stronę http://www.direktorek03.wm studio.pl oraz
Bardziej szczegółowoĆwiczenie 2 Warstwy i kształty podstawowe
Ćwiczenie 2 Warstwy i kształty podstawowe Poznamy podstawy pracy z nowym obrazkiem w Adobe Photoshop: - zapisywanie własnego ustawienia nowo tworzonego pliku - wybór kolorów, tworzenie własnych próbek
Bardziej szczegółowoAdobe Photoshop Dodatek do lab4 J.Wiślicki, A.Romanowski;
Spis treści 1. Proste efekty... 2 1.1. Cień...2 1.2. Planeta...5 1.3. Mandarynkowa kostka...8 Grafika rastrowa strona 1 z 9 1. Proste efekty Poniższe ćwiczenia dotyczą prostych (aczkolwiek ciekawych) efektów
Bardziej szczegółowoOdbicie na szkłach okularów
Odbicie na szkłach okularów Jedna z wad fotografii studyjnych polega na tym, że w okularach sfotografowanych modeli odbija się oświetlenie i wyposażenie studio. W takich sytuacjach bardzo często stosuje
Bardziej szczegółowoZaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy
Narzędzia, które wykorzystasz przy tworzeniu swojego obrazu Zaznaczenie prostokątne Zaznaczenie eliptyczne Tekst Wypełnienie kubełkiem Okno warstw Gradient Kolor pierwszo i drugoplanowy Okno obszar roboczy
Bardziej szczegółowoAdobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
Bardziej szczegółowoFotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach
Fotografia cyfrowa obsługa programu GIMP materiały dla osób prowadzących zajęcia komputerowe w bibliotekach Cz. 18. Tworzenie ramki do zdjęcia W tym dwiczeniu wykonamy ciekawą i nietypową ramkę do zdjęcia.
Bardziej szczegółowoĆwiczenie 1 Automatyczna animacja ruchu
Automatyczna animacja ruchu Celem ćwiczenia jest poznanie procesu tworzenia automatycznej animacji ruchu, która jest podstawą większości projektów we Flashu. Ze względu na swoją wszechstronność omawiana
Bardziej szczegółowoInkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i
Inkscape Inkscape jest opesourceowym programem do tworzenia grafiki wektorowej. Autorzy Inkscape a twierdzą, że jego możliwości porównywalne są z możliwościami oferowanymi przez programy takie, jak Illustrator,
Bardziej szczegółowoGrafika Komputerowa. Zajęcia X
Grafika Komputerowa Zajęcia X Ćwiczenie 1. Miękkie krawędzie zdjęcia 1. Uruchom program Corel Photo-Paint. 2. Otwórz zdjęcie kerala.jpg 3. Utwórz maskę obejmującą niemal całe wnętrze zdjęcia pozostawiając
Bardziej szczegółowoĆwiczenie nr 1. Kliknij myszką w trójkąt, aby otrzymać dostęp do uchwytów obrotów:
Ćwiczenie nr 1 Wybierz narzędzie wielokąt, ustaw na pasku własności liczbę boków równą 3 i z pomocą klawisza Ctrl narysuj trójkąt równoboczny, po czym naciśnij spację, aby przełączyć się na wskaźnik: Kliknij
Bardziej szczegółowoZastosowania informatyki w geologii ćwiczenia 1,2 INKSCAPE 1
INKSCAPE 1 Zadanie 1 (Ctrl + shift + c konwersja kształtu na scieżkę) Narysuj kształty: Usuń cały prostokąt i połowę gwiazdy Zadanie 2 Narysuj prostokąt o wymiarach: 40x20pikseli (wysokość, szerokość),
Bardziej szczegółowoMaskowanie i selekcja
Maskowanie i selekcja Maska prostokątna Grafika bitmapowa - Corel PHOTO-PAINT Pozwala definiować prostokątne obszary edytowalne. Kiedy chcemy wykonać operacje nie na całym obrazku, lecz na jego części,
Bardziej szczegółowonarzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.
Elementy programu Paint Aby otworzyć program Paint, należy kliknąć przycisk Start i Paint., Wszystkie programy, Akcesoria Po uruchomieniu programu Paint jest wyświetlane okno, które jest w większej części
Bardziej szczegółowoFotografia cyfrowa obsługa programu GIMP
Fotografia cyfrowa obsługa programu GIMP wskazówki dla osób prowadzących zajęcia komputerowe w bibliotekach Cz. 20. Efekty specjalne w fotografii Kolorowy element na szarobiałym tle Otwieramy obraz w programie
Bardziej szczegółowoZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.
1 z 5 ZAZNACZENIA Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku. WAŻ E: Jeżeli obraz posiada zaznaczenie, to wszystkie przekształcenia obrazu (lub warstwy) są wykonywane w ramach. Rodzaje
Bardziej szczegółowoĆw. I Projektowanie opakowań transportowych cz. 1 Ćwiczenia z Corel DRAW
Ćw. I Projektowanie opakowań transportowych cz. 1 Ćwiczenia z Corel DRAW Celem ćwiczenia jest wstępne przygotowanie do wykonania projektu opakowania transportowego poprzez zapoznanie się z programem Corel
Bardziej szczegółowoObsługa programu Paint materiały szkoleniowe
Obsługa programu Paint materiały szkoleniowe Nota Materiał powstał w ramach realizacji projektu e-kompetencje bez barier dofinansowanego z Programu Operacyjnego Polska Cyfrowa działanie 3.1 Działania szkoleniowe
Bardziej szczegółowoPhotoshop. Tworzenie tekstu
Photoshop Tworzenie tekstu Wykład 6 Autor: Elżbieta Fedko O czym będziemy mówić? Ustawienia tekstu na palecie Typografia. Ustawienia rodzaju tekstu Ustawienia tekstu dostępne na palecie Akapit Efekty specjalne
Bardziej szczegółowoKurs Adobe Photoshop Elements 11
Kurs Adobe Photoshop Elements 11 Gladiatorx1 Kształty, kształty własne 2015-01- 01 Spis treści Wstęp... 2 Kształty... 2 Opcje narzędzia... 2 Rysujemy kształty... 5 Opcje dodawania, odejmowania obszaru
Bardziej szczegółowoAdobe InDesign lab. 3 Jacek Wiślicki,
Spis treści 1. Zaawansowane techniki pracy...2 1.1. Tekst z wypełnieniem...2 1.2. Stosowanie przeźroczystości i oblewania tekstem...5 strona 1 z 8 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
Bardziej szczegółowoĆwiczenie pochodzi ze strony
Ćwiczenie pochodzi ze strony http://corel.durscy.pl/ Celem ćwiczenia jest poznanie właściwości obiektu Elipsa oraz możliwości tworzenia za pomocą niego rysunków. Dodatkowo, w zadaniu tym, ćwiczone są umiejętności
Bardziej szczegółowoTECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła
TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła 1. Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności tworzenia tła poprzez wykorzystanie funkcji dostępnych w programie GIMP. 2. Wiadomości
Bardziej szczegółowoBAZA_1 Temat: Tworzenie i modyfikowanie formularzy.
BAZA_1 Temat: Tworzenie i modyfikowanie formularzy. Do wprowadzania danych do tabel słuŝą formularze. Dlatego zanim przystąpimy do wypełniania danymi nowo utworzonych tabel, najpierw przygotujemy odpowiednie
Bardziej szczegółowoGrafika komputerowa. Zajęcia 8
Grafika komputerowa Zajęcia 8 Nakładanie masek Maski słuŝą do zaawansowanej edycji obrazka. Za pomocą masek wydziela się obszary, które mają zostać zmodyfikowane, chroniąc jednocześnie pozostałe obszary
Bardziej szczegółowoStudia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej
Projekt współfinansowany ze środków budŝetu państwa i Europejskiego Fundusz Społecznego Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej GIMP - Ćwiczenia
Bardziej szczegółowoProjekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Projekt graficzny z metamorfozą (ćwiczenie dla grup I i II modułowych) Otwórz nowy rysunek. Ustal rozmiar arkusza na A4. Z przybornika wybierz rysowanie elipsy (1). Narysuj okrąg i nadaj mu średnicę 100
Bardziej szczegółowoAdobe Photoshop lab. 3 Jacek Wiślicki, 1. Napisy (c.d.) Ogień Miód Metal Aqua...
Spis treści 1. Napisy (c.d.)...2 1.1. Ogień...2 1.2. Miód...5 1.3. Metal...9 1.4. Aqua...12 strona 1 z 14 1. Napisy (c.d.) Poniższe ćwiczenia stanowią kontynuację tworzenia stylizowanych napisów, jednak
Bardziej szczegółowoSketchUpMake - instrukcja obsługi
SketchUpMake - instrukcja obsługi SketchUpMake jest darmowym programem służącym do tworzenia modeli 3D. Dzięki niemu można stworzyć wierne repliki budynków, samochodów, czy nawet mebli lub przedmiotów
Bardziej szczegółowoĆwiczenie dodatkowe - Wybrane narzędzia modelowania Zadanie Przygotować model stołu z krzesłami jak na rysunku poniżej(rys. 1).
Ćwiczenie dodatkowe - Wybrane narzędzia modelowania Zadanie Przygotować model stołu z krzesłami jak na rysunku poniżej(rys. 1). Wymiary krzesła: wymiary przednich nóg: 1 x 1 x 6 wymiary tylnich nóg połączonych
Bardziej szczegółowoĆwiczenie 14 Dmuchawce
Dmuchawce Celem ćwiczenia jest wykorzystanie właściwości programu Flash do generowania animacji o charakterze losowym. Prezentowany efekt można wykorzystać do wielu różnych celów np. spadające liście,
Bardziej szczegółowoGIMP Grafika rastrowa (Ćwiczenia cz. 2)
Zjazd 1 GIMP Grafika rastrowa (Ćwiczenia cz. 2) Zaznaczenia Aby zacząć profesjonalnie rysować w programie GIMP należy opanować tematykę zaznaczeń. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów
Bardziej szczegółowoSpis treści. http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html. Włodzimierz Gajda
Strona 1 Szablon witryny magazyn INTERNET Włodzimierz Gajda Przygotowywana w tym odcinku witryna wykorzystuje: prowadnice, gradienty, zaznaczenia, ścieŝki, warstwy i maski, wklejanie elementów do obrazu
Bardziej szczegółowoObsługa programu Paint. mgr Katarzyna Paliwoda
Obsługa programu Paint. mgr Katarzyna Paliwoda Podstawowo program mieści się w Systemie a dojście do niego odbywa się przez polecenia: Start- Wszystkie programy - Akcesoria - Paint. Program otwiera się
Bardziej szczegółowoModuł Grafika komputerowa i multimedia 312[01].S2. Ćwiczenia Podstawy programu Autocad 2011 Prosta
Moduł Grafika komputerowa i multimedia 312[01].S2 Ćwiczenia Podstawy programu Autocad 2011 Prosta Opracowanie: mgr inż. Aleksandra Miętus na podstawie książki Autocad 2000 ćwiczenia praktyczne. wyd. Helion
Bardziej szczegółowoAutomatyzacja i robotyzacja procesów technologicznych
Automatyzacja i robotyzacja procesów technologicznych Projektowanie grafiki wektorowej Dominik Rzepka, dominik.rzepka@agh.edu.pl 1. Wstęp Urządzenia dokonujące automatycznej obróbki materiałów (frezarki
Bardziej szczegółowoGimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop
Gimp Program do grafiki rastrowej odpowiednik płatnego programu Photoshop Narzędzia do zaznaczania Lasso Różdżka Kadrowanie Efekty Efekt rozbitego szkła 1) Otwórz dowolne zdjęcie 2. Tworzymy nową, przezroczystą
Bardziej szczegółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy Cz. 3. Rysunki w dokumencie Obiekt Fontwork Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład tytuł czy hasło promocyjne, możemy w
Bardziej szczegółowoAdobe InDesign lab. 3 Jacek Wiślicki, Paweł Kośla
Spis treści 1. Zaawansowane techniki pracy... 2 1.1. Tekst z wypełnieniem... 2 1.2. Stosowanie przeźroczystości i oblewania tekstem... 6 strona 1 z 9 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
Bardziej szczegółowoAnimowana grafika 3D Laboratorium 1
3DStudio MAX zapoznanie z interfejsem Pierwsze laboratorium posłuży do zapoznania się z interfejsem i sposobem budowania prostych obiektów 3D w programie 3D studio MAX. Oprogramowanie dostępne w laboratorium
Bardziej szczegółowoCorelDraw - krzywe Beziera
CorelDraw - krzywe Beziera Edycja kształtu krzywej Beziera Wybierz narzędzie rysunku odręcznego (klawisz F5) i narysuj poniższą krzywą: W programach grafiki wektorowej do reprezentacji figur stosowane
Bardziej szczegółowoOpis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania.
Nazwa implementacji: Robot biedronka Autor: Jarosław Żok Opis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania. Gra została zaimplementowana z wykorzystaniem
Bardziej szczegółowoTworzenie i edycja dokumentów w aplikacji Word.
Tworzenie i edycja dokumentów w aplikacji Word. Polskie litery, czyli ąłóęśźżń, itd. uzyskujemy naciskając prawy klawisz Alt i jednocześnie literę najbardziej zbliżoną wyglądem do szukanej. Np. ł uzyskujemy
Bardziej szczegółowoPrzetwarzanie grafiki rastrowej na wektorową
Przetwarzanie grafiki rastrowej na wektorową Inaczej wektoryzacja, lub trasowanie, czyli zastąpienie rysunku rastrowego rysunkiem wektorowym. Wykonanie: Piotr Dróżdż Podstawowe różnice między grafiką wektorową,
Bardziej szczegółowoWSTĘP; NARZĘDZIA DO RYSOWANIA
1 z 5 Link do instalacji Gimpa Gimp WSTĘP; NARZĘDZIA DO RYSOWANIA Menu w Gimpie znajduje się w oknie głównym Gimpa i w oknie obrazu. Dostępne jest również po kliknięciu prawym klawiszem myszy na obraz.
Bardziej szczegółowoNARZĘDZIA DO ZAZNACZANIA
NARZĘDZIA DO ZAZNACZANIA Narzędzia do zaznaczania Program Gimp pozwala zmieniać cały obrazek, wskazaną warstwę oraz wybrane jej fragmenty. Dzielenie obszaru warstwy na chroniony i edycyjny nazywamy zaznaczaniem.
Bardziej szczegółowo4.6 OpenOffice Draw tworzenie ilustracji
4-82 4.6 OpenOffice Draw tworzenie ilustracji 4.6.1 Podstawowe informacje o grafice komputerowej Istnieją dwa rodzaje grafiki komputerowej: mapy bitowe (grafika rastrowa), grafiki wektorowe. Mapy bitowe
Bardziej szczegółowoTworzenie nowego dokumentu. Ćwiczenie
WARSTWY Tworzenie nowego dokumentu Ćwiczenie 1. Utwórz nowy dokument. Z menu Plik okna Przybornika wybierz polecenie Nowy. W wyświetlonym oknie dialogowym Utworzenie nowego obrazu wprowadź następujące
Bardziej szczegółowoPrezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 2. Wstawianie obiektów do slajdu Do slajdów w naszej prezentacji możemy wstawić różne obiekty (obraz, dźwięk, multimedia, elementy ozdobne),
Bardziej szczegółowoGimp - poznaj jego możliwości!
Artykuł pobrano ze strony eioba.pl Gimp - poznaj jego możliwości! Gimp to program do tworzenia grafiki bitmapowiej - daje ogromne możliwości, a do tego jest darmowy! Spróbuj skorzystać z możliwości, jakie
Bardziej szczegółowoPodstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie
Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie Ctrl+Z cofnięcie jednej operacji Panel Historia (Okno -> Historia) pozwala anulować dużą liczbę zmian
Bardziej szczegółowoTworzenie grafiki na potrzeby WWW
Tworzenie grafiki na potrzeby WWW Kluczem do opanowania GIMPa jest biegłe posługiwanie się selekcjami, ścieżkami oraz warstwami. Każde z tych narzędzi znajduje swoje zastosowanie podczas tworzenia witryn
Bardziej szczegółowoCorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu
1. Rysunek rastrowy a wektorowy CorelDRAW Różnice między rysunkiem rastrowym (czasami nazywanym bitmapą) a wektorowym są olbrzymie. Szczególnie widoczne są podczas skalowania (czyli zmiany rozmiaru) rysunku
Bardziej szczegółowoPraca z układem projektu
Praca z układem projektu Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. W niniejszym samouczku
Bardziej szczegółowoPrzedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.
Praca na warstwach Czym są warstwy? Można sobie wyobrazić, że są to nakładane na siebie arkusze zawierające jakieś elementy graficzne. Arkusze te mogą się wzajemnie przenikać. Mamy nadzieję, że rysunek
Bardziej szczegółowoAnimowana grafika 3D Laboratorium 3
3DStudio MAX teksturowanie modelu budynku dla potrzeb gry 3D W ćwiczeniu tym zakładamy, że mamy już ukończony model naszego budynku. Składa się on z wielu elementów: ścian, okien, drzwi, dachu itp. W teorii
Bardziej szczegółowoTemat 1: GIMP selekcje, wypełnienia, ścieżki
Temat 1: GIMP selekcje, wypełnienia, ścieżki Program GIMP 2.8.10 można pobrać ze strony http://www.gimp.org/downloads/ Na systemy operacyjne od Windows XP po Windows 8.1 Zadanie 1. Selekcje i wypełnienia.
Bardziej szczegółowoUwaga! CorelDRAW ćwiczenia kl. III Strona 1 z 6
Uwaga! Korzystaj z POMOCY programu CorelDRAW!!! Wpisz słowo kluczowe, które szukasz w odpowiednie miejsce (Zakładka POMOC- Tematy pomocy Indeks) Po wykonaniu każdego rysunku zgrupuj jego elementy (zaznacz
Bardziej szczegółowoTworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie
Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie średniowiecznej woskowej pieczęci. Na samym początku przy pomocy [Ctrl + N] tworzymy nowy dokument o wymiarach
Bardziej szczegółowoCel ćwiczenia: Celem ćwiczenia jest nabranie wprawy w rysowaniu kół i okręgów o zadanych rozmiarach.
Cel ćwiczenia: Celem ćwiczenia jest nabranie wprawy w rysowaniu kół i okręgów o zadanych rozmiarach. Dodatkowo w zadaniu tym, ćwiczone są umiejętności w nadawaniu kolorów wypełnienia i obrysu oraz w używaniu
Bardziej szczegółowo1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.
Grafika w dokumencie Wprowadzanie ozdobnych napisów WordArt Do tworzenia efektownych, ozdobnych napisów służy obiekt WordArt. Aby wstawić do dokumentu obiekt WordArt: 1. Umieść kursor w miejscu, w którym
Bardziej szczegółowoAutomatyzacja i robotyzacja procesów technologicznych
Automatyzacja i robotyzacja procesów technologicznych Obsługa grawerki Laser 500 i programu LaserCut 5.3 Dominik Rzepka, dominik.rzepka@agh.edu.pl Celem projektu jest wykonanie grawerunku na pleksi oraz
Bardziej szczegółowoPROJEKT WIZYTÓWKI WIZYTÓWKA A
PROJEKT WIZYTÓWKI WIZYTÓWKA A 1. Za pomocą polecenia Otwórz otwieramy plik Organic logo.cdr. Na pasku Właściwości w polu Typ i rozmiar papieru wybieramy Wizytówka. 2. Następnie ustawiamy orientację papieru
Bardziej szczegółowoZaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM
Zaznaczanie komórek Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM Aby zaznaczyć blok komórek które leżą obok siebie należy trzymając wciśnięty LPM przesunąć kursor rozpoczynając od komórki
Bardziej szczegółowoZajęcia nr 3_cz2 Praca z tekstem: WORD Wzory matematyczne. Tabele
Zajęcia nr 3_cz2 Praca z tekstem: WORD Wzory matematyczne. Tabele W swoim folderze utwórz folder o nazwie 5_11_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy
Bardziej szczegółowo.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.
1 z 5 14.05.2017, 09:38 Ćwiczenie 2.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :. 1. W GIMPie jak i w innych programach do edycji grafiki rastrowej istnieje kilka możliwości zaznaczania fragmentów
Bardziej szczegółowoTworzenie nowego rysunku Bezpośrednio po uruchomieniu programu zostanie otwarte okno kreatora Nowego Rysunku.
1 Spis treści Ćwiczenie 1...3 Tworzenie nowego rysunku...3 Ustawienia Siatki i Skoku...4 Tworzenie rysunku płaskiego...5 Tworzenie modeli 3D...6 Zmiana Układu Współrzędnych...7 Tworzenie rysunku płaskiego...8
Bardziej szczegółowoTworzenie i modyfikacja modelu geologicznego
Tworzenie i modyfikacja modelu geologicznego Program: Stratygrafia 3D Plik powiązany: Demo_manual_39.gsg Poradnik Inżyniera Nr 39 Aktualizacja: 12/2018 Wprowadzenie Celem niniejszego Przewodnika Inżyniera
Bardziej szczegółowoĆwiczenie 4: Edycja obiektów
Ćwiczenie 4: Edycja obiektów Aplikacja ArcMap nadaje się do edycji danych równie dobrze jak do opracowywania map. W tym ćwiczeniu rozbudujesz drogę prowadzacą do lotniska łącząc jej przedłużenie z istniejącymi
Bardziej szczegółowoPraca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku
Praca z tekstem: WORD Listy numerowane, wstawianie grafiki do pliku W swoim folderze utwórz folder o nazwie 29_10_2009, wszystkie dzisiejsze zadania wykonuj w tym folderze. Na dzisiejszych zajęciach nauczymy
Bardziej szczegółowoĆwiczenie 6 Animacja trójwymiarowa
Animacja trójwymiarowa Wstęp Jedną z nowości Flasha CS4 i wyższych wersji jest tworzenie animacji 3D. Są do tego przeznaczone narzędzia Obrót 3D (W) i Translacja 3D (G). Narzędzia te działają na klipach
Bardziej szczegółowoZadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85
Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych Klasa Średnia 8a 3,54 8b 5,25 8c 4,21 8d 4,85 Do wstawienia wykresu w edytorze tekstu nie potrzebujemy mieć wykonanej tabeli jest ona tylko
Bardziej szczegółowoCelem ćwiczenia jest zapoznanie się z podstawowymi funkcjami i pojęciami związanymi ze środowiskiem AutoCAD 2012 w polskiej wersji językowej.
W przygotowaniu ćwiczeń wykorzystano m.in. następujące materiały: 1. Program AutoCAD 2012. 2. Graf J.: AutoCAD 14PL Ćwiczenia. Mikom 1998. 3. Kłosowski P., Grabowska A.: Obsługa programu AutoCAD 14 i 2000.
Bardziej szczegółowoGrafika komputerowa. Zajęcia IV
Grafika komputerowa Zajęcia IV Zadanie I Plik zad1.cdr zawiera miejscowy plan zagospodarowania. Rysunek jest wykonany w skali szarości. Celem zadania jest zmiana rysunku na wersje kolorową. Tak by przypominała
Bardziej szczegółowoKażde zadanie, jeśli nie napisano inaczej, rozpocznij od oryginalnego pliku, natomiast wyniki zapisuj wg wzoru:
1 Zadanie MS Paint Przerysuj poniższy rysunek. Spróbuj dodać więcej detali. 2 GIMP Każde zadanie, jeśli nie napisano inaczej, rozpocznij od oryginalnego pliku, natomiast wyniki zapisuj wg wzoru: [OryginalnaNazwa]_[punkt][podpunkt].[abc],
Bardziej szczegółowoGrafika Komputerowa Materiały Laboratoryjne
Grafika Komputerowa Materiały Laboratoryjne Laboratorium 4 Inkscape: budowa i przetwarzanie obiektów wektorowych Wstęp Inkscape to darmowe oprogramowanie do obróbki graficznej obrazów wektorowych. Oczywiście
Bardziej szczegółowoEfekt rollover ze wskaźnikiem wybranej opcji
Strona 1 Efekt rollover ze wskaźnikiem wybranej opcji Włodzimierz Gajda Wykorzystując moŝliwości warstw, ścieŝek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał
Bardziej szczegółowoPrzewodnik po obszarze roboczym
Przewodnik po obszarze roboczym Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. Projekty tworzone
Bardziej szczegółowob) Dorysuj na warstwie pierwszej (1) ramkę oraz tabelkę (bez wymiarów) na warstwie piątej (5) według podanego poniżej wzoru:
Wymiarowanie i teksty 11 Polecenie: a) Utwórz nowy rysunek z pięcioma warstwami, dla każdej warstwy przyjmij inny, dowolny kolor oraz grubość linii. Następnie narysuj pokazaną na rysunku łamaną na warstwie
Bardziej szczegółowoWprowadzenie do rysowania w 3D. Praca w środowisku 3D
Wprowadzenie do rysowania w 3D 13 Praca w środowisku 3D Pierwszym krokiem niezbędnym do rozpoczęcia pracy w środowisku 3D programu AutoCad 2010 jest wybór odpowiedniego obszaru roboczego. Można tego dokonać
Bardziej szczegółowoPIXLR EDITOR - Autor: mgr inż. Adam Gierlach
PIXLR EDITOR - www.pixlr.com Autor: mgr inż. Adam Gierlach 2 OTWIERANIE PLIKU Wybierz OTWÓRZ OBRAZEK Z KOMPUTERA - Pliki / 01_tlo.png 3 ZMIANA WIELKOŚCI OBRAZU 1. w programie wybierz Obrazek / Wielkość
Bardziej szczegółowoPrezentacje multimedialne. MS PowerPoint 2003
Prezentacje multimedialne MS PowerPoint 2003 Autokształt To prosty rysunek składający się z podstawowych figur geometrycznych, linii prostych itp. Autokształty Wstaw Rysunek Autokształty Pasek narzędzi
Bardziej szczegółowoGIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18
Ćwiczenie nr 6 efekty i filtry Tak, jak każdy program graficzny GIMP posiada wbudowane narzędzia umożliwiające osiągnięcie różnego rodzaju efektów. Dostępne są one w menu edytowanego rysunku [filtry].
Bardziej szczegółowoLOGO NARZĘDZIA PASKA PRZYBORNIKA
LOGO NARZĘDZIA PASKA PRZYBORNIKA Wskaźnik (narzędzie) Kształt (edycja kształtu) Powiększenie Kształt Prostokąt Elipsa Wielokąt Kształty podstawowe Tekst Narzędzia interakcyjne Pipeta Kontur Wypełnienie
Bardziej szczegółowoGrafika wektorowa lab. 4 Jacek Wiślicki,
Spis treści 1. Tekst i efekty interakcyjne... 2 1.1. Manipulacje tekstem...3 1.2. Wykorzystanie konturu...4 1.3. Tekst trójwymiarowy...6 1.4. Popękany tekst...8 1.5. Tekst z cieniem... 10 3.6. Zamiana
Bardziej szczegółowoSpis treści. strona 1 z 11
Spis treści 1. Edycja obrazów fotograficznych...2 1.1. Księżyc...2 1.2. Słońce zza chmur...4 1.3. Rzeka lawy...6 1.4. Śnieżyca...7 1.5. Ulewa...8 1.6. Noktowizor...9 strona 1 z 11 1. Edycja obrazów fotograficznych
Bardziej szczegółowoCykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp
Cykl lekcji informatyki w klasie IV szkoły podstawowej Wstęp Poniżej przedstawiam cykl początkowych lekcji informatyki poświęconym programowi Paint. Nie są to scenariusze lekcji, lecz coś w rodzaju kart
Bardziej szczegółowoPokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.
Tworzenie grafiki Jest wiele oprogramowania służącego tworzeniu grafiki. Wiele z nich daje tylko podstawowe możliwości (np. Paint). Są też programy o rozbudowanych możliwościach przeznaczone do robienia
Bardziej szczegółowo