Tasarımcılar Kahraman Kalıplarından Ücretsiz SVG Arkaplan Desenleri Alın

Tüm modern web tarayıcıları destek sv ve Onun en esnek görüntü formatı kullanabilirsiniz. Fakat özel SVG'lerin sıfırdan tasarlanması kolay bir iş değil.

Bu yüzden bir araç gibi Kahraman desenleri tasarımcılar için çok değerli olabilir. Bu ücretsiz bir kütüphane tekrarlanabilir SVG desenleri yapabileceğini özelleştirmek farklı stiller, renkler ve opasiteler ile.

Kahraman kalıpları iyi 40'ın üzerinde farklı model almak ve hepsi ana sayfada listelenir. Aşağı kayarken göreceksiniz her biri için canlı demolar ve nasıl göründüklerini görmek için bunlardan herhangi birini tıklatabilirsiniz..

Sayfanın üst kısmında, ayarların olduğu sabit bir çubuk bulacaksınız. ön ve arka plan renklerini değiştir. Arka plan rengi düz yüzey ve ön plan rengi SVG'lerde desenler.

Sayesinde doğal karışım stili, Kötü bir renk kombinasyonuna sahip olmak zor (yine de mümkün olsa da). Desenler arasında değişir dama için detaylı yinelenen simgeler çapa gibi.

Beğendiğiniz bir desen bulduğunuzda bu bloğu tıklayın daha fazla ayrıntı içeren kalıcı bir pencere için. Buradan ön plan / arka plan renkleri, ile birlikte simgeler için ön plan opaklığı.

Ama asıl sihir olur kod pasajı kutusunda nerede yapabilirsin CSS'yi kopyala SVG'yi gömmek tamamen kod ile. CSS’de bir Base64 () yöntem dize verilerini SVG verisine dönüştür. Bu oldukça yaygın PNG'ler gibi diğer görüntülerle de çalışır.

Yani SVG dosyasının yerel olarak saklanmasını istemiyorsanız, basitçe CSS kodunu kopyala / yapıştır stil sayfanıza doğrudan. Bu irade yinelenen arka planı göm Sitenize uygun renkler. Ne kadar havalı!

Ya da istersen SVG'yi kendiniz düzenleyin yapabilirsin düzenlenmemiş SVG görüntüsünün bir kopyasını indirin. Bu şekilde yapabilirsiniz tüm düzenlemeleri elle yap Illustrator gibi tasarım yazılımlarında.

Hero Patterns, tasarımcılara izin veren birkaç araçtan biridir SVG'ler üzerinde tam kontrol sahibi olmak Tarayıcıdan Yalnızca PNG'lere dayanmak için kullanılan arka planlar tekrarlanır, ancak web standartları yeterince ileri SVG'ler yerini alabilir.

için Başlamak, Hero Patterns anasayfasını ziyaret edin ve desen kitaplıklarına göz atın. Yeni desenler sık sık alın, bu yüzden sık sık kontrol etmeyi unutmayın.