Özel bir arka plan deseni yapmak için bir divi gradyan tekrar seçeneği nasıl kullanılır
Divi’nin arka plan seçeneği, arka plan deseni yapmak için birçok yol sağlar. Yalnızca gradyanları kullanarak bir arka plan deseni bile yapabilirsiniz. Gradyan tekrar seçeneği bunu basit ve kolay hale getirir. Bu yazıda, özel bir arka plan deseni yapmak için Divi gradyan tekrar seçeneğinin nasıl kullanılacağını göreceğiz. Başlayalım. Gradyan tekrar seçeneğinin tekrarlanması nedir? Düzenlemeleri gradyan duraklarına göre yapar. Gradyan durakları, rengin göründüğü ve gradyanda durduğu belirleyici bir ölçümdür. Gradient Builder Divi, bir desen yapmak için işten çıkarmayı kullanır.
Son renk degradeye durma noktasının gradyanda nerede olduğunu söyler. Durma noktasından önce istediğiniz kadar renge sahip olabilirsiniz. Gradient Builder daha sonra deseni yapan ekranı doldurmak için tekrar eder. Seçenek, herhangi bir parçaya, satıra, sütuna veya modüle eklenebilir ve her şey birlikte kullanılabilir. Degrade tekrarlama seçeneğini etkinleştirme seçeneğini etkinleştirmek için Diş tekerleği simgesini tıklayarak ayarları açın. Ayrıca satırlar, sütunlar ve modüllerle de çalışır.
Renk 2: #EDE3DC (pozisyon%46)
Renk 3: #E8DED7 (%82 pozisyon)
Gradyan Ayarları
Tür: Doğrusal
Yön: 214 derece
Gradien’i tekrarlayın: Evet
Birim: Yüzde
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
Yüzde ölçüm gradyanları yüzde olarak durduruldu. Bu, ana öğeye göre gradyan noktasını hesaplar. Son gradyan noktası ne kadar küçük olursa, yaptığı desen o kadar sıkı olur. Bir rengin konumunu ayarlarken, diğerleri yerinde kalırken renk hareket eder.
Piksel pikseller, her bir gradyan durağı için piksel sayısını ölçer. Bu, diğer birçok birim türünden daha küçük bir desen gradyanı verir. İlk veya son renk konumunu hareket ettirmek her rengin konumunu değiştirir. Görünüm alanının görünüm alanının yüksekliği (VH) görünür tarayıcı pencere alanıdır. Bu, yükseklik ve genişlik olarak ayrı ayrı ölçülür. ViewPort Height, ViewPort boyutunun yüksek yüzdesini ölçmek için gradyan duraklarını kullanır. İlk veya son renk konumunu ayarlamak tüm renkleri etkiler. Görünüm alanının genişliği (VW) ViewPort genişliği, görünüm portu boyutu genişliğinin (veya tarayıcı genişliğinin) yüzdesini ölçmek için gradyan duraklarını kullanır. Ayarlamalar genişliğe göre değişir. Daha büyük veya daha küçük sayıları ayarladığınızda, belirli renkler konumu değiştirirken diğerleri aynı kalır. Divi. Bu bölümdeki ilk sütunda bir ayar yapmalıyız. Dişlerin simgesine tıklayarak satır ayarlarını açın. Ardından, ilk sütun için dişli simgesini seçin. Birinci Degrade Sütunu Birinci Sütun Kendi Arka Plan gradyanı vardır. Bu düzenin bir parçası. Bunu değiştirmeyeceğiz. Aynı gradyanı dört örneğimizde kullanacağız. İhtiyacınız varsa bir ayar. Renk 1: #F4D5B8 (Konum 0px) Renk 2: RGBA (244,213,184.0) (100 piksel konum)
Gradyan Ayarları
Tür: Doğrusal
Yön: 180 derece
Gradient tekrar: Hayır
Birim: Yüzde
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
Mesafemiz sütunun soluna bazı boşluklar ekleyecektir. Tasarım ayarlarını açın, alana gidin ve cihaz seçeneğini açmak için tablet simgesini seçin. Masaüstü sekmesi ve tablet için sola% 5 dolgu ekleyin. Telefon sekmesini seçin ve sol dolguları silin. Mevcut ayarlarında üst ve sağa bırakın.
Üst Pilding: 180px Sol dolgu:% 5
Sağ dolgu: 80px
Örnek ilk örneklerden biri, ince çizgilerle çapraz tekrarlayan bir desen yapıyoruz.
Bunun üç gradyan durağı vardır. İlk renk #fff6ee, 4px konumuna yerleştirilir. İkincisi #EDE3DC’dir, 9px konumuna yerleştirilir. Son olarak #E8DED7, 14 piksel konuma yerleştirildi. Bu, gradyanın tekrarlamanın başlayacağı 14 pikselde durduğu anlamına gelir. Kapat renk durur, deseni küçük tutun. Renk 1: #fff6ee (4px pozisyon)
Gradyan ayarları için gradyan tipini doğrusal olarak değiştirin ve 156deg yönünü ayarlayın. Gradyanı etkinleştirin. Ünite için piksel seçin.
Tür: Doğrusal
Yön: 156 derece Gradien’i tekrarlayın: Evet
Birim: piksel
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
İkinci örneğin örnekleri daha büyük çizgilerle diyagonal tekrarlanan desenler oluşturuyoruz.
Bunun üç gradyan durağı vardır. Birincisi, 4px konumuna yerleştirilen #FFF6EE rengidir. İkinci rengimiz #EDE3DC, 43 piksel konuma yerleştirildi. Sonuncusu #E8DED7, 50 piksel konuma yerleştirildi. Bu gradyan 50 pikselde duracak ve deseni tekrarlayacaktır.
Renk 1: #fff6ee (4px pozisyon) Renk 2: #EDE3DC (43px konum) Renk 3: #E8DED7 (pozisyon 50px)
Gradyan ayarları için, tür için doğrusal seçin ve 156deg yönünü ayarlayın. Tekrarlama derecesini etkinleştirin ve üniteyi piksel olarak değiştirin.
Tür: Doğrusal
Yön: 156 derece Gradien’i tekrarlayın: Evet
Birim: piksel
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
Üçüncüsünün üç örneğine örnek olarak, orta boy çevrelerle tekrar eden dairesel desenler yapıyoruz.
Bunun üç gradyan durağı vardır. İlk renk #fff6ee, 4px konumuna yerleştirilir. Renk 2 #E8DED7’dir, 7 piksel konuma yerleştirilir. Son renk #EDE3DC’dir, 8px konumuna yerleştirilir. Bu gradyan 8 pikselde durur ve diğer renkler birbirine yakındır, sıkı bir desen oluşturur. Renk 1: #fff6ee (Pozisyon 4px)
Renk 2: #E8DED7 (Konum 7px) Renk 3: #EDE3DC (8 piksel konum) Gradyan ayarları için türü dairesel olarak değiştirin ve yönü alt tarafa ayarlayın. Degradeyi bildirin ve üniteyi yüzde olarak değiştirin.
Tür: Dairesel
Yön: aşağıda
Gradien’i tekrarlayın: Evet Birim: Yüzde
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
Dördüncü örneğimizden dördüncü örnek, büyük bir daireye sahip dairesel bir desen oluşturdu.
Bunun üç gradyan durağı vardır. Birincisi #fff6ee, 4px konumuna yerleştirildi. İkincisi #E8DED7, 23 piksel konuma yerleştirildi. Üçüncüsü #EDE3DC, 31 piksel konuma yerleştirildi. Bu gradyan daha fazla renkle daha büyük bir desen oluşturur ve 31 pikselde durur.
Renk 1: #fff6ee (4px pozisyon)
Renk 2: #E8DED7 (Pozisyon 23px) Renk 3: #EDE3DC (Pozisyon 31px) Gradyan ayarları için türü dairesel olarak değiştirin ve yönü merkeze ayarlayın. Degradeyi bildirin ve üniteyi yüzde olarak değiştirin.
Tür: Dairesel
Yön: Merkez
Gradien’i tekrarlayın: Evet Birim: Yüzde
Degradeyi arka plan görüntüsünün üzerine yerleştirin: hayır
