Membuat Logo Dengan Corel Draw

Corel Draw adalah salah satu aplikasi terkenal berbasis vektor. Kita dapat memanfaatkannya untuk membuat berbagai karya grafis salah satunya Logo.

Lantas apakah itu Logo?

Logo adalah sebuah simbol atau lambang yang menggambarkan ciri khas dari sesuatu baik itu barang, lembaga, perusahaan, instansi ataupun website atau Blog. Sebuah Logo bisa dikatakan bagus baik jika dapat mewakili produk apa yang dimaksudkannya. Sebagai contoh adalah logo Nike (centang)  yang di seluruh dunia sangat dikenal, ketika Anda melihat logo itu apa yang anda pikirkan, jelas saja anda segera membayangkan simpel dan sporty-nya . Sebuah logo berarti konsep, simbol, dan elemen grafis yang merupakan pemikiran utama dari satu perusahaan, situs atau produk.

Tutorial Membuat Logo dengan CorelDraw

Continue reading

Advertisements
Posted in Corel Draw | Tagged , , , , , , , , , , | Leave a comment

Membuat Layout Majalah Anak

Membuat Layout Majalah Anak

Pernahkah Anda membaca media cetak seperti majalah, koran, tabloid, dll. Jika diperhatikan, setiap halaman maupun covernya memiliki layout yang rapi. Layout memiliki arti sempit yaitu tata letak. Sedangkan secara luas layout adalah penyusunan, penataan , dan juga pemaduan dari beberapa elemen desain / unsur unsur komunikasi grafis (berupa teks, gambar, tabel , grafik, dll) sehingga dapat menjadi suatu susunan artistik yang proporsional dan komunikatif. Aplikasi yang kerap kali digunakan untuk membuat layout majalah adalah Adobe InDesign. Dalam aplikasi ini kita dapat menggunakan banyak halaman dalam sebuah tampilan.Membuat Layout Majalah Anak Continue reading

Posted in Adobe Indesign | Tagged , , , , , , , , , , | Leave a comment

Membuat Layout Web Bootstrap Dengan Grid System

Membuat Layout Web Dengan Grid System (Versi Smartphone)

Dalam pembuatan suatu website, tidak hanya dibutuhkan kemampuan mengolah web tersebut. Kita juga harus memperhatikan bagaimana cara menarik perhatian penjelajah internet. Nah untuk itu, kita perlu membuat sesuatu yang menarik dan komunikatif. Kita dapat memulainya dari segi layout web itu sendiri.

Membuat Layout Website Dengan Grid System Continue reading

Posted in Photoshop | Tagged , , , , , , , , , | Leave a comment

Tutorial Membuat Layout Web Dengan Grid System

Membuat Layout Web Dengan Grid System (Versi Tablet)

Dalam pembuatan suatu website, tidak hanya dibutuhkan kemampuan mengolah web tersebut. Kita juga harus memperhatikan bagaimana cara menarik perhatian penjelajah internet. Nah untuk itu, kita perlu membuat sesuatu yang menarik dan komunikatif. Kita dapat memulainya dari segi layout web itu sendiri.

Membuat Layout Web Dengan Grid System

Continue reading

Posted in Photoshop | Tagged , , , , , , , , , | Leave a comment

Membuat Layout Web Dengan Grid System

Membuat Layout Web Dengan Grid System (Versi PC)

Dalam pembuatan suatu website, tidak hanya dibutuhkan kemampuan mengolah web tersebut. Kita juga harus memperhatikan bagaimana cara menarik perhatian penjelajah internet. Nah untuk itu, kita perlu membuat sesuatu yang menarik dan komunikatif. Kita dapat memulainya dari segi layout web itu sendiri.

Membuat Layout Website Dengan Grid System

Lantas apakah Layout itu?

Layout memiliki arti sempit yaitu tata letak. Sedangkan secara luas layout adalah penyusunan, penataan , dan juga pemaduan dari beberapa elemen desain / unsur unsur komunikasi grafis (berupa teks, gambar, tabel , grafik, dll) sehingga dapat menjadi suatu susunan artistik. Dalam kata lain prinsip layout sama dengan management bentuk dan bidang menjadi sesuatu yang proporsional dan komunikatif. Tujuan utama layout sendiri agar memudahkan pembaca menerima informasi yang disajikan. Dalam pembuatan desain web , para designer web membutuhkan suatu acuan (patokan) sehingga dapat memudahkan proses perancangan web itu sendiri. Maka dari itu, diciptakanlah suatu teknik Grid System. Grid System digunakan sebagai perangkat untuk mempermudah menciptakan sebuah komposisi visual.

