W tym kursie będziemy tworzyć Web Button. Jest to bardzo proste i dość skuteczne wychowawczy, więc wszystko, czego potrzebujesz jest Adobe Photoshop do stworzenia tego efektu. Mam nadzieję, że korzystają z tego samouczka.

Tworzenie Web Button w Photoshopie

Krok 1

Open Photoshop i utworzyć nowy dokument, mine is 550px x 125px na białym tle.

Krok # 2

Wypełnij kolor warstwę tła, kolor mine is # 3A3A3A.

Krok 3

Wybierz Rounded Rectangle Tool i przycisk Utwórz, kopalnia Radius jest 7px, width: 156px i height: 38px..

Krok 4

Teraz zajmiemy się jakiś wpływ

Gradient Overlay

Styling przycisku dwukrotnie kliknąć na miniaturę przycisku warstwy w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować Efekt Gradient pionowy dla przycisku. Następnie kliknij przycisk Kolor Gradient na prawo Gradient możliwość otwarcia Kolor Gradient Editor.

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # 9E4C45, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # EA8484.

Drop Shadow

Następnie zastosować styl warstwy Drop Shadow. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 23%, Odległość na 1px i Rozmiar na 9px.

Krok 5

Wybierz Horizontal Type Tool i typu Tekst na front.

Będziemy stosować pewne efekty dla tekstu.

Color Overlay

Kliknij dwukrotnie na warstwie tekstowej miniaturę w panelu Warstwy otworzyć okno dialogowe Layer Style. Najpierw stosuje nakładki kolor i wybrać kolor # 0D0D0E

Drop Shadow

Wreszcie będziemy się cień, najpierw zmienić opcję Blending Normal. Zmień Kolor cienia z domyślnie # FFFFFF. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 32% i na odległość na 1px i Rozmiar na 1px.

Wersja Preview

Daj nam znać, jak to ten wychowawczy może być bardziej lepiej? Jeśli znalazłeś jakieś inne photoshop tutorial, który chcesz podzielić się z nami, prosimy o poinformowanie nas o wyniku upadku w komentarzu.

jeśli chcieliby Państwo uzyskać więcej inspiracji z nami, proszę zapisać się do naszego kanału przez RSS lub poprzez e-mail.

Filed under: Darmo, Photoshop, Tutorials przez admin