Minggu, 31 Maret 2013

Cara Membuat Karikatur dengan CorelDRAW

Karikatur adalah sebuah penggambaran potret yang dilebih-lebihkan dengan membuat suatu bentuk visualisasi wajah yang mudah dikenali. secara definisi, karikatur dapat diartikan sebagai gambaran yang dilebih-lebihkan dari suatu karakter wajah dan penyederhanaan dibagian wajah yang lain.

Isi karikatur bisa berupa sindiran atau pujian dan dapat pula dimaksudkan untuk tujuan politis atau dibuat semata-mata untuk hiburan. Karikatur politik biasa ditemukan di kartun editorial, sementara karikatur selebriti sering ditemukan di majalah hiburan. 

karikatur dapat berfungsi sebagai penyampai pesan tertentu yang dikemas dalam bingkai yang menarik sehingga mampu mengundang perhatian target pembaca. coba saja buka halaman sebuah koran, dan di koran tersebut memuat sebuah gambar karikatur, tentu pandangan kita pertama kali akan tertuju ke gambar karikatur tersebut, selanjutnya..kita akan coba mencerna pesan apa yang disampaikan oleh gambar tersebut. terlepas dari pesannya sampai atau tidak, kebanyakan karikatur berhasil menarik perhatian sebagian besar target pembaca, hal tersebut sangatlah penting dalam langkah awal sebagai media penyampai pesan. selain itu, karikatur juga ditujukan sebagai bentuk hiburan yang unik, terlepas dari apakah akan ditujukan untuk keperluan bisnis ataupun tidak.

Berikut adalah Cara membuat karikatur dengan mudah menggunakan CorelDRAW;

Import gambar yang akan kita edit menjadi karikatur, selanjutnya klik tombol Edit Bitmap di Property Bar;


Selanjutnya kita masuk CorelPHOTO-PAINT, pada Menu Bar > Effects > Distort > pilih Mesh Wrap...


Pada kotak dialog geser-geser node/grid pada Mesh Wrap untuk mmenonjolkan karakter wajah pada foto seseorang yang akan kita buat karikatur, sampeyan bisa menambah grid untuk mempermudah proses editing dengan menambah nilai Gridlines, setelah selesai klik OK;


Dan hasilnya akan seperti gambar dibawah ini, sekarang terserah masbro sekalian mau diapakan foto ini, sampeyan bisa tracing secara langsung  menggunakan aplikasi apasaja yang dirasa baik menurut sampeyan;


Demikian cara sederhana membentuk karakter karikatur pada objek foto wajah menggunakan CorelDRAW.

Dibawah ini adalah contoh karikatur dalam bentuk Vexel/Vector;

Albert Einstein


Angielina Jolie


Mick Jagger


Bruce Willis


Will Smith


Sylvester Stallone


Sutan Batugana, Karya;  Jadud Soemarmo

Demikian, semoga bermanfaat

Kamis, 28 Maret 2013

Menyimpan Warna Menjadi Color Palette

Hanya CorelDRAW X5 & X6
Ketika sampeyan sudah download contoh warna yang diberikan oleh seorang sahabat pada kita, trus sampeyan bingung .... bagaimana ini cara nyimpennya?...  hemmm kalau yang masih pakai CorelDRAW X4 kebawah lewati aja tutorial ini karena hanya ada pada CorelDRAW X5 & X6 saja.

Langkah menyimpannya simak dibawah ini :

Misalnya sampeyan sudah download contoh warna seperti dibawah ini;


Pada Document Palette, klik tanda segitiga, (kalau Document Palette pada CorelDRAW sampeyan belum muncul untuk menampilkan tempatnya pada Menu Bar > Window > Color Palettes > Document Palette)


Pilih Add from Document;


Hasilnya akan seperti gambar dibawah ini, pada Document Palette sudah terisi semua warna yang ada di area kerja CorelDRAW;


Selanjutnya untuk menyimpan warna yang sudah ada pada Document Palette, klik pada tanda segitiga lagi > pilih Palette > Save / Save As ...


Dan beri nama file apasaja (misalnya: vector wajah) dan klik Save;


Sehingga pada sub menu Color Palette sudah ada menu Color Pallete baru dengan nama vector wajah.xml, untuk menampilkannya sampeyan tinggal klik untuk memberi centang pada palette yang bersangkutan;


Sehingga akan tampil seperti gambar dibawah ini, ketika sampeyan sorot mouse, yang muncul tulisan file yang telah kita simpan tadi;


Demikian masbro, mudah kan???

