DESAIN MUG PRINTING

MENGGUNAKAN ADOBE ILLUSTRATOR CC 2020

TUGAS AKHIR
Diajukan sebagai salah satu syarat menyelesaikan Pendidikan
pada Program Terapan Bidang TIK

Disusun Oleh :
Ilham Muzakki Akmal
NIS : 131135040002190123/XII MIPA 4

PROGRAM TERAPAN BIDANG TIK

KERJASAMA MAN 2 TULUNGAGUNG
DENGAN ITS SURABAYA

TAHUN 2021

i
 LEMBAR PERNYATAAN

Dengan ini saya menyatakan bahwa Tugas Akhir ini benar-benar karya saya

sendiri. Sepanjang pengetahuan saya tidak terdapat karya atau pendapat yang

ditulis atau diterbitkan orang lain, kecuali sebagai acuan atau kutipan dengan

mengikuti tata penulisan karya ilmiah yang telah lazim

Tulungagung, Desember 2021

ILHAM MUZAKKI AKMAL

NIS : 131135040002190123/XII MIPA 4

ii
 LEMBAR PERSETUJUAN

Tugas akhir yang berjudul “DESAIN MUG PRINTING MENGGUNAKAN

ADOBE ILLUSTRATOR CC 2020”, telah disetujui oleh pembimbing untuk

diujikan.

Tulungagung, Desember 2021

Pembimbing

Nihru Qhikam, S.Pd

NIP.-

iii
 LEMBAR PENGESAHAN

Tugas akhir yang berjudul “DESAIN MUG PRINTING MENGGUNAKAN

ADOBE ILLUSTRATOR CC 2020” ini telah dipertahankan di depan Tim

Penguji pada tanggal ………………………… dan dinyatakan lulus.

TIM PENGUJI

Nama Jabatan Tanda Tangan Tanggal

……………………….. Ketua ………………... ………………….

……………………….. Sekretaris ………………... ………………….

……………………….. Anggota ………………... ………………….

Tulungagung, Desember 2021

Mengetahui, Ketua PRODISTIK

Kepala MAN 2 TULUNGAGUNG MAN 2 TULUNGAGUNG

Dra. MIFTACHUROHMAH, M.Ag MASROHUDDARONI, M.Pd.I

NIP.196212061990032001 NIP. 198010052007101004

iv
 KATA PENGANTAR

Puji syukur Alhamdulillah penulis panjatkan kehadirat Allah SWT, yang telah

memberikan kesempatan dan kemampuan sehingga penulis dapat menyelesaikan

Laporan Tugas Akhir ini dengan baik. Sholawat serta salam penulis sampaikan

kepada Rasulullah Muhammad SAW yang telah mengantarkan manusia dari

zaman jahiliyah ke zaman yang terang benderang penuh petunjuk.

Adapun tujuan dari penulisan Laporan Tugas Akhir adalah untuk memenuhi

tugas akhir prodistik mata kuliah desain grafis. Selain itu, laporan ini juga

bertujuan untuk menambah wawasan tentang desain grafis bagi para pembaca dan

juga bagi penulis.

Laporan Tugas Akhir ini dapat diselesaikan dengan baik, dengan bantuan

berbagai pihak. Oleh karena itu, penulis menyampaikan terimakasih yang tak

terhingga kepada:

1. Dra. Miftachurohmah, M.Ag selaku Kepala Madrasah Aliyah Negeri 2

Tulungagung

2. Abdul Latief Al Fauzi, S.Pd, selaku Waka Bidang Kurikulum Madrasah

Aliyah Negeri 2 Tulungagung

v
3. Masrohuddaroini, M.Pd.I selaku Ketua PRODISTIK Madrasah Aliyah Negeri

2 Tulungagung

4. Nihru Qhikam, S.Pd selaku Pembimbing penulisan Tugas Akhir

5. Segenap guru dan karyawan Madrasah Aliyah Negeri 2 Tulungagung

6. Kedua Orang Tua yang telah mendukung dan mendoakan penulis sehingga

penulis dapat menyelesaikan Tugas Akhir

7. Teman-teman yang telah membantu penulis menyelesaikan Tugas Akhir

8. Semua pihak yang tidak dapat penulis sebutkan satu-persatu, terima kasih atas

bantuannya.

Penulis menyadari bahwa Laporan Tugas Akhir ini masih memiliki banyak

kekurangan. Oleh karena itu, penulis sangat mengharapkan masukan, saran, dan

kritik dari semua pihak yang telah membaca laporan ini.

Akhirnya, penulis berharap semoga Laporan Tugas Akhir ini dapat

memberikan manfaat.

Tulungagung, Desember 2021

Penulis

vi
DAFTAR ISI

vii
 DAFTAR TABEL

Tabel 1. Tools dan fungsinya dalam Adobe Illustrator CC 2020.....................................

viii
 DAFTAR GAMBAR

Gambar 1. Mug standar......................................................................................................

Gambar 2. Mug berwarna..................................................................................................

Gambar 3. Mug bunglon....................................................................................................

Gambar 4. Mug bening......................................................................................................

Gambar 5. Mug gagang berwarna......................................................................................

Gambar 6. Mug love...........................................................................................................

Gambar 7. Mug kerucut.....................................................................................................

Gambar 8. Layout..............................................................................................................

Gambar 9. Tampilan desktop.............................................................................................

Gambar 10. Tampilan loading screen................................................................................

Gambar 11. Tampilan utama..............................................................................................

Gambar 12. Membentuk segiempat...................................................................................

Gambar 13. Segiempat.......................................................................................................

Gambar 14. Membentuk lingkaran....................................................................................

Gambar 15. Menduplikat lingkaran...................................................................................

Gambar 16. Lingkaran-lingkaran.......................................................................................

Gambar 17. Warna nila......................................................................................................

Gambar 18. Warna nila dan ungu......................................................................................

Gambar 19. Group desain background 1...........................................................................

Gambar 20. Segiempat di atas lingkaran...........................................................................

Gambar 21. Pemberian clipping mask-1............................................................................

Gambar 22. Hasil desain background 1.............................................................................

ix
Gambar 23. Membentuk persegi Panjang..........................................................................

Gambar 24. Merotasikan objek..........................................................................................

Gambar 25. Drag & duplicate ..........................................................................................

Gambar 26. Duplikat objek................................................................................................

Gambar 27. Menutupi bidang kanvas................................................................................

Gambar 28. Memberi warna merah...................................................................................

Gambar 29. Memberi warna jingga...................................................................................

Gambar 30. Pemberian clipping mask-2............................................................................

Gambar 31. Hasil desain background-2.............................................................................

Gambar 32. Segiempat ungu muda....................................................................................

Gambar 33. Belahan biji kopi............................................................................................

Gambar 34. Menyatukan kedua objek...............................................................................

Gambar 35. Penggunaan pathfinder...................................................................................

Gambar 36. Penyusunan objek...........................................................................................

Gambar 37. Pengaturan opasitas........................................................................................

Gambar 38. Hasil desain background-3.............................................................................

Gambar 39. Segiempat ungu..............................................................................................

Gambar 40. Efek distort & transform................................................................................

Gambar 41. Pembentukan bintang.....................................................................................

Gambar 42. Objek bintang.................................................................................................

Gambar 43. Bintang warna-warni......................................................................................

Gambar 44. Hasil desain background-4.............................................................................

Gambar 45. Pembuatan persegi.........................................................................................

x
Gambar 46. Rotate.............................................................................................................

Gambar 47. Merotasikan persegi.......................................................................................

Gambar 48. Menduplikat persegi.......................................................................................

Gambar 49. Menduplikat persegi-2...................................................................................

Gambar 50. Menduplikat persegi-3...................................................................................

Gambar 51. Menduplikat persegi-4...................................................................................

Gambar 52. Pemberian warna coklat.................................................................................

Gambar 53. Pemberian warna krem...................................................................................

Gambar 54. Pemberian warna jingga.................................................................................

Gambar 55. Persiapan clipping mask.......................................................................................

