Przetwarzanie grafiki rastrowej na wektorową



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

Fotografia cyfrowa obsługa programu 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.

Obsługa programu Paint materiały szkoleniowe

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

Kurs Adobe Photoshop Elements 11

Ćwiczenia - CorelDraw

Inkscape. Narzędzia informatyki

CorelDraw - Edytor grafiki wektorowej

Narzędzia programu Paint

CorelDraw - obiekty tekstowe

Ćwiczenie 6 Animacja trójwymiarowa

Automatyzacja i robotyzacja procesów technologicznych

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

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

Corel Draw, Adobe Illustrator grafika wektorowa

Edytor tekstu OpenOffice Writer Podstawy

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

Przewodnik po obszarze roboczym

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

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

Kurs Adobe Photoshop Elements 11

Ćwiczenie 5 Animacja tekstu

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

Program graficzny MS Paint.

Corel Draw, Adobe Illustrator grafika wektorowa

Edytor tekstu MS Word podstawy

CorelDRAW. wprowadzenie

Tworzenie logo. Omówione zagadnienia

PROJEKT WIZYTÓWKI WIZYTÓWKA A

4.6 OpenOffice Draw tworzenie ilustracji

Rozdział 8. Grafika wektorowa Corel DRAW

Tworzenie prostych obrazów wektorowych w programie CorelDRAW 12

Adobe InDesign lab. 3 Jacek Wiślicki,

Dodawanie grafiki i obiektów

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Automatyzacja i robotyzacja procesów technologicznych

Odbicie na szkłach okularów

"Fotomontaż- proste i szybkie efekty"

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

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

Tworzenie grafiki na potrzeby WWW

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

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

Prezentacja multimedialna MS PowerPoint 2010 (podstawy)

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

Kurs Adobe Photoshop Elements 11

GRAFIKA WEKTOROWA. WYKŁAD 1 Wprowadzenie do grafiki wektorowej. Jacek Wiślicki Katedra Informatyki Stosowanej

Tworzenie napisu i obrysu.

Projektowanie Skinów w programie Taboret2

Grafika komputerowa. Zajęcia 8

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

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

Ćwiczenie 2 Warstwy i kształty podstawowe

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

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Gimp - poznaj jego możliwości!

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

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

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

Grafika wektorowa lab. 4 Jacek Wiślicki,

Animacje z zastosowaniem suwaka i przycisku

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

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

Grafika Komputerowa. Zajęcia X

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

Zastosowania informatyki w geologii ćwiczenia 1,2 INKSCAPE 1

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

LOGO NARZĘDZIA PASKA PRZYBORNIKA

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

Narysujemy uszczelkę podobną do pokazanej na poniższym rysunku. Rys. 1

GRAFIKA INŻYNIERSKA. CorelDRAW

Obsługa programu Paint. mgr Katarzyna Paliwoda

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

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

Grafika komputerowa. Zajęcia V

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

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

1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.

Pasek narzędziowy - rysowanie

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

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

WSKAZÓWKI DO OPRACOWANIA KARTOGRAFICZNEJ CZĘŚCI DOKUMENTACJI KRAJOZNAWCZEJ

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

Praca z układem projektu

Rozdział 1. Wstęp 5. Rozdział 2. Pierwsze kroki 13. Rozdział 3. Podstawy rysunku wektorowego 35

Ćwiczenie 1 Automatyczna animacja ruchu

CorelDraw - krzywe Beziera

Czcionki bezszeryfowe

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

Ćwiczenie pochodzi ze strony

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

Tworzenie infografik za pomocą narzędzia Canva

Tworzenie prezentacji w MS PowerPoint

Animacja. Instrukcja wykonania animacji metodą klatek kluczowych. Autor: Bartosz Kowalczyk. Blender 2.61

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

Podstawy Informatyki Wykład VI

Skalowanie i ustawianie arkuszy/układów wydruku w AutoCAD autor: M. Motylewicz, 2012

Edytor tekstu MS Word podstawy

Obsługa programu GIMP poziom podstawowy

