Hey guys back-to-back Tutoriale do Photoshopa. W tym kursie będę uczyć, jak utworzyć I-Phone Jak przycisku w Photoshopie. Jest to bardzo proste i dość skuteczne wychowawczy. Mam nadzieję, że korzystają z tego samouczka.

Wersja Preview

To właśnie poszedł do dziś

Krok 1

Open Photoshop i utworzyć nowy dokument, mój jest 550 × 398px z białym tłem.

Krok # 2

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

Krok 3

Utwórz nową nazwę warstwy warstwy gradientem Stripe. Wybierz narzędzie Rectangular Marquee i utwórz białym paskiem.

Styling Stripe Layer dwukrotnie kliknąć na miniaturę Stripe Layer w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować pionowe gradiant życie dla tła. Następnie kliknij na gradient olor c na prawo Gradient możliwość otwarcia Kolor Gradient Editor.

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # aaaaaa, kliknij dwukrotnie lewym centrum-color-stop i wpisz wartość koloru # cccccc, kliknij dwukrotnie na prawo-center-color-stop i wprowadź Wartość koloru # dddddd, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # FFFFFF.

Powinna wyglądać.

Krok 4

Wybierz Rounded Rectangle Tool i stworzyć przycisk, zasięg kopalni jest 90X40px.

Teraz się pewne efekty

Gradient Overlay

Styling przycisku dwukrotnie kliknąć na miniaturę przycisku warstwy w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować pionowe gradiant wpływ na przycisku. Następnie kliknij na gradient kolorów po prawej Gradient możliwość otwarcia Kolor Gradient Editor.

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # 000000, kliknij dwukrotnie lewym centrum-color-stop i wpisz wartość koloru # 222222, kliknij dwukrotnie na prawo-center-color-stop i wprowadź Wartość koloru # 444444, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # 666666.

Bevel i Emboss

Dalej się Bevel i styl warstwy Emboss. Zmiana stylu Outer Bevel, niż zmiana wartości głębokość, wielkość i zmiękną. I wybrać ustawienie głębokości, na 100%, wymiary na 1px i Rozmiękczanie na 10px

Ważną częścią tego kursu: Keep kąt -90 ^°, wysokości w temperaturze 40 ^o

Tryb Highlight: mogę wybrać, aby ustawić opacity na 100%.

Tryb Shadow: mogę wybrać, aby ustawić opacity na 100%.

Udar

Wreszcie będziemy stosować Stroke. Pierwsza zmiana wartości wielkości. Wybrać, aby ustawić rozmiar na 1px. Zmiana pozycji w środku

I ustawi Opacity na 80%.

Zmień kolor Skok z domyślnie # 222222

Powinna wyglądać.

Krok 5

Wybierz narzędzie Tekst i wpisz tekst z przodu.

Będziemy stosować pewne efekty dla tekstu.

Bevel Emboss

Kliknij dwukrotnie na warstwie tekstowej miniaturę w panelu Warstwy otworzyć okno dialogowe Layer Style. Będziemy się Bevel Emboss, pierwsza zmiana stylu do Outer Bevel i Techniki w wiertniczy miękkie, nie zmieniając wartości głębokości, kierunku, wielkości i zmiękną. I ustawi Głębokość na poziomie 130%, Direction w Rozmiar dół na 1px i Rozmiękczanie na 0px

Ważną częścią tego kursu: Keep kąt 90 ^o, wysokości 30 ^o

Tryb Highlight: I ustawi Opacity na 0%.

Tryb Shadow: I ustawi Opacity na 50%.

Wersja Preview

W końcu zrobiliśmy tego kursu.

To właśnie poszedł do dziś

Pobierz plik źródłowy

Jeśli chcesz sprawdzić swoją pracę, możesz pobrać plik PSD do tego przewodnika.

iPhone-like-buttons.rar (21,3 kb)

Filed under: Photoshop, Tutorials przez admin