Gambar 56. Hasil desain background-5.............................................................................

Gambar 57. Segiempat merah muda..................................................................................

Gambar 58. Membuat segiempat hitam.............................................................................

Gambar 59. Pelengkungan objek.......................................................................................

Gambar 60. Merotasikan bidang........................................................................................

Gambar 61. Merefleksikan bidang.....................................................................................

Gambar 62. Menyatukan bidang........................................................................................

Gambar 63. Menata bidang secara acak.............................................................................

Gambar 64. Hasil desain background-6.............................................................................

Gambar 65. Segiempat ungu..............................................................................................

Gambar 66. Membuat garis lurus.......................................................................................

Gambar 67. Pemberian efek zig-zag .................................................................................

Gambar 68. Mengatur ukuran gelombang........................................................................

xi
Gambar 69. Menduplikat garis bergelombang...................................................................

Gambar 70. Proses clipping mask......................................................................................

Gambar 71. Hasil desain background-7.............................................................................

Gambar 72. Segiempat kuih...............................................................................................

Gambar 73. Pelengkungan pojok.......................................................................................

Gambar 74. Penyusunan kuih............................................................................................

Gambar 75. Pembuatan piring...........................................................................................

Gambar 76. Hiasan kuih.....................................................................................................

Gambar 77. Pembuatan krim kuih.....................................................................................

Gambar 78. Proses pengulangan........................................................................................

Gambar 79. Pembuatan lilin...............................................................................................

Gambar 80. Sumbu dan api................................................................................................

Gambar 81. Pewarnaan......................................................................................................

Gambar 82. Membelah kuih...............................................................................................

Gambar 83. Pemotongan duplikat kuih..............................................................................

Gambar 84. Desain kuih.....................................................................................................

Gambar 85. Lingkaran sembarang.....................................................................................

Gambar 86. Proses penduplikatan......................................................................................

Gambar 87. Proses menumpuk..........................................................................................

Gambar 88. Penghilangan bagian tidak penting................................................................

Gambar 89. Bagian penting...............................................................................................

Gambar 90. Dasar kuih kering...........................................................................................

Gambar 91. Pemberian tekstur...........................................................................................

xii
Gambar 92. Pembuatan chocochips...................................................................................

Gambar 93. Bentuk dasar chocochips................................................................................

Gambar 94. Chocochips.....................................................................................................

Gambar 95. Penataan chocochips......................................................................................

Gambar 96. Penambahan tekstur.......................................................................................

Gambar 97. Desain kuih kering.........................................................................................

Gambar 98. Dasar biji kopi................................................................................................

Gambar 99. Penduplikatan elips........................................................................................

Gambar 100. Belahan biji kopi..........................................................................................

Gambar 101. Belahan ujung lancip....................................................................................

Gambar 102. Efek pantulan cahaya...................................................................................

Gambar 103. Desain biji kopi............................................................................................

Gambar 104. Persiapan mengetik teks...............................................................................

Gambar 105. Menempatkan di pusat.................................................................................

Gambar 106. Tulisan selesai..............................................................................................

Gambar 107. Lingkaran lonjong........................................................................................

Gambar 108. Bentuk telur..................................................................................................

Gambar 109. Lingkaran lonjong horizontal.......................................................................

Gambar 110. Penduplikatan lingkaran...............................................................................

Gambar 111. Membelah secara horizontal........................................................................

Gambar 112. Bentuk dasar cangkir....................................................................................

Gambar 113. Bagian mulut cangkir...................................................................................

Gambar 114. Garis berujung lancip...................................................................................

xiii
Gambar 115. Bagian utama cangkir...................................................................................

Gambar 116. Lingkaran benjol..........................................................................................

Gambar 117. Penduplikatan lingkaran benjol....................................................................

Gambar 118. Gagang cangkir............................................................................................

Gambar 119. Pembuatan tatakan.......................................................................................

Gambar 120. Cangkir dan tatakannya................................................................................

Gambar 121. Pewarnaan cangkir dan tatakannya..............................................................

Gambar 122. Segiempat miring.........................................................................................

Gambar 123. Refleksi segiempat.......................................................................................

Gambar 124. Objek hati.....................................................................................................

Gambar 125. Bayangan pada cangkir................................................................................

Gambar 126. Bayangan pada tatakan.................................................................................

Gambar 127. Pantulan cahaya............................................................................................

Gambar 128. Desain secangkir kopi..................................................................................

Gambar 129. Pojok bidang melengkung............................................................................

Gambar 130. Gagang gelas................................................................................................

Gambar 131. Variasi warna pada gelas..............................................................................

Gambar 132. Efek pantulan cahaya pada gelas..................................................................

Gambar 133. Tetesan coklat...............................................................................................

Gambar 134. Lingkaran sebagai tetesan............................................................................

Gambar 135. Bayangan pada gelas....................................................................................

Gambar 136. Pembuatan uap.............................................................................................

Gambar 137. Desain segelas coklat panas.........................................................................

xiv
Gambar 138. Lubang donat................................................................................................

Gambar 139. Lingkaran hitam...........................................................................................

Gambar 140. Lingkaran biru & hitam................................................................................

Gambar 141. Membelah donat secara horizontal...............................................................

Gambar 142. Krim donat...................................................................................................

Gambar 143. Bentuk krim realistis....................................................................................

Gambar 144. Lingkaran hitam...........................................................................................

Gambar 145. Penggunaan scissors tool.............................................................................

Gambar 146. Efek round cap.............................................................................................

Gambar 147. Bayangan hitam............................................................................................

Gambar 148. Desain donat.................................................................................................

Gambar 149. Penyusunan desain background...................................................................

Gambar 150. Desain mug selesai.......................................................................................

Gambar 151. Desain mug final..........................................................................................

Gambar 152. Penerapan desain..........................................................................................

xv
 BAB I
PENDAHULUAN

A. Latar Belakang

Di zaman modern ini, berbagai hal dalam kehidupan manusia pasti

tidak bisa lepas dari penggunaan teknologi komputer, salah satunya dalam

dunia kewirausahaan. Teknologi komputer yang semakin berkembang dari

masa ke masa, seperti dengan kemunculan internet, berbagai software atau

perangkat lunak, situs jejaring sosial, situs web, dan sebagainya, telah

mempermudah manusia dalam melakukan pekerjaan dan memungkinkan

manusia untuk menyalurkaan ide dan gagasan mereka, untuk kemudian

diolah dan dihasilkan produk ataupun jasa.

Suatu produk yang dihasilkan pastinya harus memiliki nilai jual untuk

dapat bersaing di pasaran. Oleh karena itu, dibutuhkan keterampilan

seorang manusia untuk mengolah produk tersebut sekreatif mungkin,

sehingga dapat menarik minat konsumen. Teknologi komputer hadir untuk

menawarkan berbagai kemudahan dalam melakukan kegiatan wirausaha,

seperti penggunaan jejaring sosial untuk mempromosikan produk,

penggunaan E-mail atau media komunikasi lainnya supaya komunikasi

antara penjual dan pembeli dapat terjalin, sampai penggunaan software

pengolah gambar untuk membuat desain, terutama dalam bisnis mug

printing.

Seringkali kita jumpai di pasaran terdapat berbagai produk mug

printing yang menggunakan desain karakter dari film atau animasi

terkanal, dimana itu merupakan perbuatan yang melanggar hak cipta.

1
 Pelaku usaha mug printing tersebut mendapatkan keuntungan tanpa

membayar royalti karena sudah menggunakan kekayaan intelektual

seseorang. Selain itu penggunaan desain karakter-karakter dari film-film

terkenal tersebut dinilai terlalu monoton, sehingga konsumen akan

beranggapan bahwa desain yang digunakan dalam mug printing hanyalah

itu-itu saja. Oleh karena itu, dibutuhkan kreativitas tinggi dalam

menciptakan ide-ide baru yang belum pernah ada sebelumnya, serta

diperlukan konsep pemikiran yang matang dalam membuat desain mug,

mulai dari pembuatan rancangan awal, hingga pemilihan warna yang

