Bugünün Divi öğreticisinde, web sitenizin biraz daha otantik görünmesi için basit bir doku arka planı nasıl yapabileceğinizi ve kendi rolünüz için bir arka plan olarak kullanabileceğinizi göstereceğiz. En son ücretsiz öğrenme yönetimi düzenimize bakarsanız, tüm sayfalarda dokulu bir arka plan kullandığımızı göreceksiniz. Şimdi, Photoshop ile yeniden yapacağımız iki tür doku göstererek başlayacağız; Doku bir şekil ile yapılır ve doku bir fırça ile yapılır. Bunu nasıl yapacağınızı bildikten sonra, istediğiniz kadar yaratıcı olabilir ve otantik dokulu bir arka plan yapabilirsiniz. Bundan sonra, dokulu arka planları ve Divi tasarım seçeneklerini birleştirerek nasıl şaşırtıcı sonuçlar verebileceğinizi göstereceğiz.
Resim sonuçları, Photoshop ile nasıl yapılacağını göstereceğimiz ilk resim formuyla yapılır:
Divi tasarım seçeneği ile sonuçlar ve Divi’ye entegre edildikten sonra, bunun gibi inanılmaz sonuçlar alabilirsiniz:
Görüntü sonuçları, yapacağımız ikinci resim fırçasıyla yapılır:
Divi tasarım seçenekleriyle sonuçlar ve web sitenizde kullanılırken aşağıda güzel sonuçlar sağlayabilir:
YouTube kanalımıza abone olan bir Divi Tasarım seçeneği ile dokulu bir arka plan oluşturulur ve kullanılır, ilk dokulu arka planla yapılan photoshop ile dokulu bir arka planda, nasıl yeniden yapacağımızı göstereceğimiz, çoğunun üzerinde yapılan bir şekli var Poligonal keman aracı ve silgi aracı. Aşağıdaki sonuçların nasıl oluşturulacağına adım adım rehberlik edeceğiz: yeni dosyalar photoshop’u açın ve yeni dosyalar ekleyerek başlayın. Bu dosya 1920 piksel genişlik ve 847px yüksekliğe ihtiyaç duyacaktır.
Arka plan rengini daha sonra ekleyin, yeni oluşturduğunuz dosyaya arka plan rengini ekleyin. Tüm işlemde biraz daha koyu gri bir renk kullandığınızdan emin olun. Biraz daha koyu bir renk kullanmak çok önemlidir, çünkü bir Divi tasarım seçeneği eklerken bu yazıda daha sonra size yardımcı olacaktır. Bu örnekte, arka plan rengi olarak ‘#626262’ kullandık ve katmana renk eklemek için boya kovası aracını kullandık.
Katman 2 Ekle Birinci katmanın hemen üzerine yeni bir katman ekleyerek devam edin.
Katman 2’ye ilk şekli ekleyin, ardından Poligonal Lasso aracını seçin ve Katman 2’yi seçerken şekillendirmeye başlayın.
Bittiğinde boya kovası aracını seçin ve seçilen kısmı renklendirmek için ‘#747474’ kullanın.
Katman 3 ekleyin, ardından Katman 2’nin hemen üzerine başka bir katman ekleyin.
İkinci form katmanı ekleyin Katman 3, çokgen lasso aracını kullanarak aşağıdaki basılı ekranda olduğu gibi başka bir şekil yapmaya devam edin.
Boya kovası aracını seçin ve bu sefer ‘#6A6A6A’ kullanın.
Şimdiye kadar, görüntünüz şöyle görünecektir: Katman 3’teki Silgi Aracı kullanın, Katman 3’ü seçerken silgi aracını seçin.
Silgi aracını% 0 şiddet ve 338px boyutuna sahip fırçalarla birlikte kullanın.
Ardından, kaldırmak istediğiniz alanı devam edin ve silin. Kasıtlı olarak, katman 2 ve katman 3 arasındaki geçişi görebileceğiniz katman 3’ün küçük bir kısmını bırakıyoruz.
Çoğaltma, Dönüşüm, Döndürme, Katmanları Karşı Tarafa Döndürme ve Yer Şimdi sol tarafı yaptık, diğer taraf daha hızlı hareket edecek. Tam olarak aynı olmasını istiyoruz, bu yüzden Katman 2 ve Katman 3’ü seçeceğiz. Sonra katmanı çoğaltacağız.
Çoğaltıldıktan sonra, katman listenizde göründüğünü göreceksiniz.
İki çoğaltma sonuçunu seçerken, Düzenle> Dönüşüm> 180 ° döndürün ve katmanı görüntünün diğer tarafına sürükleyin.
Geri kalan tek web için saklayın, görüntüleri saklamaktır. Bunu yapmak için Dosya> Dışa Aktar> Web için Kaydet’i tıklayın.
Son olarak, dosyanın bir JPG veya PNG dosyası olduğundan emin olun ve kaydedin.
Bir sonraki fırça ile yapılan, bir fırça kullanarak nasıl dokulu bir arka plan yapacağınızı göstereceğiz. Bu durumda ekranı nasıl yeniden yapacağınızı göstereceğimiz dokulu arka plan:
Yeni dosya, 1920 piksel genişlik ve 847px yüksekliğinde yeni belgeler oluşturarak tekrar başlıyor.
Arka plan rengini tamamladıktan sonra ekleyin, ‘#8f8f8f’ renk kodu ile arka plan ekleyin.
Çevrimiçi eşleşen fırçayı bulun bir sonraki adım, kahramanınızın stiline uygun bir fırça bulmaktır. İnanılmaz ve ücretsiz birçok ücretsiz Photoshop fırçası var. Aşağıdaki sayfayı açarak bu eğitimde kullanacağımızı bulabilir ve indirebilirsiniz. Ungg Fırçası Bilgisayarınızda ABR dosyalarını bulun ve bir fırça yüklemek için Photoshop’u açın. Düzenle> Ön Ayarlar> Prets Manager> Fırçalar> Yükle ve bilgisayarınıza kaydettiğiniz ABR dosyalarını seçin.
Katman 2 Ekle bittiğinde, katman 1’in hemen üzerine başka bir katman ekleyin.
En hafif renge sahip bir fırça kullanın, daha sonra, bir fırça aracı seçerek istediğiniz dokulu arka planı yapmak için fırçanızı kullanmaya başlayabilirsiniz.
600 piksel boyutta istediğiniz fırçayı seçin ve%60 opaklık kullanın.
‘Kullanacağımız ilk renk’#A0A0A0 ‘. Lütfen resminizdeki ilk fırça katmanını oluşturun.
Daha sonra daha koyu renkte aynı fırçayı kullanın, önceki rengi ‘#ababab’ ile değiştirin ve aynı şeyi yapın.
Son koyu renkle aynı fırçayı kullanın, dokulu arka planınızı tamamlamak için ‘#686868’ rengini kullanmalısınız.
Dokulu arka planınız tamamlandıktan sonra Web için kaydedin, yapılacak tek şey resimleri saklamaktır. Bunu yapmak için Web için Dosya> Dışa Aktar> Kaydet’i seçin.
Yine, resminizi JPG veya PNG dosyası olarak kaydetmek isteyip istemediğinizi seçin.
Bir görüntü oluşturduktan sonra istediğiniz sonuçları elde etmek için Divi’nin arka plan ayarlarıyla oynayabileceğiniz şekil ile yapılan dokulu arka plana dokulu bir arka plan ekleyin. Şeklinde yapılan dokulu arka planlar için, ortada gradyan renklerinden birine sahip olmak için radyal gradyan türünü seçeceğiz ve diğeri arka plan görüntüsümüzle uyum içinde.
Birinci renk: #474ab6
Renk İkinci: #9271F6
Gradyan Türü: Radyal
Radyal Yön: Merkez
Başlangıç Pozisyonu:% 41
Son pozisyon:% 100
Görüntü karışımı seçeneği sonra görüntüyü yükleyin ve aşağıdaki ayarları kullanın:
Arka Plan Görüntü Boyutu: Kapak
Arka Plan Görüntü Pozisyonu: Orta
Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Geniş
Dokulu arka plan, bir fırça ile yapılan dokulu bir arka plan için kullanacağımız bir gradyan arka plan fırçasıyla yapılır. Arka plan görüntüsü ile uyum içinde kullanılan küçük bir rengi ayıracak pürüzsüz bir geçiş yapacağız.
Arka Plan Gradient Ayarlar bölümünü açın ve arka plan alt kategorileri için aşağıdaki ayarları kullanın:
Birinci renk: #474ab6
Renk İkinci: #9271F6
Gradyan Türü: Doğrusal
Gradien yönü: 270deg
Başlangıç Pozisyonu:% 70
Son pozisyon:% 100
Görüntü karışımı seçeneği Ardından, arka plan görüntüsünü yükleyin ve aşağıdaki ayarları kullanın:
Arka Plan Görüntü Pozisyonu: Orta
Arka plan görüntüsünün tekrarlanması: Tekrar yok
Arka Plan Görüntü Karışımı: Geniş
Sonuçlar Şimdi tüm adımlardan geçtikten sonra, bir kez daha nihai sonucuna bakın.Resim sonuçları Divi Tasarım seçeneğinin şekli ile yapılır
Görüntü sonuçları bir fırça ile yapılır
Divi tasarım seçenekleriyle sonuçlar
Bu yazıdaki son zihin, web sitenizi daha otantik hissettirmek için nasıl dokulu bir arka plan kullanabileceğinizi gösterdik.Divi tasarım seçeneğiyle birlikte bölümünüzde nasıl kullanabileceğinizi göstererek Photoshop ile nasıl iki tür doku yapabileceğinizi gösterdik.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun!Web-Design / Shutterstock.com’dan Üstün Görüntüler