Linux, Programowanie, CyberSecurity

Opisując szczegółowo kolejne etapy tworzenia efektownych napisów, które można stosować chociażby na strony www, postaram się zaznajomić każdego początkującego użytkownika z obsługą programu inkscape. Jeśli jednak masz jakieś problemy z ogarnięciem interfejsu, zajrzyj do podręcznika Inkscape . Artykuł udostępniany na licencji CC-BY-SA-3.0

W dziale tym opisywane będą przykłady projektowania ikon w formacie SVG, które mogą być stosowane chociażby na pulpit, czy strony www. Artykuł udostępniany na licencji CC-BY-SA-3.0

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...

Podstawą naszej pracy będzie oczywiście narysowanie koperty. Lepszy efekt uzyskamy, jeśli narysujemy ją pod pewnym kątem. Musimy jednak oczywiście pamiętać, że konieczne będzie zachowanie proporcji oraz prawidłowe użycie rzutu. Rysujemy najpierw zewnętrzne kontury, potem wewnętrzne elementy, do momentu uzyskania podobnych efektów jak na poniższym zrzucie szkieletowym. By uzyskać widok szkieletowy włączamy opcję Widok -> Tryb Wyświetlania -> Szkieletowy . Z powyginanych trójkątów postaramy się zrobić coś w rodzaju cieni. Grubość linii koperty, które należy narysować u siebie ustawiłem na 4 - tak,by przy mniejszym rozmiarze ikony koperta była bardziej widoczna. Zresztą porównajcie to z oczekiwanym efektem końcowym. Po narysowaniu koperty przejdźmy do tworzenia tła pod kopertę. Jak widać na powyższym załączniku, będzie ono okrągłe. Korzystając z narzędzia "owal" by uzyskać idealne koło przytrzymujemy Ctrl+Shift, podczas gdy rysujemy. Wykorzystany gradient to gradient typu ...

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...

Przedstawione tu materiały są wyłącznie mojego autorstwa, jednak cały podręcznik udostępniony jest na licencji CC-BY-SA-3.0 i jego najbardziej aktualna wersja (edytowana przez wielu użytkowników) znajduje się zawsze na stronach wikibooks pod tym adresem. Moje materiały przeznaczone dla podręcznika "Inkscape w praktyce" tworzone były w wersji 0.45 programu Inkscape - obecnie tworzone są w wersji 0.46 i prezentowane w poniższych artykułach poszczególne skróty klawiszowe, czy opcje menu mogą się różnić w zależności od używanej przez czytelnika wersji programu. Wstęp do podręcznika Tworzenie efektownych napisów "Unoszący" się napis Napis z poświatą Efekt zamglonego lustra Opisywanie tekstu na ścieżkach Projektowanie ikon użytkowych Koperta Tarcza Wektoryzacja Podstawy Studium Człowieka Rysowanie ludzkiej twarzy

Podręcznik ten ma na celu zaznajomienie użytkownika z interfesjem, oraz licznymi funkcjami programu Inkscape poprzez kompletne i praktyczne tutoriale tworzenia grafiki wektorowej w tym programie. Inkscape jest programem darmowym, rozpowszechnianym na otwartej licencji GNU/GPL. Każdy więc może pobrać go za darmo ze strony www.inkscape.org, oraz używać go zarówno do celów niekomercyjnych jak i komercyjnych. Oznacza to, że każdy może zarabiać tworząc grafiki przy użyciu tego programu, bez ponoszenia żadnych dodatkowych kosztów związanych z oprgramowaniem. Niniejszy podręcznik jest stworzony dla użytkowników zaznajomionych z interfrejsem graficznym programu Inkscape, jednak stara się jednocześnie w sposób łatwy i przejrzysty tłumaczyć kolejne etapy tworzenia grafiki. Artykuł udostępniany na licencji CC-BY-SA-3.0

Spróbujmy zrobić pewien ciekawy efekt związany z napisami. Mam tutaj na myśli zaprojektowanie tekstu, który sprawiałby wrażenie unoszącego się. Wszystko co będzie nam potrzebne to Inkscape i trochę cierpliwości. Na początku chciałem zaznaczyć, żebyście zachowali projekt stworzony w tej lekcji, gdyż przyda nam się on do kolejnego rozdziału. Z zasady nie lubię zanudzać ludzi, więc bierzmy się do rzeczy. Uruchomcie swój program Inkscape. Rozpoczynając projekt powinniśmy zedytować wartwy, w których będziemy się poruszać. W tym celu wejdźiemy do menu "Warstwa" i klikniemy opcje "warstwy" lub użyjemy skrótu klawiszowego Shift+Ctrl+L. Ustawmy warstwy jak na poniższym zrzucie ekranu. Należy zwrócić uwagę, by w chwili obecnej warstwa nazwana "cień" pozostawała zamknięta, gdyż potrzebna nam będzie ona w późniejszym etapie edycji napisu. Natomiast warstwa "napis" powinna pozostawać otwarta i aktywna, gdyż w niej będziemy dokonywali teraz edycji. Użyjmy narz...

W lekcji tej użyjemy funkcji maski, oraz narzędzia "Krzywe Beziera". Rozpoczniemy od otwarcia projektu zapisanego w poprzedniej lekcji. Podstawą działania będzie utrzymanie porządku w projekcie (wyuczenie nawyku nazywania każdej warstwy, oraz zapobiegania bałaganowi zaowocuje w przyszłości). W tym celu tworzymy warstwę nadrzędną nad warstwą napis o nazwie poświata. Środkowa wartwa (napis) powinna być odblokowana. Przy użyciu narzędzia zaznaczenia klikamy na witam i używamy skrótu klawiszowego Ctrl+D w celu zduplikowania obiektu. Następnym etapem będzie użycie funkcji przeniesienia obiektu na wyższą warstwę (z napis na poświata) w tym celu klikamy Warstwa -> Przenieś zaznaczenie na wyższą warstwę. Teraz powinniśmy zablokować wszystkie warstwy poza warstwą poświata, gdyż na niej będziemy właśnie pracować. Możemy również wyłączyć widok pozostałych warstw, jak na obrazku. Następnym etapem będzie użycie narzędzia Krzywych Beizera. Skrótem klawiszowym do tego narzędzia jest komb...

Spróbujmy zrobić efekt odbicia poniżej naszego projektu. Otwórzcie więc poprzedni projekt i zaczynamy :-). Odblokuj wszystkie 3 warstwy, które utworzyliśmy w poprzednim rozdziale. Dodaj warstę nadrzędną nad warstwą poświata. Nazwijmy ją lustro - tutaj będziemy dokonywać edycji. W głównym oknie Inkscape'a zaznaczcie cały nasz projekt (myszą, lub poprzez Ctrl+A, by zduplikować całość przy użyciu Ctrl+D. Żeby ułatwić sobie dalszą pracę zgrupujmy całość używając skrótu klawiszowego Ctrl+G. Postarajmy się naszą grupę przenieść na najwyższą warstwę - lustro, by mieć możliwość zablokowania niższych. By zrobić efekt odbicia musimy odbić nasz obiekt pionowo (dokonujemy tego przy użyciu klawisza V, co jest znacznie szybsze od użycia menu Obiekt -> Odbij pionowo). Przesuńmy teraz nasz odbity obiekt poniżej oryginalnej edycji. W tym celu wybierzcie naszędzie selekcji (F1), przytrzymajcie klawisz Ctrl i po prostu przeciągnijcie duplikat używając myszki w dół tak, żeby pozostało miejsce na li...