Dalam tutorial kali ini, kita akan mempelajari bagaimana penerapan grid system dalam pembuatan desain web untuk versi monitor PC. Disini saya menggunakan Adobe Photoshop CS 6 dan ekstensi “Guide Guide” Photoshop CS 6 yang dapat anda download terlebih dahulu. Mari kita pelajari tutorial berikut :

  1. Kita buka projek baru di Adobe Photoshop CS 6. Lalu kita custom width (lebar) halamannya menjadi 1200 px, untuk heightnya (panjang) bisa menyesuaikan. Lalu kita ubah color modenya menjadi RGB Color. Klik OKMembuat Layout Website Dengan Grid System
  2. Kita aktifkan Guide-Guide dengan mengklik icon ini , jika anda tidak menemukannya anda bisa mencari di windows selanjutnya extensions lalu centang guide-guide. Kita custom menjadi seperti gambar dibawah iniMembuat Layout Website Dengan Grid System
  3. Selanjutnya kita akan membuat header webnya, kita menggunakan rectangle tool . Kita juga dapat menggunakan ruler (Ctrl+R) dan tarik rulernya untuk membantu penempatannya. Usahakan persegi panjang tadi tidak melebihi margin guide-guidenya. Buat persegi panjang berwarna abu abu gelap dan putih. Membuat Layout Website Dengan Grid System
  4. Lalu anda dapat menambahkan logo dan nama web pada bagian persegi panjang putih. Kita masukkan icon sosial media pada pojok atas bagian abu abu gelap, seperti yang tampak pada gambar berikut.Membuat Layout Website Dengan Grid System
  5. Setelah itu, kita akan membuat icon button menu dengan menggunakan teks. Lalu kita tambahkan gambar pada bagian bawah menu . Anda dapat berkreasi pada gambar yang telah dimasukkan. Misalkan saja saya beri persegi panjang hitam menutupi gambar itu lalu opacitynya dikurangi. Nah gambar akan berwarna gelap seperti ini.Membuat Layout Website Dengan Grid System
  6. Selanjutnya saya menambahkan sedikit teks dengan klik icon ini atau dengan shortcut (T) di tengah gambar itu, lalu saya beri 2 garis dengan menggunakan pentool (P) pentool . Saya tambahkan gambar lingkaran di antara 2 garis tersebut. Jadinya seperti iniMembuat Layout Website Dengan Grid System
  7. Anda bisa menambahkan teks atau button lain di bagian gambar tadi. Lalu kita buat bagian lain dengan kombinasi dua warna seperti putih dan hijau. Kita akan membuat slogan atau kalimat pembuka pada web. Membuat Layout Website Dengan Grid System
  8. Kita bisa membuat beberapa menu lagi pada bagian berwarna hijau. Misalkan saja kita akan membuat simulasi menu tersebut dengan menggunakan rectangle tool. Kita buat 3 persegi dengan ukuran yang sama. Lalu gambar icon/logonya dengan menggunakan elipse tool dan pentool. Ubah fillnya dan atur handlenya.Membuat Layout Website Dengan Grid System
  9. Buat bagian lain dibawah menu tersebut dengan background berwarna abu abu gelap lalu kita tambah gambar di sisi kiri lalu sisakan sedikit ruang untuk bagian deskripsi web. Anda bisa mengkreasikan gambar tersebut seperti gambar pada header tadi dengan menggunakan beberapa teks dan garis.Membuat Layout Website Dengan Grid System
  10. Selanjutnya kita buat bagian bagan web, kita beri judul di atasnya. Lalu kita tinggal menggambar bagannya seperti yang anda inginkan.Membuat Layout Website Dengan Grid System
  11. Setelah itu, buat bagian kolom komentar dengan background berwarna hijau seperti ini. Tinggal tambahkan tulisan maupun sedikit hiasan seperti ini menggunakan pentool
  12. Kita ulangi langkah ke 7 dengan warna yang berbeda misalkan dengan warna putih dan abu abu seperti ini lalu kita bisa mengisi informasi-informasi lain di dalamnya.Membuat Layout Website Dengan Grid System
  13. Langkah terakhir kita tambahkan sebuah persegi panjang untuk menempatkan copyrightnya dibagian paling bawah.
  14. Untuk menghilangkan grid guidenya kita bisa disable dengan klik icon ini . Membuat Layout Website Dengan Grid SystemWeb kita sudah jadi. Sekian tutorial dari saya jika masih mengalami kesulitan silahkan menyaksikan video tutorial pada link berikut, Selamat Mencoba!
