GAJDAW


PROGRAMY

1 2 3 4


Obrysowanie menu przy użyciu ścieżek

Włodzimierz Gajda





2. Przygotowanie obrazów

2.1 Etap 1: obły prostokąt

Rysunek 4.

Utwórz nowy obraz o wymiarach 760×600, po czym zaznacz w nim prostokąt.

Rysunek 5.

Zaokrągl narożniki prostokąta o 30%. Służy do tego opcja Zaznaczenie → Zaokrąglenie.

Rysunek 6.

Zaznaczenie to skopiuj z warstwy tła, wklej na nową warstwę i wypełnij czarnym kolorem.

2.2 Etap 2: ścieżka obrysowująca menu

Rysunek 7.

Teraz dodaj do obrazu wąski prostokąt, który rozciąga się od górnej do dolnej krawędzi obrazu. Prostokąt wykonaj następująco:

Rysunek 8.

Gdy widoczne są oba czarne prostokąty wybierz narzędzie do zaznaczania sąsiadujących obszarów (skrót: z), po czym kliknij w czarny obszar dowolnego z prostokątów. Otrzymasz selekcję o kształcie pokazanym na rysunku.

Rysunek 9.

Otrzymaną selekcję przekształć na ścieżkę. Służy do tego opcja Zaznaczenie → Przekształć na ścieżkę. Otrzymasz ścieżkę widoczną na powyższym rysunku. Nie będzie ona jednak od razu widoczna na ekranie.

Rysunek 10.

Jeśli chcesz włączyć widoczność ścieżki to zaznacz ikonę oka w oknie dialogowym Ścieżki. Następnie wybierz narzędzie Tworzenie i modyfikowanie ścieżek i kliknij w ścieżkę.

Rysunek 11.

Gdy ujrzysz ścieżkę, należy dokonać jej modyfikacji. Usuń część węzłów. Do usuwania węzłów ścieżki służy kliknięcie z przytrzymanymi przyciskami Ctrl oraz Shift. Jeśli w identyczny sposób klikniesz w odcinek łączący węzły ścieżki, to ścieżka zostanie rozcięta. Po usunięciu części węzłów powinieneś jeszcze przesunąć dwa skrajne węzły tak, jak to zostało pokazane na rysunku. Do przesuwania węzłów służy technika ciągnij-upuść.

Rysunek 12.

Gdy ścieżka jest gotowa, należy ją obrysować. Dodaj do obrazu nową przezroczystą warstwę, po czym przejdź do okna dialogowego Ścieżki. Naciśnij zaznaczony na rysunku przycisk Rysowanie wzdłuż ścieżki.

Rysunek 13.

W oknie dialogowym ustal właściwości rysowanej linii.

Rysunek 14.

W obrazie pojawi się linia biegnąca wzdłuż ścieżki.

2.3 Etap 3: tło menu, tło tekstu

Rysunek 15.

Po dodaniu linii zaznacz w obrazie obszar leżący po lewej stronie. Wystarczy pojedyncze kliknięcie magiczną różdżką do zaznaczania sąsiadujących obszarów. Zaznaczony obszar skopiuj z tła, wklej na nową warstwę, po czym wypełnij niebieskim kolorem.

Rysunek 16.

W podobny sposób zaznacz obszar leżący na prawo od obrysu ścieżki. Zaznaczony obszar wypełnij (na nowej warstwie) delikatnym gradientem przechodzącym od niebieskiego do białego.

Jeśli gradient lub niebieski kolor są zbyt intensywne, to zmniejsz krycie odpowiednich warstw.

2.4 Etap 4: opcje

Rysunek 17.

Dodaj do obrazu cztery nazwy opcji.

Rysunek 18.

Powiększ widok obrazu, dodaj do obrazu prowadnice, po czym — wykorzystując prowadnice — utwórz ścieżkę.

Ścieżkę wykonasz w następujący sposób:

Rysunek 19.

Otrzymaną ścieżkę przekształć w zaznaczenie. Służy do tego przycisk zaznaczony na powyższym rysunku. Następnie:

Rysunek 20.

Powinieneś otrzymać trójkąt widoczny na rysunku.

Rysunek 21.

Pod opcjami menu dodaj obły prostokąt, wypełniony niebieskim kolorem.

Obły niebieski prostokąt oraz czarny trójkąt powiel trzykrotnie. Wykorzystaj do tego operację duplikowania warstwy. Duplikaty przesuń pod pozostałe opcje menu.

2.5 Etap 5: logo

Rysunek 22.

Następnie dodaj do obrazu napisy tworzące logo.

Rysunek 23.

Napis INTERNET otocz dwupikselową obwiednią białą i trzypikselową obwiednią czarną. Obwiednie wykonasz następująco:

W przypadku czarnej obwiedni zaznaczenie powiększ o trzy, a nie dwa piksele, zaś na samym końcu wypełnij czarnym kolorem.




1 2 3 4