Senin, 18 Maret 2013

Redirect Halaman Blogger dengan Custom Redirect

Blogger Custom Redirect berfungsi untuk mengalihkan (redirect) halaman yang sudah dihapus, tidak ada atau sudah tidak perlu di akses lagi oleh pengunjung blog. Jadi, pengunjung yang berkunjung ke blog sobat tidak kecewa karena link yang diakses telah rusak atau telah di hapus. Kadang kita melihat adanya link rusak (broken link) yang bila dituju akan diarahkan ke halaman error 404. Penyebab utamanya yaitu, link tersebut merupakan suatu halaman yang tidak ada atau tidak ditemukan

Dan pastinya, hal itu berefek buruk bagi Search Engine Optimization (SEO). Link Rusak atau lebih dikenal dengan broken link disebabkan oleh telah terhapusnya suatu halaman atau bisa jadi merupakan kesalahan kita dalam penulisan link di suatu web/blog orang lain (backlink) lalu terdeteksi oleh google, dan tentunya url tersebut otomatis akan di alihkan ke halaman 404 karena google tidak menemukan halaman yang dirujuk. Dalam hal ini kita bisa menggunakan fitur ini untuk mengalihkan halaman yang telah dihapus (atau yang tidak relevan) menuju ke halaman yang sudah diupdate atau lebih baru lagi. Nah, redirect suatu halaman blogger dengan custom redirect sangatlah mudah.

