Przejdź do głównej zawartości

Inkscape - Wektoryzacja - Podstawy

Jako, że jest to pierwsza lekcja na temat wektoryzacji przedstawię tutaj jedynie podstawowy interfejsu zmiany obrazów rastrowych w wektorowe. Wydaje mi się, że nie ma potrzeby omawiania poszczególnych opcji masą teorii, gdyż najepsze rozeznanie w poszczególnych funkcjach każdemu zapewni spora doza kombinacji ustawień i kilka zwektoryzowanych obrazów:-). Tak wygląda przeskalowany rastrowy obraz o początkowej rozdzielczości 200x38px.



Celem tego tutorialu będzie wyjaśnienie jak w prosty sposób korzystając z gotowych algorytmów zaimplementowanych w Inkscape zwektoryzować wyżej przedstawioną grafikę. Dobór najlepszych dla danej sytuacji parametrów pozostawiam Tobie, gdyż znacznie zależy on od pliku, który musimy doprowadzić do postaci wektorowej. W następnych lekcjach pokażę w jaki sposób zwektoryzować każdy obraz w dokładniejszy, lecz jednocześnie bardziej czasochłonny sposób poprzez kalkowanie.

Rozpocznijmy działanie :-) Na początek musimy zaznaczyć myszką obraz, który chcemy zwektoryzować klikając na niego. Następnie wejdź do menu Ścieżka-> Wektoryzuj bitmapę.... Powinieneś zobaczyć osobne okno z kilkoma opcjami do wyboru. Spróbuj ustawić opcję według poniższego zrzutu ekranu:



Można również spróbować zmienić opcję "Kolory" na "Odcienie Szarości" gdyż przedstawiona grafika właśnie tak jest zrealizowana :-). Czasem zdarza się, że domyślnie zaznaczone jest "rozmycie" - to czy chcemy z tego skorzystać zależne jest wyłącznie od naszych preferencji i oczekiwanego efektu końcowego. Spórbuj pomajstrować w ustawieniach na bieżąco obserwując zmiany przy pomocy przycisku "Aktualizuj". Przy powyższych ustawieniach powinniśmy otrzymać efekt podobny do tego:

(obraz źródłowy powinien znajdować się pod nim)

Opcja "tworzenie stosu przebiegów" robi dokładnie to co sugeruje opis. Gdy opcja ta jest zaznaczona utworzy nam dostępnych tyle możliwych do rozdzielania warstw przebiegów ile chcieliśmy wygenerować - i tak jak poprzednio to czy ją zastosujemy jest zależne tylko i wyłącznie od oczekiwanego efektu końcowego. Jeśli jednak utworzymy zbyt wiele przebiegów, lub obraz źródłowy jest bardzo skomplikowany wygenerowana grafika wektorowa może poważnie obciążyć naszą maszynę - wtedy należy spróbować odznaczyć tą opcję - przecież jeśli nie chcemy edytować wyjściowego efektu nie jest nam potrzebna możliwość rozdzielania poszczególnych "warstw" zwektoryzowanej grafiki. Spróbuj utworzyć dla tych samych ustawień dwie grafiki wyjściowe - ze stosem przebiegów i bez niego - to najlepiej powinno odzwierciedlić działanie tej funkcji.

Zmiana ustawień w zakładce "Opcje" na poniższe oraz liczby przebiegów na 15:


powinno dać następujący efekt:

Jeśli masz jakieś problem z tym tutorialem to sprawdź czy aby na pewno grafika, która ma zostać zwektoryzowana jest zaznaczona - jest to konieczne, gdyż w jednym projekcie może znajdować się kilka bitmap - trzeba dokładnie sprecyzować, którą chcemy zwektoryzować. Pozostałe opcje takie jak wektoryzacja jednoprzebiegowa, czy SIOX pozostaną wyjaśnione w dalszych częściach podręcznika.

Artykuł udostępniany na licencji CC-BY-SA-3.0

Komentarze

Popularne posty z tego bloga

WordPress -> SQL Injection poprzez plugin Webdorado SpiderCalendar

W zeszłym roku sprawdziłem jakość kodu oraz poprawność przetwarzania danych wejściowych przez plugin „Form Maker” przygotowany przez wydawcę Webdorado. Tym razem postanowiłem sprawdzić czy autor poprawił jakoś kodu swoich produktów. Należy tutaj nadmienić, że poza wersjami darmowymi opartymi na licencji GNU/GPLv2 oferuje on również wersję płatne z dodatkowymi szablonami. Tym razem postaram się opisać wszelkie przeszkody, które musiałem pokonać aby n apisać działającego exploita. Zacząłem zabawę tak, że program był dla mnie black-boxem, ale niestety skończyło się na przejrzeniu kodu. Zapraszam do lektury. Poniżej można zobaczyć jeden z widoków częściowych kalendarza, który domyślnie jest wywoływany z JavaScriptu jako XHR, można jednak go z powodzeniem otworzyć w przeglądarce jako widok główny: http://localhost:8888/wp/wp-admin/admin-ajax.php?action=spiderbigcalendar_month&theme_id=13&calendar=1&select=month,list,week,day,&date=2015-02&many_sp_calend...

Całkowanie numeryczne

Wprowadzenie Całkowanie numeryczne można porównać do podziału powierzchni całkowanej funkcji na przedziały (im dokładniejszy wynik chcemy uzyskać, tym więcej przedziałów). W zależności od wybranej metody całkowania będziemy liczyć pole w przedziałach dla prostokąta, trapezu lub paraboli. Do wyboru pozostaje nam również wybór czy ewentualny będziemy całkować pole figury pod całkowaną funkcją (z niedomiarem - wtedy uzyskany wynik może być mniejszy niż oczekiwany) lub nad funkcją (z nadmiarem - wtedy oczekiwany wynik może być większy niż oczekiwany). Pod koniec działania programu musimy zsumować pola wszystkich figur z pod przedziałów, które policzyliśmy tak, by uzyskać wynik. Graficzne przedstawienie problemu Całkowanie tak prostej funkcji jakmetodą prostokątów może dać duży błąd. Parametry wielkości przedziałów (ich liczność w całkowanym przedziale) należy dobrać odpowiednio tak, by błąd był jak najmniejszy. Całkowanie funkcji w przedziale od 0 do 8 z podziałem na 4 pod przedziały...

Inkscape - Opisywanie tekstu na ścieżce

Chcąc stworzyć np. efektowny logotyp w formacie SVG w kształcie koła warto wiedzieć jak opisywać napisy na ścieżkach, gdyż może nam to być przydatne, a dobrze wykonane opisanie napisu na kole może być całkiem efektowne. Przyda się również eksport tekstu do ścieżki celem poprawnego wyświetlania napisu w formacie SVG, tak więc do dzieła. Pierwszym krokiem będzie stworzenie krzywej (czynimy to przy użyciu odpowiedniego narzędzia - jeśli nie wiesz o czym mowa - przeczytaj poprzednie rozdziały), oraz jakiegokolwiek napisu, który będziemy chcieli edytować. Narzędzie do opisywania tekstu na ścieżkach domyślnie działa w ten sposób, że rozpoczyna opisywanie tekstu od strony lewej ścieżki, która będzie będzie służyła do opisania. Całość należy dobrać proporcjonalnie tak, żeby tekst opisał się na całej ścieżce - no chyba, że chcemy inaczej. Kolejnym etapem naszej pracy będzie zaznaczenie całości projektu (tj. napisu oraz ścieżki) oraz wybranie menu Tekst -> Wstaw na ścieżkę . Na tym etapie pra...