TUTORIAL MULTIMEDIA : Cara Membuat Desain Ikon Sederhana


Cara Membuat Desain Ikon Sederhana

Pada tutorial kali ini saya membagikan panduan membuat ikon Sederhana, Meskipun kelihatan sepele, ikon bisa digunakan untuk berbagai macam keperluan, seperti untuk kartu nama, brosur, iklan, elemen dalam website atau blog dan lain-lain
icon sederhana
Gambar : Icon Alamat - Phone - Email

Pertama, kita buat ikon sederhana yang biasa ada pada Kartu Nama, antara lainikon Tempat/alamat, Telepon, dan E-mail.
1. Buka Corel Draw, kali ini saya memakai Corel Draw X4. (tutorial ini bisa diterapkan di semua coreldraw)
2. Pertama kita membuat ikon tempat/alamat, klik Polygon Tool (Y), buat segitiga, jangan lupa ubah number pointnya menjadi tiga.

icon step 1
3. Ubah arah rotasi sampai sudut lancip berada di bawah, caranya klik dua kali pada objek sampai muncul tanda rotasi, lalu putar objek.
icon step 2
4. Buat objek lagi berbentuk elips, Klik Elips Tool (F7), drag sampai membentuk objek seperti gambar di bawah.
icon step 3
5. Arahkan objek elips yang baru kita buat pada bagian atas segitiga, usahakan objek elips ditempatkan secara proporsional seperti gambar di bawah

6. Seleksi kedua objek (elips dan segitiga) dengan menekan shift lalu klik kedua objek, Lalu gabungkan objek dengan Weld.

Jika berhasil maka hasilnya akan tampak seperti gambar di bawah;
weld in corel

7. Buat objek elips lagi dengan Elips Tool (F7), tetapi ukurannya lebih kecil daripada yang kita buat pertama.

Letakkan objek elips kecil yang baru dibuat pada bagian tengah sedikit ke atas ke objek yang baru digabungkan pada langkah 7 di atas

8. Seleksi kedua objek diatas dengan menekan shift lalu klik kedua objek, kemudian potong objek tersebut dengan Back Minus front untuk memotong bagian tengah objek dengan objek kecil yang diletakkan di tengah.
Back Minus Front
9. Jika sudah, coba warnai objek dengan warna Cyan, cara mewarnai mudah dengan mengklik warna sesuai keinginan pada Color Pallate, Klik kanan untuk mewarnai objek dan Klik Kiri untuk mewarnai outline. Jika ingin menghilangkan outline, klik kiri pada color pallate paling atas (tanda silang), biasanya Color Pallate terletak pada samping kanan lembar kerja Corel Draw.
color palette
Lihat gambar di bawah, Ikon Alamat rumah / alamat (Place) sudah dibuat :
icon place
Gambar : Ikon Alamat (Place)
Ok, kini kita lanjutkan membuat ikon Telepon.
10. Selanjutnya kita buat ikon Telepon, buat persegi panjang dengan Rectangle Tool (F6), lalu ubah ketumpulan sampai 20 derajat sudut dengan mengklik Shape Tool (F10),

11. Buat lagi objek persegi lebih kecil untuk layar Teleponnya dan ubah sudutnya menjadi tumpul seperti cara diatas.

12. Seleksi dua objek yang baru dibuat, lalu Klik Back Minus Front untuk memotong objek tengah.

13. Selanjutnya kita buat tombol-tombol kecil untuk Teleponnya, buat persegi sama sisi dengan Alat Rectangle Tool (F6), agar bentuk objeknya sama sisi (proporsional) tekan tobol Ctrl sambil mendrag objek persegi yang dibuat.

Kemudian ubah sudut perseginya menjadi agak tumpul dengan Shape Tool (F10), buat ketumpulan sedutnya menjadi 45 derajat.