Posted in Photoshop | Tagged , , , , , , , , , | Leave a comment

Membuat Transisi Simple

Apakah Transisi Itu?

Transisi adalah pergantian gambar dari hal ke hal yang lain, sering kali kita dapat menjumpai transisi dalam video. Transisi ini biasa terletak di tengah elemen yang akan mengalami pergantian.  Disini transisi diharapkan berperan penting dan dibuat sebagus dan secantik mungkin bergantung pada cara pengambilanya karena disesuaikan dengan kondisi yang ada.

Kita dapat memanfaatkan transisi yang praktis yang biasanya sudah disediakan langsung oleh sebuah software seperti Adobe Premiere, Movie Maker, Camtasia Studio atau yang lain. Namun kini kita juga dapat membuat sendiri transisi sesuai dengan yang kita inginkan.

Membuat Transisi Simple

Continue reading

Posted in Adobe After Effects | Tagged , , , , , , , , | Leave a comment

Membuat Efek Pop Up

Apakah Efek Pop Up itu?

Efek Pop Up sendiri adalah teknik animasi gambar dengan memperbesar tampilan view , misalkan dari ukuran normal bisa menjadi besar dengan teknik tertentu. Efek Pop Up sendiri sering dijumpai di berbagai media, paling sering di website. Namun pop up bukan hanya bisa digunakan dengan media css maupun javascript yang biasanya dipadukan dengan media jquery. Kali ini kita akan membuat animasi pop up dengan menggunakan Adobe After Effects.

Membuat Efek Pop Up

Continue reading

Posted in Adobe After Effects | Tagged , , , , , , , , , | Leave a comment

Membuat Motion Graphic

Perkembangan teknologi sekarang telah mendukung perkembangan dari seni graphic design yaitu motion design yang bisa disebut juga motion graphic yang dapat digunakan untuk komponen film, video atau animasi komputer.Lantas apakah sebenarnya motion graphic (motion grafik) itu? Adalah karya  grafis yang menggunakan teknologi animasi untuk menciptakan ilusi gerak atau rotasi, dan biasanya dikombinasikan dengan audio atau sejenisnya  untuk digunakan dalam  multimedia.

Membuat Motion Graphic

Continue reading

Posted in Adobe After Effects | Tagged , , , , , , , , , | Leave a comment

Membuat Name Card (Kartu Nama)

Dewasa kini telah berkembang dunia usaha perkantoran yang sangat berkembang. Tak heran jika banyak sekali pekerja kantoran di Indonesia saat ini. Dalam kehidupan berbisnis kita harus pandai untuk saling berkerja sama satu sama lain. Akan tetapi , yang perlu diperhatikan dalam bekerja sama adalah pastikan pihak tersebut memiliki identitas yang jelas agar tidak terjadi hal hal yang tidak diinginkan.

Lantas bagaimana kita mengetahui informasi dari suatu perusahaan maupun perseorangan? Nah mudah saja , melalui name card atau kartu nama kita dapat mengetahui informasi penting tentang kejelasan perorangan itu.

kl

Continue reading

Posted in Adobe Illustrator | Tagged , , , , , , , , , | Leave a comment

Tutorial Membuat Design Cover Buku

Untuk memperindah sebuah tampilan pada media cetak, tentunya kita harus menerapkan seni disetiap proses produksinya. Terutama pada bagian sampul depan yang biasa kita sebut cover depan. Tingkat kualitas seni pada bagian cover dapat mempengaruhi minat pembeli ataupun pembaca. Seperti contohnya sebuah buku yang memiliki tampilan bagus akan mengundang seseorang untuk mengetahui isi bacaan buku tersebut. Hal yang harus diperhatikan untuk memulai membuat desain cover buku adalah cover buku harus mewakili materi isi buku. Desain cover buku yang sedang trend, baik dari sisi desain, teknik cetak, dan ukuran akan selalu menjadi perhatian orang.

Continue reading

Posted in Adobe Illustrator | Tagged , , , , , , , , , | Leave a comment