praktek : membuat logo - iwankuliah.files.wordpress.com · tampilkan ribbon 9 ke dalam artboard,...

21
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

Upload: lekhanh

Post on 12-Mar-2019

217 views

Category:

Documents


0 download

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)