14. Duplikat objek yang baru dibuat di langkah 13, caranya drag objek ke samping sambil menekan tombol Shift, lalu klik kanan, atau jika kesulitan tinggal klik kanan pada objek , pilih copy dan paste, duplikat objek sampai seperti gambar di bawah,

15. Langkah selanjutnya kita gabungkan objek yang baru diduplikat, Seleksi objek diatas lalu klik Weld untuk menggabungkannya.

16. Letakkan objek yang baru digabung pada bagian bawah objek layar Telepon, seperti gambar dibawah

17. Seleksi kedua objek (tombol dan teleponnya) lalu klik Back Minus Front untuk memotongnya.18. Buat antenna Telepon dengan objek persegi panjang dan elips seperti gambar di bawah;

Lalu gabungkan dengan Weld, jika sudah, seleksi objek antenna yang baru dibuat dengan telepon, lalu gabungkan lagi dengan Weld sampai membentuk objek ikon sempurna seperti gambar dibawah, hasilnya kurang lebih seperti ini :

Gambar : Phone Icon
19. Terakhir, kita akan membuat ikon Email, biasanya berbentuk Surat, Caranya mudah, Buat Segitiga dengan Polygon Tool (Y), seperti gambar dibawah

Kemudian duplikat objek segitiga yang baru dibuat untuk dicadangan.

20. Buat objek Persegi dengan ukuran panjang sama dengan objek segitiga yang dibuat pada langkah 19, lalu tempatkan objek segitiga pada bagian atas Persegi seperti gambar dibawah ini

Kemudian seleksi kedua objek, lalu Potong dengan Back Minus Front sampai membentuk potongan objek seperti gambar di bawah

21. Ambil objek persegi yang sebelumnya dicadangkan pada langkah 19, tempatkan pada bagian atas persegi yang sudah terpotong sehingga membentuk ikon surat.

Jika terlihat agak kurang rapi, anda bisa mengubah ukuran segitiga sesuai dengan keinginan, seperti memperkecil, mendragnya agak ke bawah atau sebaliknya sampai membentuk ikon Email yang terlihat bagus. Bila sudah terlihat rapi Lalu seleksikedua objek tersebut, dan gabungkan dengan Weld.

22. Warnai ke tiga ikon yang kita buat sesuai dengan keinginan (kali ini saya memilih warna cyan sebgai latar belakang warna dan putih sebagai warna ikonnya), jika ingin bisa ditambahkan teks dibawahnya sesuai dengan nama ikon yang dibuat.
icon untuk kartu nama

Sekian tutorial Desain icon sederhana ini, sampai jumpa di tutorial saya yang lainnya. Terima kasih, semoga bermanfaat. Salam Grafis!

SUMBER : www.ilmugrafis.com

TUTORIAL MULTIMEDIA : Text Effect Model Clash Of Clans


Text Effect Model Clash Of Clans

Siapa yang tidak mengenal kepopuleran game yang satu ini, ya Clash of Clans. Game bertema tower deffence dipadu dengan strategi pertarungan yang ciamik ini juga turut membuat saya ketagihan memainkannya. Dengan model pasukan bertema Medieval (Middle-End) kita bisa menjumpai sosok penyihir, pasukan (human), pemanah (elv), raksasa, hingga Naga (Dragon), bahkan Pasukan Kegelapan. Hal yang membuat kita bisa merasakan bagaimana serunya aroma pertempuran ala Lord Of The Rings ataupun The Hobbits. Bagi yang belum memainkannya bisa download gamenya disini (Adroid) dan disini (iOS)

Ok, Sekarang kembali ke topik pembahasan, yaitu bagaimana cara membuat text effect photoshop dengan model bertema Clash of Clans

