W pracy grafika bardzo często spotykam się z sytuacją, w której to klient podsyła materiały graficzne, które nie są najlepszej jakości. Są to bardzo często grafiki o małym rozmiarze, z niską ilością pikseli na cal. Mimo wszystko moim faworytem pozostaje nadal pewna firma, która podesłała swoje logo w formacie .docx. W takich momentach przychodzi z pomocą wektoryzacja bitmapy. Dzięki podjęciu kilku odpowiednich kroków, które pokażę wam w dzisiejszym artykule, odwzorujecie w bardzo precyzyjny sposób oryginalne zdjęcie w wektorze. Sam proces jest bardzo łatwy w obsłudze. Wymaga opanowania jednego narzędzia w Adobe Illustrator. Warto pamiętać, że podobne rozwiązania znajdują się również w darmowych rozwiązaniach – Inkscape.
Dlaczego wektoryzować bitmapę?
Podczas tworzenia wszelkich materiałów drukowanych, od katalogu po zwykłą ulotkę, zostają nałożone na nas pewne ograniczenia względem grafik znajdujących się w projekcie. W związku z tym mając zdjęcia zazwyczaj muszą mieć odpowiednią wartość PPI (Pixel per inch). Podczas druku wszelkie niedociągnięcia będą od razu widoczne więc nieprzestrzeganie tego zalecenia, oraz druk projektu w setkach sztuk, może wiązać się ze sporą katastrofą. Warto temu zapobiec wykorzystując wektoryzację bitmapy. Dzięki temu narzędziu będziemy mogli dowolnie skalować daną grafikę i nie straszne będą nam ograniczenia co do jakości obrazu. Dlaczego? Od teraz nie będzie to zwykła bitmapa lecz grupa kształtów składająca się w jeden wektor.
Grafika rastrowa i wektorowa ma swoje wady i zalety. Warto poznać je i podjąć odpowiednie decyzję, którą z nich wykorzystać w swoim projekcie. Jeśli chciałbyś się dowiedzieć więcej na ich temat zapraszam do zapoznania się z innym artykułem, który opisuje szczegółowo czym są, oraz co je różni. Artykuł znajdziesz tutaj: Grafika wektorowa i grafika rastrowa. Wiesz czym się różnią?
Jak stworzyć wektor z bitmapy – krok po kroku.
Zacznij od wybrania zdjęcia, które chcesz poddać procesowi wektoryzacji. To jakie zdjęcie wybierzesz nie ma znaczenia, warto jednak pamiętać że im większe zdjęcie będziemy chcieli edytować tym dłużej proces będzie przebiegał. Przy pracy z wektorami rozmiar kształtów nie ma znaczenia dlatego polecałbym skorzystać z mniejszych grafik. Najlepiej, aby obrazek miał białe lub przezroczyste tło i stosunkowo niską rozdzielczość.
Krok 1. - Umieść zdjęcie w Adobe Illustrator
Stwórz nowy dokument w Adobe Illustrator. Następnie umieść grafikę w programie. Możesz to zrobić na kilka sposobów. Najprostszym jest przeciągniecie zdjęcie z folderu do program (drag & drop). Możesz to również zrobić w bardziej elegancki sposób: Plik -> Umieść -> Wybierasz zdjęcie (skrót klawiszowy Shift – Ctrl – P).
Krok 2. – Obrys obrazu
Następnym krokiem jest przejście do odpowiedniego okna. Przechodzimy do opcji Okno -> Obrys obrazu. Naszym oczom pojawi się następujące okienko. Teraz postaram się opisać elementy znajdujące się w tym okienku.
Na samej górze znajdują się gotowe presety, które można wykorzystać do wektoryzacji zdjęcia. Znajdziemy tam odpowiednio:
– Kolorowanie automatyczne,
– Wysoka głębia,
– Niska głębia,
– Skala szarości,
– Czarno – biały,
– Kontur.
Każda z opcji nadaje konfiguruje grafikę według gotowych ustawień. Polecam jednak nie zadowalać się gotowymi rozwiązaniami, ponieważ nie odwzorują one odpowiednio zdjęcia, które chcemy edytować.
Na samym dole okienka znajduje się opcja „Podgląd”. Zaznacz ją zanim przejdziesz do kolejnych kroków.
Krok 3. – Konfiguracja obrysu obrazu
Przechodząc dalej w oknie edycji znajduje się kilka następujących opcji:
- Ustawienia wstępne – możesz tutaj wybrać czy grafika ma być możliwie jak najlepszej jakości, z jakiej skali kolorów ma się składać zdjęcie, czy ma być ono rysunkiem technicznym i wiele więcej.
- Widok – tutaj wybierasz czy chcesz widzieć wynik obrysowania, kontury kształtów z których będzie się składać ilustracia
- Tryb – wybór czy ilustracja ma być kolorowa, w skali szarości, czy też czarno-biała
- Kolory – im większą wartość wybierzesz tym obraz będzie bardziej szczegółowy i lepiej odwzorowany
Krok 4. – Zaawansowane
Rozwiń zakładkę opcji zaawansowanych – domyślnie są one ukryte.
W tej opcji wybierasz ilość ścieżek, z których ma się składać ilustracja. Możesz tu również znaleźć ilość narożników, a także szum obrazka. Polecam przetestować wszystkie te opcje. Następnie mamy do wyboru metodę, wybieramy czy kształty wektora będą się nakładać, czy też wstrzymać. Możemy również skorzystać z dodatkowych opcji:
– Przyciąganie ścieżek do linii,
– Ignorowanie bieli.
Krok 5. – Rozwiń
Jeżeli jesteśmy zadowoleni z efektu końcowego, musimy jeszcze zatwierdzić wszystkie zmiany. Aby to zrobić należy kliknąć opcję „Rozwiń” znajdującą się w górnej belce programu. W zależności jak bardzo złożoną ilustrację umieściłeś w Illustratorze, tak długo będzie się ona konwertować.
Co dalej?
Teraz możesz zapisać swoją grafikę w formatach odpowiednich dla wektorów – .eps, .svg, .ai. Możesz również skalować ilustrację w dowolny sposób, nie musisz się obawiać straty jakości zdjęcia. Jeżeli nie jesteś zadowolony z jakości wektora, zalecałbym powtórzyć proces ze zmienionymi ustawieniami. Istotnym problemem może być również ilość kształtów z jakich składa się ilustracja. Rozwiązania są dwa: możesz wrócić do punktu pierwszego i kolejny raz spróbować powtórzyć proces wektoryzacji. Należy jednak pamiętać aby opcję „Ścieżki” ustawić na stosunkowo niskim poziomie. Drugie rozwiązanie jest dosyć mozolne. Z panelu narzędzi należy wybrać „Generator kształtów”. Narzędzie to łączy kilka warstw w jedną. W tym momencie zalecam ci połączyć warstwy, które są spójne kolorystycznie. Dzięki temu ograniczysz ilość warstw, a ilustracja otrzyma spójny wygląd.
Dzięki za dziś. Mam nadzieję, że wytłumaczyłem ci jak należy jak stworzyć wektor z bitmapy przesłanej do programu Adobe Illustrator. Jeśli jednak nie jesteś do końca pewien jak wykonać to zadanie, lub chcesz zlecić ten proces, zapraszam cię do strony kontaktowej, gdzie omówimy cały proces oraz szczegóły projektu. Pozdrawiam
