Newsletter

Grupa MagazynyInternetowe

Online: 981

Wyszukiwarka

Programy graficzne

Inkscape w akcji

Inkscape w akcji Inkscape, opensource'owy edytor grafiki wektorowej, jest idealny do tworzenia żywych, zgodnych ze standardami sieciowych grafik. Zobaczmy, co można zrobić za jego pomocą.

Karl Hodge

Co będziemy tworzyć?

Inkscape w akcji Inkscape to aplikacja o dużych możliwościach do tworzenia grafiki wektorowej. W naszym poradniku jej podstawy poznamy podczas budowania sieciowego banera, który może zostać zapisany w formacie wektorowym i być wyświetlany w każdej przeglądarce z wyjątkiem Internet Explorera. Przedstawimy kilka porad, jak tworzyć przyciski i pokażemy, jak wyeksportować grafikę do bardziej uniwersalnego formatu bitmapowego PNG.

Fani programów opensource'owych z pewnością słyszeli o GIMP-ie (http://www.gipm.org) - rywalizującym z Photoshopem rastrowym edytorem graficznym, dostępnym dla Maków, Linuksa i Windows. GIMP jest jednym z naszych ulubionych narzędzi, ale nigdy do końca nie rozumieliśmy, dlaczego ludzie używają go do tworzenia sieciowej grafiki, zwłaszcza że jest opensource'owy Inkscape.

W Inkscapie znajdziemy wiele funkcji przeznaczonych dla sieci. Najważniejszą z nich jest możliwość domyślnego zapisywania plików ze skalowalną grafiką wektorową (SVG). Ten popierany przez W3C format jest wbudowany w XML-a. W rzeczywistości pliki zapisywane przez Inkscape są skryptami XML-a, które można ręcznie edytować lub nawet edytować wsadowo z wykorzystaniem narzędzi do przetwarzania tekstu.

Nie oznacza to, że Inkscape jest pozbawiony innych funkcji. Są tu linie, kształty, wypełnienia, rozciągnięcia, wsparcie tekstu oraz przybory rysownicze umożliwiające uzyskanie profesjonalnych rezultatów w dowolnym rodzaju projektu. Dodanie ich do elastycznego sposobu pracy jest proste dzięki niezwykłemu, ale bardzo intuicyjnemu interfejsowi. W rezultacie mamy do dyspozycji rewelacyjne narzędzie. Zobaczmy, jak pracuje.

Krok 1: Baner

Inkscape w akcji Zaczniemy od tworzenia prostego banera. Przechodzimy do Plik | Nowy i wybieramy Web_Banner_728x90 z menu. Po utworzeniu nowego dokumentu przechodzimy do Plik | Ustawienia Dokumentu. Zmieniamy jednostki na piksele. Zmieniamy też szerokość banera z 728 na 720.

Krok 2: Siatki i prowadnice

Inkscape w akcji W polu właściwości dokumentu znajdziemy zakładkę Siatka | Prowadnice. Zaznaczamy pole Wyświetlanie Siatki. Możemy ustawić odległość między liniami siatki z dokładnością do pikseli. Domyślnym ustawieniem jest jednopikselowa siatka z grubszą linią co 5 linii. Na razie wyłączymy Wyświetlanie Siatki.

Krok 3: Dodawanie kształtów

Inkscape w akcji Klikamy narzędzie Tworzenie Gwiazd i Wielokątów. Pasek właściwości zmieni się i wyświetli wybrane narzędzia, umożliwiając zmianę liczby punktów lub rogów kształtu, który chcemy narysować. Możemy zaznaczyć pole przy Wielokątach, co umożliwi utworzenie wielokątów zamiast gwiazd.

Krok 4: Przekształcanie obiektu

Inkscape w akcji Rysujemy pięcioramienną gwiazdę w oknie głównego dokumentu. Klikamy strzałkę Zaznacz i przekształć obiekty i klikamy nowy kształt. Możemy zmienić rozmiar poprzez kliknięcie i przeciągnięcie strzałek na rogach. Klikamy obiekt, by zamienić uchwyty transformacji na uchwyty obrotu.

6 maja 2007
Skomentuj
ten artykuł

Brak komentarzy

Kod obrazkowy
(Kliknij, aby zmienić)
 

Autor

Karl Hodge

Artykuły tego autora:

Pozostałe publikacje

Czy Photoshopa da się zastąpić? Testujemy edytory online

Czy Photoshopa da się zastąpić? Testujemy edytory online

W pierwszej serii artykułów poszukiwaliśmy zastępstwa dla Photoshopa wśród tradycyjnych programów komputerowych. Dziś spróbujemy poszukać takich aplikacji online. Rozwój technologiczny sprawił, że aplikacje online są dziś poważną konkurencją dla zwykłego oprogramowania.

Newsletter

Jesli chcesz być na bieżąco z tym co się dzieje na stronie magazynu INTERNET Maker zapisz się do naszego newslettera.