34: Tur Perangkat Lunak SVG - Trik CSS

Anonim

Ada banyak hal yang dapat Anda lakukan dengan SVG tanpa perangkat lunak apa pun. Dengan asumsi Anda memiliki sumber gambar SVG online yang bagus, Anda dapat menggunakannya secara langsung. Tetapi cukup umum bahwa kita perlu sedikit menyesuaikannya. Saya tahu alur kerja saya yang paling umum adalah menemukan sesuatu yang mendekati apa yang saya butuhkan dari situs fotografi stok atau kumpulan ikon atau sejenisnya, dan kemudian memanipulasinya menjadi persis seperti yang saya inginkan. Menyesuaikan bentuk, menghapus barang, mengubah warna, menyesuaikan artboard, semua itu. Jauh lebih mudah untuk melakukan hal-hal seperti ini dengan perangkat lunak yang dibuat untuk itu, daripada dengan kode manual.

Perangkat lunak paling umum yang kami gunakan dalam seri ini adalah Adobe Illustrator ($ 19,99 / bulan). Illustrator adalah perangkat lunak yang besar dan tangguh untuk Mac atau PC. Banyak fitur. Dan itu seperti memilih gitar sebagai instrumen yang ingin Anda pelajari. Ada banyak tutorial di luar sana yang menggunakannya. Ada banyak orang di luar sana yang menggunakannya yang dapat Anda hubungi. Illustrator dapat MENGHEMAT SEBAGAI dalam SVG, artinya ini adalah format file asli yang dapat Anda gunakan, yang cukup bagus.

Di semua perangkat lunak berbeda yang kami lihat, tidak ada yang mengeluarkan SVG seoptimal mungkin yang Anda inginkan untuk web. Semuanya menyisipkan beberapa komentar umum dan jenis metadata yang mengatakan perangkat lunak apa itu dibuat dan semacamnya, yang sama sekali tidak berguna untuk digunakan di web. Lebih buruk, sebenarnya, karena memperbesar ukuran file yang membuat segalanya lebih lambat. Anda akan selalu ingin mengoptimalkan SVG yang Anda peroleh dari perangkat lunak apa pun (kami akan melakukan screencast tentang pengoptimalan segera).

Inkscape adalah opsi populer lainnya untuk pengeditan SVG. Saya pikir itu mungkin karena lintas platform (bekerja dengan Mac, PC, Linux) dan gratis. Ini juga sudah ada sejak lama dan memiliki serangkaian fitur yang kuat. Saya merasa agak canggung, terutama sebagai pengguna Mac karena antarmukanya sangat berbeda dari yang biasa saya lakukan.

Saya menyukai Sketch, yang hanya untuk Mac ($ 99). Saya sangat suka Anda dapat memilih objek dan grup lalu "Jadikan Dapat Diekspor" dan kemudian SVG adalah opsi untuk mengekspor sebagai, yang memberi Anda SVG yang dipotong dan dapat digunakan dengan sempurna untuk digunakan.

Kami juga melihat iDraw (Mac $ 24,99 dan iOS $ 8,99). Ada juga WebCode (Mac $ 39,99).

Kami tidak secara khusus melihat ini di video, tetapi ada juga beberapa editor SVG berbasis browser yang sangat bagus:

  • SVG Edit
  • metode
  • Mondrian