kontras dan sesuai.

Peralatan dapur terasa tidak lengkap tanpa keberadaan mug. Wadah

kecil bergagang satu ini kerap digunakan untuk meminum teh atau kopi

ketika tengah berelaksasi. Penggunaan desain yang menarik pada mug

dirasa dapat menambah keestetikan mug tersebut. Sehingga, selain untuk

minum, keberadaan mug juga dapat digunakan untuk hiasan di lemari dan

dinding. Selain itu, suatu mug dengan desain unik dapat digunakan sebagai

hadiah pernikahan atau souvenir.

Dengan latar belakang masalah ini maka penulis membuat tugas akhir

berjudul :

“DESAIN MUG PRINTING MENGGUNAKAN ADOBE

ILLUSTRATOR 2020”

B. Rumusan Masalah

Dari latar belakang di atas, maka dapat dirumuskan permasalahan sebagai

berikut :

2
 1. Bagaimana tahapan proses pembuatan desain mug printing

menggunakan Adobe Illustrator CC 2020?

2. Bagaimana hasil jadi desain mug printing menggunakan Adobe

Illustrator CC 2020?

C. Tujuan

1. Mengetahui tahapan proses membuat desain mug printing

menggunakan Adobe Illustrator CC 2020.

2. Mengetahui hasil jadi desain mug printing menggunakan Adobe

Illustrator CC 2020.

D. Manfaat

1. Memanfaatkan Adobe Illustrator sebagai sarana untuk berkreasi.

2. Meningkatkan kreativitas seseorang dalam hal perencanaan desain

sesuatu.

3. Menambah wawasan para pembaca tentang kemajuan teknologi

computer.

4. Mengenspirasi para pelaku usaha mug printing untuk lebih kreatif

dalam hal pembuatan desain.

3
 BAB II

PEMBAHASAN

A. Kajian Teori

1. Mug

Dilansir dari wikipedia, mug atau mok adalah tipe alat minum

sejenis gelas yang memiliki gagang, berukuran lebih besar daripada

cangkir, dan pada umumnya digunakan untuk meminum minuman

panas seperti kopi, teh, atau coklat panas. Umumnya mug menampung

sekitar 12 ons fluida atau 350 ml cairan, setara dengan dua cangkir the

ukuran standar.

Pada zaman dahulu, mug dibuat dengan kayu atau tulang pahatan,

bahkan ada juga yang terbuat dari tanah liat yang dibentuk. Di zaman

modern, mug biasanya dibuat dari keramik. Beberapa dibuat dengan

menggunakan kaca, pyrex, polimer, baja, dan enamel.

Di zaman modern ini, jenis-jenis mug sangatlah bervariasi. Masing

masing memiliki ciri khas yang unik dan menonjol. Jenis-jenis mug

diantaranya adalah:

a. Mug standar

4
 Gambar 1. Mug standar

Mug standar adalah mug dengan bentuk standar. Standar yang

dimaksud adalah jika dilihat dari sisi manapun, hanya tampak satu

warna saja, yakni warna putih.

b. Mug berwarna di dalam

Gambar 2. Mug berwarna

Mug berwarna di dalam hampir sama dengan mug standar,

hanya saja pada bagian dalam mug ini memiliki warna yang

bervariasi.

c. Mug bunglon

5
 Gambar 3. Mug bunglon

Mug bunglon memiliki sifat sama seperti bunglon, yakni dapat

berubah warna. Warna mug ini dapat berubah warna apabila terisi

penuh oleh air bersuhu tinggi, dan akan berubah warnanya kembali

seperti semula apabila suhu air tersebut menurun.

d. Mug bening

Gambar 4. Mug bening

Mug bening berbentuk sama dengan mug standar, hanya saja

tidak memiliki warna atau transparan.

e. Mug dengan gagang berwarna

Gambar 5. Mug gagang berwarna

6
 Mug ini adalah mug standar dengan pewarnaan yang bervariasi

pada gagangnya.

f. Mug dengan gagang berbentuk hati (love)

Gambar 6. Mug love

Perbedaan yang menonjol pada jenis mug ini dengan jenis

lainnya adalah gagangnya berbentuk love atau hati.

g. Mug kerucut

Gambar 7. Mug kerucut

Dibandingkan dengan jenis mug lainnya, mug ini memiliki

bentuk badan yang berbeda. Bentuk mug ini menyerupai sebuah

kerucut lebar di atas dan mengecil di bagian bawah.

2. Mug Printing

7
 Istilah mug printing terdiri dari dua kata dalam bahasa Inggris,

dimana mug berarti sebuah gelas atau wadah air minum yang memiliki

gagang dan berukuran lebih besar daripada cangkir, serta printing

yang berarti proses mencetak. Mug printing dapat diartikan sebagai

proses mencetak sebuah mug dengan menggunakan kertas sublim

sebagai media penyalur desain gambar menggunakan mesin cetak

(printer). Jenis tinta yang digunakan dalam mencetak desain adalah

tinta sublim dengan posisi desain/gambar dicerminkan, untuk

kemudian dicetak pada permukaan mug menggunakan alat press mug

bersuhu tinggi.

3. Desain

Kata “desain” adalah kata serapan dari bahasa Inggris, “design”.

Sebetulnya kata “rancang” atau “merancang” adalah terjemahan yang

dapat digunakan. Namun dalam perkembangannya kata “desain”

menggeser kata “rancang” karena kata tersebut tidak dapat mewadahi

kegiatan, keilmuan, keluasan, dan pamor profesi (Sachari, 2000.

Dalam https://serupa.id/pengertian-desain/).

Desain adalah sebuah solusi optimal atas kebutuhan nyata dari

suatu keadaan. Hal ini merujuk pada pemecahan masalah, yang mana

seorang desainer harus mampu membedakan antara kebutuhan dan

keinginan. Sebuah karya yang baik merupakan solusi dari kebutuhan

pada masa itu daripada pemenuhan keinginan (Matchett, 1968. Dalam

https://www.kurnio.com/pengertian-desain/).

8
 Melalui kajian etimologi, kata “design” berasal dari bahasa Latin

yaitu “designare” yang berarti membuat, membentuk, menandai,

menunjuk. Sementara itu Ketika diserap dan digunakan oleh bahasa

Indonesia, berdasarkan KBBI makna kata “desain” menjadi 1.

kerangka bentuk; rancangan, 2. motif; pola; corak.

4. Adobe Illustrator CC 2020

Adobe Illustrator adalah perangkat lunak grafis berbasis vektor

yang dikembangkan dan dipasarkan oleh Adobe Systems. Adobe

Illustrator CC merupakan versi terbaru saat ini, serta merupakan

generasi ketujuh belas dari produk Illustrator yang pertama rilis pada

tahun 1987. Sebagai bagian metode pemasaran layanan baru Adobe

Creative Cloud, versi Illustrator CC ini adalah versi pertama yang

dijual berdasarkan subscription-based service model, yang artinya

pengguna harus berlangganan untuk menggunakan layanan ini. Bagian

dari Creative Cloud ini membawa perbaikan dalam subjek seperti

sinkronisasi warna, font, dan pengaturan program, penyimpanan

dokumen ke cloud, dan integrasi dengan behance (jaringan kolaboratif

kreatif), serta fitur lain seperti, touch-compatible type tool, images in

brushes, CSS extraction, dan files packaging.

5. Tools dan Fungsinya pada Adobe Illustrator CC 2020

Adapun tools yang terdapat pada Adobe Illustrator beserta

fungsinya sebagai berikut:

No. Simbol Tools/Alat Penjelasan

9
 Menyeleksi atau memilih
1 Selection Tool objek, memindahkan dan
menduplikat objek

Direct Selection Menyeleksi dan memilih

2
Tool objek lebih dasar lagi

Group Selection Menyeleksi berbagai

3
Tool objek dalam lingkup grup

Membuat objek secara

4 Pen Tool detail dengan titik per
titik

Add Anchor Point Menambahkan titik pada

5
Tool objek berbentuk vektor

Delete Anchor Menghapus titik pada

6
Point Tool objek berbentuk vektor

Membuat teks
7 Type Tool
(mengetik)

Membuat objel
8 Rectangle Tool
berbentuk segiempat

Membuat objek
9 Ellipse Tool
lingkaran

Memotong garis sesuai

10 Scissors Tool
yang diinginkan

10
 Memutarkan atau
11 Rotate Tool
merotasikan objek

Membuat refleksi atau

12 Reflect Tool
cerminan objek

Membuat objek baru

Shape Builder yang didapatkan dari
13
Tool potongan dua objek atau
sejenisnya

Menggeser bidang agar

14 Hand Tool memudahkan untuk
melihat tampilan objek

Memperbesar dan/atau
15 Zoom Tool memperkecil tampilan
bidang

Tabel 1. Tools dan fungsinya dalam Adobe Illustrator CC 2020

Tabel di atas hanya berisi beberapa tools Adobe Illustrator CC

2020 saja. Sebenarnya masih banyak tools lain yang terdapat pada

Adobe Illustrator CC 2020. Penulis sengaja hanya menguraikan

beberapa tools yang penulis gunakan dalam membuat desain mug

printing sesuai dengan judul tugas akhir ini.

B. Langkah-Langkah Pembuatan dan Hasil

1. Tahapan Awal

Proses pembuatan
Membuka Adobe
desain
Illustrator CC 2020
background/latar

Proses pembuatan
desain flat makanan Proses finishing
dan minuman

11
 Konsep penulis dalam membuat desain mug printing adalah

dengan membagi desain menjadi dua kategori, yakni desain

latar/background dan desain makanan serta minuman sebagai pengisi

latar. Berikut adalah layout yang digunakan penulis dalam pembuatan

desain:

2
1 6
3
5
4 7

Gambar 8. Layout

Tiap kotak di atas merupakan tempat dimana ketujuh desain

background akan diletakkan. Lalu diikuti penempatan desain makanan

dan minuman di atasnya dengan urutan sebagai berikut :

1. Kuih ulang tahun

2. Kuih kering

3. Biji kopi

4. Tulisan “FOOD & BEVERAGE”

5. Secangkir kopi

6. Secangkir coklat panas

7. Donat

2. Tahapan Proses

a. Persiapan

12
1) Membuka aplikasi Adobe Illustrator CC 2020 pada layar

desktop dengan cara mengeklik kiri ikon dua kali.

Gambar 9. Tampilan desktop

Gambar 10. Tampilan loading screen

2) Setelah Adobe Illustrator CC 2020 terbuka, klik create new,