Transkrypt:

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ą, a rastrową: Grafika wektorowa: rysunek zbudowany z figur geometrycznych, odcinków, krzywych. Charakteryzuje się łatwością zmiany parametrów i atrybutów elementów, oraz skalowaniem bez strat jakości. Nie nadaje się dobrze do pokazywania dużej ilości szczegółów. Grafika rastrowa: obraz składa się z kolorowych pikseli, które w dużej ilości tworzą spójny i jednolity obraz. Wraz z powiększaniem ulega rozmyciu ze względu na ograniczoną rozdzielczość.

Kiedy przerabiamy grafikę rastrową na wektorową? Gdy chcemy powiększyć wielokrotnie obraz rastrowy. Mając taki obraz w postaci wektorowej możemy go skalować dowolnie. Trasowanie jest niezbędne, jeśli chcemy coś wyciąć na specjalnym ploterze tnącym (głównie loga firm, napisy), ponieważ ploter odczytuje tylko obraz wektorowy. Trasować możemy również zeskanowane rysunki odręczne, aby mieć je w formie wektorowej.

Od czego zaczynamy? Na początku musimy znaleźć interesujący nas obraz rastrowy w możliwie dużej rozdzielczości. Najlepszym źródłem są google. Ja wybrałem logo UEFA EURO 2012 Program którego będę używał to CorelDRAW X6

Następnie importujemy grafikę do programu CorelDRAW: Na obrazek klikamy PPM i wybieramy opcję Zablokuj obiekt, aby obiekt był nieaktywny. Z paska menu widoku możemy wybrać Widok szkieletowy, co ułatwi odrysowywanie konturu ciemnych liter.

Trasowanie zaczynamy od napisu EURO 2012: Pomocne mogą okazać się prowadnice i opcje przyciągania od nich, oraz przyciągania do obiektów. Za pomocą prostych figur geometrycznych (okręgów, prostokątów zaokrąglonych) staramy się obrysować kontur liter. Staramy się używać tych samych figur, by rozmiar liter był taki sam.

Aby połączyć całą literę E w całość zaznaczamy jej każdy element za pomocą myszki i używamy opcji Spawaj. Dwa okręgi musimy zaznaczyć, kliknąć na nie PPM i wybrać opcję połącz, aby utworzyć obiekt złożony z dwóch obiektów bez części wspólnej, czyli w tym wypadku pierścień. Następnie rysujemy prostokąt tak aby przechodził przez środek okręgu i przycinamy go z okręgami narzędziem Przytnij. Taki sam manewr wykonujemy dla pionowych zaokrąglonych prostokątów, aby je przyciąć od dołu. Pozostałe części pionowych prostokątów i pozostałą cześć okręgu spawamy ze sobą.

Literkę R i O rysujemy wykorzystując te same metody co poprzednio. Ale ciężko będzie nam połączyć te dwie litery jakimiś prostymi figurami, więc musimy użyć narzędzie Krzywe Beziera. Jeśli mamy włączone przyciąganie do obiektów to bez problemu narysujemy taki obiekt klikając w miejscach gdzie będziemy chcieli narysować kontur.

Klikając dwa razy na obiekt, włączamy narzędzie Kształt. Wtedy w czterech punktach w których kliknęliśmy widzimy węzły. Narzędziem kształt zaznaczamy wszystkie tak jak kursorem i wybieramy w ich menu Przekształć w krzywą, dzięki czemu będziemy mogli je wyginać. Klikając na węzeł pojawiają się strzałki, które możemy przeciągać wyginając krzywą do odpowiedniego kształtu. Po dopasowaniu całość spawamy.

Tak wygląda nasz napis po trasowaniu: (musimy przełączyć widok na Dokładny, aby zobaczyć wypełnienie) Te litery były proste geometrycznie, więc nie musieliśmy cały czas używać krzywych Bezier'a. Oczywiście można poszukać danej czcionki i po prostu napisać dane słowo, ponieważ czcionki są w krzywych, ale rzadko jaki napis tego typu jest zrobiony ze standardowych czcionek. Trasowanie pozostałych liter wymaga tych samych technik, więc nie będę ich pokazywał. Od razu widzimy różnicę przy powiększeniu:

