Bu makale, devam eden Kaydırıcı Devrimi eğitim serimizin bir parçasıdır. Bu dizideki tüm makaleleri Kapsamlı Kaydırıcı Devrim Kılavuzumuzda bulabilirsiniz.
Tasarım dünyasında slaytlarda resim çerçevelerinin (veya kenarlıkların) kullanımı alışılmadık bir durum değildir. Görsel denge ve bütünlük oluşturmak, kullanıcının gözünü bir görüntünün önemli kısımlarına çekmek için veya sadece dekoratif bir unsur olarak kullanılabilirler. İster pratik bir amaç için ister sadece belirli bir biçimsel izlenim yaratmak için çerçeveler kullanıyor olun, bunları slaytlarınıza nasıl ekleyeceğinizi bilmelisiniz. Bugün size Slider Revolution’a manuel olarak nasıl çerçeve ekleyeceğinizi göstereceğiz.
Bunu yapmanın birkaç yolu var, o yüzden hemen konuya girip onları kontrol edelim.
Satır Ayarları ile Çerçeve Oluşturma
Sağlam, tek renkli bir çerçeve oluşturmayı planlıyorsanız, belki de bunu yapmanın en kolay yolu kaydırıcınızın satırına bir kenarlık eklemektir.
Sayfanıza kaydırıcı eklediğinizde, genellikle onu bir satırın içine yerleştirmeniz gerekir. Kaydırıcınız o satırdaki tek kısa kod veya içerik parçası olduğu sürece, satırın ayarlarından onun için kolayca bir çerçeve oluşturabilirsiniz. Bu gerçekten etkileyici görünebilir. Yvette temamızdaki paspartu kaydırıcısına bir göz atın.
Yvette veya premium WordPress temalarımızdan herhangi birini kullanıyorsanız, satır ayarlarından kaydırıcınızın çevresine kolayca bir çerçeve ekleyebilirsiniz. Orada, Tasarım Seçenekleri sekmesinde mevcut tüm kenarlık ayarlarını göreceksiniz. CSS kutusu, her kenarlık için ayrı ayrı bir genişlik belirlemenizi sağlarken, yan taraftaki seçenekler, kenarlığınızın rengini ve stilini değiştirmenize olanak tanır.
Slider Revolution’da Çerçeveyi .png Dosyası Olarak Ekleme
Yalnızca düz bir renk bloğu olmayan daha ayrıntılı bir çerçeve oluşturmak istiyorsanız, bunu Slider Revolution’da ayrı bir katman olarak eklemeniz gerekir. Fakat bu göründüğü kadar basit değil. Aslında, kaçınmak isteyeceğiniz birkaç tuzak var.
Örneğin tek bir saydam .png dosyası olan bir çerçeveyi indirir ve sonra onu kaydırıcınıza yeni bir katman olarak eklerseniz, iki şeyin olma riskini alırsınız. İlk olarak kaydırıcı, çerçeve katmanını, kaydırıcınızdaki diğer tüm katmanları kaplayan tamamen yeni bir görüntü olarak tanıyacaktır. Bu durum kaydırıcı katmanının altındaki düğmelerin, bağlantıların veya diğer öğelerin tıklanabilir olmayacağı ve çalışmayacağı anlamına gelir. İkincisi, kaydırıcınız tüm ekran boyutlarında görüntülenebileceğinden, görüntülendiği cihazdan farklı oranlara sahip olduğu için çerçevenizin görünmemesi veya eğri görünmesi riskini alırsınız.
Neyse ki, bunun için bir çözüm var. Çerçevenizi şeffaf bir merkeze sahip tek bir .png dosyası olarak içe aktarmak yerine tek yapmanız gereken onu 4 ayrı dosyaya bölmek: biri çerçevenin üst kenarlığı için, biri alt kenarlık için, biri sol kenarlık için ve bir tane de çerçeve için. doğru. Çerçevenizi dört parçaya ayırırken ana sahneniz için oranları (kaydırıcınızın görüntüleneceği en büyük boyutlar) kullandığınızdan emin olun.
Daha sonra çerçevenin dört kenarını ayrı katmanlar halinde içe aktarabilir ve bunları slaydınızın etrafına yerleştirebilirsiniz. Kaydırıcınızda birden fazla slayt varsa, bu dört katmanı statik katmanlar olarak ayarlayabilirsiniz, böylece her slayt için ayrı ayrı eklemek zorunda kalmazsınız.
Dikkat etmeniz gereken en önemli şey, çerçevenin her iki tarafı için doğru hizalamayı ayarlamaktır. Çerçevenizin üst kenarlığının hizalamasının “üst”, sağ kenarlığın “sağ” vb. olarak ayarlandığından emin olun.
Bu şekilde, çerçevenin her bir tarafının her zaman doğru yerleştirildiğinden ve ekranın doğru tarafına yapıştırıldığından emin olursunuz.
Photoshop’ta Görüntünüze Nasıl Çerçeve Eklenir
Slider Revolution’da slaytlarınıza çerçeve eklemenin bir yolu daha var ve bu da onu gerçek görüntünüzün bir parçası yapmaktır. Bunu yapmak için bazı temel photoshop becerilerine ihtiyacınız olacak, ama aslında çok basit.
Öncelikle, çerçeve eklemek istediğiniz görüntüyü açın.
Daha sonra çerçeve resminizi içeren şeffaf .png dosyasını açın. Seç > Tümü’ne gidin (veya klavyenizde CTRL + A’ya basın) ve çerçeveyi kopyalayın.
Şimdi orijinal görüntünüze geri dönün ve çerçeveyi içine yapıştırın. Yeni bir katman olarak eklenecektir.
Resminizin kenarlarına sığdırmak için çerçevenin boyutunu ayarlamanız gerekirse, Düzenle > Dönüştür > Ölçekle’ye gidin ve gerekli boyuta sürükleyip bırakabileceksiniz. İşiniz bittiğinde, yeni görüntünüzü kaydedin ve Slider Revolution’a aktarın.
Konu Özeti
Çerçeveler, kullanıldıkları her yerde harika bir görsel araç olabilir. Fakat bunları sitenizin kaydırıcınız gibi göze çarpan bir bölümüne nasıl ekleyeceğinizi bilmek özellikle önemlidir. Araç kutunuzdaki Slider Revolution’a çerçeve eklemenin bu üç ayrı yöntemiyle, slaytlarınız için güzel kenarlıklar oluşturabilir ve tüm cihazlarda ve ekran boyutlarında her zaman mükemmel şekilde görüntüleneceklerinden emin olabilirsiniz.