Gradyanınızı nasıl oluşturursunuz
Araç, üstteki düğmelerle seçilen iki şekilde çalışır. Yükleme alanı hazır olarak resimlerime uygula modunda açılır: bir ya da birden çok fotoğraf sürükleyin — JPG, PNG, WEBP, GIF ve BMP kabul edilir — ve gradyan her birinin üzerine çizilmeye başlasın. Birden fazla fotoğraf yüklüyken, aralarında geçiş yapabilmeniz için önizlemenin üstünde dosya adlarını taşıyan sekmeler belirir. İkinci düğmede, sıfırdan arka plan oluştur modunda hiçbir şey yüklemeniz gerekmez: renkleri, gradyan türünü ve boyutu belirlersiniz, resim anında üretilir.
Gradyanın dört tür seçeneği var. Doğrusal, geçişi düz bir çizgide oluşturur; açı, 0 derecenin yukarıyı gösterdiği CSS düzenine uyan sürgüyle denetlenir. Radyal merkezden başlar ve daire biçiminde yayılır. Konik, renkleri merkez noktanın çevresinde döndürerek modern arka planlarda kullanılan o yelpaze etkisini verir. Yok seçeneği gradyanı kapatır: fotoğraflarınızın üzerinde resim olduğu gibi kalır ve yalnızca son dokunuşları alır; arka plan oluşturma modunda ilk renk düz bir renge dönüşür. Renkler hemen altta: her satırda renk seçici, yüzde cinsinden bir konum denetimi ve bir kaldırma düğmesi bulunur. İki ile altı arası renk durağı kullanabilirsiniz; renk ekle düğmesi var olanların arasına yenisini yerleştirir. Hazır bir şeyden başlamayı yeğliyorsanız palet ızgarası denenmiş on iki birleşim sunar, rastgele gradyan düğmesi de her tıklamada renkleri ve açıyı yeniden seçer.
Altı doku gradyanın üzerine uygulanır ve yoğunlukları ayarlanabilir. Gren, tek renkli bir tanecik katar: yalnızca piksellerin parlaklığını değiştirir, rengi bozmaz ve düz gradyanlarda beliren bantları yok etmek için en çok başvurulan yöntemdir. Renk gürültüsü tam tersini yapar — yalnızca rengi değiştirip parlaklığı olduğu gibi bırakır ve yüksek ISO'da çekilmiş fotoğraf görünümü verir. Çizgiler çapraz izler çizer, Noktalar düzenli bir örgü oluşturur; ikisi de grafik desenli arka planlar için işe yarar. Kağıt, yumuşak greni kenarlardaki hafif koyulaşmayla birleştirerek basılı kağıdı taklit eder. Dokulardan ayrı iki son dokunuş daha var. Vinyet tüm kenarları kademeli olarak koyulaştırır ve bakışı merkeze toplar. Kenar gradyanı aynısını tek bir kenarda yapar — üst, alt, sol ya da sağ — ve dört türü vardır: açık renk yazı için koyulaştır, koyu renk yazı için açıklaştır, gradyanın ilk rengini kullan ya da kenarı saydam olana dek sönümle. Genişlik ve yoğunluk denetimleri şeridin nereye kadar ilerleyeceğini ve ne kadar ağır basacağını belirler. İkisi de en son, her şeyin ardından uygulanır; bu yüzden iki modda da aynı çalışır ve karışımdan etkilenmez. Yer paylaşımı modunda ayrıca saydamsızlık denetimi ve gradyanın alttaki fotoğrafla nasıl etkileşeceğini belirleyen altı karışım modu bulunur.
Arka plan oluşturma modunda altı hazır ölçüden birini seçin — Full HD, kare, hikâye, küçük resim, Open Graph ya da duvar kağıdı — veya özel alanlara kenar başına 6000 piksele kadar en ve boy yazın. CSS kod bloğu geçerli gradyanın karşılığı olan bildirimi gösterir; düğme de her şeyi panoya kopyalayarak stil dosyanıza yapıştırmaya hazır hâle getirir. Son olarak PNG, JPG ya da WEBP seçip resmi indirin; birden çok fotoğrafın olduğu yer paylaşımı modunda tümünü indir düğmesi partiyi tek bir .zip dosyasında verir.
Sıkça sorulan sorular
Yüklediğim resimler bir yerde saklanıyor mu?
Hayır. Gradyan tarayıcınızda çizilir ve yer paylaşımı modundaki resimler internete hiç gönderilmez. Sunucuda hiçbir şey saklanmaz.
Aracı kullanmak için resim yüklemem gerekiyor mu?
Hayır. Sıfırdan arka plan oluşturma modunda yalnızca renkleri ve boyutu seçersiniz, dosya doğrudan üretilir. Resim yükleme yalnızca gradyanın fotoğraflarınızın üzerine uygulandığı yer paylaşımı modu içindir.
Resmi indirmekle CSS'i kopyalamak arasındaki fark nedir?
CSS, gradyanı sitenizi ziyaret edenin tarayıcısında canlı üretir; hiçbir dosya indirilmez. En hafif seçenektir, bant genişliği maliyeti sıfırdır ve bölüm arka planları ile düğmeler için idealdir. PNG ya da JPG resim ise hedefin CSS yorumlamadığı yerlerde gerekir: story kapağı, video küçük resmi, sunum slaydı veya duvar kağıdı gibi. Şunu unutmayın: doku yalnızca dışa aktarılan resimde bulunur; CSS gradyanlarında gren olmaz.
Her sosyal ağ ya da kullanım için hangi boyut seçilmeli?
Hazır ölçüler en yaygın durumları karşılar: Instagram ve Facebook'ta kare gönderi için 1080×1080, hikâye ve Reels için 1080×1920, YouTube küçük resmi için 1280×720, WhatsApp ve LinkedIn'de görünen Open Graph paylaşım görseli için 1200×630, slaytlar için 1920×1080 ve duvar kağıdı için 2560×1440. Başka bir ölçü gerekirse en ve boyu özel alanlara yazın; kenar başına en fazla 6000 piksel.
Gradyanda grenli doku ne işe yarar?
8 bitlik ekranlarda düz gradyanlar çoğu zaman görünür renk bantları oluşturur; banding denen bu kusur özellikle iki renk birbirine yakınken belirir. %20 ile %40 arasında hafif bir gren katmanı bu bantları kırar ve geçişi kesintisiz gösterir. Ayrıca gren, görsel kimlikte ve proje kapaklarında yaygınlaşan bir baskı dokusu hissi verir.
Fotoğraftaki görüntüyü yok etmeden gradyan nasıl uygulanır?
Yer paylaşımı modunu seçin ve %40 ile %60 arası bir saydamsızlıkla başlayın. Karışım modları sonucu epeyce değiştirir: çarpma koyulaştırır ve üzerine açık renkli yazı koymaya yarar, ekran açar, renk ise özgün kontrastı koruyarak fotoğrafa ton verir — ayrıntıları en çok koruyan mod budur. Başlıklı kapaklarda, altta çarpma modunda koyu bir gradyan resmi gizlemeden okunurluğu güvenceye alır.
Hiç gradyan olmadan yalnızca dokuyu ya da vinyeti kullanabilir miyim?
Evet. İlk seçenek olan gradyan türünde Yok'u seçin. Fotoğraflarınızın üzerinde resim olduğu gibi kalır ve yalnızca sonradan açtıklarınızı alır — gren, vinyet ya da kenar gradyanı. Bu da aracı, renklerini değiştirmeden bir fotoğrafa film dokusu vermek için kullanışlı kılar. Sıfırdan arka plan modunda ise Yok, ilk rengi düz arka plan olarak kullanır; grenli düz bir renk üretmek için işe yarar.
Grenle renk gürültüsü arasındaki fark nedir?
İkisi de piksellere rastgele değişim dağıtır ama zıt eksenlerde. Gren yalnızca parlaklığı değiştirir, rengi olduğu gibi bırakır ve film grenini taklit eder — düz gradyanlardaki görünür bantları kıran da odur. Renk gürültüsü ise yalnızca rengi değiştirip parlaklığı korur; yüksek ISO'da çekilmiş fotoğraflardaki gibi renkli noktacıklar oluşturur. Pratikte: doku vermek ve banding'i düzeltmek için gren, analog fotoğraf ya da eski ekran görünümü istediğinizde renk gürültüsü kullanın.
Vinyet ne işe yarar ve hangi yoğunlukta kullanılmalı?
Vinyet, kenarları kademeli olarak koyulaştırır ve dikkati resmin merkezine çeker — yüzün ya da ürünün arka planla yarıştığı fotoğrafçılıkta ve video kapaklarında klasik bir yöntemdir. %30 ile %50 arasında etki ince kalır ve fark edilmez; genellikle ideali de budur. %70'in üzerinde belirgin hâle gelir ve dramatik bir hava kazanır. Vinyet en son, gradyandan sonra çizildiği için seçtiğiniz karışım modu sonucunu etkilemez.
Başlık koymak için fotoğrafın yalnızca alt kısmı nasıl koyulaştırılır?
Kenar gradyanını açın ve türü koyulaştır bırakarak yazının duracağı kenarı seçin. Varsayılan sol kenardır; başlığı solda, görseli sağda olan en yaygın afiş düzenini karşılar. Başlığı altta olan video kapakları için alt kenara geçin. %35 ile %50 arası bir genişlik ve %75 dolayında bir yoğunluk, fotoğrafın konusunu gizlemeden beyaz yazıya kontrast verir.
Aynı gradyanı birden çok fotoğrafa tek seferde uygulayabilir miyim?
Evet. Yer paylaşımı modunda istediğiniz kadar resim yükleyin: aynı renkler, doku, saydamsızlık ve karışım hepsine uygulanır ve .zip indirmesi partinin tamamını verir. Blog kapaklarını ya da bir kanalın küçük resimlerini standartlaştırmanın en hızlı yolu budur.