Teraz spróbujemy narysować kwiatek z loga. Obrazek obracamy tak aby kwiatek był pionowo co ułatwi odrysowanie. Rysujemy wszystkie kontury krzywymi Beziera. Część węzłów po przekształceniu na krzywe można dodatkowo zmienić w Węzeł gładki co umożliwia przechodzenie krzywej przez węzeł w gładki sposób, bez tworzenia ostrych krawędzi.

Następnie możemy rozłożyć sobie narysowany obiekt na takie elementy: (musimy skopiować niebieskie i żółte tło, czyli obiekt 2 i 3) Obiekt 1 i 3 łączymy (zaznaczamy, PPM, opcja połącz) tak samo jak przy literach U i O z napisu EURO, aby uzyskać samą ramkę. Następnie przechodzimy do wypełnienia obiekt 1. Jest to wypełnienie tonalne. Gdy zaznaczymy obiekt wciskamy przycisk F11. Ustawiamy parametry i kolor za pomocą pipety kolorów. Pod przyciskiem F12 wyłączamy kontur.

Następnie umieszczamy obiekt 2 będący tłem w obiekcie 1 i wypełniamy go jednolicie kolorem niebieskim pobranym narzędziem pipeta kolorów. Powtarzamy operację dla pozostałych elementów. Brakuje nam jeszcze tylko cienia. Dodamy go za pomocą narzędzia Cień do obiektu 3.

Dobieramy odpowiednie parametry cienia. Ważne aby żółte tło było nad cieniem. Możemy to sprawdzić w Menadżerze obiektów w oknie dokowanym. Drugi kwiatek wykonujemy kopiując pierwszy i zamieniając kolory:

Następnie zajmujemy się piłką: Najpierw obrysujemy pierścień na konturze piłki (dwa okręgi połączone). Zostawiając jedną kopie na białe tło piłki. Następnie odrysujemy wszystkie kształty i przytniemy z pierścieniem i wypełnimy kolorami tak jak w przypadku kwiatków.

Musimy jeszcze wycieniować piłkę. Zaczynamy od krawędzi piłki. Dodajemy cień do pierścienia o odpowiednich parametrach (pamiętamy, aby pierścień był nad białym tłem piłki, ale pod grafikami na piłce). Następnie rozłączamy cień i pierścień (PPM, opcja Rozłącz ). Usuwamy pierścień, bo nie jest nam już potrzebny. Cień chcemy mieć tylko w obrębie piłki, więc zaznaczamy białe tło piłki i cień i wybieramy opcję Część wspólna, co prowadzi do pojawienia się dodatkowego cienia w obrębie piłki. Stary cień usuwamy.

W tej chwili nasza piłka wygląda tak: Brakuje jeszcze tylko cieni w środku. Dodajemy cienie obiektom wypełnionym czarnym tłem. Następnie rozłączamy cienie tak jak poprzednio i znów tworzymy cześć wspólną z biały tłem. Cienie są na samej górze rysunku i zaznaczanie białego tła jest utrudnione, ale zawsze można je zaznaczyć przez menadżer obiektów.

Tak wygląda ostateczna wersja piłki:

Zostały jeszcze tylko łodygi: Zaczynamy standardowo od konturu. Później aby zrobić cieniowanie korzystamy na przykład z Wypełnienia siatkowego. Możemy również spróbować rysować elementy na jaśniejszych miejscach dodawać do nich cień odpowiedniego koloru.

W wypełnieniu siatkowym możemy dodawać nowe więzy i nadawać im kolory. Klikając na węzeł pojawiają się wektory takie jak przy krzywych Bezier'a. Ruszając nimi ustawiamy zasięg koloru w obrębie węzła.

Pozostałe łodygi robimy w taki sam sposób. Gdy stosujemy wypełnienie siatkowe to nie możemy zespawać elementów, więc musimy ustawić odpowiednią kolejność, aby łodygi zasłaniały się odpowiednio.

Oto efekt końcowy:

Dziękuję za uwagę.