praktek : membuat logo - iwankuliah.files.wordpress.com · tampilkan ribbon 9 ke dalam artboard,...
TRANSCRIPT
![Page 1: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/1.jpg)
PRAKTEK : MEMBUAT LOGO
Aplikasi :
• Adobe Illustrator
• Adobe Photoshop
1. Buka Program adobe ilustrator, buat sebuah dokumen baru dengan ukuran A4,
Kosongkan nilai bleed dan masukan number of artboard = 1.
2. Klik Windows, Artboard Tool
![Page 2: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/2.jpg)
3. Setelah artboard muncul, maka muncul artboard tool seperti berikut :
4. Tentukan center area dokumen , dengan double klik pada Artboard tool untuk
menampilkan option dan aktifkan show center mark pada menu display, klik OK.
![Page 3: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/3.jpg)
5. Aktifkan Ellipse Tool, Lalu buat sebuah lingkaran dengan ukuran Width = 150 mm dan
Height = 150 mm, dengan nilai Fill = Kosong, Stroke = Hitam
6. Sebelum pemberian warna, pilih dahulu lingkaran dan klik menu Edit, Copy. Objek ini kita
simpan sebagai objek dasar lingkaran.
7. Dari panel Appereance, isi Fill dengan warna coklat tua (C= 50 , M= 70, Y=80, K=70),
Stroke : Coklat muda (C=35, M=60, Y= 80, K=25) 15 pt inside
![Page 4: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/4.jpg)
8. Klik Add New Stroke, dengan warna coklat tua, size : 6 pt
9. Selanjutnya klik Menu Edit, Paste in front (ctrl + F), hasilnya lingkaran dasar akan tampil
kembali.
10. Klik kanan pada lingkaran, pilih Transform, Scale
![Page 5: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/5.jpg)
11. Pilih Uniform dan masukan Scale : 60 %. Klik OK
12. Pilih kedua objek (kedua lingkaran) dengan menekan shift + Klik kedua lingkaran
tersebut, dan dari panel Pathfinder , klik Minus Front
![Page 6: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/6.jpg)
13. Menambahkan Pita , dari panel symbol, Klik Flyout Menu, Open symbol Library, Illuminate
Ribbons
![Page 7: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/7.jpg)
14. Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard
15. Klik Menu Object, Transform, Scale, Pilih Non-Uniform, Masukan Horizontal: 700% dan
Vertical: 400%, Klik OK
16. Klik Tombol Break Link, Untuk Melepaskan link antara simbol dan Library,
![Page 8: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/8.jpg)
17. Pastikan object simbol masih terseleksi secara keseluruhan,ganti Size Stroke menjadi 1 pt
18. Aktifkan panel Appearence (Windows, Appearence) dan pilih Fill Gradient, Shift + Klik
pada kotak warna Fill Gradient, ganti menjadi warna Orange (C=0, M=35, Y=85, K=0)
![Page 9: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/9.jpg)
19. Pastikan seluruh objek ribbon (pita) masih terseleksi, lalu klik menu object, Envelope
distort, make with warp,
20. Ikuti setting warp option, seperti berikut :
![Page 10: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/10.jpg)
21. Atur letak pita dibawah lingkaran seperti tampilan dibawah ini :
22. Tambahkan bintang di pita dengan cara mengaktifkan Star Tool, dengan warna bintang :
Putih
23. Pastikan object bintang dalam keadan terseleksi, Lalu klik Effect, Distort & Transform,
Transform.
![Page 11: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/11.jpg)
24. Aktifkan (centang) Preview, masukan copies : 3, Angle : 15, Klik OK.
25. Klik Object, Expand Appearence untuk membentuk effek
26. Klik Menu Object, Transform, Reflect, Pilih Axis : Vertical, Lalu Klik Copy
![Page 12: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/12.jpg)
27. Pindahkan object bintang hasil duplikat disebelah kiri
28. Simpan dahulu file desain tersebut dengan nama design-awal.ai
![Page 13: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/13.jpg)
MENAMBAHKAN GAMBAR
1. Buka program adobe photoshop, Buka File gambar luwak (File luwak.jpg sudah
dipersiapkan),
2. Lakukan seleksi pada gambar luwak, dengan polygonal lasso tool,
3. Ganti warna background menjadi warna putih, denga paint bucket tool
![Page 14: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/14.jpg)
4. Klik Menu Image, Adjustment, Threshold. Masukan Threshol Level : 90, lalu Klik OK
5. Buang bagian-bagian yang tidak perlu, dengan cropp tool,
6. Tutupi bagian luwak yang tidak tertutup stoke dengan brush warna hitam
7. Simpan dengan format JPG, beri nama luwak threshold.jpg
![Page 15: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/15.jpg)
8. Buka kembali program Adobe ilustrator, Klik File , Place , Pilih file luwak threshold.jpg
9. Pastikan gambar telah terseleksi, Object, Image Trace, Make and Expand
10. Klik Object , Live Paint, Gap Option, maka bila stroke telah tertutup semua (tidak ada
garis/kurva yang terbuka pada object luwak seperti di langkah no.6), maka akan muncul :
![Page 16: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/16.jpg)
11. Aktifkan tool live paint bucket, Aktifkan Live Paint bucket, ganti Fill Color (C=15, M=15, Y=40,
K=0)
![Page 17: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/17.jpg)
12. Perkecil gambar dan atur letaknya.
13. Atur posisi layer , dengan cara mendrag gambar luwak ke layer paling bawah
![Page 18: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/18.jpg)
MENAMBAH TEKS
1. Melanjutkan tahapan/langkah sebelumnya, buat sebuah layer baru beri nama Text., dan
buat layer Text di posisi atas dari layer yang lain
2. Ganti nama layer sebelumnya (Layer1) menjadi Artwork (pengelompokan ini untuk
mempermudah)
3. Pada layer Text, Buat Lingkaran dengan ellipse Tool
![Page 19: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/19.jpg)
4. Untuk Mempermudah Fiil dibuat transparant,
5. Letakan lingkaran tersebut berada di posisi lingkaran tengah seperti berikut :
6. Aktifkan Type on a Path Tool, Klik 1 Kali pada path lingkaran yang telah diposisikan di tengah
(langkah no.5) , Lalu ketik KOPI LUWAK TIK, Fill untuk Text : Putih
![Page 20: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/20.jpg)
7. Selanjutnya ketik Motto di Pita (Ribbon) : Kopi Luwak Paling Mantap , dengan mengaktifkan
Type Tool
8. Buat supaya teks melengkup seperti pita (ribbon), dengan warp option
![Page 21: PRAKTEK : MEMBUAT LOGO - iwankuliah.files.wordpress.com · Tampilkan Ribbon 9 ke dalam artboard, dengan cara pilih dan drag ke artboard 15. Klik Menu Object, Transform, ... Tambahkan](https://reader034.vdocuments.site/reader034/viewer/2022052517/5c87408d09d3f207508cff0b/html5/thumbnails/21.jpg)
9. Buat teks “Terpercaya sejak 2014” diatas logo tersebut
10. Kemuadian buat melengkung dengan warp option,
11. Sehingga menghasilkan :
12. Bila sudah sesuai, Simpan dengan nama file : Design Logo-Akhir.ai
13. Tugas : Buat Design Logo lain (Organisasi, Produk , Kelas, Prodi , dll)