lalu atur ukuran kanvas yang diinginkan.

13
 Gambar 11. Tampilan utama

3) Tekan create untuk mulai mendesain.

b. Langkah-langkah

1) Langkah-langkah pembuatan desain background.

a) Desain background 1

(1) Mengatur ukuran kanvas dengan panjang 4,16 cm

dan lebar 4.2 cm. Lalu tekan create.

(2) Membuat objek segiempat seukuran bidang kanvas

menggunakan rectangle tool.

Gambar 12. Membentuk segiempat

Gambar 13. Segiempat

(3) Mengarahkan kursor pada centre (pusat) bidang

kanvas, lalu membuat lingkaran menggunakan

14
 ellipse tool sembari menekan tombol Alt dan Shift.

Tombol Alt ditujukan supaya lingkaran terbentuk

pas di tengah bidang kanvas, sedangkan tombol Shift

ditujukan supaya lingkaran tidak berubah bentuk.

Gambar 14. Membentuk lingkaran

(4) Menyeleksi lingkaran, kemudian menekan tombol

Ctrl + C diikuti tombol Ctrl + F. Hal ini bertujuan

untuk menduplikat lingkaran dan hasil duplikat

berada tepat di atasnya.

(5) Memperkecil ukuran lingkaran duplikat pertama

sembari menekan tombol Alt dan Shift. Tujuan

penekanan kedua tombol tersebut sudah tertera pada

langkah ketiga.

15
 Gambar 15. Menduplikat lingkaran

(6) Melakukan kembali langkah keempat dan

menyesuaikan lingkaran duplikat kedua supaya

berukuran lebih kecil daripada lingkaran duplikat

pertama.

(7) Langkah keenam dilakukan secara berulang.

Lingkaran duplikat kedua berukuran lebih kecil

daripada lingkaran duplikat pertama, lingkaran

duplikat ketiga berukuran lebih kecil daripada

lingkaran duplikat kedua, dan seterusnya sehingga

akan membentuk pola seperti pada gambar 16.

Gambar 16. Lingkaran-lingkaran

(8) Menyeleksi beberapa lingkaran secara selang-seling

menggunakan group selection tool sembari menekan

Shift, lalu memberinya warna. Disini penulis

memberi warna nila.

16
 Gambar 17. Warna nila

(9) Menyeleksi lingkaran yang belum diberi warna

menggunakan tool yang sama seperti pada langkah

kedelapan, lalu memberinya warna. Disini penulis

memberi warna ungu.

Gambar 18. Warna nila dan ungu

(10) Menyeleksi semua hasil kerja, klik kanan, lalu

menekan opsi group supaya seluruh bagian menjadi

satu kesatuan.

17
 Gambar 19. Group desain background 1

(11) Membuat objek segiempat seukuran bidang kanvas

menggunakan rectangle tool di atas lingkaran.

Gambar 20. Segiempat di atas lingkaran

(12) Menyeleksi semua bagian, lalu menekan Ctrl + 7

untuk membuat clipping mask. Clipping mask

bertujuan supaya objek lingkaran pas atau sesuai

dengan bidang kanvas.

18
 Gambar 21. Pemberian clipping mask-1

(13) Desain background 1 selesai.

Gambar 22. Hasil desain background 1

b) Desain background 2

(1) Mengatur ukuran kanvas dengan panjang 5,82 cm

dan lebar 2,19 cm. Lalu tekan create.

(2) Membuat objek segiempat menggunakan rectangle

tool, lalu merotasikan dengan sudut tertentu dengan

cara memutar bidang segiempat pada pusatnya. Lalu

memosisikan objek segiempat di pojok kiri atas.

Gambar 23. Membentuk persegi panjang

19
 Gambar 24. Merotasikan objek

(3) Mengeklik dan menggeser bidang segiempat

sembari menekan tombol Alt untuk membuat

duplikat.

Gambar 25. Drag & duplicate

(4) Menekan tombol Ctrl + D supaya terbentuk

duplikat-duplikat yang lain di depannya.

20
 Gambar 26. Duplikat objek

(5) Mengusahakan agar seluruh bidang kanvas tertutupi

oleh objek-objek segiempat.

Gambar 27. Menutupi bidang kanvas

(6) Menyeleksi beberapa objek segiempat secara selang-

seling menggunakan group selection tool sembari

menekan tombol Shift, lalu memberinya warna.

Disini penulis memberi warna merah.

Gambar 28. Memberi warna merah

(7) Menyeleksi objek-objek segiempat yang belum

diberi warna menggunakan tool yang sama pada

langkah keenam, lalu memberinya warna. Disini

penulis memberi warna jingga.

21
(8) Menyeleksi seluruh bagian hasil kerja, klik kanan,

lalu memilih opsi group untuk menyatukan

semuanya menjadi satu bagian utuh.

Gambar 29. Memberi warna jingga

(9) Membuat objek segiempat seukuran bidang kanvas

di atas hasil kerja menggunakan rectangle tool.

(10) Menyeleksi seluruh bagian, lalu menekan Ctrl + 7

untuk membuat clipping mask.

Gambar 30. Pemberian clipping mask-2

22
 (11) Desain background 2 selesai.

Gambar 31. Hasil desain background-2

c) Desain background 3

(1) Mengatur ukuran kanvas dengan Panjang 5,82 cm

dan lebar 2,01 cm. Lalu tekan create.

(2) Membuat segiempat sebesar bidang kanvas

menggunakan rectangle tool. Disini penulis

memberinya warna ungu muda.

Gambar 32. Segiempat ungu muda

