Divi ile düzensiz şekilli bir bölüm geçişi nasıl yapılır
Web sitenizi geliştirmenin en iyi yollarından biri farklı bir bölüm geçişi kullanmaktır. Önceki yazıda, yalnızca Divi varsayılan seçeneğini kullanarak nasıl yapabileceğinizi gösterdik. Bununla birlikte, biraz daha gelişmiş veya kişiselleştirilmiş bir şey yapmak istiyorsanız, düzensiz şekilli parçaların geçişini de yapabilirsiniz. Karmaşıklığı nedeniyle, buna yaklaşmanın en iyi yolu, şeffaf sınırlarla görüntüleri kullanmaktır. Bu yazıda, bunu nasıl yapabileceğinizi göstereceğiz. Size sadece Divi Builder’da ne yapacağınızı göstermekle kalmayacağız, aynı zamanda Photoshop’u kullanarak birkaç adımla resimdeki bu şeffaf sınırı nasıl yapabileceğinizi de göstereceğiz.
Sonuçlara Örnekler Şaşırtıcı düzensiz şekilli bölüm geçişine sahip düzen örneklerine bakalım:
Photoshop ile şeffaf bir sınır oluşturun Photoshop ile istediğiniz gibi orijinal şekle ulaşabilirsiniz. Gimarsop adlı ücretsiz bir alternatif de seçebilirsiniz. Bu öğretici için Photoshop’u kullanacağız. Fotoshop’u açın, bilgisayarınızda Photoshop’u açarak başlayın. Görüntüyü açmayı bitirdikten sonra, yapmak istediğiniz görüntüyü açın. Görüntünüzde iki kez tıklayın ve görüntünüz Photoshop’a yüklendikten sonra bir katman oluşturun, görüntü katmanına çift tıklatın ve bunun için yeni bir katman oluşturun (katman 0). Şeffaf bir sınır eklemek için başka bir katman ekleyin, devam etmek ve aşağıdaki basılı ekranda işaretlediğimiz simgeye tıklayarak başka bir katmana ihtiyacınız olacaktır. Bir katman yaptıktan sonra (katman 1), görüntünüzü içeren bir katmana yerleştirildiğinden emin olun. Katman 1 etkinleştirildiğinde bir fırça ve boyut seçin, devam edin ve fırça simgesini tıklayın. Bunu yaptıktan sonra, fırça için kullanılan boyutu ve deseni beğeninize göre ayarlayabilirsiniz. İnternette birçok ücretsiz Photoshop fırçası var, bu nedenle oluşturduğunuz web sitesinin türüne bağlı, doğru olanı seçin. Ayrıca, opaklığın%100 olarak düzenlendiğinden emin olun. Yerinde bir fırça olduğundan sonra sınırda bir fırça kullanmaya başlayın, şeffaf olmak istediğiniz tarafta kullanmaya başlayın. Daha sonra her şeyin şeffaf hale gelmesi için tüm sınırı fırçanızla kapladığınızdan emin olun. Ctrl (Windows) veya Command (Mac) + Yeni bir katman seçin, tamamlandıktan sonra Ctrl (Windows için) veya komuta (Mac için) klavyenizde ve aynı anda katman 1’i tıklayabilirsiniz. Photoshop’un katmana eklediğiniz her şeyi seçeceğini göreceksiniz, yani bu durumda sınır şekillendiriliyor. Daha sonra görünmeyen yeni bir katmanı görün, katman 1’i basılı ekranda işaretlendiği gibi çıkararak görünmez hale getirin aşağıda. Görüntüyü seçin ve yeni katmanı daha sonra silin, resminizi içeren katmanı tıklayın ve klavyenizdeki Sil düğmesine basın. Bunu yaptıktan sonra, sınırın şeffaf olacağını göreceksiniz.
Dikdörtgen seçim çerçevesi aracını seçin ve resme tıklayın Dikdörtgen seçim çerçevesi aracına tıklayın ve resimde rastgele bir yere basın.
Görüntüleri son PNG olarak kaydedin, web sitenizde kullanabilmeniz için görüntüyü PNG olarak kaydetmeniz gerekir. Divi web sitenizde kullanmak istediğiniz farklı bir görüntü oluşturduktan sonra Divi’ye bir arka plan ekleyin (yukarıdaki Photoshop tekniğini kullanarak), geri kalanı kolaydır. Oluşturduğunuz görüntü belirli parçaların arka planı olarak işlev görür. Sadece örneğimizden bir kahramanın nasıl inşa edileceğini göstereceğiz, çünkü aynı yöntem farklı parçalar için de geçerlidir. Yeni standart parçayı ekleyin, yeni bir sayfa ekleyin, Visual Builder’a geçin ve sayfaya yeni standart kısmı ekleyin. Arka Plan Görüntülerini Yükle Kahramanda görüntülemek istediğiniz tüm modülleri koyduktan sonra, bu yazının önceki bölümünde oluşturduğunuz görüntüleri devam edip ekleyebilirsiniz. Arka plan rengini ekleyin Bunu bitirdikten sonra, görüntünüzün şeffaf bölümünde hangi rengin görüneceğine karar verebilirsiniz. Bu örnekte, ‘#DDDDDD’ arka plan rengi olarak kullanıyoruz. Renginin görüntünün şeffaf bölümünde hemen görüneceğini hemen görebilirsiniz. Kahramanda kullandığınız şeffaf sınırın modül ve boyutlarının sayısına bağlı olarak yeterli dolgu olduğundan emin olun, bazı özel eklemeniz gerekebilir. rulmanlar. Dolmanın farklı bir kısmı ile oynamak ve hangisinin size en iyi sonuçları verdiğini görün.Bir sonraki bölüme aynı arka plan rengini ekleyin, farklı bir parçanın birbiriyle entegre olduğundan emin olmak için, bir sonraki bölümde kahramanınızda kullandığınız arka plan rengini de kullanın. Bu, bir sonraki bölüm için bir renk arka plan rengi kullanmanız gerektiği anlamına gelmez, gradyanın arka planını kullanabilirsiniz ve iki parçanın renkleri güzel olduğu sürece. Daha önce de belirtildiği gibi örnekler, istediğiniz kadar görüntü limiti yapabilir ve bunları web siteniz boyunca yaratıcı bir şekilde kullanabilirsiniz. Size bir his vermek için aşağıdaki örnekleri yaptık: Bu yazıdaki son zihin, düzensiz şekilli parçaların geçişini nasıl kolayca kullanabileceğinizi gösterdik.Bu yöntemi kullanarak, temel olarak istediğiniz parçanın bir geçişini yapabilirsiniz.Bu düzensiz şekli Photoshop’ta birkaç adımla nasıl yapacağınızı göstermenin yanı sıra, size Divi Builder’da nasıl çalışmasını sağlayabileceğinizi de gösteriyoruz.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun! E -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece büyük bir duyuru, yararlı ipuçları veya divi freebie!
