Banyak perubahan yang paling dramatik dalam cara Illustrator digunakan sedang berlaku dalam menerjemahkan gambar vektor ke web, dan format SVG yang diremehkan adalah pautan utama dalam proses itu. Fail SVG mengekalkan ciri skalabiliti berharga dari karya seni vektor dan disokong hampir secara universal di laman web dan persekitaran pembangunan web. Semasa anda menyediakan karya seni vektor untuk web, penting untuk mengelakkan kesan standard Illustrator dan, sebaliknya, gunakan penapis SVG.
Illustrator dilengkapi dengan set penapis SVG yang baik tetapi minimalis, tetapi berikut adalah beberapa petua mengenai cara mencari dan menambah penapis SVG serta sumber untuk membuat penapis SVG anda sendiri. Bagi mereka yang bekerja dengan pembangun web dan aplikasi, jadikan hidup mereka lebih mudah dan produktif dengan melihat helaian cheat untuk menyerahkan kod SVG.
Apabila anda membuat fail SVG untuk skrin di Illustrator dan anda ingin menerapkan kesan (seperti drop-shadows), anda harus menerapkannya sebagai penapis SVG. Dengan cara itu, fail SVG anda mengekalkan skalabiliti tanpa batas tanpa gangguan.
Langkah-langkah berikut memandu anda menggunakan penapis SVG pada grafik di Illustrator:
Pilih objek yang anda gunakan penapisnya.
Pilih Kesan → Penapis SVG.
Pilih penapis dari senarai yang muncul.
Sebilangan besar penapis mempunyai nama deskriptif. Sebagai contoh, orang-orang dengan bayang-bayang dalam nama adalah drop-bayang-bayang, orang-orang dengan gaussian nama yang mengaburkan gaussian. Aliran kerja agak ganjil dan bulat, tetapi anda perlu memilih penapis terlebih dahulu untuk mengakses semua pilihan yang ada untuk menerapkannya.
Untuk menukar penapis yang dipilih:
Setelah anda menggunakan penapis, klik OK di panel Terapkan SVG Filter.
Set penapis SVG Illustrator minimalis, tetapi anda boleh memperbaikinya dengan merancang penapis anda sendiri atau memuat turun set penapis SVG yang sudah dikemas dari sumber dalam talian. Merancang penapis melibatkan pengekodan, tetapi boleh dilakukan jika anda selesa dengan HTML. Saya mengesyorkan tutorial di w3Schools untuk membuat penapis SVG. Atau anda boleh membeli set penapis secara dalam talian, dan bahkan dapat mencari beberapa set penapis SVG percuma di Creatingo .
Selepas anda membeli atau membuat penapis SVG anda sendiri, inilah cara anda memasangnya di Illustrator:
Pilih Kesan → Penapis SVG → Import Penapis SVG.
Dalam dialog yang terbuka, arahkan ke dan klik dua kali fail penapis SVG yang anda buat atau muat turun secara percuma.
Fail yang anda cari mestilah fail SVG (beberapa penapis digabungkan dalam satu fail SVG).
Penapis baru anda kini tersedia di submenu Penapis SVG.
Pilih Kesan → Penapis SVG untuk menerapkan penapis baru anda ke objek yang dipilih.
Selalunya grafik SVG yang anda buat di Illustrator diserahkan kepada pereka permainan, animator, infografik, atau output lain, di mana pembangun akan menggunakan kod di belakang grafik SVG. Sebagai ilustrator, anda tidak perlu tahu bagaimana membuat kod itu, tetapi anda mungkin perlu mengetahui cara mendapatkannya dan menyerahkannya kepada pembangun. Ini caranya.
Jalan untuk mengeksport grafik SVG anda sebagai kod melalui fungsi Save Illustrator. Menu Simpan mempunyai pilihan (tidak mudah dicari) yang mengeksport fail anda sebagai kod SVG. Anda mungkin ingin berkomunikasi dalam masa nyata dengan pembangun skrin anda semasa anda menghasilkan kod tersebut kerana beberapa pilihan ditentukan oleh bagaimana kod itu akan digunakan:
Pilih Fail → Simpan (atau Simpan Seolah-olah anda menyimpan fail).
Dalam dialog yang terbuka, pilih SVG dari menu Format.
Abaikan pilihan fail SVGZ, iaitu untuk fail yang dimampatkan yang tidak dipaparkan di penyemak imbas.
Klik Simpan untuk membuka dialog Pilihan SVG.
Sentiasa pilih SVG 1.1 dalam menu drop-down Profil SVG. Versi lain sudah usang.
Sekiranya anda mempunyai gambar yang disematkan atau dipautkan dalam fail SVG anda, pilih Benamkan dari drop-down Lokasi Gambar. Walau bagaimanapun, berunding dengan pembangun web anda mengenai pilihan ini terlebih dahulu.
Pilih Preserve Illustrator Editing Capability untuk membuat fail dapat diedit di Illustrator.
Pilihan ini meningkatkan saiz fail tetapi membolehkan anda bekerja dengan satu fail SVG yang boleh anda edit, kemas kini dan kongsi dengan pembangun web.
Sekiranya butang More Options dipaparkan, klik untuk mengakses pilihan lanjutan. dan buat pilihan anda.
Pada asasnya, pilihan yang berbeza menghasilkan CSS dengan fail anda yang menentukan sifat dengan cara berikut. Rujuk dengan rakan sepasukan web anda mengenai cara menentukan sifat CSS ini:
Batalkan pilihan lima kotak centang di bahagian bawah dialog Pilihan SVG, kecuali jika rakan kongsi pemaju anda meminta anda memilihnya.
Pilihan ini adalah untuk aplikasi yang sangat khusus.
Untuk menghasilkan Kod SVG berdasarkan pilihan yang anda buat dalam dialog Pilihan SVG, klik butang Kod SVG .
Kod SVG yang dihasilkan dipaparkan di editor teks sistem operasi anda. Anda boleh menyimpan kod itu sebagai fail teks menggunakan penyunting teks sistem operasi anda, dan menyerahkan fail tersebut kepada pembangun.
Setelah membuat kod, klik OK untuk menyimpan fail anda.
Anda boleh membuka semula dan mengedit fail ini di Illustrator.
Anda boleh menggunakan alat Syot Kilat dalam Adobe Acrobat CS5 untuk memilih kedua-dua teks dan imej serta mencipta gambar kawasan tertentu dalam fail PDF. Hasilnya biasanya dirujuk sebagai rampasan skrin bahagian dalam fail PDF. Hasilnya ialah imej, dan teks anda bukan […]
Direka untuk penyelidik dan saintis, keupayaan mengukur dalam Photoshop CC agak berkuasa. Anda boleh mengukur apa sahaja dan mengira bilangan apa sahaja dalam imej teknikal, mungkin dari mikroskop atau teleskop. Jika anda mengetahui saiz tepat mana-mana elemen dalam imej, anda kemudian boleh menemui apa sahaja […]
Apabila anda menggunakan alat Liquify dalam Adobe Creative Suite 5 (Adobe CS5) Illustrator, anda boleh membengkokkan objek — menjadikannya beralun, melekit atau runcing — dengan mencipta herotan yang mudah kepada kompleks. Alat Liquify boleh melakukan semua jenis herotan yang kreatif atau aneh (bergantung pada cara anda melihatnya) pada objek anda. awak […]
Apabila anda mempunyai teks dalam projek Adobe XD anda, anda boleh mula menukar sifat teks. Sifat ini termasuk Keluarga Fon, Saiz Fon, Berat Fon, Penjajaran, Jarak Aksara (kerning dan penjejakan), Jarak Baris (terdepan), Isi, Sempadan (lejang), Bayangan (bayangan jatuh) dan Kabur Latar Belakang. Jadi mari kita semak cara sifat tersebut digunakan. Mengenai kebolehbacaan dan fon […]
Anda boleh menggunakan InDesign untuk mencipta dan mengubah suai grafik kod QR. Kod QR ialah satu bentuk kod bar yang boleh menyimpan maklumat seperti perkataan, nombor, URL atau bentuk data lain. Pengguna mengimbas kod QR menggunakan kamera dan perisiannya pada peranti, seperti telefon pintar, dan perisian itu menggunakan […]
Sama seperti dalam Adobe Illustrator, papan seni Photoshop menyediakan keupayaan untuk membina halaman atau skrin berasingan dalam satu dokumen. Ini boleh membantu terutamanya jika anda sedang membina skrin untuk aplikasi mudah alih atau risalah kecil. Anda boleh menganggap papan seni sebagai jenis kumpulan lapisan khas yang dibuat menggunakan panel Lapisan. Ia […]
Membungkus teks dalam Adobe Illustrator CC tidak sama seperti membungkus hadiah — ia lebih mudah! Balutan teks memaksa teks untuk membalut grafik, seperti yang ditunjukkan dalam rajah ini. Ciri ini boleh menambah sedikit kreativiti pada mana-mana karya. Grafik memaksa teks untuk membungkusnya. Pertama, buat […]
Apabila mereka bentuk dalam Adobe Illustrator CC, anda selalunya memerlukan bentuk untuk menjadi saiz yang tepat (contohnya, 2 x 3 inci). Selepas anda membuat bentuk, cara terbaik untuk mengubah saiznya kepada ukuran yang tepat ialah menggunakan panel Transform, ditunjukkan dalam rajah ini. Minta objek dipilih dan kemudian pilih Window→Transform to […]
Ketahui cara menggunakan ketelusan pada grafik SVG dalam Illustrator. Terokai cara untuk mengeluarkan SVG dengan latar belakang telus dan menggunakan kesan ketelusan.
Selepas anda mengimport imej anda ke dalam Adobe XD, anda tidak mempunyai banyak kawalan pengeditan, tetapi anda boleh mengubah saiz dan memutar imej seperti yang anda lakukan pada bentuk lain. Anda juga boleh dengan mudah membulatkan sudut imej yang diimport menggunakan widget sudut. Menyamarkan imej anda Dengan menentukan bentuk tertutup […]
