Przyjazny interfejs użytkownika, dobrze narysowana grafika, prawidłowe rozmieszczenie elementów na stronie - połowa sukcesu strony z odwiedzającym. Rysowanie przycisków na stronie internetowej to mała, ale ważna część pracy nad projektem online.
Instrukcje
Krok 1
Spróbuj narysować okrągły przycisk. Podana poniżej metoda jest również uniwersalna przy tworzeniu logo i awatarów. Rysowanie nie jest trudne, pomimo ilości czynności, które musisz wykonać.
Krok 2
Otwórz Adobe Photoshop. Utwórz nowy dokument, naciskając kombinację "Ctrl + N". Parametry obrazu 300*300, rozdzielczość 72 ppi. Domyślne tryby tła i kolorów to odpowiednio biały i RGB.
Krok 3
Najlepiej rysować wektorami, aby po zmniejszeniu przycisku nie pogorszyła się jego jakość. Wybierz narzędzie Owal, przytrzymaj Shift i narysuj okrąg od środka.
Krok 4
Teraz zastosuj efekty do powstałego okręgu. Przejdź do menu "Warstwy" - "Styl warstwy" - "Opcje mieszania". Tutaj musisz zastosować gradient.
Krok 5
Następnie tutaj zaznacz pole obok "Tłoczenie", aby nadać przyciskowi niezbędne wybrzuszenie i ustaw następujące parametry: styl - tłoczenie konturowe, metoda - miękkie cięcie, głębokość - 220%, rozmiar - 1 piksel, zmiękczenie - 5 pikseli, kąt - 135® bez globalnego oświetlenia, wysokość - 32, tryb podświetlenia - normalny z kryciem 30%, tryb cienia - mnożenie z kryciem 25%
Krok 6
Aby nadać jeszcze większą objętość, tutaj w parametrach mieszania zaznacz pole "Shadow" i ustaw następujące parametry: tryb mieszania - mnożenie, przezroczystość - 40%, kąt - 125o przy użyciu globalnego oświetlenia, offset - 5 pikseli, rozmiar - 20 pikseli.
Krok 7
Rezultatem wykonanych czynności będzie taki obraz, jak pokazano na rysunku.
Krok 8
Teraz utwórz nową warstwę, ponownie wybierz „Owal” i narysuj okrąg o mniejszym promieniu niż pierwszy kształt. Otwórz "Opcje mieszania", zaznacz pole obok "Cień wewnętrzny" i ustaw parametry: Tryb mieszania - Miękkie światło, Kąt - 125o, Przesunięcie - 0px, Zmniejszenie - 45%, Rozmiar - 21px.
Krok 9
Następnie tutaj w opcjach mieszania zaznacz „Nakładka gradientu” i utwórz gradient z parametrami jak na obrazku. Kliknij OK
Krok 10
Następnie ustaw styl mieszania na Promieniowy, skaluj na 124%
Krok 11
Teraz zaznacz pole "Obrys" i ustaw następujące parametry: rozmiar - 5 pikseli, pozycja - na zewnątrz, tryb mieszania - normalny, krycie - 100%, typ obrysu - gradient.
Krok 12
W wyniku tych działań powinieneś otrzymać coś, co wygląda bardziej jak przycisk. Możesz ponownie otworzyć opcje mieszania i eksperymentować z nimi.
Krok 13
Teraz musimy dodać przyciski podświetleń, aby przycisk przybrał szklaną teksturę. Aby to zrobić, ponownie utwórz nową warstwę, wybierz narzędzie Zaznaczanie owalu, utwórz owal nad przyciskiem i wypełnij go bielą za pomocą narzędzia Wypełnienie. Przytrzymaj Ctrl, kliknij warstwę z kolorowym kółkiem, odwróć zaznaczenie ("Selection" - "Inversion"). Teraz naciśnij Usuń. Owal należy przyciąć na obwodzie koła.
Krok 14
W panelu Warstwy zmień opcję Normalna na Miękkie światło, a następnie kliknij ikonę maski wektorowej i wybierz narzędzie Wypełnienie - Gradient. Wypełnij podświetlenie od dołu do góry. Przycisk jest prawie gotowy.
Krok 15
Możesz dodać napis do przycisku. Możesz także zastosować do niego efekty mieszania, takie jak blask wewnętrzny, zewnętrzny, gradient i tak dalej. Nie bój się eksperymentować, im więcej wyobraźni użyjesz w swojej pracy, tym szybciej opanujesz zarówno sam edytor, jak i projektowanie stron internetowych.
