Görünüm Paletinin Gücü
Giriş:
Merhaba sevgili PSD Topluluğu. Bir sonraki eğitimlerimden birine yine katıldığınız için memnuniyet duyuyorum. Bugün birlikte böyle bir düğme oluşturacağız (Şekil 01). Ancak bu düğmenin bir özelliği var. Çünkü burada yazıyı değiştirdiğinizde, düğme otomatik olarak boyutunu her zaman ayarlar. Bu nasıl çalışır ve Adobe Illustrator'da böyle bir düğme veya benzerini nasıl oluşturabileceğinizi şimdi aşağıdaki eğitimde öğreneceksiniz. İyi eğlenceler…
Adım 1: Yazı oluşturmak
Illustrator'da olduğunuzda, önce Dosya>Yeni üzerine tıklayın ve yeni bir çalışma alanı oluşturun. 300x150mm boyutunu seçin ve Tamam ile onaylayın.
Şimdi Metin Aracını Araç Kutusu’ndan seçin ve bir kez çalışma alanınıza tıklayın. Şimdi istediğiniz herhangi bir kelimeyi kullanabilirsiniz. Benim durumumda, BÜYÜK HARFLERLE VINTAGE kelimesini yazıyorum. Bunun için Myriad Pro yazı tipini Kalın kullandım. Yazı boyutunu 150pt olarak belirledim.
Yardımıyla Hizalama Paleti'nde, metninizi çalışma alanınızın ortasına yerleştirin (Şekil 04).
Bunu çalışmalarınızda bulamazsanız, Pencere>Hizalama üzerinden açabilirsiniz.
Küçük İpucu:
Düğmenizin daha sonra iyi görünmesi için, çok kalın ve güçlü bir yazı tipi seçmenizi öneririm, çünkü daha sonra hafif bir renk geçişini de kullanacağız ve bu çok ince bir yazıda belirgin olmayacaktır.
Şimdi yazı tipinizi seçin ve dolum rengini kapatın, böylece yazıyı göremeyeceksiniz. (Endişelenmeyin, bu şekilde olmalı ;-) ) (bkz. Şekil 05).
Adım 2: Şimdi bu Düğmedeki Özel Kısım Geliyor
Yazı tipinizi oluşturduktan sonra, şimdi düğmeyi yazı tipinin etrafında oluşturmaya başlayabiliriz. Ve şimdi özel olan şey geliyor: Düğmeyi Görünüm Paleti'nde oluşturacak ve tasarlayacağız. (Yani daha sonra Katmanlar Paleti'nde sadece bir nesne bulacaksınız).
İlk olarak Illustrator'da Görünüm Paleti'ni göstermelisiniz. Henüz bu sizde mevcut değilse, Pencere>Görünüm üzerinden bulabilirsiniz.
Şimdi yazı tipinizi seçin ve Görünüm Paleti'nde sol alt köşede küçük bir butona tıklayın (bkz. Şekil 06). Böylece yeni bir dolum rengi oluşturulur ve yazıyı tekrar görebilirsiniz.
Şimdi Siyah/Beyaz geçişine tıklayın ve bunu Geçiş Paleti'nde -90° döndürün (Şekil 07).
Şimdi bu şu anda çok sert geçişi biraz yumuşatmanız gerekiyor. Bunun için Geçiş Paleti'nde siyah renk kutusuna tıklayın ve saf siyahı açık gri yapın (Şekil 08).
Daha sonra Görünüm Paleti'ne gidin ve bu sefer bir Kontur oluşturun. (Bu tekrar sol alt köşedeki küçük bir düğme aracılığıyla yapılır - bkz. Şekil 09).
Şimdi Kontur Paleti'ne gidin (sizde gözükmüyorsa, Pencere>Kontur üzerinden veya Komut+F10) kısayolu ile bulabilirsiniz) ve orada Kesikli Çizgi'yi seçin (Şekil 10).
Bu Kontur'un bir dikişi andırmak için, biraz içeri doğru kaydırmanız gerekiyor, böylece yazının üzerinde otursun. Effekt>Yol>Yolu Kaydır… üzerinden -1mm girin ve Tamam ile onaylayın.
Bu kesikli konturu ardından %70 gri renk verin (Şekil 12).
Sonraki adım, düğme için çerçeve oluşturmaktır. Bu işlemi yapmak için tekrar Görünüm Paleti'ne gidin ve önceki adımlarda olduğu gibi yeni bir dolum rengi oluşturun. Bu alana kırmızı bir renk atayın ve bu alanın Görünüm Paleti'nde en altta olduğundan emin olun (Şekil 13). (Bu durum sizde geçerli değilse, dolum rengini kolayca aşağı çekerek düzeltebilirsiniz).
Şu anda bu dolum rengi hala metnin şeklinde olduğu için görünmüyor. İşte bu rengi bir çerçeveye dönüştürmek için Effect>Object>Convert to Shape>Rounded Rectangle yolunu izleyin. Açılan iletişim kutusunda varsayılan değerleri koruyabilir veya isteğinize göre değiştirebilirsiniz. Pencereyi Tamam diyerek onaylayın
Yeni oluşturulan kırmızı dikdörtgeni çoğaltmanız gerekmektedir. Bunun için Görünüm Paleti'nde alana tıklayın ve ardından sağ alt köşedeki küçük simgeye tıklayın (Şekil 15'e bakınız).
Şimdi Görünüm Paleti'nde iki kırmızı dolum renginiz var. İki renkten alttaki açık gri (30% Siyah) ile doldurun.
Daha sonra Effect>Object>Path Offset yolunu izleyin. Açılan pencerede tekrar varsayılan değerleri (3,5278 mm) aynen kabul edebilir ve Tamam diyerek onaylayabilirsiniz. Bu komutla kırmızı dikdörtgeninizin etrafında ince gri bir çerçeve oluşturmuş olacaksınız.
Şimdi işte size yaklaşık olarak (Şekil 17):
Sonraki adımda, tekrar kırmızı alanın içine bir dikiş ya da kesikli bir çizgi ekleyeceğiz. Bunun için alıştığınız gibi Görünüm Paleti'ne gidin ve şimdi kırmızı alanın üzerine yeni bir Kontur oluşturun (yine Görünüm Paleti'nin alt sol bölgesindeki küçük düğmeye tıklayarak).
Bu Kontur varsayılan olarak yine doğrudan yazı tipinin etrafına oluşturulur ve harflerin şeklini alır. Bu Konturu yuvarlak köşeli bir dikdörtgene dönüştürmek için üst menü çubuğunda Effect>Object>Convert to Shape>Rounded Rectangle … seçeneğine tıklayın.
Açılan iletişim kutusunda Önizleme'yi etkinleştirin ve Genişlik için 4mm bir değer seçin. Yükseklik için de aynı değeri seçin. Bu Konturun kırmızı alanla daha iyi uyum sağlaması için Köşe Yarıçapı için 2mm bir değer seçin ve Tamam diyerek onaylayın.
Konturun varsayılan 1pt kalınlığı biraz dar. Bu nedenle Görünüm Paleti'nde bu kalınlığı 2pt'ye yükseltmelisiniz.
Bu çizgi oldukça sıkışık ve hoş görünmediği için, Kontur Paleti'nde çizgiyi 2pt'den 6pt'ye yükseltin. Daha sonra kontur rengini Siyahtan Beyaz yapın.
Sonuç olarak, yaklaşık olarak işte size (Şekil 21):
Adım 3: İyileştirmeler
Şimdi, düğmemizin temel yapısının hazır olduğu zaman, daha güzel görünmesi için bazı iyileştirmelere ihtiyaç duyulmaktadır.
Bu öğreticinin bundan sonraki adımları kendi takdirime göre seçilmiştir ve her bir kişinin bu ayarları isteğine göre değiştirebileceğini belirtmek isterim. Mümkün olduğunca bireysel bir düğme oluşturabilmek için kesinlikle ayarlarla biraz oynamanızı öneririm.
Kırmızı alana biraz daha derinlik kazanmak için hafif bir gradient ekleyeceğiz. Bunun için Görünüm Paleti'ne gidin ve kırmızı alana Siyah/Beyaz gradienti uygulayın.
Bu gradient metni olduğu gibi sola doğru değil yukarıdan aşağıya doğru ilerlemeli. Bu yüzden tekrar Gradient Paleti'nde 90°'lik bir açı belirleyin (Şekil 22).
Kırmızı gradient için size iki CMYK değeri hazırladım, bunları doğrudan kullanabilir veya isteğinize göre serbestçe değiştirebilirsiniz.
Üst bölge için biraz açık kırmızı tonu kullandım: CMYK - 0/100/100/0
Alt bölgede daha koyu bir ton kullandım: CMYK - 0/100/90/20.
Bu renkleri Siyah/Beyaz gradientine atamak için alıştığınız şekilde Gradient Paleti'nde bir Renk Alanı'na çift tıklayın ve ardından ilgili CMYK değerini girin (Şekil 23).
Ardından, sonuç sizde benimkinden yaklaşık olarak şu şekilde görünmeli (Şekil 24):
Butona son dokunuş olarak hafif bir Gölge ekleyeceğiz. Bunun için Görünüm Paleti'nde en dış gri alana tıklayın ve ardından üst menü çubuğunda Effect>Stylize Filter>Drop Shadow … seçeneğine gidin. Açılan pencerede gölgenin hangi yönde olacağını ve kenarların ne kadar yumuşak olacağını ayarlayabilirsiniz. Benim Gölge seçimim x ofset için 2mm, y ofset için 2mm ve yumuşaklık için 1,8mm oldu. Ayarlarınızı tamamladıktan sonra pencereyi Tamam ile onaylayın.
Button işte bu kadar.
Artılar & Eksiler:
Bu rehber sonrasında Görünüm Paleti'nde oluşturulan bir düğmenin artı ve eksilerini merak edenler için, size artı ve eksi yönleri hakkında kısa bir liste hazırladım.
Artılar:
• Bu tür bir düğme oluşturduktan sonra metni değiştirmek isterseniz, düğmenin boyutunun metnin yüksekliğine ve uzunluğuna otomatik olarak uyum sağlaması nedeniyle bu sorunsuzca yapabilirsiniz.
• Tüm konturlar, yüzey renkleri ve renk geçişleri Görünüm Paleti'nde merkezi olarak düzenlenir ve herhangi bir zamanda kolayca değiştirilebilir ve ayarlanabilir.
• Bu tür bir düğme, Katman Paleti'nde sadece tek bir nesne olarak görünür ve aynı dosyada başka nesnelerle çalışırken her şeyin düzenli kalmasını sağlar.
Eksiler:
• Başlangıçta tüm ayarlamaları sadece Görünüm Paleti üzerinden yapmak belki biraz karmaşık gelebilir, ancak bir veya iki böyle düğme oluşturduktan sonra işi hızla kavrayacak ve hızlı bir şekilde çalışabileceksiniz.
• Metni yollarla dönüştürmek isterseniz bunu yapabilirsiniz, ancak konturlar, yüzeyler ve renk geçişleri Katman Paleti'nde farklı nesnelere ayrılacaktır.
Son Sözler:
Sonunda, bu rehberin sonuna geldik. Umarım keyifli vakit geçirmiş ve bazı ipuçları veya püf noktaları öğrenmişsinizdir. Bu konuda herhangi bir sorunuz varsa, lütfen yorumlara yazın. Mümkün olan en kısa sürede cevaplamaya çalışacağım.
Julian
