Bagaimana saya bisa mengekspor gambar dari gambar Illustrator dalam berbagai ukuran?

Saya baru mengenal Adobe Illustrator dan saya memiliki gambar logo yang perlu saya gunakan dalam 5 atau 6 ukuran berbeda. Gambar logo dibuat di Adobe Illustrator, tetapi ketika saya mencoba untuk menyimpan gambar ke PNG atau JPEG apa yang seharusnya sederhana ternyata sangat rumit.

Saya mengerti bahwa Adobe Illustrator ingin memperlakukan gambar sebagai ukuran tertentu, dan kemudian ingin mengalikan ukuran itu dengan faktor skala piksel per inci untuk menghasilkan jumlah piksel aktual yang disimpannya. Ini memiliki beberapa pilihan faktor skala terbatas yang memberikan serangkaian ukuran piksel keluaran yang sangat terbatas.

Namun untuk banyak penggunaan web pengguna sudah tahu dimensi piksel keluaran yang dibutuhkan. Apakah ada cara hanya menentukan lebar piksel atau tinggi grafik yang disimpan yang diperlukan?

Saya telah melihat saran untuk mengekspor gambar dan kemudian menggunakan Photoshop untuk mengubah ukurannya, tetapi itu menghasilkan kualitas gambar yang lebih buruk dibandingkan membuat gambar akhir dari gambar vektor.

File> Simpan untuk Web dan kemudian masukkan dimensi piksel dengan mengklik Image Sizetab di sebelah kanan jendela Simpan untuk Web.

Atau apakah saya tidak memahami Anda dengan benar?

Menggunakan File → Save for Webdan memasuki dimensi akan melakukan apa yang Anda cari. Juga, Illustrator menggunakan penskalaan vektor, sehingga hasilnya lebih baik daripada jika Anda mencoba hal yang sama di Photoshop - memasukkan dimensi yang tidak cocok dengan dokumen di Photoshop berarti gambar akan diskalakan dengan bitmap.

Harap dicatat bahwa Anda harus mengklik Terapkan setelah mengubah dimensi, jika Anda menggunakan versi Illustrator sebelum CS6.

Oh, dan ada peluang yang sangat bagus untuk Convert to sRGBdimatikan - secara destruktif mengubah gambar Anda dari ruang warna saat ini menjadi sRGB, membuat warna bergeser.

Ketika saya perlu mendukung beberapa ukuran piksel, saya menipu dan mengatur skala dalam file AI yang sama. Masing-masing ukuran ditempatkan pada papan artboard terpisah berukuran benar. Saya menambahkan nama dewan dengan format file yang akan diekspor. Lalu saya menjalankan jsx yang mengekspor setiap artboard dan mengambil format file dari namanya, menggunakan pengaturan terakhir yang saya masukkan untuk format itu dalam file itu. Ini semua di CS5.

Saya menggunakan alur kerja ini untuk beberapa logo, ikon, dan iklan bergambar.

Anda juga dapat membuat dokumen dengan ukuran yang sesuai di Photoshop (atau kotak area dengan panduan) lalu File> Tempatkan seni vektor.

Anda bisa mengukur ukuran bentuk sebelum dirender. Jelas penskalaan setelah itu akan mengurangi kualitasnya.

Saya selalu menggunakan teknik ini untuk logo untuk memberikan kontrol yang tepat atas ukuran, misalnya mendapatkan garis dasar elemen teks logo pada batas piksel (suatu bentuk petunjuk).

Tambahan untuk subjek ini yang saya temukan menarik bagi desainer aplikasi seluler, adalah skrip ini yang menciptakan aset retina untuk iOS dan Android dalam 1 kali klik.