\n Obrazy wektorowe s\u0105 szeroko stosowane w projektowaniu graficznym, jednak przeci\u0119tny u\u017cytkownik komputera PC prawdopodobnie nigdy o nich nie s\u0142ysza\u0142.\n<\/p>\n
\n Najpopularniejsze obrazy cyfrowe, grafiki internetowe i zdj\u0119cia cyfrowe s\u0105 najcz\u0119\u015bciej renderowane jako obrazy bitmapowe, a nie jako obrazy wektorowe. Czym wi\u0119c s\u0105 obrazy wektorowe i dlaczego warto si\u0119 tym przejmowa\u0107?\n<\/p>\n
\n Obrazy bitmapowe sk\u0142adaj\u0105 si\u0119 z pikseli lub ma\u0142ych kolorowych kwadrat\u00f3w. Na przyk\u0142ad obraz balonu o wymiarach 300 na 300 pikseli sk\u0142ada si\u0119 z 90 000 pikseli. Obrazy wektorowe sk\u0142adaj\u0105 si\u0119 z element\u00f3w geometrycznych, takich jak punkty i linie. Te prymitywy geometryczne s\u0105 z kolei reprezentowane przez r\u00f3wnania matematyczne, takie jak te, kt\u00f3rych nauczy\u0142e\u015b si\u0119 w geometrii w szkole \u015bredniej.\n<\/p>\n
\n Poniewa\u017c obrazy wektorowe sk\u0142adaj\u0105 si\u0119 z punkt\u00f3w i linii, mo\u017cna je skalowa\u0107 bez utraty jako\u015bci obrazu. Dzieje si\u0119 tak dlatego, \u017ce komputer wykorzystuje informacje zawarte w ka\u017cdym geometrycznym prymitywie do narysowania obrazu, zamiast wy\u015bwietla\u0107 ustawion\u0105 map\u0119 pikseli. Kiedy obrazy bitmapowe s\u0105 skalowane w g\u00f3r\u0119, staj\u0105 si\u0119 rozmyte, ale gdy obrazy wektorowe s\u0105 skalowane w g\u00f3r\u0119, pozostaj\u0105 ostre.\n<\/p>\n
\n Zmiana rozmiaru obrazu wektorowego nie ma wp\u0142ywu na rozmiar obrazu. To kolejna wielka zaleta obraz\u00f3w wektorowych. Poniewa\u017c obraz wektorowy jest oparty na okre\u015blonej liczbie punkt\u00f3w i linii, skalowanie rozmiaru nie zmienia rozmiaru pliku, poniewa\u017c nie zmienia liczby punkt\u00f3w i linii.\n<\/p>\n
\n Podobnie jak w przypadku ka\u017cdego formatu cyfrowego, do pracy z obrazami wektorowymi wymagane jest specjalne oprogramowanie. Popularne programy, takie jak Adobe Photoshop, odczytuj\u0105 i edytuj\u0105 kilka popularnych format\u00f3w wektorowych w ograniczonym stopniu. Do obszernej pracy z obrazami wektorowymi zalecany jest bardziej wyspecjalizowany program, taki jak Adobe Illustrator. Adobe Illustrator udost\u0119pnia kilka pomocnych narz\u0119dzi do edycji punkt\u00f3w, \u0142\u0105czenia \u015bcie\u017cek i eksportowania obraz\u00f3w.\n<\/p>\n
\n Je\u015bli interesujesz si\u0119 projektowaniem graficznym, obrazy wektorowe s\u0105 wa\u017cnym formatem do opanowania. Obrazy wektorowe s\u0105 idealne dla szerokiej gamy projekt\u00f3w i s\u0105 zazwyczaj dostarczane przez grafik\u00f3w swoim klientom. Teraz, gdy znasz podstawy obraz\u00f3w wektorowych, zacznij u\u017cywa\u0107 tego wspania\u0142ego formatu obrazu w swojej pracy cyfrowej.\n<\/p>\n
\n Obraz wektorowy jest produktem komputerowej interpretacji pliku obrazu wektorowego. Nale\u017cy zauwa\u017cy\u0107, \u017ce obraz wektorowy jest zupe\u0142nie inny ni\u017c obrazy rastrowe, takie jak mapy bitowe. Mapa bitowa dos\u0142ownie koduje informacje o kolorze dla ka\u017cdego piksela obrazu w sekwencji. Obraz wektorowy jest bardzo r\u00f3\u017cny. Kod obrazu wektorowego zawiera dane tylko dla kilku punkt\u00f3w, ale punkty te zawieraj\u0105 zar\u00f3wno informacje o kolorze, jak i dane wektorowe.\n<\/p>\n
\n Obraz wektorowy jest generowany z dyskretnych punkt\u00f3w i danych wektorowych do\u0142\u0105czonych do tych punkt\u00f3w. Te wektory, w po\u0142\u0105czeniu z ich relacjami z innymi punktami i ich wektorami, definiuj\u0105 \u015bcie\u017ck\u0119. \u015acie\u017cka biegnie po krzywej zdefiniowanej przez wielko\u015b\u0107 i kierunek wektor\u00f3w jej dw\u00f3ch punkt\u00f3w ko\u0144cowych. Ta \u015bcie\u017cka ma obrys, kt\u00f3ry dzia\u0142a jak obramowanie, wype\u0142nienie lub jedno i drugie.\n<\/p>\n
\n Podstawowymi zaletami obraz\u00f3w wektorowych s\u0105 skalowalno\u015b\u0107 oraz, w przypadku wielu zastosowa\u0144, rozmiar pliku. Aspekt skalowalno\u015bci wyst\u0119puje, poniewa\u017c linie tworz\u0105ce obraz wektorowy nie s\u0105 ustawione w kodzie, ale generowane za ka\u017cdym razem zgodnie z rozmiarem i rozdzielczo\u015bci\u0105 ekranu, na kt\u00f3rym s\u0105 renderowane. Tak wi\u0119c, w przeciwie\u0144stwie do grafiki rastrowej, linie i wype\u0142nienia grafiki wektorowej s\u0105 czyste i pozbawione pikseli przy dowolnym ustawieniu powi\u0119kszenia. Jest to r\u00f3wnie\u017c pow\u00f3d mniejszego rozmiaru pliku. Aby obraz rastrowy mia\u0142 du\u017c\u0105 rozdzielczo\u015b\u0107, musi kodowa\u0107 bardzo du\u017c\u0105 liczb\u0119 pojedynczych pikseli. Pe\u0142ny kwadrat czerwieni na obrazie rastrowym wymaga kodowania dla ka\u017cdego czerwonego piksela, mimo \u017ce jest to tylko jeden kolor. Obrazy wektorowe potrzebuj\u0105 tylko czterech punkt\u00f3w i danych koloru, aby zdefiniowa\u0107 czerwony kwadrat. Ka\u017cdy z tych punkt\u00f3w zawiera wi\u0119cej danych ni\u017c piksele rastrowe, ale jest ich znacznie mniej.\n<\/p>\n
\n Du\u017cym minusem obrazu wektorowego s\u0105 szczeg\u00f3\u0142owe obrazy, takie jak fotografie. Ka\u017cda cecha, taka jak zestaw zmarszczek na twarzy osoby, subtelne cieniowanie itp., wymaga osobnych obiekt\u00f3w wektorowych dla ka\u017cdej z nich. Kiedy potrzebujesz ich du\u017co, liczba punkt\u00f3w wektorowych staje si\u0119 bardziej podobna do liczby punkt\u00f3w w obrazie rastrowym. Poniewa\u017c ka\u017cdy z tych punkt\u00f3w zawiera znacznie wi\u0119cej danych ni\u017c obrazy rastrowe, bardzo szczeg\u00f3\u0142owe obrazy w grafice wektorowej wymagaj\u0105 wi\u0119cej pami\u0119ci ni\u017c identyczny obraz rastrowy.\n<\/p>\n
\n Przewodnik po grafice: Bitmapa a grafika wektorowa\n<\/p>\n
\n Podczas tworzenia projekt\u00f3w graficznych masz kilka mo\u017cliwo\u015bci wyboru stylu swoich obraz\u00f3w. Do najpopularniejszych form nale\u017c\u0105 bitmapy i wektory. W zale\u017cno\u015bci od tego, jak planujesz u\u017cywa\u0107 swoich obraz\u00f3w i jak bardzo potrzebujesz zmieni\u0107 ich rozmiar, ka\u017cda z tych opcji mo\u017ce by\u0107 przydatna. Rozwa\u017c te pytania przed podj\u0119ciem decyzji o wyborze grafiki bitmapowej lub wektorowej.\n<\/p>\n
\n Obrazy bitmapowe i wektorowe s\u0105 zapisywane w r\u00f3\u017cnych formatach, poniewa\u017c reprezentuj\u0105 one informacje na obrazie w zupe\u0142nie inny spos\u00f3b. Mapy bitowe s\u0105 przechowywane w niekt\u00f3rych z najpopularniejszych prostych format\u00f3w obraz\u00f3w, w tym BMP, EPS, GIF i JPEG. Tymczasem obrazy wektorowe wymagaj\u0105 bardziej wyspecjalizowanych format\u00f3w plik\u00f3w, w tym EPS, PDF i PSD. Je\u015bli Twoje zastosowania wymagaj\u0105 okre\u015blonego formatu pliku, pami\u0119taj, aby wybra\u0107 styl obrazu, kt\u00f3ry dzia\u0142a z tym formatem.\n<\/p>\n
\n Zmieniaj\u0105c rozmiar obrazu, chcesz zachowa\u0107 najwy\u017csz\u0105 mo\u017cliw\u0105 rozdzielczo\u015b\u0107. W przypadku obraz\u00f3w bitmapowych powi\u0119kszenie powoduje zmniejszenie ostro\u015bci i wyrazisto\u015bci obrazu. Poniewa\u017c mapy bitowe przechowuj\u0105 informacje w spos\u00f3b piksel po pikselu, powi\u0119kszanie ich prowadzi do rozci\u0105gni\u0119cia pojedynczego piksela w celu pokrycia wielu pikseli. Wektory skaluj\u0105 si\u0119 znacznie lepiej, poniewa\u017c informacje s\u0105 przechowywane w spos\u00f3b wzgl\u0119dny; powi\u0119kszanie wektor\u00f3w prowadzi do minimalnej utraty przejrzysto\u015bci.\n<\/p>\n
\n Je\u015bli chcesz przes\u0142a\u0107 swoje obrazy na stron\u0119 internetow\u0105 lub blog, niekt\u00f3re formaty s\u0105 \u0142atwiejsze w u\u017cyciu ni\u017c inne. Wiele witryn ma problemy z wy\u015bwietlaniem obraz\u00f3w wektorowych, zw\u0142aszcza pod wzgl\u0119dem zgodno\u015bci mi\u0119dzy przegl\u0105darkami. Mapy bitowe s\u0105 \u0142atwiej wy\u015bwietlane i zachowuj\u0105 wygl\u0105d w r\u00f3\u017cnych przegl\u0105darkach.\n<\/p>\n
\n Podczas drukowania obrazu drukarka mo\u017ce za\u017c\u0105da\u0107 okre\u015blonych typ\u00f3w obraz\u00f3w. Wiele drukarek na koszulkach pracuje z wektorami, a nie mapami bitowymi; u\u017cycie schematu informacji wzgl\u0119dnych u\u0142atwia dostosowanie obrazu do u\u017cycia na koszulkach o r\u00f3\u017cnych rozmiarach. Jednak w niekt\u00f3rych przypadkach drukarka mo\u017ce za\u017c\u0105da\u0107 przes\u0142ania obrazu bitmapowego, poniewa\u017c ten typ obrazu jest czasem \u0142atwiejszy do wydrukowania.\n<\/p>\n
\n Decyzja o wyborze grafiki bitmapowej lub wektorowej zale\u017cy od tego, jak planujesz wykorzysta\u0107 sw\u00f3j obraz cyfrowy. Zanim zaczniesz projektowa\u0107 i edytowa\u0107 obraz, upewnij si\u0119, kt\u00f3ry typ najlepiej odpowiada Twoim potrzebom. Chocia\u017c mo\u017cna do\u015b\u0107 \u0142atwo przekonwertowa\u0107 wektor na bitmap\u0119, konwersja w przeciwnym kierunku jest cz\u0119sto trudniejsza.\n<\/p>\n
\n Grafika wektorowa to grafika renderowana zupe\u0142nie inaczej ni\u017c standardowa grafika rastrowa. S\u0105 nowszym, ca\u0142kowicie zale\u017cnym od komputera rodzajem obraz\u00f3w.\n<\/p>\n
\n Grafika wektorowa to grafika zdefiniowana przez wektory matematyczne. Grafik\u0119 wektorow\u0105 definiuje zbi\u00f3r pojedynczych punkt\u00f3w odniesienia wraz z danymi do budowy przebiegaj\u0105cej przez nie \u015bcie\u017cki. Krzywa tej \u015bcie\u017cki jest okre\u015blona przez k\u0105t i wielko\u015b\u0107 wektora. Ta \u015bcie\u017cka dzia\u0142a jak obramowanie wype\u0142nienia kolorem lub efektem kolorystycznym. Grafika wektorowa jest wy\u015bwietlana przez komputer, kt\u00f3ry pobiera dane z poszczeg\u00f3lnych punkt\u00f3w i ekstrapoluje je w celu utworzenia \u015bcie\u017cki i wype\u0142nienia mi\u0119dzy punktami.\n<\/p>\n
\n Grafika rastrowa to starsza forma grafiki. Komputer nie interpretuje informacji matematycznych podanych przez punkt odniesienia, ale dane koloru dla ka\u017cdego piksela w obszarze rysowania. Dane dla ka\u017cdego punktu s\u0105 po prostu zapisywane w kolejno\u015bci pojawiania si\u0119 i wy\u015bwietlane zgodnie z t\u0105 kolejno\u015bci\u0105.\n<\/p>\n
\n G\u0142\u00f3wn\u0105 zalet\u0105 grafiki wektorowej jest skalowalno\u015b\u0107. Poniewa\u017c grafika wektorowa jest generowana na podstawie matematycznych ekstrapolacji z bezwymiarowych punkt\u00f3w, wygl\u0105da dok\u0142adnie tak samo w ka\u017cdym rozmiarze. Podczas gdy grafika rastrowa, bez wzgl\u0119du na to, jak wysoka jest rozdzielczo\u015b\u0107, wygl\u0105da na piksele w okre\u015blonej skali, grafika wektorowa nigdy tego nie robi. Obraz automatycznie dostosowuje si\u0119 do nowego rozmiaru i rozdzielczo\u015bci, poniewa\u017c jest interpretowany zgodnie z tym rozmiarem i rozdzielczo\u015bci\u0105. Oznacza to r\u00f3wnie\u017c, \u017ce w przypadku prostszych obraz\u00f3w grafika wektorowa wymaga mniej pami\u0119ci ni\u017c grafika rastrowa.\n<\/p>\n
\n Moc obliczeniowa potrzebna do wy\u015bwietlenia grafiki wektorowej jest cz\u0119sto mniejsza ni\u017c w przypadku grafiki rastrowej, poniewa\u017c grafika wektorowa wymaga danych ze znacznie mniejszej liczby punkt\u00f3w ni\u017c grafika rastrowa. Jednak ka\u017cdy pojedynczy punkt w grafice wektorowej ma w rzeczywisto\u015bci wi\u0119cej danych ni\u017c grafika rastrowa, kt\u00f3ra wymaga tylko danych o kolorze dla ka\u017cdego piksela. Oznacza to, \u017ce w miar\u0119 jak obrazy staj\u0105 si\u0119 bardziej szczeg\u00f3\u0142owe i potrzebnych jest wi\u0119cej punkt\u00f3w do renderowania ich w grafice wektorowej, moc obliczeniowa potrzebna do ich przetworzenia faktycznie wzrasta poza moc potrzebn\u0105 do grafiki rastrowej. Dlatego bardzo z\u0142o\u017cone obrazy s\u0105 prawie zawsze renderowane jako grafika rastrowa, pomimo zalet grafiki wektorowej w zakresie skalowalno\u015bci.\n<\/p>\n
\n Grafika wektorowa to wspania\u0142y, stosunkowo nowy rodzaj grafiki do niekt\u00f3rych zastosowa\u0144, zw\u0142aszcza do projektowania graficznego. Ten rodzaj grafiki ma jednak swoje ograniczenia.\n<\/p>\n
\n Adobe Photoshop jest dobrze znany ze swoich zaawansowanych mo\u017cliwo\u015bci edycji zdj\u0119\u0107. Photoshop to program graficzny oparty na pikselach, a nie program do rysowania wektorowego. Jednak mo\u017cliwe jest tworzenie obraz\u00f3w wektorowych w Photoshopie za pomoc\u0105 narz\u0119dzia linii, pi\u00f3ra lub kszta\u0142tu. Photoshop dzia\u0142a dobrze w po\u0142\u0105czeniu z Illustratorem, programem do rysowania wektorowego firmy Adobe. Ten samouczek opiera si\u0119 na \u015bledzeniu zdj\u0119cia w programie Photoshop w celu utworzenia ilustracji cyfrowej.\n<\/p>\n
\n Jaki rodzaj rysunku chcesz stworzy\u0107? Poszukaj zdj\u0119cia cyfrowego, kt\u00f3re bardzo przypomina obraz, kt\u00f3ry chcesz narysowa\u0107. Wybierz zdj\u0119cie, kt\u00f3re wyra\u017anie pokazuje zarys obiektu, kolory, \u015bwiat\u0142a i cienie.\n<\/p>\n
\n Otw\u00f3rz swoje zdj\u0119cie w Photoshopie. Utw\u00f3rz nowy plik z dwiema warstwami i zapisz ten plik jako g\u0142\u00f3wny rysunek. Skopiuj i wklej swoje zdj\u0119cie do pierwszej warstwy pliku rysunku. Ustaw zdj\u0119cie w warstwie pierwszej w 50 procentach przezroczysto\u015bci, aby mo\u017cna by\u0142o je prze\u015bledzi\u0107 w warstwie drugiej. Suwak przezroczysto\u015bci znajduje si\u0119 w prawym g\u00f3rnym rogu nad palet\u0105 narz\u0119dzi.\n<\/p>\n
\n Kliknij drug\u0105 warstw\u0119 i wybierz narz\u0119dzie do rysowania. Aby uzyska\u0107 najwi\u0119ksz\u0105 wszechstronno\u015b\u0107, wybierz pi\u00f3ro. Narz\u0119dzie Pi\u00f3ro tworzy z\u0142o\u017cone segmenty z punktami kontrolnymi. Je\u015bli czujesz si\u0119 komfortowo z rysowaniem odr\u0119cznym, wybierz o\u0142\u00f3wek. W przypadku zakrzywionych odcink\u00f3w linii u\u017cyj narz\u0119dzia \u0142uku. Je\u015bli Tw\u00f3j rysunek jest prostym kszta\u0142tem geometrycznym, wybierz narz\u0119dzie Linia prosta.\n<\/p>\n
\n Za pomoc\u0105 narz\u0119dzia do rysowania obrysuj kontur wok\u00f3\u0142 obrazu. Kliknij raz narz\u0119dziem, aby ustali\u0107 punkt pocz\u0105tkowy. Przeci\u0105gnij mysz\u0105, aby utworzy\u0107 kr\u00f3tk\u0105 lini\u0119 i kliknij ponownie, aby utworzy\u0107 nast\u0119pny segment. Za pomoc\u0105 o\u0142\u00f3wka mo\u017cesz narysowa\u0107 odr\u0119czn\u0105 lini\u0119 jednym poci\u0105gni\u0119ciem wok\u00f3\u0142 obrazu. Po zako\u0144czeniu rysowania ca\u0142ego konturu kliknij punkt pocz\u0105tkowy, aby utworzy\u0107 zamkni\u0119ty kszta\u0142t.\n<\/p>\n
\n Obrysuj poszczeg\u00f3lne kszta\u0142ty wewn\u0105trz rysunku. Nie martw si\u0119 w tym momencie o \u015bledzenie ka\u017cdej szczeg\u00f3\u0142owej linii na obrazie. Skoncentruj si\u0119 na zarysowaniu g\u0142\u00f3wnych kszta\u0142t\u00f3w na rysunku. W przypadku prostych kszta\u0142t\u00f3w, takich jak ko\u0142a lub kwadraty, u\u017cyj gotowych narz\u0119dzi kszta\u0142tu, aby narysowa\u0107 te sekcje.\n<\/p>\n
\n Wype\u0142nij ka\u017cdy kszta\u0142t na rysunku kolorem w oparciu o warto\u015bci na fotografii. U\u017cyj narz\u0119dzia Kroplomierz, aby wybra\u0107 dok\u0142adny kolor ze zdj\u0119cia. Ten kolor staje si\u0119 teraz g\u0142\u00f3wnym kolorem wype\u0142nienia w twojej palecie. Wybierz sw\u00f3j kszta\u0142t, a nast\u0119pnie wybierz narz\u0119dzie do wype\u0142niania, aby pokolorowa\u0107 sekcj\u0119.\n<\/p>\n
\n Na koniec sp\u00f3jrz na swoje oryginalne zdj\u0119cie. Jakie linie szczeg\u00f3\u0142\u00f3w chcesz doda\u0107? Nie ma potrzeby \u015bledzenia ka\u017cdej linii na zdj\u0119ciu. Wybierz g\u0142\u00f3wne linie, kt\u00f3re dodaj\u0105 subtelnych szczeg\u00f3\u0142\u00f3w do kszta\u0142t\u00f3w twojego rysunku. Nast\u0119pnie dodaj podstawowe efekty, takie jak cie\u0144 i o\u015bwietlenie, aby ulepszy\u0107 sw\u00f3j obraz. Zajrzyj do menu \u201eEfekty”, aby znale\u017a\u0107 szerok\u0105 gam\u0119 dodatkowych opcji. Podczas stosowania efekt\u00f3w kliknij drug\u0105 warstw\u0119 zawieraj\u0105c\u0105 Tw\u00f3j rysunek, a nast\u0119pnie wybierz efekt.\n<\/p>\n
\n Tworzenie obrazu wektorowego w Photoshopie jest stosunkowo proste. \u0106wicz cz\u0119sto i korzystaj z tabletu graficznego, aby uzyska\u0107 najlepsze wyniki. Za pomoc\u0105 tabletu pi\u00f3rkowego mo\u017cesz \u0142atwo rysowa\u0107, tak jakby\u015b trzyma\u0142 o\u0142\u00f3wek. Zapisz sw\u00f3j rysunek w formacie Encapsulated PostScript lub natywnym formacie programu Photoshop, aby przechowywa\u0107 dane wektorowe. Plik EPS mo\u017cna r\u00f3wnie\u017c otworzy\u0107 w programie Adobe Illustrator, Corel Draw lub innym programie do rysowania wektorowego.\n<\/p>\n<\/p>\n