(3) Membuat objek elips menggunakan ellipse tool, lalu

memberinya warna hitam.

(4) Membuat belahan biji kopi berbentuk seperti huruf

“s” terbalik menggunakan pen tool.

23
 Gambar 33. Belahan biji kopi

(5) Meletakkan belahan biji kopi di atas objek elips.

Gambar 34. Menyatukan kedua objek

(6) Menyeleksi seluruh bagian lalu memilih opsi minus

front pada menu pathfinder. Hal ini bertujuan

supaya terbentuk semacam belahan pada objek elips.

Gambar 35. Penggunaan pathfinder

24
(7) Menduplikat hasil kerja menjadi beberapa bagian,

lalu menyusunnya secara acak. Disini penulis juga

menambahkan varian warna putih supaya lebih

berwarna.

Gambar 36. Penyusunan objek

(8) Menyeleleksi seluruh biji kopi, lalu menurunkan

opasitas menjadi 60%.

Gambar 37. Pengaturan opasitas

25
 (9) Desain background 3 selesai.

Gambar 38. Hasil desain background-3

d) Desain background 4

(1) Mengatur ukuran kanvas dengan panjang 9,98 cm

dan lebar 4,3 cm. Lalu tekan create.

(2) Membuat objek segiempat seukuran bidang kanvas

menggunakan rectangle tool, lalu memberinya

warna. Disini penulis memberinya warna nila.

Gambar 39. Segiempat ungu

(3) Membuat objek lingkaran menggunakan ellipse tool.

(4) Memberikan efek pucker & bloat pada lingkaran

yang dibuat. Efek tersebut terletak di effect > distort

& transform > pucker & bloat.

26
(5) Mengaturnya menjadi -50% sehingga terbentuk

objek bintang.

Gambar 40. Efek distort & transform

Gambar 41. Pembentukan bintang

Gambar 42. Objek bintang

(6) Menduplikat objek bintang dan menempatkan

masing-masing duplikat secara acak. Penulis juga

27
 memberikan warna yang beragam pada tiap-tiap

bintang.

Gambar 43. Bintang warna-warni

(7) Menyeleksi semua objek bintang, lalu menurunkan

opasitasnya menjadi 55%.

(8) Desain background 4 selesai.

Gambar 44. Hasil desain background-4

e) Desain background 5

(1) Mengatur ukuran kanvas dengan Panjang 5,01 cm

dan lebar 8,5 cm. lalu tekan create.

(2) Membuat objek persegi menggunakan rectangle

tool, lalu merotasikannya dengan cara mengeklik

kanan bidang persegi dan memilih opsi rotate pada

28
 transform > rotate. Persegi dirotasikan dengan

sudut sebesar 45 derajat.

Gambar 45. Pembuatan persegi

Gambar 46. Rotate

Gambar 47. Merotasikan persegi

(3) Menempatkan objek persegi di pojok kiri atas.

29
(4) Menyeret/drag objek persegi sembari menekan

tombol Alt untuk membuat duplikat. Lalu duplikat

tersebut diletakkan di kiri bawah objek persegi asli.

Gambar 48. Menduplikat persegi

(5) Menyeleksi kedua objek persegi, lalu menyeretnya

sembari menekan tombol Alt untuk membuat

duplikat. Duplikat kedua objek persegi tersebut

ditempatkan di bawah dua objek persegi yang asli.

Gambar 49. Menduplikat persegi-2

(6) Melakukan pengulangan duplikat dengan cara

menekan tombol Ctrl + D secara terus menerus

hingga hasil duplikat terakhir mencapai sisi bawah

bidang kanvas.

30
 Gambar 50. Menduplikat persegi-3

(7) Menyeleksi keseluruhan hasil kerja dari langkah

pertama hingga keenam, lalu menyeretnya sembari

menekan tombol Alt untuk membuat duplikat.

Duplikat ditempatkan di sebelah kanan objek asli.

(8) Melakukan pengulangan duplikat dengan cara

menekan tombol Ctrl + D secara terus menerus

hingga hasil duplikat terakhir mencapai sisi kanan

bidang kanvas.

Gambar 51. Menduplikat persegi-4

(9) Menyeleksi beberapa objek persegi menggunakan

group selection tool sembari menekan tombol Shift

dengan pola seperti pada gambar, lalu

31
 memberikannya warna. Disini penulis memilih

untuk memberi warna coklat.

Gambar 52. Pemberian warna coklat

(10) Menyeleksi lagi beberapa objek persegi

menggunakan metode yang sama seperti pada

langkah kesembilan dengan pola seperti pada

gambar, lalu memberikannya warna. Disini penulis

memilih untuk memberi warna krem.

Gambar 53. Pemberian warna krem

(11) Menyeleksi sisa objek-objek persegi yang belum

diberi warna, lalu penulis memilih untuk

memberinya warna jingga.

32
 Gambar 54. Pemberian warna jingga

(12) Menyeleksi keseluruhan hasil kerja dan menyatukan

semuanya menjadi satu kesatuan menggunakan opsi

group yang akan muncul dengan cara mengeklik

kanan objek.

(13) Membuat objek segiempat sebesar bidang kanvas

menggunakan rectangle tool.

Gambar 55. Persiapan clipping mask

(14) Menyeleksi seluruh bagian hasil kerja, lalu menekan

Ctrl + 7 untuk membuat clipping mask.

33
 (15) Desain background 5 selesai.

Gambar 56. Hasil desain background-5

f) Desain background 6

(1) Mengatur ukuran kanvas dengan panjang 5,01 cm

dan lebar 4,3 cm. Lalu tekan create.

(2) Membuat objek segiempat sebesar ukuran kanvas

menggunakan rectangle tool, lalu memberinya

warna. Disini penulis memberinya warna merah

muda.

Gambar 57. Segiempat merah muda

(3) Membuat objek segiempat baru menggunakan

rectangle tool.

34
 Gambar 58. Membuat segiempat hitam

(4) Untuk melengkungkan kedua pojok atas objek

segiempat, penulis mengeklik dua buah titik di

masing-masing pojok atas objek segiempat sembari

menekan tombol shift, lalu menarik salah satu titik

ke pusat bidang. Hal tersebut akan mengakibatkan

hanya bagian atas segiempat yang melengkung.

Gambar 59. Pelengkungan objek

(5) Merotasikan segiempat sebesar 45 derajat dengan

cara transform > rotate, lalu tekan ok.

35
 Gambar 60. Merotasikan bidang

(6) Membuat refleksi dari bidang dengan cara

transform > reflect. Lalu menekan copy supaya

muncul hasil duplikat.

Gambar 61. Merefleksikan bidang

(7) Seleksi secara keseluruhan, lalu pilih opsi group

untuk menyatukan seluruh bagian. Objek berbentuk

hati/love pun terbentuk.

36
 Gambar 62. Menyatukan bidang

(8) Selanjutnya, penulis membuat duplikat dari objek

hati dan menatanya pada bidang segiempat secara

acak. Penulis juga menambahkan jenis warna putih

supaya lebih beragam.

Gambar 63. Menata bidang secara acak

(9) Menyeleksi semua objek hati, lalu menurunkan

opasitas menjadi 50%.

(10) Desain background 6 selesai.

Gambar 64. Hasil desain background-6

g) Desain background 7

(1) Mengatur ukuran kanvas dengan Panjang 5,01 cm

dan lebar 4,3 cm. Lalu tekan create.

37
(2) Membuat bidang segiempat sebesar bidang kanvas

menggunakan rectangle tool, lalu memberinya

warna. Disini penulis memberi warna ungu.

Gambar 65. Segiempat ungu

(3) Membuat garis menggunakan pen tool sembari

menekan tombol Shift supaya lurus.

(4) Membuat garis lurus menjadi berwarna biru, lalu

mengatur stroke sebesar 3pt.

Gambar 66. Membuat garis lurus

(5) Memberikan efek gelombang pada garis dengan

cara effect > distort & transform > zig-zag. Setelah

itu memilih opsi smooth dan mengatur ukuran

gelombang sebesar 0,30 cm.

38
 Gambar 67. Pemberian efek zig-zag

Gambar 68. Mengatur ukuran gelombang

(6) Menyeret garis bergelombang sembari menekan Alt

untuk membuat duplikat, lalu meletakkan hasil

duplikat tepat dibawahnya.

(7) Mengulangi pembuatan duplikat dengan menekan

tombol Ctrl + D secara berulang-ulang hingga

mencapai sisi bawah bidang.

39
 Gambar 69. Menduplikat garis bergelombang

(8) Membuat objek segiempat sebesar ukuran bidang

kanvas menggunakan rectangle tool, dan

meletakkannya di atas hasil kerja.

(9) Menyeleksi semua bagian, lalu menekan tombol

Ctrl + 7 untuk membuat clipping mask.

Gambar 70. Proses clipping mask

(10) Desain background 7 selesai.

Gambar 71. Hasil desain background-7

2) Langkah-langkah pembuatan desain makanan dan minuman.

a) Kuih ulang tahun

(1) Membuat objek segiempat menggunakan rectangle

tool.

40
 Gambar 72. Segiempat kuih

(2) Melengkungkan pojok atas objek segiempat dengan

cara mengeklik kedua titik di bagian atas segiempat

sembari menekan tombol Shift. Lalu menarik salah

satu titik ke pusat objek.

Gambar 73. Pelengkungan pojok

(3) Mengulangi langkah pertama dan kedua sebanyak

dua kali hingga terdapat tiga buah objek segiempat.

Menyusun ketiga segiempat tersebut secara vertikal

dengan urutan semakin keatas semakin mengecil.

41
 Gambar 74. Penyusunan kuih

(4) Membuat objek segiempat baru yang dilengkungkan

kedua pojok atasnya sebagai piring.

Gambar 75. Pembuatan piring

(5) Membuat tiga buah segiempat lagi untuk hiasan

pada kuih.

Gambar 76. Hiasan kuih

42
(6) Membuat krim pada kuih menggunakan pen tool,

lalu menyeleksi krim kue dan segiempat bagian atas

untuk kemudian diterapkan opsi intersect pada menu

pathfinder untuk menghilangkan garis yang tidak

diperlukan.

Gambar 77. Pembuatan krim kuih

(7) Melakukan langkah ketujuh pada segiempat bagian

tengah dan bawah.

Gambar 78. Proses pengulangan

(8) Membuat lilin di puncak kuih menggunakan

rectangle tool. Lalu melengkungkan kedua pojok

atasnya dengan cara seperti pada langkah kedua.

43
 Gambar 79. Pembuatan lilin

(9) Membuat sumbu dan api pada lilin menggunakan

pen tool.

Gambar 80. Sumbu dan api

(10) Pemberian warna pada kuih ulang tahun.

Gambar 81. Pewarnaan

44
(11) Menyeleksi seluruh bagian kuih, lalu menduplikat

kuih dengan menekan Ctrl + C diikuti Ctrl + F,

supaya hasil duplikat berada pas diatasnya.

(12) Membuat objek segiempat yang diposisikan seperti

membelah kuih menjadi dua bagian secara vertikal.

Gambar 82. Membelah kuih

(13) Menyeleksi bidang segiempat dengan hasil duplikat

kuih, lalu memilih intersect pada pathfinder untuk

memotong sebagian duplikat kuih.

Gambar 83. Pemotongan duplikat kuih

45
 (14) Memberi warna hitam pada duplikat kuih, lalu

menurunkan opasitasnya menjadi 25% untuk

memberikan efek shadow/bayangan.

(15) Desain kuih selesai.

Gambar 84. Desain kuih

b) Kuih kering

(1) Membuat lingkaran tidak beraturan menggunakan

pen tool.

Gambar 85. Lingkaran sembarang

(2) Memberinya warna. Disini penulis memilih untuk

memberi warna jingga muda.

46
(3) Membuat dua buah duplikat dengan cara menyeret

objek lingkaran tidak beraturan sembari menekan

tombol Alt.

Gambar 86. Proses penduplikatan

(4) Menumpuk kedua buah duplikat dengan posisi

seperti pada Gambar 87.

Gambar 87. Proses menumpuk

(5) Menyeleksi kedua buah duplikat, lalu pilih shape

builder tool. Mengeklik bagian yang ingin dibuang

sembari menekan Alt hingga menyisakan bagian

bawah saja, seperti pada Gambar 89. Lalu

memberinya warna coklat muda.

47
 Gambar 88. Penghilangan bagian tidak penting

Gambar 89. Bagian penting

(6) Menempatkan hasil kerja langkah kelima di atas

lingkaran tidak beraturan bagian bawah.

Gambar 90. Dasar kuih kering

(7) Memulai untuk membuat tekstur pada kuih kering

dengan cara membuat garis melengkung

menggunakan pen tool, lalu menempatkannya secara

48
 acak di permukaan kuih kering. Penulis memilih

untuk memberikan dua varian warna pada tekstur,

yakni warna coklat muda dan krem.

Gambar 91. Pemberian tekstur

(8) Memulai untuk membuat chocochips. Dilakukan

dengan cara membuat lingkaran berwarna coklat

menggunakan ellipse tool, lalu menambahkan

anchor point pada garis lingkaran menggunakan pen

tool. Selanjutnya, lingkaran dibuat tidak beraturan

dengan cara memberikan lengkungan-lengkungan

secara random pada anchor point menggunakan

direct selection tool.

Gambar 92. Pembuatan chocochips

49
 Gambar 93. Bentuk dasar chocochips

(9) Memberikan tekstur pada chocochips berupa garis

lengkung dan lingkaran yang dapat dibuat

menggunakan pen tool serta ellipse tool.

Gambar 94. chocochips

(10) Menyatukan seluruh bagian chocochips dengan cara

klik kanan lalu pilih opsi group.

(11) Menata chocochips pada permukaan kuih dengan

posisi serta ukuran secara acak atau random.

50
 Gambar 95. Penataan chocochips

(12) Memberikan tekstur berupa lingkaran tidak

beraturan dibawah chocochips menggunakan pen

tool, lalu memberinya warna krem.

Gambar 96. Penambahan tekstur

(13) Menyeleksi seluruh bagian, lalu menyatukannya

dengan opsi group.

(14) Membuat duplikat dari lingkaran tidak beraturan

untuk kemudian diberi warna putih.

(15) Memperbesar ukuran duplikat dengan tetap

memperhatikan kesebandingan ukuran dengan

lingkaran tidak beraturan asli.

51
 (16) Memosisikan duplikat dibawah kuih kering dengan

cara klik kanan memilih opsi arrange > send to

back. Ini akan berfungsi sebagai outline atau garis

tepi dari kuih kering.

Gambar 97. Desain kuih kering

(17) Desain kuih kering selesai.

c) Biji kopi

(1) Membuat objek elips menggunakan ellipse tool, lalu

mewarnainya dengan warna coklat.

(2) Menduplikat elips dengan menekan tombol Ctrl + C

diikuti Ctrl + F supaya hasil duplikat muncul tepat

di atas objek elips.

Gambar 98. Dasar biji kopi

52
(3) Memperkecil ukuran duplikat elips sembari

menekan tombol Shift dan Alt supaya posisi tetap di

tengah dan ukuran tetap sebanding.

(4) Memberi warna duplikat elips dengan warna coklat

yang lebih terang.

Gambar 99. Penduplikatan elips

(5) Membuat belahan biji kopi yang berbentuk seperti

huruf “s” dengan pen tool. Lalu mengatur ukuran

stroke menjadi 6 pt dan mengubah jenis stroke

menjadi width profile 1 untuk membuat kedua ujung

garis menjadi lancip.

Gambar 100. Belahan biji kopi

53
 Gambar 101. Belahan ujung lancip

(6) Memosisikan belahan biji kopi di tengah bidang

elips.

(7) Membuat garis melengkung berwarna putih

menggunakan pen tool, lalu membuat kedua

ujungnya menjadi lancip seperti pada langkah