Caranya bisa kita lihat di bawah ini;
  • Masuk ke halaman Setelan
  • Kemudian, klik pada tab Preferensi penelusuran
  • Di bagian kesalahan dan pengalihan, klik Edit pada kolom Pengalihan Khusus


  • Maka kita akan diperlihatkan oleh 2 kolom. Yaitu kolom pertama adalah link lama yang akan di redirect (dialihkan), dan yang kedua adalah kolom link baru (yang terupdate), 
  • penulisan link alamat halaman dimulai dari ./    Contoh misal http://belajar-coreldraw.blogspot.com/2012/11/menyimpan-shortcut-yang-sudah-kita-buat.html  yang ditulis cukup /2012/11/menyimpan-shortcut-yang-sudah-kita-buat.html


    • Periksa kedua kolom, apakah link sudah tertulis dengan benar. Centang kotak permanen apabila kita ingin mensetting redirect untuk selamanya. Jika ingin redirect untuk sementara, jangan centang kotak permanen. Jika sudah, klik Simpan > Simpan perubahan pada kolom tersebut
    • Apabila kita ingin menambah redirect lain, kita tinggal tekan Pengalihan Baru. Jika tidak, langsung saja klik Simpan Perubahan
    • Tes link tersebut, dengan memasukkan link lama ke kolom address bar browser kita. Apabila halaman lama diarahkan ke halaman baru. Custom redirect pun berhasil
    Demikian, semoga bermanfaat.

    Cara Menambahkan Meta Deskripsi pada Blogger (Baru)

    Meta description merupakan bagian vital blog yang berisi informasi tentang blog dan artikel-artikel yang ditulis. Tanpa meta description maka blog akan sangat sulit dirayapi oleh laba-laba mesin pencari dari mbah google. Jadi, beruntung kita-kita yang telah menggunakan platform blogger telah di beri kemudahan pada pemasangan meta deskripsi nya,

    Ada dua macam meta tag deskripsi pada blogger yang pertama adalah menambahkan meta deskripsi blog / homepage dan yang kedua menambahkan meta deskripsi tiap halaman posting.

    Menambahkan Meta Deskripsi Blog.
    • Masuk ke akun blogger Dasbor > Klik Setelan/Setting > Preferensi Penelusuran > Tag Meta


    • Klik "Edit" pilih "Ya" pada "Aktifkan deskripsi penelusuran?"


    • Isi meta description dengan karakter maksimum 150 karakter. Setelah di isi klik tombol "Simpan perubahan"
      Keterangan
      Meta description ini akan digunakan hanya pada halaman utama (halaman index atau halaman beranda) sedangkan untuk masing-masing artikel, kita harus menuliskannya lagi.

      Menambahkan Meta Deskripsi Tiap Halaman Postingan Blog
      • Masuk ke menu Post > pilih postingan blog yang akan di edit.
      • Perhatikan pada sidebar editor, harus sudah bertambah satu widget "Deskripsi Penelusuran"


      • Klik "Deskripsi Penelusuran" dan masukan deskripsi artikel pada kotak dibawahnya, setelah itu klik tombol "Selesai"
      Keterangan:
      Deskripsi Penelusuran ini akan menggantikan deskripsi global, dan deskripsi ini akan digunakan mesin pencari untuk mengurai isi artikel anda. Meta Description ibarat ringkasan dari artikel yang anda tulis, oleh karena itu, buatlah deskripsi yang menarik. Deskripsi artikel tidak akan ditampilkan pada browser namun akan diambil oleh mesin pencari (machine-readable metadata) dan situs lain (misal Facebook dan Google Plus).

      Yang terakhir kita harus sedikit edit template blogger untuk penyesuian. Langkahnya sebagai berikut

      • Masuk ke "Template - Edit HTML - Lanjutkan"
      • Scroll hingga di temukan kode dibawah ini:
      • <meta expr:content='data:blog.metaDescription' name='description'/>
      • Jika tidak ditemukan berarti blog belum menggunakan meta description walau sudah diaktifkan, ikuti langkah penyisipan kode berikutnya.
      • Jika template belum menerapkan meta description, cari kode dibawah ini:
      • <b:include data='blog' name='all-head-content'/>
      • Masukan (copy paste) kode dibawah ini tepat di bawah kode <head>
      • <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='description'/>
        </b:if>
      • Simpan template..
      Setelah meta description diaktifkan, dan artikel yang disertai meta descriptioan diterbitkan maka lakukan pengecekan untuk memastikan bahwa meta description sudah aktif pada blog anda. Lakukan langkah berikut:
      • Lihat artikel yang sudah disertai meta description
      • Gunakan kombinasi tombol keyboard CTRL + U (pengguna Firefox dan Chrome) atau klik kanan pada area artikel dan pilih "View source" (pengguna Safari) untuk melihat source code blog kita, dan perhatikan meta deskripsi yang baru saja kita buat. Atau gunakan kata kunci "name='description'" menggunakan pencarian browser. Jika sudah tampil seperti apa yang kita tuliskan pada artikel berarti meta description pada blog kita sudah aktif, kita tes share pada Facebook atau Google Plus, maka yang akan ditampilkan adalah meta description, bukan penggalan artikel lagi.

      Demikian Cara Menambahkan Meta Deskripsi pada Blogger Versi Terbaru, tinggal di praktekkan saja.
      Semoga Bermanfaat...

      Desain Logo Termahal di dunia

      Belum ada standarisasi yang jelas mengenai harga sebuah desain logo. Setiap desainer atau design agency merumuskan harga dengan caranya masing-masing, tentu dengan mempertimbangkan tingkat kesulitan selama proses dalam membuat logo tersebut.

      Dibawah ini adalah sebagian contoh dari harga logo-logo terkenal di dunia. Ada logo yang harga desainnya terbilang sangat tinggi, namun ketika diluncurkan mendapat hujan kritik dari banyak desainer lain. Sebaliknya, ada juga logo dengan harga yang terbilang rendah, namun setelah beberapa puluh tahun tetap berdiri sebagai salah satu logo paling berhasil diseluruh dunia.
      Namun bagaimana sebenarnya cara paling tepat menghitung harga desain logo?
      Benarkah proses pembuatannya murni menjadi tolak ukur?
      Dengan melihat harga dari logo-logo terkenal dibawah, silahkan menyimpulkan sendiri (karena sebenarnya aku juga tidak tau..hehehe)

      1. Twitter


      desainer: Simon Oxley
      tahun pembuatan: 2009
      harga: $10-$15 (sekitar Rp.100.000-Rp.150.000,-)


      2. Pepsi

      desainer: Arnell Group
      tahun pembuatan: 2009
      harga: $ 1.000.000 (sekitar 10 Milyard rupiah)


      3. NeXT


      desainer: Paul Rand
      tahun pembuatan: 1986
      harga: $ 100.000 (sekitar 1 milyard rupiah


      4. Nike


      desainer: Carolyn Davidson
      tahun pembuatan: 1971
      harga: $ 35 (sekitar Rp.350.000)


      5. ENRON



      desainer: Paul Rand
      tahun pembuatan: 1990
      harga: $33.000 (sekitar Rp.330.000.000,-)


      6. GLASGOW 2014



      desainer: Marque Agency
      tahun pembuatan: 2010harga: £ 95,000


      7. City of Melbourne




      desainer: Landor Associates
      tahun pembuatan: 2009
      harga: $ 240.000 (sekitar 2.5 Milyard rupiah)


      8. London 2012


      desainer: Wolff Ollins
      tahun pembuatan: 2007
      harga: £ 400,000

      Kamis, 14 Maret 2013

      Memasang Syntax Highlighter di Blogger

      Pernah melihat kode program di blog yang berwarna-warni layaknya melihat kode program di text editor komputer sampeyan ?... itu namanya Syntax Highlighter. Syntax Highlighter untuk menempatkan kode HTML  yang biasa di posting di blog menjadi sama seperti di text editor layaknya memakai Notepad atau Dreamweaver ataupun program text editor lainnya. Jadi akan terasa lebih indah, berwarna-warni, lebih enak dilihat, dan lebih enak dibaca. Cara membuat untuk blogger berikut ini langkahnya :
      1. Backup terlebih dahulu template blogger sampeyan.
      2. Setelah dibackup, masuk ke Dasbor - Design - Edit HTML
      3. Tekan CTR+F dan cari kode </head> 
      4. Pasang code berikut diatasnya;

      <!--SYNTAX HIGHLIGHTER BEGINS-->
      <link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css' rel='stylesheet' type='text/css'/>
      <link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'></script>
      <script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'></script>
      <script language='javascript'>
      SyntaxHighlighter.config.bloggerMode = true;
      SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
      SyntaxHighlighter.all();
      </script>
      <!--SYNTAX HIGHLIGHTER ENDS-->

      Cara penulisan untuk menggunakan dalam tampilan posting sebagai berikut;

      <pre class="brush:html">
      tulis disini kode 'HTML' sampeyan
      </pre>

      Contoh hasil penulisan seperti srkinsyot dibawah ini... Demikian mase, dipake sukur gak dipake juga gak apa-apa

      Selasa, 12 Maret 2013

      Modifikasi Tampilan Widget LinkWithin

      Silaturahmi ketetangga sebelah eee... akhirnya nemu juga yang dicari, lawong tampilan LinkWithin ketika disorot warnanya item semua, untung ada Non yang baik hati, gak tau namanya tapi blognya punya nama Prohomeideas *keren banget ya nama blognya* bahasa londo kayaknya hehehe....
      OK.. Pada artikel ini aku akan berbagi bagaimana caranya memodifikasi tampilan widget LinkWithin agar ciamik dengan menggunakan CSS dan tentunya dengan pembahasan yang sangat mudah untuk dipahami oleh semua kalangan baik pemula apalagi profesional.

      CSS dibawah ini akan mengatur tampilan LinkWithin seperti menghilangkan link logonya, hover backgroundnya, warna dan ukuran font serta jarak antara artikel satu dengan lainnya.

      #linkwithin_logolink_0 {
      display: none;
      }

      .linkwithin_posts {
      width: 500px !important;
      }

      .linkwithin_posts a {
      background: none !important;
      border: none !important;
      padding-right: 15px !important;
      }

      .linkwithin_hook {
      background: none repeat scroll 0 0 transparent;
      color: #4A4A4A;
      font-family: verdana, sans-serif;
      font-size: 13px;
      font-weight: bold;
      letter-spacing: -0.25px;
      line-height: 45px;
      margin-bottom: 10px;
      }

      .linkwithin_title {
      color: #454545 !important;
      font-family: verdana, sans-serif !important;
      font-size: 12px !important;
      line-height: 14px !important;
      text-decoration: none;
      }

      .linkwithin_title:hover {
      color: #888888 !important;
      text-decoration: underline !important;
      }

      Sampeyan tinggal mengambil kode diatas untuk diterapkan kedalam blog sampeyan, apabila dirasa kurang pas sampeyan bisa memodifikasi sesuai dengan kondisi template bawaan blog kepunyaan sampeyan,semoga bermanfaat.

      Minggu, 10 Maret 2013

      Menciptakan Gambar Realistis Dengan Mesh Fill di CorelDRAW

      Beberapa waktu yang lalu salah satu sahabat kita (indoCCom) yaitu Pak Koen Edward share sebuah karya di group dalam tajuk "Beda Gaya Beda Cerita", yang menurutku ini adalah karya yang spektakuler yang layak disejajarkan dengan karya-karya desainer profesional top lainnya.

      Dibawah ini adalah hasil karyanya;

            Gambar original


            Gambar vector Pak Koen Edward, dikerjakan dengan CorelDRAW


      Pada koleksi foto galeri dikronologinya beliau menuliskan beberapa kalimat yang bermakna seperti ini;
      Untuk gradasi warna yg lebih njlimet, gunakan saja mesh fill tool pada CorelDRAW. Versi berapapun selama ada mesh-fillnya bisa. Tapi X6 yg paling sempurna.

      Dan ada komentar tentang gambar tersebut dari Kang Choesny Muhammad yang masih terngiang di telinga, begini kira-kira kalimatnya;
      Gambar tsb sudah mengungkapkan berjuta-juta kata pak Koen Edward.... kesabaran, talenta, intuisi, insting dan artistiknya sudah bisa dirasakan...

      Pasti MasBro sekalian agak bingung mana foto yang asli dan mana yang vecor, jadi selama ini kita bisa menepis anggapan pada sebagian desainer yang terlalu mengagungkan bahkan mendewakan progran aplikasi tetangga. Jadi menurutku pada dasarnya aplikasi apapun kalau memang jago maka akan menghasilkan suatu gambar desain yang tidak mengecewakan.

      Berikut adalah tips & tricks singkat dari Pak Koen Edward
      Tips buat yang pengin nyoba meshfill wajah: mulai saja langsung dari wajahnya. Pelajari dulu pola gradasi warna dan gelap terangnya secara global. Abaikan dulu anggota wajah (mata, hidung dan bibir). Bikin anggota wajah secara terpisah. Awaki dengan bikin nodenya sesedikit mungkin, detil belakangan. Semoga membantu.
      Berikut adalah bedah anatomi ala Pak Koen Edward, gambar tersebut mungkin masih bisa dieksplorasi detailnya dan untuk lebih afdolnya sampeyan bisa download di akhir postingan ini;


      Semoga bermanfaat, sampeyan bisa download file CorelDRAW-nya dibawah ini sebagai refrensi untuk pembelajaran, salam vector.

      DOWNLOAD (file .cdr X4, X5, X6)

      Jumat, 08 Maret 2013

      Membuat Efek Refleksi dan Riak Air dengan CorelDRAW

      Versi : CorelDRAW X6 (bisa dengan versi dibawahnya)

      Dalam tutorial CorelDRAW ini kita akan mempelajari cara mudah menambahkan efek refleksi air dan riak air yang realistis ke dalam gambar foto apa saja. Untuk membuat efek seperti ini dengan CorelDRAW sangatlah mudah dan kita dapat menambahkannya ke setiap foto yang kita suka, meskipun gambar yang kita punya tidak ada objek air sedikitpun didalamnya. Dalam tutorial ini mari kita bersama membuat efek refleksi air dan efek riak air.

      Foto berikut ini adalah foto original yang akan kita beri efek refleksi air;


      Setelah ada efek refleksi air dan riak air akan seperti foto dibawah ini;


      Langkah 1 : Membuat Background

      Sebagai Background kita membuat objek kotak dengan Rectangle tool yang letaknya di Toolbox, dan kita beri warna hitam dengan cara klik pada Color Palette pada pilihan warna hitam.


      Selanjutnya Import foto dan letakkan pada posisi di atas background kotak warna hitam.


      Langkah 2 : Duplikasi dan Mirror Objek Foto

      Kemudian duplikat dengan transformations, fitur ini letaknya pada Menu Bar > Arrange > Transformations > dan pilih yang Scale and mirror atau cara singkat kita bisa tekan tombol Alt+F9 di keyboard dan pada kotak perintah docker atur seperti gambar dibawah in;


      Setelah kita setting seperti diatas hasilnya seperti gambar dibawah ini.


      Langkah 3 : Memberi Efek Transparan Pada Objek Foto

      Selanjutnya seleksi pada objek foto hasil duplikasi dan pada Toolbox pilih Transparency tool;


      Arahkan mouse diatas objek foto dan drag dengan arah diagonal ke bawah, sehingga akan tercipta efek transparan seperti terlihat pada gambar dibawah ini;


      Langkah 4 : Memberi Efek Riak Air Pada Objek Foto

      Untuk membuat efek riak air bisa menggunakan fitur Ripple yang letakknya pada Menu Bar > Bitmaps > Distort > pilih Ripple...


      Atur pada kotak dialog dengan menggeser-geser slider dan tekan preview untuk melihat tampilan sementara, kalau dirasa sudah cukup sesuai yang kita harapkan klik OK.


      Maka hasil akhir akan seperti gambar dibawah ini.


      berikut adalah contoh lain yang penerapan efek sama persis pada gambar yang berbeda. Hal yang berubah di sini adalah efek refleksi hanya menambahkan sebagian dari gambar aslinya dan semuanya dilakukan dengan cara yang sama.


      Selamat mencoba....