1. Download dan Instal dulu Fonts : Clash of Clans ke PC atau Laptop anda. Setelah itu Instal Font tersebut
2. Ok sekarang buka aplikasi / program Photoshop Anda.
Klik Text Tool pada Toolbox,
Kemudian pilih font "Bad Blockhead",
Lalu warnai dengan warna emas ( #cf9a2d ) , ketik kata yang anda inginkan, misal : CLASH


step 1 - clash of clans text effect

2. Klik Bevel and Emboss
step 2
setting Bevel and Emboss seperti ini :
step 3

Inner Bevel
Chissel Soft
Depth : 200%
Size : antara 10 - 20
Highlight mode : Linear Dodge (add) + Opacity 45%
Shadow Mode : Multiply , color : #402701 + Opacity 75%

Setelah itu klik Satin, atur / setting seperti ini :

step 4
setelah satin selesai atur Stoke seperti ini :
step 5
Hasilnya :
clash of clans text effect
Anda bisa membuat sisanya yaitu "of CLANS", dan mengaplikasikannya ke gambar / foto, Contoh :
king barbarian clash of clans
Hehehe... I am King Barbarian (Cosplay)

Itulah tutorial membuat text effect ala Clash of Clans di Photoshop, semoga makin menambah inspirasi dan imajinasi Anda. Terima kasih dan semoga bermanfaat.

SUMBER : www.ilmugrafis.com

TUTORIAL MULTIMEDIA : Teknik Masking dengan Photoshop


Teknik Masking dengan Photoshop


Pada tutorial dasar tentang photoshop kali ini saya akan membahas mengenai teknik masking di photoshop. Teknik ini sederhana namun akan banyak anda gunakan ketika anda bergelut di dunia kerja dengan photoshop misalnya dalam hal pembuatan banner, kartu nama, dll.
Kenapa lebih menggunakan tehnik masking daripada eraser tool?Pada dasarnya masking mempunyai fungsi yang sama dengan erasing toolyaitu menghilangkan bagian yang tidak diinginkan namun ada perbedaan mencolok diantara keduanya. Perbedaan antara Masking dan Erasing adalah jika menggunakan teknik masking maka gambar tidak akan rusak dan bisa dikembalikan seperti semula karena efek masking ini hanya menutupi bagian yang tidak diinginkan saja. Sedangkan teknik erasing dengan eraser tool memiliki efek menghilangkan bagian dengan menghapus object secara langsung. Oleh karena itueditor foto professional lebih menggunakan masking ketimbang erasing tool.
Masih bingung mari kita ikuti saja tutorial Masking dengan photoshop berikut ini :
1. Buka Photoshop anda, di Start > All Program > Adobe Photoshop
2. Masukkan foto ke dalam photoshop, Caranya : klik File > Open > Pilih Foto > OpenDisini saya memasukkan 2 foto yaitu foto namun anda nanti bisa berimprovisasi dengan lebih banyak fotoFoto - Foto :- Peta Wisata Bali (jpg) sebagai landasan backgroundnya

peta bali, indonesiaGambar : peta bali, indonesia
- Foto Penari BaliBalinese Dances
Gambar : Balinese Dances

( kenapa foto tentang bali? ya sekalian promosiin pariwisata Indonesia )

3. Ok, sekarang gunakan Move Tool drag foto Balinese Dances ke Peta Pulau Bali

Balinese Dance berada di foto Peta Pulau Bali
Gambar : Balinese Dance berada di foto Peta Pulau Bali

4. Sekarang tambahkan masking dengan klik add vector mask
Add vector mask
Gambar : Add vector mask

5. Ok, set foreground dan background menjadi hitam dan putih,
caranya : (tekan tombol D pada keyboard, jika kebalik tekan tombol X , jadi ini sangat penting. Foreground = Hitam, Background = Putih).
Lihat Gambar di bawah 
Set Foreground dan Background
Gambar : Set Foreground dan Background
Penjelasan :
Kenapa? Karena dalam masking nanti ada 2 unsur yaitu black (hitam) dan white (putih), Hitam fungsinya untuk menghapus, sedangkan putih fungsinya untuk mengembalikan penghapusan (masking)

6. Ok sekarang klik Brush Tool,
Brush Tool
Gambar : Brush Tool

Klik panah segitiga kecil dekat brush
anda bisa menSet Hardness brush ke 50%, sapukan brush pada foto Balinene Dances 
Pengaturan Brush
Gambar : Pengaturan Brush

Hasilnya : foto balinese dances akan hilang pada bagian yang anda sapukan brushMasking Foto
Gambar : Masking Foto Balinese Dance ke Peta Bali

Nah sekarang akan saya jelaskan, seperti info saya di atas bahwa dengan masking maka foto tidak akan rusak jadi ketika terjadi kesalahan pada masking maka anda bisa menRestore foto anda dengan menggunakan warna putih, klik foreground dan ubah warnanya ke putih.Foreground Putih
Gambar : Foreground Putih

Sekarang coba sapukan lagi brush anda, dan lihat apa yang terjadi... Restore mask
Gambar : Restore / Pengembalian bentuk Foto "Balinese Dances"

Anda bisa menambahkan object foto yang lain dan men SET hardness dari brush ke tingkat 0% agar lebih transparan, dan ini Contoh Kreasi dengan Masking Photoshop yang saya buat, anda bisa berkreasi menurut imajinasi anda. Contoh Masking di Photoshop
Gambar : Contoh Masking di Photoshop


Nah itulah penjelasan 
tentang teknik masking di photoshop. Semoga teknik Dasar ini bisa bermanfaat untuk kalian agar dapat lebih berkreasi di bidang Photo Editing. Sampai ketemu di tutorial yang lainnya. Selamat belajar Belajar Photoshopdan Semoga Bermanfaat.

SUMBER : www.ilmugrafis.com

TUTORIAL MULTIMEDIA : Teknik Merubah Warna Baju Secara Cepat

Teknik Merubah Warna Baju Secara Cepat

Pada tutorial kali ini saya akan memberikan tips bagaimana cara merubah atau mengganti warna baju secara cepat dan simple dengan Aplikasi Photoshop.

1. Buka Aplikasi Photoshop, kemudian buka foto yang akan diedit
Disini saya memakai foto ini sebagai contoh file latihan :
models
Gambar : Model Baju

2. Seleksi area yang hendak kita ubah warnanya dengan menggunakan Lasso Tool. Klik kiri dan tahan lalu kemudian seleksi area sekitar baju Pada object tersebut
seleksi object dengan lasso tool

3. Setelah itu klik Image > Adjustment > Hue & Saturation
menu hue and saturation

4. Karena warna baju si model adalah Merah (english : Red) maka ubah Edit : Master ke Edit : Reds
kemudian geser pengaturan "Hue"
hue

Warna baju object model sudah berubah (ungu), namun masih terdapat sedikit yang harus diperbaiki yaitu warna kulit pada leher (lihat panah) dan sedikit tangan juga ikut berubah.
setting
Inilah tips dan rahasianya : ^_^ Untuk mengatasi masalah di atas maka geser bagian bawah untuk mengembalikan kulit menjadi normal (kembali sama seperti aslinya)

Setelah menyamakan warna kulit maka kita akan bebas melakukan pergantian warna baju pada foto si model tanpa takut kulitnya ikut berganti warna.

Hasilnya :
hasil ubah warna baju
Gambar : hasil editing ubah warna baju dengan Photoshop

Demikian cara mengganti warna baju dengan Photoshop. Dengan menggunakan tehnik di atas maka tidak hanya baju saja yang bisa diubah, bahkan warna mobil, tembok, pintu rumah, pagar dll bisa kita ubah tanpa harus beli cat (hahaha..).

Terima kasih dan semoga bermanfaat

SUMBER : www.ilmugrafis.com
Support : Copyright © 2015. PROGRAM DAN SOFTWARE - All Rights Reserved
Proudly powered by Blogger