kelima. Penulis juga menurunkan opasitasnya

menjadi 25%.

Gambar 102. Efek pantulan cahaya

(8) Mengulangi langkah ketujuh untuk membuat garis

melengkung yang kedua.

(9) Desain biji kopi selesai.

54
 Gambar 103. Desain biji kopi

d) Tulisan “FOOD & BEVERAGE”

(1) Memulai untuk menuliskan teks menggunakan type

tool. Lalu mengatur font menjadi Arial Rounded MT

Bold, mengatur ukuran huruf menjadi 27 pt, serta

memberikan warna merah muda pada tulisan.

Gambar 104. Persiapan mengetik teks

(2) Mengetikkan “FOOD & BEVERAGE”.

(3) Membuka menu align, lalu memilih opsi horizontal

align center dan vertical align center untuk

menempatkan tulisan tepat pada pusat bidang

kanvas.

55
 Gambar 105. Menempatkan di pusat

(4) Membuat satu duplikat tulisan, lalu menurunkan

opasitasnya menjadi 40%. Duplikat tulisan

diletakkan pada posisi sedikit lebih ke atas daripada

tulisan asli.

(5) Tulisan “FOOD & BEVERAGE” selesai.

Gambar 106. Tulisan selesai

e) Secangkir kopi

(1) Membuat lingkaran lonjong/elips menggunakan

ellipse tool.

56
 Gambar 107. Lingkaran lonjong

(2) Mengatur kelonjongan bagian bawah lingkaran

menggunakan direct selection tool dengan cara

menarik ke atas anchor point bawah, sehingga

bidang menjadi berbentuk menyerupai telur.

Gambar 108. Bentuk telur

(3) Membuat lingkaran lonjong secara horizontal pada

pusat bidang menggunakan ellipse tool.

57
 Gambar 109. Lingkaran lonjong horizontal

(4) Menduplikat hasil kerja langkah ketiga, lalu

memperkecil ukurannya sembari menekan tombol

Alt dan Shift supaya posisi dan bentuk tidak berubah.

Gambar 110. Penduplikatan lingkaran

(5) Membuat objek segiempat seperti membelah objek

elips secara horizontal. Lalu menyeleksi objekelips

beserta segiempat untuk menghilangkan lengkungan

atas objek elips menggunakan shape builder tool.

Cangkir pun terbentuk.

58
 Gambar 111. Membelah secara horizontal

Gambar 112. Bentuk dasar cangkir

(6) Menduplikat objek lingkaran lonjong horizontal

yang berada di dalam, lalu menggeser hasil duplikat

sedikit ke bawah.

(7) Menyeleksi hasil duplikat dengan objek lingkaran

lonjong horizontal yang berada di dalam, kemudian

menggunakan shape builder tool untuk

menghilangkan bagian yang tidak diperlukan.

Gambar 113. Bagian mulut cangkir

59
(8) Menyeleksi objek lingkaran lonjong horizontal dan

menggunakan scissors tool untuk memotong bagian

yang tidak diperlukan.

(9) Menyeleksi hasil potongan dan memilih width

profile 3 untuk memberikan efek lancip.

Gambar 114. Garis berujung lancip

Gambar 115. Bagian utama cangkir

(10) Membuat elips menggunakan ellipse tool, lalu

membenjolkannya menggunakan direct selection

tool.

60
 Gambar 116. Lingkaran benjol

(11) Membuat duplikat hasil kerja langkah kesepuluh,

lalu memperkecil hasil duplikat sembari menekan

Alt dan Shift supaya posisi dan bentuk tidak berubah.

Gambar 117. Penduplikatan lingkaran benjol

(12) Menyeleksi hasil kerja langkah kesepuluh dan

kesebelas, lalu memilih exclude pada menu

pathfinder.

(13) Menyatukan hasil kerja langkah kedua belas dengan

cangkir, lalu menyeleksi semuanya dan

menggunakan shape builder tool untuk

menghilangkan bagian yang tidak diperlukan.

Gagang cangkir pun berhasil terbentuk.

61
 Gambar 118. Gagang cangkir

(14) Menyatukan garis yang putus pada gagang cangkir

menggunakan opsi join.

(15) Membuat dua bidang elips yang berfungsi sebagai

tatakan cangkir.

Gambar 119. Pembuatan tatakan

(16) Menyeleksi semua bagian, lalu menggunakan shape

builder tool untuk menghilangkan bagian yang tidak

diperlukan.

Gambar 120. Cangkir dan tatakannya

62
(17) Pemberian warna pada cangkir kopi. Penulis

memilih untuk memberi warna coklat untuk kopi,

jingga untuk warna cangkir, serta variasi warna abu-

abu untuk tatakan.

Gambar 121. Pewarnaan cangkir dan tatakannya

(18) Membuat segiempat menggunakan rectangle tool,

lalu merotasikannya 45 derajat.

Gambar 122. Segiempat miring

(19) Merefleksikan hasil kerja langkah kedelapan belas

dengan cara klik kanan transform > reflect, lalu

tekan copy.

63
 Gambar 123. Refleksi segiempat

(20) Membulatkan sisi bagian atas kedua segiempat

untuk membentuk objek hati.

(21) Memberikan warna putih pada hati, lalu

menempelkannya pada cangkir.

Gambar 124. Objek hati

(22) Membentuk objek tak beraturan menggunakan pen

tool, lalu memberikannya warna hitam dengan

opasitas 24%.

(23) Menyeleksi hasil kerja langkah kedua puluh dua

dengan objek cangkir, lalu menghilangkan bagian

yang tidak diperlukan menggunakan shape builder

tool untuk menciptakan efek bayangan pada cangkir.

64
 Gambar 125. Bayangan pada cangkir

(24) Menduplikat tatakan cangkir tepat di atasnya, lalu

membentuk lingkaran besar menggunakan ellipse

tool.

(25) Menyeleksi kedua objek pada langkah kedua puluh

empat, lalu menggunakan shape builder tool untuk

menghilangkan bagian yang tidak diperlukan,

sehingga hanya menyisakan bagian irisan.

(26) Memberikan warna hitam pada bagian irisan, lalu

menurunkan opasitasnya menjadi 20%. Kemudian

penulis mengirimkannya ke belakang supaya

terbentuk efek bayangan dari cangkir.

Gambar 126. Bayangan pada tatakan

65
(27) Membuat pantulan cahaya menggunakan pen tool,

memberinya warna putih, lalu menurunkan

opasitasnya menjadi 52%.

Gambar 127. Pantulan cahaya

(28) Membuat objek lingkaran menggunakan ellipse tool,

lalu memberinya warna. Disini penulis memilih

untuk memberi fill warna krem dengan warna stroke

coklat.

(29) Meletakkan objek lingkaran di belakang cangkir

dengan cara klik kanan lalu arrange > send to back.

(30) Desain secangkir kopi selesai.

66
 Gambar 128. Desain secangkir kopi

f) Segelas coklat panas

(1) Membuat objek segiempat menggunakan rectangle

tool, lalu memberinya warna. Disini penulis

memberi warna coklat.

(2) Membuat lengkungan pada pojok atas dan bawah

segiempat. Besarnya lengkungan antara pojok atas

dan pojok bawah tidak sama. Oleh karena itu

dibutuhkan proses penyeleksian terlebih dahulu

dengan cara mengeklik dua buah titik pada pojok

bawah sembari menekan tombol Shift, lalu

menariknya ke pusat objek. Hal yang sama

dilakukan untuk proses pelengkungan pojok atas.

Gambar 129. Pojok bidang melengkung

(3) Membuat objek persegi tanpa warna fill

menggunakan rectangle tool, mengatur ketebalan

stroke menjadi 9 pt, lalu memberi warna coklat pada

67
 stroke. Persegi dibuat melengkung tiap pojoknya

dengan cara menarik salah satu titik pada tiap pojok

ke pusat objek.

(4) Hasil kerja langkah ketiga disatukan dengan objek

gelas, sehingga membentuk seperti gagang.

Gambar 130. Gagang gelas

