Tworzenie przycisków dla interfejsów mobilnych w Photoshop CS6

Przyciski tego typu są bardzo popularne, zwłaszcza gdy pracujemy nad tworzeniem części do interfejsów mobilnych, takich jak iPhoneW rzeczywistości to właśnie to urządzenie zawierało tego typu przyciski, które wyglądają jak mała błyszcząca plastikowa zakładka, do której uderza małe odbicie światła.
W celu zbudowania tego typu przycisku użyjemy podstawowych technik, takich jak prostokątne kształty z zaokrąglonymi krawędziami, wykorzystanie gradientów oraz wykorzystanie palet kolorów w celu uzyskania pożądanych efektów.
Najpierw musimy rozpocząć proces od wygenerowania podstawowego formularza naszego przycisku, w tym celu wykonamy następujące kroki.
1- Zacznijmy od stworzenia wektor w kształcie prostokąta z zaokrąglonymi krawędziami i w menu warstw zastosujemy efekt nakładający się gradient:

2- Gradient musi mieć ciemny kolor w górnej części i odmianę tego samego koloru, ale jaśniejszy w dolnej części, proporcje mogą być 80% ciemny i 20% przejrzystości.
3- Teraz musimy zduplikowana warstwa, w tym celu możemy nacisnąć kombinację klawiszy CTRL + JRobimy to, aby móc modyfikować gradient w zduplikowanej warstwie, dlatego po zduplikowaniu klikamy dwukrotnie efekt gradientu.
4- Zamierzamy edytować gradient, ustawiając jego krycie na a 50% i zmienimy kolor tła na biały, a najjaśniejsza część będzie przezroczysta:
5- Teraz następnym krokiem, który musimy zrobić, to usunąć kotwice, w tym celu wybierzemy narzędzie punktoweideą jest przeniesienie odniesień zduplikowanej warstwy tak, aby pokrywała tylko około jednej trzeciej płótna.
6- Teraz stworzymy krzywiznę na dolnej krawędzi powielanej warstwy, do tego użyjemy narzędzia wybór kierunku a na środku linii generujemy niezbędny ruch.
7- Kiedy skończymy, zmodyfikujemy warstwę i zmienimy krycie na około 65% oraz parametr wypełnienia o Wypełnić zostawiamy 0, to wszystko nabierze kształtu.
8- Na koniec możemy dodać obrazek lub tekst, robiąc to musimy umieścić mały cień, aby podświetlił element i skojarzył go z przyciskiem:

Jak widać, wygenerowaliśmy przycisk bardzo podobny do przycisków używanych w interfejsach mobilnych, które dają nam uderzający i świeży wygląd, który możemy włączyć do naszych szkiców i propozycji interfejsów mobilnych, są one używane przede wszystkim do reprezentowania aplikacji i takie elementy, a nie podstawowe działania użytkownika, jednak każdy może wykorzystać swoją kreatywność, aby zdobyć pozycję.
Na tym kończymy ten samouczek, jak widzieliśmy stosujemy kilka podstawowych technik do uzyskania efektu końcowego, należy zauważyć, że im więcej ćwiczymy tym szybciej będziemy i będziemy w stanie wygenerować te elementy z większym bezpieczeństwem.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt