Desainer Dapatkan Pola Latar Belakang SVG Gratis dari Pola Pahlawan
Semua browser web modern mendukung SVG dan itu format gambar yang paling fleksibel kamu bisa memakai. Tapi merancang SVG khusus dari awal bukanlah tugas yang mudah.
Itu sebabnya alat seperti Pola Pahlawan bisa sangat berharga bagi desainer. Ini perpustakaan gratis pola SVG berulang kamu bisa menyesuaikan dengan gaya, warna, dan opasitas yang berbeda.
Pola Pahlawan sudah baik lebih dari 40 pola yang berbeda untuk memilih dan semuanya terdaftar tepat di beranda. Saat Anda menggulir ke bawah, Anda akan melihat demo langsung untuk masing-masing dan Anda dapat mengklik salah satunya untuk melihat tampilannya.
Di bagian atas halaman, Anda akan menemukan bilah tetap dengan pengaturan ubah warna foreground dan background. Warna latar belakang berlaku untuk permukaan rata dan warna foreground berlaku untuk pola dalam SVG.
Terima kasih kepada gaya campuran alami, itu sulit untuk datang dengan kombo warna yang buruk (walaupun tentu masih mungkin). Pola berkisar dari dam untuk ikon berulang rinci seperti jangkar.
Ketika Anda menemukan pola yang Anda sukai saja klik blok itu untuk jendela modal dengan detail lebih lanjut. Dari sini, Anda dapat menyesuaikan warna foreground / background, bersama latar depan opacity untuk ikon.
Tetapi keajaiban yang sebenarnya terjadi di kotak snipet kode dimana kamu bisa salin CSS untuk menanamkan SVG murni melalui kode. Di CSS ada a base64 ()
metode untuk konversi data string menjadi data SVG. Ini adalah cukup umum dan itu bekerja dengan gambar lain seperti PNG juga.
Jadi, jika Anda tidak ingin file SVG disimpan secara lokal, Anda cukup salin / tempel kode CSS langsung ke stylesheet Anda. Ini akan embed latar belakang yang berulang dengan warna yang tepat langsung ke situs Anda. Keren sekali!
Atau, jika Anda mau sunting sendiri SVG kamu bisa unduh salinan gambar SVG yang tidak diedit. Dengan cara ini Anda bisa lakukan semua pengeditan secara manual dalam perangkat lunak desain seperti Illustrator.
Hero Patterns adalah salah satu dari sedikit alat yang memungkinkan para desainer mengambil kendali penuh atas SVG langsung dari browser. Latar belakang yang berulang hanya mengandalkan PNG tetapi standar web sudah cukup maju SVG dapat menggantikan mereka.
Untuk memulai, cukup kunjungi beranda Pola Pahlawan dan telusuri pustaka pola mereka. Pola baru sering ditambahkan, jadi pastikan untuk sering memeriksa kembali.