Photoshop CS6'da mobil arabirimler için düğmeler oluşturma

Bu tür düğmeler, özellikle mobil arayüzler için parçalar üretmeye çalışırken çok popülerdir. iPhoneAslında, küçük bir ışık yansımasının çarptığı küçük, parlak plastik bir sekmeye benzeyen bu tür düğmeleri birleştiren bu cihazdı.
Bu tür bir düğme oluşturmak için, kenarları yuvarlatılmış dikdörtgen şekiller, degradelerin kullanımı ve gerekli efektleri elde etmek için renk paletlerinin kullanımı gibi temel teknikleri kullanacağız.
Öncelikle butonumuzun temel formunu oluşturarak işleme başlamalıyız, bunun için aşağıdaki adımları izleyeceğiz.
1- Bir tane oluşturarak başlayalım. vektör kenarları yuvarlatılmış bir dikdörtgen şeklinde ve katmanlar menüsünde bir efekt uygulayacağız örtüşen gradyan:

2- Gradyan, üst kısımda koyu bir renkte ve aynı rengin bir varyasyonunda, ancak alt kısımda daha açık olmalıdır, orantı şu şekilde olabilir: %80 karanlık ve bir %20 netlik.
3- Şimdi yapmalıyız yinelenen katman, bunun için tuş kombinasyonuna basabiliriz CTRL + JBunu, kopyalanan katmandaki degradeyi değiştirebilmek için yapıyoruz, bu nedenle kopyalandıktan sonra degrade efektine çift tıklayacağız.
4- Opaklığını a'ya ayarlayarak degradeyi düzenleyeceğiz. 50% ve arka planda renkleri beyaza çevireceğiz ve en açık kısım şeffaf olacak:
5- Şimdi yapmamız gereken bir sonraki adım, çapaları silmek, bunun için nokta aracı, fikir, çoğaltılan katmanın referanslarını, tuvalin yalnızca üçte birini kaplayacak şekilde taşımaktır.
6- Şimdi kopyalanan katmanın alt kenarında bir eğrilik oluşturacağız, bunun için aracı kullanacağız yön seçimi ve çizginin ortasında gerekli hareketi oluşturuyoruz.
7- Bitirmek üzereyken katmanı değiştireceğiz ve opaklığı yaklaşık% 65 olarak değiştireceğiz ve doldurma parametresini o Doldurmak 0'da bırakırsak bu her şeyin şekillenmesini sağlar.
8- Son olarak, bir resim veya metin ekleyebiliriz, bunu yaparken öğeyi vurgulaması için küçük bir gölge yerleştirmeliyiz ve onu bir düğme ile ilişkilendirebiliriz:

Gördüğümüz gibi, mobil arayüzlerde kullanılanlara çok benzer bir düğme oluşturduk, bunlar bize mobil arayüzler için eskizlerimize ve tekliflerimize dahil edebileceğimiz çarpıcı ve taze bir görünüm veriyor, her şeyden çok uygulamaları temsil etmek için kullanılıyorlar ve bunun gibi öğeler, temel kullanıcı eylemleri için değil, ancak herkes yaratıcılığını kendilerine bir konum elde etmek için kullanabilir.
Bununla bu öğreticiyi bitiriyoruz, nihai sonucu elde etmek için birkaç temel teknik uyguladığımızı gördüğümüz gibi, ne kadar çok pratik yaparsak o kadar hızlı olacağımızı ve bu öğeleri daha güvenli bir şekilde oluşturabileceğimizi belirtmeliyiz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.