Kraf

Cara Membuat Koleksi SVG Yogi Illustrations: 8 Langkah

Design & Animate SVG Illustrations for Web Design

Design & Animate SVG Illustrations for Web Design

Isi kandungan:

Anonim

Semasa fasa hidup apabila minat saya dalam yoga, lukisan, dan reka bentuk terus menarik saya ke arah yang berbeza, saya memutuskan untuk mencari pertindihan dalam topik ini dengan mewujudkan projek yang menggabungkan semuanya. Hasilnya adalah satu set lukisan pose yoga vektor, yang boleh digunakan oleh sesiapa sahaja di mana-mana saiz atau sederhana.

Saya menambah setiap ilustrasi yog .svg baru ke koleksi di Projek Noun, di mana ahli boleh memuat turun fail vektor untuk digunakan dengan lesen Creative Commons atau Public Domain.

Ini adalah projek kecil yang boleh anda lakukan, sedikit demi sedikit, dari masa ke masa.

Saya akan memandu anda melalui proses saya semasa saya mengambil pose yoga, mengkaji, melukis, dan menterjemahkannya ke dalam bentuk vektor 2-D. Saya tidak akan terperinci tentang cara menggunakan perisian lukisan, kerana saya lebih tertumpu pada proses membangunkan ilustrasi ini. Tetapi jika anda mempunyai soalan teknikal, saya akan melakukan yang terbaik untuk menjawabnya di bahagian komen.

Bahan dan Alat Digunakan

  • Pen dan kertas
  • Cermin
  • Scanner Flatbed (atau, secara alternatif, kamera)
  • Adobe Illustrator (atau program lukisan vektor lain)

Anggaran masa yang diperlukan

  • 5 jam untuk ilustrasi pertama, dan kurang jam untuk yang berikutnya

Pra-syarat

  • Mengetahui cara menggunakan alat pen vektor untuk melukis lengkung

Bekalan:

Langkah 1: Pilih Pose

Langkah pertama adalah memilih pose untuk belajar dan menarik. Ini adalah pertimbangan untuk memilih pose:

  • Yang manakah anda mahu mengetahui lebih baik? Melukis pose adalah cara yang bagus untuk mengetahui lebih lanjut mengenainya, jadi pilih secara strategik.

  • Betapa pentingnya ini berlaku dalam amalan yoga setiap hari? Dalam kes saya, saya ingin koleksi saya mempunyai sekurang-kurangnya beberapa pose terkenal yang mewakili yoga, bukannya esoterik. Ini kerana yang lebih biasa difahami adalah, lebih relatable ia akan kepada penonton. Contohnya, anjing yang menghadap ke bawah akan menjadi perwakilan yang lebih umum, berbanding dengan mayurasana, atau merak. Yang berkata, jika anda mahu mewakili yogis sebagai orang-orang dengan bentuk fleksibel atau esoterik yang luar biasa, maka anda boleh pergi untuk pilihan yang lebih aneh.

  • Apakah jenis set yang anda ingin tentukan? Ia membantu koleksi anda mempunyai tema yang menyatukan kumpulan ilustrasi. Contohnya, Urutan Salutasi Matahari memberikan banyak perkara biasa seperti kehadiran anjing ke bawah, anjing menghadap ke atas, dan chatturanga, yang mengalir dari satu sama lain.

Langkah 2: Sketch Pose From Memory

Lakaran dari memori akan membantu anda mendiagnosis bahagian-bahagian yang anda perlukan untuk mengetahui lebih lanjut mengenai. Semasa anda menggambar angka itu, perhatikan bahagian mana yang anda rasa lebih kurang yakin menggambarkannya. Apabila anda kemudian merujuk diri anda atau foto, anda akan mengetahui butiran mana yang perlu diperhatikan.

Contohnya, untuk segitiga Segitiga atau Downward menghadapi anjing, atau Separuh separuh ke hadapan, anda mungkin tidak pasti sudut mana badan bahagian atasnya harus meruncing. Tangan dan kaki sukar diperolehi kerana ia mengandungi banyak butiran, dan mempunyai banyak variasi bergantung pada kedudukannya.

Pada langkah ini, anda akan mula mengembangkan gaya umum untuk ilustrasi terakhir. Juga perlu diingat bahawa garisan pena dan garis vektor secara semulajadi meminjamkan diri kepada gaya garis yang berbeza, jadi bayangkan bagaimana anda melihat lukisan anda menerjemahkan ke bentuk digital.

Pada awal, untuk koleksi saya, saya memutuskan bahawa watak saya akan kelihatan sederhana tetapi realistik. Imej yang ditarik tangan pada langkah ini memberi petunjuk pada arah itu.

Langkah 3: Kaji Pose untuk Memperbaiki Lakaran

Sekarang anda mempunyai draf kasar, sekarang sudah waktunya untuk mundur dan memerhatikan supaya anda dapat membetulkan atau meningkatkan draf anda. Terdapat pelbagai cara untuk mempelajari pose:

  • Melihat ke dalam cermin semasa anda masuk ke pose sendiri.
  • Melihat imej yang ditimbulkan dalam talian. Saya berunding dengan Yoga Journal kerana mereka sering mempunyai imej yang berkualiti tinggi yogis dalam bentuk yang sangat baik.
  • Mencari video tentang pose. Video sering melakukan kerja yang lebih baik untuk menerangkan mekanik badan daripada imej, kerana anda boleh melihat bagaimana sendi dan otot bergerak. Anda boleh menjeda video pada saat yang bermaklumat, menyalin tangkapan skrin pada bingkai dan tampal ke fail Adobe Illustrator untuk rujukan.
  • Membaca tentang pose. Artikel yang terperinci mengenai prinsip penjajaran adalah berguna untuk mendapatkan idea yang sangat terperinci dan tepat.

