GIMP'de şık bir düğme oluşturmak, web sitenizin veya grafik projenizin görsel çekiciliğini artırabilir. Bu eğitim, benzersiz bir düğme tasarımı oluşturmak için desenleri ve degrade aracını kullanarak süreç boyunca size rehberlik edecektir.
1. Adım: Kanvasınızı Ayarlama
GIMP'yi açın ve 500×500 piksel boyutlarında ve beyaz arka planlı yeni bir resim oluşturun.
Adım 2: Taban Karenin Çizilmesi
- Tuvalinizde kare bir seçim oluşturmak için Dikdörtgen Seçim Aracını kullanın.
- Bu seçimi merkezi olacak şekilde taşıyın.
- Yeni bir katman ekleyin ve adını "Baz" olarak adlandırın.
- Bu yeni katmandaki kareyi siyahla doldurun.
3. Adım: Degrade Ekleme
- CTRL tuşunu basılı tutun ve seçimi değiştirmek için karenin alt yarısını seçin.
- Taban katmanına biraz derinlik kazandırmak için bu alt yarıyı beyazdan şeffafa bir degradeyle doldurun.
Adım 4: Meydanın Taslağını Çıkarma
- Ctrl+Shift+A tuşlarına basarak tümünün seçimini kaldırın.
- Kareyi yeniden seçmek için “Taban” katmanına sağ tıklayın ve “Seçime Alfa” seçeneğini seçin.
Adım 5: Parıltı Eklemek
- Yeni bir katman oluşturun ve adını "Glow" olarak adlandırın.
- Boya Fırçası aracını seçin ve dairesel bir fırça seçin.
- “Ölçek” değerini 5'e yükseltin ve rengi “#ab2020” olarak ayarlayın.
- Fırçayı karenin kenarları boyunca istediğiniz gibi uygulayarak parlak bir etki yaratın.
Adım 6: Efekt İçin Bulanıklaştırma
- “Filtreler” menüsüne, ardından “Bulanıklaştır” seçeneğine gidin ve “Işıma” katmanına 25 piksel yarıçaplı bir Gauss Bulanıklığı uygulayın.
Adım 7: Geçiş Yumuşatma Seçimi
- Dikdörtgen Seçim Aracını tekrar kullanın ve seçenekleri arasında "Geçiş Yumuşatma Kenarları"nı etkinleştirip 20.0'a ayarlayın.
Adım 8: Alt Yarının Silinmesi
- CTRL basılı tutularak görüntünün alt yarısını seçin ve "Işıma" katmanındaki bu bölümü kaldırmak için Silme aracını kullanın.
Adım 9: Desen Uygulama
- Sağlanan desen dosyasını indirip ekledikten sonra yeni bir katman oluşturun ve deseni bu katmana yapıştırın.
- Karenin seçili kaldığından emin olun ve ardından düğme tasarımınıza zarif bir şekilde entegre etmek için katmanın opaklığını %6'ya düşürün.
Adım 10: Stok Görüntünün Birleştirilmesi
- Seçtiğiniz hazır görseli yeni bir katmana ekleyin, uygun şekilde yeniden boyutlandırın ve düğmeyi öne çıkarırken arka planla karıştırmak için 5 piksel yarıçaplı bir Gauss Bulanıklığı uygulayın.
Adım 11: Alt Gölgeyi Oluşturma
- Düğme şeklini seçmek için temel katmandaki "Seçime Alfa" seçeneğini kullanın.
- Yeni bir katmanda bu seçimi siyahla doldurun ve seçimi kaldırın.
- Daha doğal bir görünüm için bu gölge katmanına 5 piksel yarıçaplı bir Gauss Bulanıklığı uygulayın.
12. Adım: Son Ayarlamalar
- Birlikte hareket ettiklerinden emin olmak için her katmanın yanındaki zincir simgesini tıklatarak düğmeye ait tüm katmanları birbirine bağlayın.
- Düğme tasarımının tamamını tuvalinizde sağ alt tarafa veya istediğiniz konuma yeniden konumlandırın.
Adım 13: Detaylandırma ve Son Dokunuşlar
Artık düğmenizi kişiselleştirmek için ek ayrıntılar ekleyebilirsiniz. Profesyonel bir ipucu olarak, düğmenize daha cam benzeri bir görünüm kazandırmak ve 3D efektini geliştirmek için yeni bir üst katmana beyazdan şeffafa geçiş ekleyin.
- İlk önce, beyaz bir arka plana sahip yeni bir resim 500 * 500px yapın.
- Kare seçimi yapın.
- Ekranın ortasına git.
- Yeni bir katman yap.
- Kareyi siyahla doldurun.
6.
CTRL tuşunu basılı tutun ve karenin alt yarısını seçin. Seçimin yarısını kaldırması gerekir. Beyazdan saydam degradeye kadar doldurun, şöyle:
7.
Tümünün seçimini kaldırmak için Ctrl + üst karakter + a, ardından kare ile en üst katmanı sağ tıklayın ve "Seçime alfa" yı tıklayın. Bu, tüm kareyi seçmelidir.
8.
Yeni bir katman oluşturun, "Glow" olarak adlandırın
9.
Boya fırçası aracını açın ve "Daire (19)" seçeneğini seçin "ölçeği" 5'e yükseltin ve rengi "# ab2020" olarak değiştirin Sonra, resimde gösterildiği gibi yapın:
10
"Filtreler, bulanıklaştırma, gauss bulanıklığı" na gidin ve bulanıklığı 25 piksele yükseltin.
11
Ardından, dikdörtgen seçme düğmesini tıklayın, "geçiş yumuşatma kenarları" nı işaretleyin ve kaydırıcıyı 20.0'a yükseltin
12
CTRL tuşunu basılı tutun ve görüntünün alt yarısını seçin. daha sonra seçilen kısmı silin. Buna sahip olmalısın.
13
Bir sonraki bölüm için, ekli kalıp dosyasını indirmeniz gerekir. Bunu yaptıktan sonra, yeni bir katman oluşturun ve üzerine yapıştırın. Yalnızca karenin hala seçili olduğundan emin olun. Ardından katman opaklığını% 6'e düşürün. Şunlara sahip olmalısınız:
14
Şimdi, havalı görünmesini sağlamak için en sevdiğiniz stok imajını bulun, bunu havalı görünüş için seçtim.
15
Açın, yaklaşık% 25 değerine göre yeniden boyutlandırın, ardından düğmenin öne çıkmasını sağlamak için görüntü 5px'i bulanıklaştırın.
16
Sonra, düğmenin alt gölgesini yapacağız.
17
Düğmenin tabanını seçmek için alfa, ardından yeni bir katman oluşturun. Seçimi siyah olarak renklendirin ve seçimi kaldırın.
18
Ardından, gaussian 5px gölgesini bulanıklaştırır, böyle görünmesi gerekir.
19
İyi görünüyor ha? Daha iyi görünmesini sağlayalım. Soldaki 2nd kutusunu tıklayın, katmanların yanındaki zincir bağlantı görüntüsünü oluşturur. Bu, bu katmanları birbirine bağlar. Düğmedeki tüm görüntüleri birbirine bağlayın.
20
Görüntünün sağ alt köşesine gidin, tüm katmanlar birlikte hareket etmelidir.
21
Şimdi, bazı harika görünümlü ayrıntılar ekleyin ve BAM, kendinize bir düğme kazandınız. (Bunu eklemedim, ancak atm'yi düzeltemeyecek kadar tembel olduğum, yeni bir katman üzerinde beyazı şeffaf gradyan haline getirme hatası yaptım, yani daha camsı görünmesi için üstte.)
