Podczas tego tutorialu spróbujemy krok po kroku stworzyć konkretny przycisk na stronę. Ustalmy na wstępie jego wymiary, np.: szerokość - 130 pikseli, a wysokość 50 pikseli. Poniżej znajduje się lista czynności, które należy wykonać dla wygenerowania tego typu przycisku.

Tworzymy nowy obraz, na razie większy niż nasz przycisk końcowy. Aby to zrobić wybieramy ze Standardowego Narzędziownika lub z menu File [Plik] opcję "NEW" [Nowy]. W oknie, który pojawi się na ekranie wpisujemy wymiary: "Width" [Szerokość] - 220 pikseli (jednostki możemy wybrać w menu obok) oraz "Height [Wysokość] - 80 pikseli. Ponadto z menu rozwijanego wybieramy kolor tła "Transparent" [Przezroczysty]. Reszta parametrów może zostań na aktualnym poziomie. Wciskamy przycisk "OK". Na ekranie pojawiło się okno o naszych wymiarach, pokryte siatką oznaczającą przezroczystość.

Wybieramy z Narzędiownika narzędzie "SHAPES" [Kształty]. W oknie opcji tego narzędzia wybieramy z rozwijanego menu rodzaj przycisku, który chcemy stworzyć. Ponadto, jeśli chcemy, aby nasz przycisk wyglądał dokładnie tak samo, jak na rysunku, zaznaczamy opcję "Retain Style" [Zachowaj styl], w przeciwnym razie na przycisku zostaną zastosowane kolory wybrane na paletach. Po ewentualnym dopasowaniu pozostałych parametrów przenosimy kursor nad obraz i tworzymy kształt poprzez klinięcie w jednym rogu i przeciągniecie do przeciwległego. Rozmiar na razie nie ma znaczenia.

Wybieramy narzędzie "OBJECT SELECTOR" [Wybierz objekt] i przeciągamy przycisk do lewego górnego rogu. Następnie odpowiednio wymiarujemy go poprzez odpowiednie przesunięcie któregoś z rogów. W dobraniu jego wymiarów pomoże nam pasek stanu na dole programu, który po lewej stronie pokazuje współrzędne kursora.

Jeśli odpowiednio i dokładnie przesunęliśmy nasz przycisk do rogu obrazu, może teraz go przyciąć do odpowiednich wymiarów. W tym celu klikamy dwukrotnie na ikonce narzędzia "CROP" [Wycinacz]. Na ekranie pojawi się tabelka, w której (w naszym przypadku) wpisujemy parametry: "Top" [Góra] - 0, "Left" [Lewo] - 0, "Bottom" [Dół] - 50, "Right" [Prawo] - 130. Parametry te oznaczają wymiaryn wycięcia. Pozostałe parametry w naszym przypadku pozostają bez zmian. Po wybraniu przycisku "OK" przyciask powinien zostać zaznaczony, wówczas klikamy na niego podwójnie - obraz zostanie przycięty do wybranych wymiarów.

Mamy więc już przycisk o odpowiednich wymiarach. Teraz możemy go oczywiście opisać. W tym celu wybieramy narzędzie "TEXT" [Tekst], który pozwoli nam na dodanie tekstu do rysunku. Po jego wybraniu klikamy na środku przycisku. Dobieramy odpowiednie parametry (kolor obramowania, czcionkę, rozmiar, wprowadzamy teskt itd.) i akceptujemy je przyciskiem "OK". Napis pojawi się na przycisku. Możemy go odpowiednio ustawić lub zwymiarować podobnie jak poprzednio przycisk. Teraz nasz przycisk jest ukończony. Najlepiej zapisać go w formacie JPEG ze względu na sporą ilość odcieni barw, ale jeśli zależy nam na zachowaniu transparentności, to możemy użyć formatu GIF.