(5) Membentuk objek segiempat menggunakan

rectangle tool, lalu memberinya warna coklat muda.

Objek segiempat diletakkan di tengah-tengah gelas

yang bertujuan untuk memberikan variasi warna

pada gelas.

Gambar 131. Variasi warna pada gelas

68
(6) Memberikan efek pantulan cahaya di sisi kiri gelas

dengan bidang segiempat yang telah dilengkungkan

tiap pojoknya, serta memiliki opasitas 25%.

Gambar 132. Efek pantulan cahaya pada gelas

(7) Memberikan efek tetesan coklat di sisi kanan atas

gelas dengan cara membentuk beberapa segiempat

yang kemudian disatukan menggunakan opsi unite

pada menu pathfinder, lalu mengatur kelengkungan

tiap pojoknya supaya terlihat menyerupai tetesan

coklat.

Gambar 133. Tetesan coklat

69
(8) Membentuk objek segiempat diatas hasil kerja

langkah ketujuh, lalu menyeleksinya dengan hasil

kerja langkah ketujuh.

(9) Menggunakan opsi minus front pada menu

pathfinder untuk menghilangkan bagian yang tidak

diperlukan.

(10) Menambahkan lingkaran berwarna coklat dibawah

hasil kerja langkah ketujuh supaya menyerupai

tetesan coklat.

Gambar 134. Lingkaran sebagai tetesan

(11) Menduplikat objek segiempat yang menjadi dasar

pembuatan gelas sebanyak dua buah.

(12) Kedua buah duplikat ditata, lalu menyeleksi

keduanya untuk kemudian diterapkan opsi minus

front pada pathfinder untuk menghilangkan bagian

yang tidak diperlukan.

70
(13) Memberikan warna hitam dan menurunkan opasitas

menjadi 35% pada hasil kerja langkah kedua belas.

Sehingga akan terbentuk efek bayangan.

Gambar 135. Bayangan pada gelas

(14) Memberikan efek uap dengan cara membuat bidang-

bidang segiempat berwarna putih, lalu disatukan

menggunakan opsi unite pada menu pathfinder dan

kemudian dilengkukan tiap pojoknya. Penulis

sengaja mengatur background menjadi berwarna

selain putih untuk mempermudah pembuatan uap.

Gambar 136. Pembuatan uap

(15) Desain segelas coklat panas selesai.

71
 Gambar 137. Desain segelas coklat panas

g) Donat

(1) Membuat dua buah lingkaran, besar dan kecil,

menggunakan ellipse tool.

(2) Menyeleksi kedua buah lingkaran, lalu memilih opsi

minus front pada menu pathfinder untuk

menciptakan lubang pada bagian tengah donat.

Gambar 138. Lubang donat

(3) Membuat lingkaran yang berukuran sama besar

dengan lingkaran jingga, lalu dihilangkan warna fill-

nya dan diberi warna hitam pada stroke-nya, serta

menurunkan opasitas menjadi 15%. Ketebelan

stroke diatur menjadi 8 pt.

(4) Menempatkan hasil kerja langkah ketiga pada donat.

72
 Gambar 139. Lingkaran hitam

(5) Membuat dua buah lingkaran berwarna biru dan

hitam.

Gambar 140. Lingkaran biru & hitam

(6) Menyeleksi kedua lingkaran pada langkah kelima,

lalu diterapkan opsi minus front yang terdapat pada

menu pathfinder.

(7) Membuat segiempat menggunakan rectangle tool

dan diposisikan seperti membelah lingkaran secara

horizontal.

73
 Gambar 141. Membelah donat secara horizontal

(8) Menyeleksi segiempat dan lingkaran berwarna biru,

lalu diterapkan opsi minus front. Hal tersebut akan

membentuk krim pada donat.

Gambar 142. Krim donat

(9) Menambahkan lingkaran-lingkaran supaya krim

tampak lebih realistis, serta menggunakan pen tool

sebagai bantuan untuk menghubungkan celah.

(10) Seleksi hasil kerja langkah kesembilan, lalu pilih

opsi unite pada menu pathfinder.

74
 Gambar 143. Bentuk krim realistis

(11) Menduplikat lingkaran hitam ditepi donat, lalu

memperkecil ukurannya.

Gambar 144. Lingkaran hitam

(12) Mengubah warna hasil kerja langkah kesebelas

menjadi warna putih, lalu menaikkan opasitas

menjadi 30%.

(13) Menggunakan scissors tool untuk memotong garis

yang tidak diperlukan.

75
 Gambar 145. Penggunaan scissors tool

(14) Menyeleksi keempat garis, lalu pada menu stroke

pilih opsi round cap supaya ujung garis membulat.

Efek pantulan cahaya pun terbentuk.

Gambar 146. Efek round cap

(15) Membuat bayangan hitam menggunakan pen tool,

lalu opasitas diturunkan hingga 15%.

76
 Gambar 147. Bayangan hitam

(16) Membuat meses atau topping donat menggunakan

pen tool dengan ujung garis yang dibulatkan melalui

opsi round cap pada menu stroke, lalu disusun

secara acak pada permukaan krim donat. Penulis

membuat meses berwarna-warni.

(17) Desain donat selesai

Gambar 148. Desain donat

3) Finishing

Pada tahap finishing, penulis hanya perlu menyusun desain

yang telah dibuat sesuai dengan perencanaan pada layout.

Proses penyusunan dilakukan pada bidang kanvas dengan

panjang 20 cm dan lebar 8,5 cm. Ukuran tersebut adalah

77
 ukuran ideal setiap desain untuk siap dicetak pada mug dengan

ukuran standar. Berikut adalah proses finishing desain,

a) Menyusun desain background sesuai layout

Gambar 149. Penyusunan desain background

b) Menyusun desain makanan dan minuman sesuai urutan

Gambar 150. Desain mug selesai

3. Hasil

a. Hasil akhir

78
 Gambar 151. Desain mug final

b. Hasil pada mug

Gambar 152. Penerapan desain

BAB III

PENUTUP

A. Kesimpulan

Berdasarkan penulisan tentang langkah-langkah membuat desain mug

printing menggunakan Adobe Illustrator CC 2020, dapat disimpulkan

bahwa langkah-langkah membuat desain mug printing antara lain

membuat persiapan berupa layout, membuat desain background, membuat

desain makanan dan minuman sebagai pengisi background, menata

background pada bidang kanvas sesuai layout, menata desain makanan

dan minuman sesuai urutan, serta hasil akhir.

B. Saran

79
1. Bagi para pembaca, terutama bagi seseorang yang ingin memulai

usaha mug printing, penulis sangat merekomendasikan aplikasi Adobe

Illustrator untuk dijadikan tempat mencurahkan ide dan kreativitas.

2. Bagi penulis, kritik serta saran sangat dibutuhkan untuk membuat

laporan tugas akhir ini maupun dalam pembuatan produk agar lebih

baik kedepannya.

80
 DAFTAR PUSTAKA

Wikipedia. 2021. Mok. (https://id.wikipedia.org/wiki/Mok, diakses 12 Desember

2021)

Info & Tips Seputar Percetakan Jakarta. 2019. Jenis-Jenis Mug.

(https://seputarinfopercetakan.blogspot.com/2019/02/mug-merupakan-jenis-
gelasyang-pada.html, diakses 12 Desember 2021)

Bisabikin.in. 2020. Apa Itu Mug Printing?. (https://bisabikin.in/mug-printing/,

diakses 11 Desember 2021)

Tabhroni, Gamal. 2019. Pengertian Desain (Lengkap) berdasarkan Pendapat Para

Ahli. (https://serupa.id/pengertian-desain/, diakses 12 Desember 2021)

Kurniawan, Bayu. 2018. Pengertian Desain Menurut Para Ahli (Lengkap).

(https://www.kurnio.com/pengertian-desain/, diakses 12 Desember 2021)

Setiyaningsih, Yunita. 2020. Pengertian Adobe Illustrator.

(https://dianisa.com/pengertian-adobe-illustrator/, diakses 12 Desember 2021)

81