Zeki Can - WordPress

Gradient Renk Kodları

  Faydalı Bilgi    2 Şubat 2019
Yorum Yok

Kullanışlı renk geçişleri için Gradient çok işe yarıyor. Bu renk geçişlerini ayarlamak için renk seçimini iyi yapmanız gerekiyor. Renkleri seçerken bir birini tamamlayan renkleri seçmelisiniz.

Renk geçişleri ne kadar iyi olursa o kadar hoş bir tasarım ortaya çıkıyor. Bunun için güzel bir site keşfettim. Gradient renk tasarımları için kullanılabilecek renk kodları ve nasıl gözüktüğü hakkında bilgi ve ön izleme veren bu site oldukça kullanışlı.

Gradient Renk Ön İzleme Sitesi: http://gradients.io/

#2E3192 → #1BFFFF

#D4145A → #FBB03B

#009245 → #FCEE21

#662D8C → #ED1E79

#ED1C24 → #FCEE21

#D74177 → #FFE98A

#00A8C5 → #FFFF7E

#FB872B → #D9E021

#312A6C → #852D91

#009E00 → #FFFF96

#B066FE → #63E2FF

#808080 → #E6E6E6

#00FFA1 → #00FFFF

#8E78FF → #FC7D7B

#00537E → #3AA17E

#FCA5F1 → #B5FFFF

PhotoShop’ta Gradient Kullanımı

Gradient ile arka plan yapımı için öncelikle Adobe Photoshop programını açalım. Arkaplan özelliği Özel olarak şeçilmiş yükseklik 450 genişlik 600 olan bir arka plan oluşturun.

PhotoShop ile Gradient Yapımı
PhotoShop ile Gradient Yapımı

 1   PhotoShop programını açalım. Dosya seçeneklerine girip Yeni butonuna tıklayın.

 2   Genişlik ve Yükseklik değerlerini ayarlayıp arka planı Özel olarak seçerek Tamam olarak seçin.

 3   Sol alt kısımdan Gradient için belirlediğimiz ilk ve ikinci rengi seçelim.  #00a8c5  ve #ffff7e  renk kodlarını seçtim.

 4   Gradient aracını seçelim.

 5   Gradient aracını arka planın sol alt köşesinden sağ üst köşesine doğru çektiğimizde gradienti oluşturmuş oluyoruz.

Gradient Renk Görünümü
Gradient Renk Görünümü

Yukarı da verdiğim renk kodları ile oluşturulmuş Gradientler. Dıştaki renk ilk renk kodu, renk kodunun rengi ikinci renk kodlarıdır.

85 okunma

Etiketler : , , , , , , ,

  Benzer Yazılar


  Yorumlar

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu yazıya henüz yorum yapılmamıştır, yazı hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

  Arama Yap

  Arşivler