Advertisement
  1. Design & Illustration
  2. Fan Art
Design

Bagaimana Membuat Kulit Minecraft di Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Final product image
What You'll Be Creating

Sentiasa mahu mencipta kulit watak Minecraft anda sendiri, tetapi tidak pernah tahu di mana untuk bermula? Nah, hari ini hari bertuah kerana saya akan memberikan anda gambaran mendalam mengenai keseluruhan proses, menunjukkan kepada anda bagaimana untuk mengambil template asas dan mengubahnya menjadi produk yang boleh digunakan semula.

Jika itu menarik, cepat ambil secawan kopi segar dan mari kita peroleh!

Sebelum memulakan, saya ingin menunjukkan bahawa keseluruhan projek adalah tindak lanjut kepada tutorial yang lebih tua, di mana saya menunjukkan kepada anda cara membuat watak Minecraft isometrik menggunakan Grid Isometric Power Affinity Designer.

Hari ini, kami akan menukar perkara itu dengan mengambil watak yang selesai itu dan menterjemahkannya kepada Adobe Illustrator, menggunakan templat tersuai yang telah saya sediakan.

Pada ketika ini, sesetengah daripada anda mungkin menunjukkan bahawa terdapat banyak editor dalam talian yang membolehkan anda mencapai hasil yang sama, tetapi kerana saya suka mempunyai kawalan penuh terhadap proses kreatif dari awal hingga akhir, saya mengambil masa untuk meletakkan bersama templat tersuai yang telah saya sambungkan untuk menjadikannya lebih mudah.

Jika anda ingin mencipta tutorial dalam Affinity, jangan bimbang, kerana saya telah mencipta template berasingan untuk anda juga supaya semua orang dapat mengambil bahagian dan menikmati diri mereka sendiri.

Juga, jangan lupa anda sentiasa boleh mengembangkan projek dengan menuju ke GraphicRiver, di mana anda akan dapati banyak pilihan seni pixel vektor.

Bahawa dikatakan, mari kita beralih tumpuan kembali ke projek dan lompat terus ke dalamnya.

1. Bagaimana Muatkan Fail Sumber

Sebelum kita mula bekerja pada kulit sebenar, kita perlu mengambil beberapa saat dan bersedia dengan memuatkan templat sumber.

Oleh itu, dengan mengandaikan anda telah memuat turunnya, buka sama ada dengan memuatkannya dari dalam Illustrator (Fail> Buka dan kemudian pergi ke folder di mana anda memuat turunnya) atau dengan mengklik dua kali secara langsung pada fail.

loading the custom template

Sebaik sahaja fail tersebut dimuatkan, anda akan dapat melihat templat sebenar, yang terdiri daripada penyebaran kawat dasar 64 x 64 px asas seluruh tubuh, yang telah dilabelkan dengan teliti supaya anda mengetahui dengan tepat apa bentuk setiap .

default template preview

2. Bagaimana Menyediakan Fail Projek Baru

Oleh kerana kami tidak mahu mengubah fail template, kami akan mengambil beberapa saat dan menyimpannya sebagai projek baru sendiri (File> Save as), pastikan untuk memberikan nama tersuai supaya kami boleh membezakannya kemudian daripada kulit direka bentuk yang lain.

saving the default template as a custom skin

3. Bagaimana Menggunakan Lapisan Tersuai

Jika anda membuka panel Lapisan, anda dapat melihat bahawa saya meluangkan masa untuk membuat beberapa lapisan berasingan untuk setiap bahagian badan, yang saya dilabelkan secara individu supaya anda boleh menggunakannya dengan mudah untuk membina watak secara beransur-ansur.

example of the custom layers found within the template

Lapisan panduan itu sendiri mempunyai beberapa sub-lapisan yang boleh anda matikan dan seterusnya untuk mengenal pasti dan mengasingkan bahagian tertentu badan, jika anda ingin mengekalkan proses reka bentuk yang bersih.

expanded preview of the guides layer

Apabila anda mula bekerja pada projek sebenar, saya mengesyorkan anda mengunci semua lapisan kecuali yang anda sedang aktif, supaya dapat memberi tumpuan pada satu bahagian pada satu masa, yang akan membantu menyelaraskan keseluruhan proses reka bentuk.

Bahawa dikatakan, mari kita beralih ke proses kreatif yang sebenar, di mana kita akan melihat betapa mudahnya untuk membuat kulit aksara adat menggunakan apa-apa lebih daripada beberapa segi empat tepat mudah.

example of locking the custom layers

4. Bagaimana Membuat Bentuk Badan Utama

Sebaik sahaja fail projek kami baru siap, kami boleh mula bekerja pada kulit sebenar, dan kami akan melakukannya dengan meletakkan bentuk utamanya.

Langkah 1

Pilih Rectangle Tool (M) dan, menggunakan #95693D sebagai warna Isi anda, mula melukis setiap panduan yang berbeza, pastikan untuk memposisikan bentuk yang dihasilkan ke lapisan masing-masing.

drawing the main shapes of the skin

Langkah 2

Sekarang, kerana saya sudah mempunyai watak yang saya buat dalam Designer Affinity, saya akan menyalin (Control-C) dan paste (Control-F) reka bentuk ke Illustrator, dan kemudian gunakan Alat Eyedropper (I) untuk pilih dan gunakan warna pada bahagian badan yang berlainan kulit dengan menahan kekunci Alt dan kemudian klik padanya.

applying colors to the different sections of the skin

5. Bagaimana untuk Tambah Butiran kepada Ketua Watak

Sebaik sahaja kita mempunyai semua bahagian badan kita yang dibentangkan, kita secara beransur-ansur boleh menambah butiran kepada mereka, dan kita akan melakukannya dengan kepala. Oleh itu, dengan mengandaikan anda berada di lapisan yang betul (yang akan menjadi ketujuh), zum masuk pada bahagian atas Artboard dan mari melompat terus ke dalamnya.

Langkah 1

Hidupkan mod Pratonton Pixel (Alt-Control-Y), dan kemudian lukis mulut dengan menggunakan segi empat tepat 2 x 1 px yang akan kami gunakan menggunakan #BC9069 dan kemudian sejajar dengan muka depan, meletakkannya pada jarak 1 px dari kelebihan bawah.

creating the mouth of the character

Langkah 2

Tambahkan mata kanan menggunakan dua kotak 1 x 1 px secara melintang disusun di sebelah satu sama lain, mewarna sebelah kiri menggunakan #FFFFFF dan yang betul menggunakan #402C1B. Setelah selesai, pilih dan keluarkan kedua-duanya bersama-sama dengan pintasan papan kekunci Control-G, meletakkan mereka seperti yang dilihat dalam imej rujukan.

creating the right eye of the character

Langkah 3

Buat mata kiri dengan menggunakan salinan (Kawalan-C> Kawalan-F) dari yang baru kami tamat kerja, yang kami akan menunjuk secara vertikal (klik kanan> Transform> Reflect> Vertical) muka.

creating the left eye

Langkah 4

Menggunakan beberapa segi empat tepat berwarna #4D3723, lukis bahagian depan rambut, mengikut imej rujukan sebagai panduan utama anda. Luangkan masa anda, dan sebaik sahaja anda selesai, pilih dan pilah (Control-G) semua bentuk penyusunan muka depan bersama sebelum beralih ke yang seterusnya.

creating the front section of the hair

Langkah 5

Pindah ke bahagian kiri kepala, dan buatkan earring sedikit menggunakan segi empat tepat 1 x 1 px yang akan kita kenakan menggunakan #E09A50 dan kemudian kedudukan pada jarak 3 px dari pinggir kiri persegi besar dan 2 px dari bawah satu .

adding the earring to the side section of the head

Langkah 6

Tambah segmen rambut belakang ke bahagian bawah kepala dengan menggunakan segi empat tepat 8 x 4 px (#402C1B), di atasnya kita akan menambah 4 x 2 px satu (#95693D) yang lebih kecil, yang akan kita keluarkan (Control-G) dan kemudian kedudukan seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, pilih dan sekelompok (Control-G) semua bahagian seksyen semasa bersama-sama, lakukan yang sama untuk keseluruhan kepala selepas itu.

adding the hair segment from underneath the head

Nota pantas: langkah ini adalah pilihan jika anda berhadapan dengan watak-watak yang mempunyai rambut pendek, kerana apabila anda memuatkan kulit dalam permainan dan memindahkan kepalanya, ia tidak kelihatan pelik seperti jika anda berurusan dengan rambut yang lebih panjang.

6. Bagaimana untuk Menambah Butir-butir kepada Torso Watak

Sebaik sahaja kami selesai menambah butiran ke kepala, kami boleh bergerak ke bawah lapisan dan menumpukan pada batang badan, yang akan secara beransur-ansur memperbaiki satu bahagian sekaligus.

Langkah 1

Mula bekerja pada bahagian atas badan dengan menambah bahagian belakang leher blaus dengan menggunakan segi empat tepat 4 x 1 px, yang akan kita gunakan menggunakan #BF522E dan kemudian menyesuaikan kedudukan ke tepi atas bentuk asas.

adding the blouse neck segment to the upper section of the torso

Langkah 2

Tambah segmen rambut dengan menggunakan dua segi empat tepat 2 x 4 px (#4D3723), yang akan kita letakkan pada sisi seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, pilih dan kumpulan (Control-G) semua bahagian penyusun seksyen semasa bersama sebelum beralih ke yang seterusnya.

adding the hair segments to the upper section of the torso

Langkah 3

Pindah ke bahagian depan torso, dan buat cutout leher menggunakan persegi panjang 4 x 2 px (#95693D) secara menegak ditumpuk di atas lebih kecil 2 x 1 px satu (#95693D), yang akan kita keluarkan (Control-G) dan kemudian pusat selaras dengan kelebihan atas bentuk asas.

adding the neck cutout to the front section of the torso

Langkah 4

Cabut kalung dengan cepat menggunakan beberapa segi empat tepat berwarna #E09A50, yang akan kita keluarkan (Control-G) dan letakkan pada cutout leher seperti yang dilihat dalam imej rujukan.

adding the necklace to the neck cutout

Langkah 5

Tambah segmen rambut dengan menggunakan dua segi empat segi 2 x 4 px (#4D3723) secara menegak ditumpuk di atas dua 1 x 2 px yang lebih kecil (#4D3723), yang akan kita kumpulkan secara berasingan (Control-G) dan kemudian letakkan pada sisi leher cutout . Sebaik sahaja anda mempunyai bentuk di tempat, pilih dan kumpulan (Control-G) semuanya bersama-sama sebelum beralih ke bahagian seterusnya.

adding the hair segments to the front section of the torso

Langkah 6

Pindahkan ke bahagian belakang badan, dan kemudian tambah segmen rambut dengan cepat menggunakan 1 px tiga segi empat segi empat tinggi yang akan kita gunakan warna #4D3723 dan kemudian kedudukan seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, pastikan anda memilih dan kumpulan (Control-G) ketiga-tiganya bersama-sama, melakukan perkara yang sama untuk keseluruhan bahagian selepas itu.

adding the hair segments to the back of the torso

Langkah 7

Selesaikan bahagian semasa dengan menambah tali pinggang menggunakan 24 x 1 px persegi panjang, yang akan kami warna menggunakan #37404D dan kemudian kedudukan pada jarak 1 px dari tepi bawah badan.

adding the belt to the torso

7. Bagaimana untuk menambah butiran kepada lengan watak

Sekarang bahawa kita telah selesai bekerja untuk batang badan, kita boleh bergerak ke bawah ke lapisan seterusnya (yang akan menjadi keempat) dan secara beransur-ansur menambah butiran ke lengan, bermula dengan yang betul.

Langkah 1

Buat lengan bahagian luar lengan blaus yang menggunakan segi empat tepat 4 x 8 px, yang akan kita gunakan menggunakan #BF522E dan kemudian selari dengan kelebihan atas bentuk asas, pastikan untuk memilih dan kumpulan (Control-G) kedua-duanya bersama selepas itu.

adding the outer side section to the right sleeve

Langkah 2

Lukis bahagian depan lengan dengan menggunakan segi empat tepat 4 x 6 px (#E37047) diikuti oleh dua yang lebih kecil (#E37047), yang akan kita keluarkan (Control-G) dan kemudian kedudukan seperti yang dilihat dalam imej rujukan. Setelah selesai, pilih dan keluarkan semua bentuk penyusunan sampingan semasa menggunakan pintasan papan kekunci Control-G.

adding the front section of the right sleeve

Langkah 3

Masukkan bahagian sisi dalam lengan menggunakan segi empat tepat 4 x 6 px, yang akan kita gunakan menggunakan #BF522E dan kemudian selari dengan kelebihan atas bentuk asas, pastikan untuk memilih dan kelompok (Control-G) bersama-sama selepas itu.

adding the inner side section of the right sleeve

Langkah 4

Buat bahagian belakang lengan menggunakan salinan (Kawalan-C> Kawalan-F) pada bahagian hadapan, yang akan kita bincangkan secara menegak (klik kanan> Transform> Reflect> Vertical) dan kemudian letakkan ke bahagian lengan yang sepadan, padam bentuk asas selepas itu.

adding the back segment to the right sleeve

Langkah 5

Oleh kerana kita kini mempunyai versi siap dari lengan kanan, kita boleh dengan cepat membuat kiri yang menggunakan salinan (Control-C) itu, yang akan kami tampal (Control-F) ke lapisan kelima dan kemudian menyesuaikan dengan mengklik dua kali di atasnya untuk memasuki Mod Pengasingan dan kemudian menukar sisi yang berbeza seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, keluar dari Mod Isolasi dengan menekan Escape, pastikan untuk mengeluarkan bentuk di bawah sebelum beralih ke langkah seterusnya.

adding the blouse sleeve to the left arm

Langkah 6

Tambahkan segmen rambut ke bahagian atas lengan kiri (bahu) dengan menggunakan segi empat tepat 1 x 4 px, yang akan kita kenakan menggunakan #6D4B31 dan kemudian kedudukan di tepi kiri, pastikan untuk memilih dan kumpulan kedua bersama kemudian menggunakan Pintasan papan kekunci kawalan-G.

adding the hair segment to the left shoulder

Langkah 7

Selesaikan bahagian badan semasa dengan menambah segmen rambut ke bahagian depan lengan menggunakan segi empat tepat 1 x 2 px (#4D3723), yang akan kita kedudukan seperti yang dilihat dalam imej rujukan. Setelah selesai, pilih dan keluarkan semua bentuk bersama menggunakan pintasan papan kekunci Control-G.

adding the hair segment to the front of the left sleeve

8. Bagaimana untuk Menambah Butiran kepada Kaki Watak

Sebaik sahaja kami selesai menambah butiran pada lengan watak, kami boleh beralih ke lapisan ketiga, di mana kami akan menumpukan perhatian pada menapis kaki, bermula dengan yang kiri.

Langkah 1

Buat seksyen bahagian dalam boot dengan menggunakan segi empat tepat 4 x 5 px, yang akan kita kenakan menggunakan #37404D dan kemudian menjajarkan bawah ke bentuk asas, pastikan untuk memilih dan kumpulan (Control-G) kedua-duanya bersama selepas itu.

adding the inner side section of the left boot

Langkah 2

Lukiskan bahagian hadapan boot menggunakan beberapa segi empat tepat berwarna #37404D, yang akan kita keluarkan (Control-G) dan kedudukan seperti yang dilihat dalam imej rujukan.

adding the front section of the left boot

Langkah 3

Tambahkan sudut kecil blaus dengan menggunakan persegi panjang 2 x 1 px (#E37047) secara menegak ditumpuk di atas 1 x 1 px satu (#E37047) yang lebih kecil, yang akan kita keluarkan (Control-G) dan kemudian sejajar dengan bahagian atas asas - sudut kanan. Setelah selesai, pilih dan kelompok (Control-G) semua bentuk penyusun seksyen semasa sebelum beralih ke yang seterusnya.

adding the front blouse segment to the left leg

Langkah 4

Tambahkan bahagian tepi luar pada boot dengan menggunakan segi empat tepat 4 x 5 px (#37404D), yang mana kita akan menyusun pusat ke tepi bawah bentuk yang lebih besar, memastikan kumpulan (Control-G) kedua-duanya bersama selepas itu.

adding the outer side section of the left boot

Langkah 5

Buat segmen sampingan sudut bawah blaus dengan menggunakan segi empat tepat 4 x 2 px, yang akan kita kenakan menggunakan #E37047 dan kemudian sejajar dengan bahagian atas bentuk asas yang lebih besar. Setelah selesai, pilih dan kelompok (Control-G) semua bentuk penyusun seksyen semasa sebelum beralih ke yang seterusnya.

adding the blouse segment to the side of the left leg

Langkah 6

Masukkan butiran belakang ke kaki dengan menggunakan salinan (Kawalan-C> Kawalan-F) di depan, yang akan kami letakkan di sebelah kanan dan kemudian menyesuaikan diri seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, pilih dan kumpulan (Control-G) semua bahagian pengarang kaki sebelum bergerak ke langkah seterusnya.

adding the details to the back section of the left boot

Langkah 7

Selesaikan kulit dengan menambah butiran ke kaki kanan dengan menggunakan salinan (Control-C) dari yang baru kami tamat kerja, yang akan kami tampal (Control-F) ke lapisan yang sesuai (yang akan menjadi kedua) dan kemudian menyesuaikan diri dengan menukar bahagiannya seperti yang dilihat dalam imej rujukan. Sebaik sahaja anda selesai, jangan lupa untuk menghapuskan bentuk asas sebelum menekan butang simpan itu.

finishing off the illustration

9. Bagaimana untuk Mengeksport Kulit

Okay, jadi kami kini mempunyai kulit yang berfungsi sepenuhnya, yang bermaksud bahawa semua yang perlu kami lakukan ialah mengeksportnya supaya kami dapat membawanya ke Minecraft.

Langkah 1

Sebelum anda membuat eksport sebenar, anda perlu membuka panel Lapisan dan menyembunyikan lapisan panduan, jika tidak, kulit anda akan mengalami kekotoran.

example of hiding the guides layer

Langkah 2

Sebaik sahaja panduan tersembunyi, anda boleh dengan mudah mengeksport reka bentuk akhir dengan pergi ke Fail> Eksport> Simpan untuk Web (atau dengan menggunakan pintasan papan kekunci Alt-Shift-Control-S), di mana kami mahu menetapkan Format Fail ke PNG-24, pastikan untuk memeriksa pilihan Transparansi.

exporting the skin using the save for web option

10. Bagaimana Mengimport Kulit Ke Minecraft

Sekarang kita mempunyai reka bentuk yang dieksport kita, yang perlu kita lakukan ialah melancarkan permainan dan memuat naik gal cantik ini!

Langkah 1

Setelah permainan selesai dimuatkan, klik pada ikon penyangkut kecil yang terdapat dalam bahagian bawah kanan tetingkap utama, tepat di bawah nama pengguna dan pratonton aksara.

using the hanger button to upload the skin

Langkah 2

Tetingkap baru harus muncul, memberikan pilihan untuk memilih kulit baru.

choosing the new skin in minecraft

Langkah 3

Navigasi ke folder di mana anda mengeksport kulit dan kemudian klik dua kali padanya untuk memuat naiknya dalam permainan.

navigating to the the saved skin

Langkah 4

Permainan ini kemudian akan meminta anda untuk memilih jenis model yang betul untuk kulit anda, yang dalam kes kami adalah yang di sebelah kanan dengan lengan tebal.

choosing the correct model type for the skin

Langkah 5

Selepas itu, yang perlu anda lakukan ialah klik pada butang Sahkan, dan kemudian anda boleh mula bermain dengan kulit buatan tersuai yang anda sediakan.

in game skin example

Ia adalah Pembungkus!

Di sana anda memilikinya, pemain Minecraft sesama, tutorial bagus dan mudah tentang cara membuat kulit tersuai sendiri, menggunakan lebih dari sekadar beberapa segi empat.

Seperti biasa, saya harap anda bersenang-senang bekerja pada projek itu, dan yang paling penting mempelajari sesuatu yang baru dan berguna di sepanjang jalan.

Sekiranya anda mempunyai sebarang soalan, jangan lepaskannya di dalam kawasan komen dan saya akan kembali kepada anda sebaik sahaja saya dapat!

finished project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.