Dengan lebih banyak pengetahuan, anda akan dapat menarik lebih tepatnya. Dalam koleksi saya, penting untuk mewakili penjajaran dan bentuk yang betul, kerana mungkin seseorang melihat lukisan ini untuk mengamalkan yoga.

Langkah 4: Tentukan Garis Panduan Gaya untuk Menyatukan Semua Ilustrasi

Untuk koleksi saya, saya ingin membuat satu siri yogis tanpa feminis, yang memamerkan dada kosong mereka dengan keyakinan. Yogis ini memakai pakaian ketat hitam yang ketat, kerana ini adalah fesyen popular masa-masa yang saya setuju dengan, dan kerana Isi gelap memberikan penglihatan visual ke angka-angka, membuat mereka terlihat kukuh dan kuat.

Keperluan ikon Projek Noun mengekang beberapa pilihan gaya. Ikon mesti hitam dan putih, menjadi 100px X100px atau kurang dimensi, dan mudah dan jelas.

Untuk mempermudah penampilan garis saya dengan lebih lanjut, saya membuatnya supaya semua baris adalah tebal 1px. Semua baris mempunyai hujung bulat. Butiran seperti mata atau payudara boleh menggunakan bujur penuh dengan hitam.

Langkah 5: Vectorize Ilustrasi

Untuk mendigitalkan lukisan, anda perlu mengimport lukisan ke skrin komputer anda. Anda boleh menggunakan mana-mana pengimbas untuk melakukan ini. Sekiranya anda tidak mempunyai akses kepada satu, anda boleh mengambil gambar lukisan anda - dengan mengambil perhatian terhadap sudut yang anda ambil pada supaya ia tidak tersimpul - dan membukanya dengan program lukisan anda.

Kemudian menggunakan alat vektor, jejak imej. Saya mengesyorkan menelusuri imej dengan menggunakan alat pen, dan secara manual melukis setiap nod. Kaedah manual ini - bertentangan dengan proses pengesanan automatik - memastikan bahawa anda sengaja memilih setiap nod dan lengkung anda, dan hanya memilih perkara yang penting.

Tahap terperinci harus digugurkan banyak apabila lukisan bergerak dari lakaran pen ke lukisan vektor. Dalam kes ini, lukisan itu sendiri adalah piksel 90X90 sahaja, dan lukisan pada saiz ini dengan pukulan 1px bermakna tidak ada banyak detail yang boleh anda peras walaupun anda mahu.

Langkah 6: Perhalusi, Eksport, dan Saham

Seterusnya kita mahu lukisan itu berdiri sendiri.

Saya memindahkan imej rujukan dan bekerja pada butiran mengenai ikon.

Apabila saya bersedia untuk mengeksport, saya akan menggabungkan semua lapisan, dan mengubah semua baris dan bentuk ke dalam bentuk yang diperluaskan. Dalam Illustrator saya melakukan ini dengan menggunakan Object> Path> Outline untuk gambar saya, kemudian Object> Expand dari menu. Anda boleh membaca tentang fungsi ini pada artikel bantuan pendek Adobe. Perintah ini membantu mengubah unsur-unsur lukisan yang dicipta oleh pelbagai alat menjadi mudah digariskan dan terisi.

Pada ketika ini, anda boleh memilih untuk berkongsi salinan gambar yang dieksport ke blog atau akaun media sosial, bersama dengan beberapa foto proses.

Langkah 7: Ulangi Langkah Sebelumnya untuk Membina Koleksi

Anda boleh memilih untuk bekerja perlahan-lahan di koleksi, menambah satu ilustrasi pada satu-satu masa apabila anda sudah bersedia. Atau, anda boleh membuat banyak dalam masa yang singkat. Fleksibiliti dalam pacing adalah yang menjadikan projek ini dapat dilakukan untuk orang sibuk yang masih ingin bekerja pada projek kreatif.

Oleh kerana koleksi itu membina, anda boleh mula menggunakan semula bahagian-bahagian angka yang anda buat untuk ilustrasi masa lalu. Sebagai contoh, corak papan pada asasnya berdiri berpose (tadasana), condong pada sudut, dengan sudut senjata yang berlainan, dan dengan jari-jari kaki meringkuk di bawah. Kecekapan yang membina apabila anda membuat lebih banyak ilustrasi dalam set yang sama, membantu anda mengembangkan koleksi.

Apabila koleksi anda membina, anda boleh mengukuhkan dan memperbaiki gaya dan tema ilustrasi anda. Sebagai contoh, ikon terbaharu saya mempunyai tangan yang lebih lancar, lebih mudah dan jari dibandingkan dengan lukisan terawal saya.

Apabila anda berkongsi ilustrasi anda pada Projek Noun, anda akan dapat menyemak statistik muat turun dan mengetahui yang lebih menarik dan popular.

Saya harap anda mendapati tutorial proses ini berguna. Saya ingin melihat proses anda untuk membuat ikon atau ilustrasi di bahagian komen.

Langkah 8: Mengelak dan Berevolusi

Ambil perhatian pada mana-mana cabang atau idea yang berkaitan yang ada dalam fikiran semasa projek ini. Mereka boleh menentukan projek seterusnya yang anda kerjakan. Dalam kes saya, saya merancang untuk menambah animasi dan pergerakan kepada ilustrasi saya apabila saya mempunyai cukup dari mereka.