Witam na moim blogu. Znajdziecie tu wiele ciekawych tutoriali do programu Adobe Photoshop.

Zapraszam serdecznie na inne moje blogi:

Koci blog
SEO - blog o pozycjonowaniu
Ksiażka kucharska

Zachęcam do wpisów w moich katalogach stron (darmowe, moderowane katalogi SEO):

Katalog TYPE
Katalog DigitalWebArt
Koci katalog
Katalog E-kicia


NEWS:

2010-10-31 | ksik



Program: Photoshop CS4
Trudność: Łatwe

W tym artykule pokażę, jak stworzyć przyciągający uwagę button startowy. Tego typu buttony

sprawdzają się na stronach WWW jako linki do podstron, którym chcemy zwiększyć odwiedzalność -

poprzez swój rozmiar i kolor zwracają na siebie uwagę, guzik zdaje się mówić "kliknij mnie" :)

Na początek stwórzmy dokument o parametrach jak na poniższym obrazku:
button startowy

Za pomocą narzędzia rounded rectangle tool rysujemy prostokąt o okrągłych brzegach (kolor

nieistotny, nim zajmiemy się później). Następnie w menu górnym wybieramy pokolei: layer -

rasterize - shape. Efekt jak na poniższym obrazku:

Nastepnie w ustawieniach warstwy stosujemy następujace efekty:




W opcjach gradientu użyłam kolorów: #c42126 oraz #cf0000.

W rezultacie otrzymujemy prawie gotowy, estetyczny button.

Na nowej warstwie dodajemy napis. Użyta przeze mnie czcionka to Georgia Bold 30pt, kolor

#eeeeee. Na napis nakładamy efekty warstwy:


A oto efekt końcowy:

Kolor buttonu jest oczywiście dowolny, napis tak samo. Wybrałam czerwoną kolorystykę, gdyż

czerwony kolor przyciąga wzrok. Jednak na stronach z przeważajacym odcieniem czerwieni button

taki możemy umieścić np w kolorze zielonym. Ważne, żeby był wyrazisty i o dużym nasyceniu.

Piszcie, jeśli macie jakieś pytania ub sugestie.


dodaj

powrót




KOMENTARZE: