Tutorial Membuat Mockup Kaos Sederhana
Desainew.com - Hallo, saya kembali lagi di blog ini. Sudah dalam sebulan saya hanya posting sedikit sekali. Oke, kali ini kita akan belajar membuat desain mockup kaos sederhana di Gimp (How to create t-shirt mockup in Gimp). Rata-rata suatu mockup dibuat dengan menggunakan software Adobe Photoshop. Dan biasanya, bagi pengguna Adobe Photoshop miniml menggunakan versi CS4 (Creative Suite 4) akan dimanjakan dengan fitur smart object. Dengan fitur smart object ini, pengguna Photoshop khususnya yang pemula akan dimudahkan untuk membuat mockup dengan desain kreasi mereka. Di dalam software Gimp, memang fitur smart object ini tidak ada. Meski begitu, jangan sedih karena kita dapat mengakalinya.
Dalam postingan tutorial membuat mockup kaos di Gimp ini caranya cukup sederhana. Dan tulisan ini dibuat untuk menjawab pertanyaan teman-teman saya yang ingin membuat mockup dengan kaos sendiri. Sebetulnya banyak jenis baju-baju yang ada disekitar kita misal kaos polo, kaos oblong, jaket, dan lainnya. Oleh karena itu, saya berharap anda bisa membuat mockup selain diterapkan pada kaos dan kalau bisa dibagikan secara gratis. Baik, kita akan membuat desain maockup kaos seperti gambar di bawah ini.
Mungkin anda tak sabar melihat tutorialnya. Berikut adalah tutorial membuat desain mockup kaos di Gimp:
1. Disini saya sudah ada sampel kaos polos (bukan sudah jadi mockup tentunya) yang berformat PNG. Anda bisa dapatkan di link http://www.designbyhumans.com/designguide Di link tersebut ada beberapa kaos dengan beberapa warna berbeda serta kaos ditampilkan dari depan, samping, dan belakang. Nah, disini kita tak perlu download semua kaosnya (dulu saya begitu soalnya hehehe...). Silahkan Download salah satunya.
Setelah proses download telah selesai. Ektrak file zipnya. Lalu buka foldernya nanti ada beberapa model dengan kaos polos dengan berbagai view. Misal kita pilih view depan dan buka di Gimp.
2. Setelah kaos polos tersebut dibuka di Gimp. Buat layer baru dengan nama "BG". Sedangkan untuk layer type, kita pilih "White". Kemudian pastikan layer "BG" terletak pada bagian bawah.
Disini kaos polosnya transparan untuk backgroundnya. Jadi kita tambahkan sendiri dengan layer "BG" tersebut.
3. Pada langkah ini, kita akan membuat mockupnya. Sebelum itu, disini untuk layer bergambar kaos polos tersebut, kita ganti nama layernya menjadi "Kaos Polos". Lalu duplikat layernya, dan hasil duplikat layer tadi kita ubah namanya menjadi "Shadow"
4. Klik layer "Shadow". Lalu kita hapus bagian-bagian selain kaos seperti bagian tangan, celana, dan kepala. Karena kita akan mengambil bagian kaos saja. Untuk itu kita seleksi bagian-bagian selain kaos. Anda bisa menggunakan Free Select Tool atau Path Tool. Untuk mempermudah pastikan uncheck icon mata pada layer "Kaos Polos". Agar kelihatan terhapus, uncheck ikon mata pada layer "Kaos Polos" biar terlihat layer "Shadow" saja.
Setelah bagian-bagian terseleksi tekan Delete di keyboard untuk menghapusnya.
5. Setelah, proses menghapus bagian-bagian selain kaos. Kita ubah warnyanya menjadi hitam putih (Grayscale) Klik menu Colors - Desaturate - pilih Luminosity lalu klik Ok
6. Pada langkah selanjutnya, kita akan mengeksekusi layer "BG" dan layer "Kaos Polos". Sebelum itu, kita klik kanan pada layer "Shadow" pilih Alpha to Selection. Nanti garis putus-putus akan terlihat mengelilingi kaos hitam putih tersebut.
7. Klik layer "BG" lalu tekan delete. Pada leyer "BG" tersebut akan berlubang membentuk lubang membentuk kaos tadi.
8. Klik pada layer "Kaos Polos" lalu tekan delete. Aktifkan ikon matanya. Kaos warna hijau pada model akan terhapus. Dan hanya menyisakan bagian selain kaos.
9. Hilangkan seleksinya lewat menu Select - None. Ubah posisi layer-layernya seperti ini "Shadow", "Kaos Polos", "BG", yang terakhir buat layer dengan nama "Warna Kaos"
10. Coba beri warna pada layer "Warna Kaos" misal warna hijau. Gunakan Bucket Fill tool.
11. Ubah mode layer pada layer "Shadow" ke Multiply. Agar warna kaos dan bayangan terlihat menyatu.
12. Sampai disini anda bisa mengubah warna kaos sesuka hati. Untuk mengubah warna kaosnya, klik layer "Warna Kaos" lalu pilih Colors - Hue Saturation. Anda tinggal pilih antara Hue, Laightness, dan Saturationnya untuk mengubah warna kaosnya.
13. Nah, pada langkah ini. Kita coba pasang desain pada mockup kaosnya. Caranya buat layer baru dengan nama "Paste Desain". Pastikan letaknya dibawah layer "Shadow"
14. Coba pasang desain anda pada layer "Paste Desain" yang sudah kita buat tadi. Hasilnya seperti dibawah ini. Disini saya warna desainnya pakai warna putih.
15. Jika gambarnya kurang cerah dan kurang tajam, klik layer "Shadow" pilih menu Colors - Brightness Contrast
Akhirnya, anda dapat membuat mockup kaos sendiri di Gimp. Silahkan anda berkreasi sendiri dengan salain kaos misal jaket, kaos polo, topi dan lainnya. Karena caranya sama seperti ini. Jika terdapat background, anda pisahkan dengan layer sendiri.
Saya juga menyertakan dalam bentuk video tutorial silahkan ke https://www.youtube.com/watch?v=xiJzQBPG9ts
Cukup itu saja postingan kali ini. Jika ada pertanyaan ataupun kesulitan, anda bisa mengisikannya pada kolom komentar di bawah ini. Terima kasih...
Dalam postingan tutorial membuat mockup kaos di Gimp ini caranya cukup sederhana. Dan tulisan ini dibuat untuk menjawab pertanyaan teman-teman saya yang ingin membuat mockup dengan kaos sendiri. Sebetulnya banyak jenis baju-baju yang ada disekitar kita misal kaos polo, kaos oblong, jaket, dan lainnya. Oleh karena itu, saya berharap anda bisa membuat mockup selain diterapkan pada kaos dan kalau bisa dibagikan secara gratis. Baik, kita akan membuat desain maockup kaos seperti gambar di bawah ini.
Mungkin anda tak sabar melihat tutorialnya. Berikut adalah tutorial membuat desain mockup kaos di Gimp:
1. Disini saya sudah ada sampel kaos polos (bukan sudah jadi mockup tentunya) yang berformat PNG. Anda bisa dapatkan di link http://www.designbyhumans.com/designguide Di link tersebut ada beberapa kaos dengan beberapa warna berbeda serta kaos ditampilkan dari depan, samping, dan belakang. Nah, disini kita tak perlu download semua kaosnya (dulu saya begitu soalnya hehehe...). Silahkan Download salah satunya.
Setelah proses download telah selesai. Ektrak file zipnya. Lalu buka foldernya nanti ada beberapa model dengan kaos polos dengan berbagai view. Misal kita pilih view depan dan buka di Gimp.
2. Setelah kaos polos tersebut dibuka di Gimp. Buat layer baru dengan nama "BG". Sedangkan untuk layer type, kita pilih "White". Kemudian pastikan layer "BG" terletak pada bagian bawah.
Disini kaos polosnya transparan untuk backgroundnya. Jadi kita tambahkan sendiri dengan layer "BG" tersebut.
3. Pada langkah ini, kita akan membuat mockupnya. Sebelum itu, disini untuk layer bergambar kaos polos tersebut, kita ganti nama layernya menjadi "Kaos Polos". Lalu duplikat layernya, dan hasil duplikat layer tadi kita ubah namanya menjadi "Shadow"
4. Klik layer "Shadow". Lalu kita hapus bagian-bagian selain kaos seperti bagian tangan, celana, dan kepala. Karena kita akan mengambil bagian kaos saja. Untuk itu kita seleksi bagian-bagian selain kaos. Anda bisa menggunakan Free Select Tool atau Path Tool. Untuk mempermudah pastikan uncheck icon mata pada layer "Kaos Polos". Agar kelihatan terhapus, uncheck ikon mata pada layer "Kaos Polos" biar terlihat layer "Shadow" saja.
Setelah bagian-bagian terseleksi tekan Delete di keyboard untuk menghapusnya.
5. Setelah, proses menghapus bagian-bagian selain kaos. Kita ubah warnyanya menjadi hitam putih (Grayscale) Klik menu Colors - Desaturate - pilih Luminosity lalu klik Ok
6. Pada langkah selanjutnya, kita akan mengeksekusi layer "BG" dan layer "Kaos Polos". Sebelum itu, kita klik kanan pada layer "Shadow" pilih Alpha to Selection. Nanti garis putus-putus akan terlihat mengelilingi kaos hitam putih tersebut.
7. Klik layer "BG" lalu tekan delete. Pada leyer "BG" tersebut akan berlubang membentuk lubang membentuk kaos tadi.
8. Klik pada layer "Kaos Polos" lalu tekan delete. Aktifkan ikon matanya. Kaos warna hijau pada model akan terhapus. Dan hanya menyisakan bagian selain kaos.
9. Hilangkan seleksinya lewat menu Select - None. Ubah posisi layer-layernya seperti ini "Shadow", "Kaos Polos", "BG", yang terakhir buat layer dengan nama "Warna Kaos"
10. Coba beri warna pada layer "Warna Kaos" misal warna hijau. Gunakan Bucket Fill tool.
11. Ubah mode layer pada layer "Shadow" ke Multiply. Agar warna kaos dan bayangan terlihat menyatu.
12. Sampai disini anda bisa mengubah warna kaos sesuka hati. Untuk mengubah warna kaosnya, klik layer "Warna Kaos" lalu pilih Colors - Hue Saturation. Anda tinggal pilih antara Hue, Laightness, dan Saturationnya untuk mengubah warna kaosnya.
13. Nah, pada langkah ini. Kita coba pasang desain pada mockup kaosnya. Caranya buat layer baru dengan nama "Paste Desain". Pastikan letaknya dibawah layer "Shadow"
14. Coba pasang desain anda pada layer "Paste Desain" yang sudah kita buat tadi. Hasilnya seperti dibawah ini. Disini saya warna desainnya pakai warna putih.
15. Jika gambarnya kurang cerah dan kurang tajam, klik layer "Shadow" pilih menu Colors - Brightness Contrast
Akhirnya, anda dapat membuat mockup kaos sendiri di Gimp. Silahkan anda berkreasi sendiri dengan salain kaos misal jaket, kaos polo, topi dan lainnya. Karena caranya sama seperti ini. Jika terdapat background, anda pisahkan dengan layer sendiri.
Saya juga menyertakan dalam bentuk video tutorial silahkan ke https://www.youtube.com/watch?v=xiJzQBPG9ts
Cukup itu saja postingan kali ini. Jika ada pertanyaan ataupun kesulitan, anda bisa mengisikannya pada kolom komentar di bawah ini. Terima kasih...
Manteb banget dah tutornya... ternya triknya shodownya di rubah ke grayscale lalu multiply ... keren, makasih
ReplyDeletesama-sama mas :D
ReplyDeleteitu baju cmn untk di kompi apa jdi baju asli? :v
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteSiip Mantep tutorialnyua....
ReplyDeletemelu sinau gan...
ReplyDeleteThanks, tutorialnya sangat bermanfaat, saya baru belajar gimp.
ReplyDeleteSalam kenal.
Main juga ke blog saya, http://www.rickyhermawan.com/
kang ada masternya kaos polos gk ? atau kaos panjang,..
ReplyDeletemau ambil di google, ntar malah dikira nyuri,....
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteMas,tolong buat tutorial mockup dengan photoshop donk??
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletemas, linknya ngga bisa buat download :/
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDelete