Skip to content Skip to sidebar Skip to footer

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.

tutorial, how to create t-shirt mockup in gimp (photoshop alternatif) - membuat mockup kaos

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.
membuka kaos polos free download 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.
membuat layer baru di gimp

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"
cara duplikat layer di gimp

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.
Free select tool and path tool di Gimp

5. Setelah, proses menghapus bagian-bagian selain kaos. Kita ubah warnyanya menjadi hitam putih (Grayscale) Klik menu Colors - Desaturate - pilih Luminosity lalu klik Ok
Mengubah gambar jadi hitam putih alias grayscale


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.
Seleksi dengan Select Alpha to selection


7. Klik layer "BG" lalu tekan delete. Pada leyer "BG" tersebut akan berlubang membentuk lubang membentuk kaos tadi.
menghapus layer BG

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.
Menghapus layer yang diseleski

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"
Membuat layer warna kaos di gimp

10. Coba beri warna pada layer "Warna Kaos" misal warna hijau. Gunakan Bucket Fill tool.
Memberi warna untuk mockup kaos di Gimp

11. Ubah mode layer pada layer "Shadow" ke Multiply. Agar warna kaos dan bayangan terlihat menyatu.
Mengubah layer mode ke Multiply

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.
Cara mengubah warna pada mockup kaos di Gimp

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"
Memasang desain pada mockup kaos di Gimp

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.
Memasang desain pada mockup kaos

15. Jika gambarnya kurang cerah dan kurang tajam, klik layer "Shadow" pilih menu Colors - Brightness Contrast
Mengubah ketajaman warna kaos di Gimp

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...



Irfan Prastiyanto
Irfan Prastiyanto Logo/Graphic/Wordpress Designer

22 comments for "Tutorial Membuat Mockup Kaos Sederhana"

  1. Manteb banget dah tutornya... ternya triknya shodownya di rubah ke grayscale lalu multiply ... keren, makasih

    ReplyDelete
  2. itu baju cmn untk di kompi apa jdi baju asli? :v

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. Thanks, tutorialnya sangat bermanfaat, saya baru belajar gimp.
    Salam kenal.
    Main juga ke blog saya, http://www.rickyhermawan.com/

    ReplyDelete
  5. kang ada masternya kaos polos gk ? atau kaos panjang,..
    mau ambil di google, ntar malah dikira nyuri,....

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. This comment has been removed by a blog administrator.

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. This comment has been removed by a blog administrator.

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. Mas,tolong buat tutorial mockup dengan photoshop donk??

    ReplyDelete
  14. This comment has been removed by a blog administrator.

    ReplyDelete
  15. This comment has been removed by a blog administrator.

    ReplyDelete
  16. This comment has been removed by a blog administrator.

    ReplyDelete
  17. mas, linknya ngga bisa buat download :/

    ReplyDelete
  18. This comment has been removed by a blog administrator.

    ReplyDelete