Wskaźniki PageRank

[melma]

W tym tutorialu przedstawię sposób utworzenia własnych wskaźników (np. PageRank) w programie Inkscape.

1.We właściwościach dokumentu (Shift+Ctrl+D) ustawiamy przyciąganie do obiektów.



2.Tworzymy jasnoszary prostokąt klawisz (F4)


3.Następnie wewnątrz niego tworzymy mniejszy o białym wypełnieniu.


4.Teraz należy wycentrować obydwa prostokąty względem siebie. Zaznaczamy więc je i wciskamy (SHIFT+CTRL+A). W oknie dialogowym wybieramy element sterujący: zaznaczenie i wyśrodkowanie w osi poziomej i pionowej.


5.Duplikujemy (CTRL+D) i trzymając klawisz CTRL przesuwamy zaznaczone prostokąty w prawo, aż prawy szary prostokąt „sklei się” z lewym białym (dzięki ustawionej opcji przyciągania do krawędzi obiektów) Jeżeli elementy się nie przyciągają należy wcisnąć klawisz (%), który włącza/wyłącza przyciąganie. Klawisz CTRL podczas przesuwania umożliwia przesunięcie elementów tylko w osi pionowej lub tylko w osi poziomej, dzięki czemu nie wyjedziemy elementem z szeregu.



6.Przesunięty duplikat przekładamy na spód stosu obiektów klawisz (END).

7.Duplikat duplikujemy i przesuwamy aż otrzymamy w sumie 10 białych i 10 szarych prostokątów tworzących zarys naszego wskaźnika.



8.Teraz cały wskaźnik zaznaczamy i duplikujemy. Kursorem przenosimy skokowo duplikat niżej. Duplikatem na razie nie będziemy się zajmować.



9.Z oryginału zaznaczamy wszystkie 10 białych prostokątów (klikamy myszą trzymając klawisz SHIFT).

10.Następnie z menu sumujemy zaznaczone ścieżki (CTRL++). Po tym działaniu nasz obiekt może wyglądać podobnie do przedstawionego screenu, ponieważ niektóre szare prostokąty przesłaniają złączone białe prostokąty. Wciskamy klawisz HOME, dzięki czemu białe prostokąty wędrują na samą górę stosu obiektów. Teraz już białe prostokąty nie są osobnymi elementami, lecz tworzą jeden obiekt.



11.Jako wypełnienie tak utworzonego obiektu ustawiamy pionowy jasny gradient (od bieli do przezroczystości), wychodząc nieco poza obszar samego obiektu. Zaznaczamy cały górny pasek wskaźnika (białe i szare prostokąty) i grupujemy obiekty (CTRL+G). Otrzymaliśmy właśnie tło naszego wskaźnika.



Teraz zajmiemy się naszym duplikatem, który będzie tworzyć kolorowy pasek wskaźnika.

12.Zaznaczamy i grupujemy białe prostokąty, wybieramy gradient jako tło wychodząc poza obszar zgrupowanych obiektów (podobnie jak to już zrobiliśmy wcześniej). Możemy już rozgrupować prostokąty z jasnym gradientem (SHIFT + CTRL + G). Otrzymaliśmy podobnie wyglądające dwa pokratkowane paski: górny który utworzy tło wskaźnika, oraz dolny będący kolorowym paskiem.

13.Pozostało już tylko nadać pożądaną barwę szaremu wskaźnikowi (czyli szarym prostokątom lezącym w stosie pod prostokątami wypełnionymi białym gradientem). Wybrałem odcień czerwieni.



14.Cały dolny, kolorowy pasek ustawiamy kursorem równo z górnym paskiem, tak aby w stosie obiektów znalazł się na samej górze (czyli przesłaniał oryginał). Jeżeli jednak jest zakryty, wciskamy klawisz HOME, aby przesunąć go na wierzch.
15.Otrzymaliśmy właśnie wskaźnik o wartości 10.



16.Duplikujemy wszystkie obiekty i przesuwamy niżej. Usuwamy ostatnią kratkę wskaźnika (czerwony prostokąt i lezący na nim prostokąt z białym gradientem. Otrzymaliśmy wskaźnik o wartości 9.





17.Czynności powtarzamy (duplikat i usunięcie ostatniej czerwonej kratki) jeszcze 9 razy, aż otrzymamy szary wskaźnik (czyli wartość zero).



18.Teraz wystarczy wyeksportować poszczególne wskaźniki do formatu PNG. Zaznaczamy więc pierwszy wskaźnik i wciskamy klawisze (SHIFT + CTRL + E). Możemy tu ustawić m.in. szerokość i wysokość eksportowanego wskaźnika.



Gotowe do pobrania wskaźniki w kilkunastu wersjach kolorystycznych załączone są w tym poście.

  wskaznik_pagerank.pdf (Rozmiar: 834.85 KB / Pobrań: 0)
  pagerank_paczka_01.zip (Rozmiar: 107.62 KB / Pobrań: 1)