Sunday, April 9, 2017

Cara Membuat ID Card dengan Photoshop


ID Card merupakan identitas diri kita dalam suatu kelompok kerja, dengan ID Card kita dapat mengetahui identitas seseorang tanpa harus bertanya, dan menurut saya desain dari ID Card berpengaruh dalam menambah nilai estetika dari suatu perusahaan. pada kesempatan ini kita akan belajar membuat ID Card untuk keperluan masing-masing dari diri anda, mungkin untuk perusahaan anda atau mungkin untuk keperluan event yang kebetulan sedang anda jalankan.

ID Card yang akan kita buat juga tidak sulit kita hanya menggunakan beberapa shape layers, dan desain dari ID Cardnya sendiri juga cukup sederhana, baik sobat kita langsung saja :

Cara Mudah Membuat ID Card dengan Photoshop


Part I : Bagian Depan ID Card


Buka photoshop anda, lalu pada keyboard tekan ctrl+n untuk membuat lembar project baru atau cari File\New, lalu ubah nama project serta ubah juga ukura dari file project menjadi 5.4 cm x 8.56 cm atau 54.02 mm x 85.6 mm dengan resolusi 300 px dan hit OK, lihat gambar 1 di bawah untuk lebih jelasnya :

Gambar 1

Setelah itu buatlah shape layer dengan menggunakan Pen tool, dan atur warna dengan kode #f5a203 untuk Gambar 2, #ffffff untuk Gambar 3, & #ef144c untuk Gambar 4, lihat contoh pada gambar di bawah ini dibawah ini :

Gambar 2

Gambar 3

Gambar 4

Atur posisi shape agar terlihat proporsional, lalu tambahkan photo dengan cara klik File\Place dan posisikan photo di tengah serta letakan layer photo di antara shape 1 dan shape 2, lihat Gambar 5 di bawah ini :

Gambar 5

Kemudian masukan juga logo anda dengan cara klik File\Place posisikan photo ditengah. setelah itu anda tinggal menambahkan nama dan title dengan cara tekan T pada keyboard lalu klik saja area yang ingin di tambahkan text dan ketikan nama seseorang dan juga dengan cara yang sama buatlah title/posisi/jabatannya, lihat contoh Gambar 6 di bawah ini :

Gambar 6

Untuk menambahkan kotak kecil di bawah nama, saya menggunakan rectangle tool. Anda dapat membuatnya dengan menekan tombol U pada keyboard lalu klik kiri ditahan dan geser mouse anda kebawah kanan, setelah shape rectangle terbentuk lepas saja.

Pada part I ini kita sudah selesai membuat bagian depan dari ID Cardnya setelah ini kita akan membuat bagian belakangnya, langsung saja

Part II : Bagian Belkang ID Card


Buatlah lembar project baru lagi dengan ukuran yang sama seperti di atas dan ubah warna background dengan kode warna #231d2a. setelah itu beri efek Inner Shadow dengan cara klik kanan pada layer background dan klik Blending Options atau anda dapat menekan icon dengan symbol fx yang berada pada jendela layers. kemudian ubah nilai Opacity 30%, Distance 0px, Choke 0%, dan Size 250px seperti gambar 7 di bawah ini :

Gambar 7

Lalu masukan logo anda dan tambahkan barcode QR Code "QR Code ditujukan untuk menyimpan informasi tambahan tentang data diri anda masing-masing dalam bentuk kode matrik" untuk membuat QR Code anda dapat melihat tutorialnya dengan mengklik tautan dibawah ini :


Setelah anda membuat QR Code dan telah memasukannya kedalam lembar project atur saja posisinya seperti gambar 8 di bawah ini :

  Gambar 8

Untuk menambahkan text pada lebar project caranya sama seperti di atas dengan menekan tombol T pada keyboard, lalu psosisikan saja letaknya agar terlihat proporsional.

Pada part ini kita telah selesai membuat semua apa yang kita butuhkan sekarang anda tinggal save saja project filenya dengan cara klik file\save as atau tekan ctrl+shift+s pada keyboard lalu pilih saja format yang anda inginkan, bisa PNG, JPEG, PSD untuk format mentahnya, atau TIFF.

Oke sobat itu saja yang bisa saya sampaikan kurang lebihnya saya mohon maaf, sekian dan terimakasih.

Download project file :
Baca selengkapnya

Cara Membuat QR Barcode Sendiri


Kode QR adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai QR merupakan singkatan dari quick response atau respons cepat, yang sesuai dengan tujuannya adalah untuk menyampaikan informasi dengan cepat dan mendapatkan respons yang cepat pula. Berbeda dengan kode batang, yang hanya menyimpan informasi secara horizontal, kode QR mampu menyimpan informasi secara horizontal dan vertikal, oleh karena itu secara otomatis Kode QR dapat menampung informasi yang lebih banyak daripada kode batang.(soon,2008)

Kode QR berfungsi bagaikan hipertaut fisik yang dapat menyimpan alamat dan URL, nomor telepon, teks dan sms yang dapat digunakan pada majalah, surat harian, iklan, pada tanda-tanda bus, kartu nama ataupun media lainnya. Atau dengan kata lain sebagai penghubung secara cepat konten daring dan konten luring. Kehadiran kode ini memungkinkan audiens berinteraksi dengan media yang ditempelinya melalui ponsel secara efektif dan efisien. Pengguna juga dapat menghasilkan dan mencetak sendiri kode QR untuk orang lain dengan mengunjungi salah satu dari beberapa ensiklopedia kode QR.

Pada kesempatan ini saya akan berbagi cara bagaimana membuat Kode QR sendiri menggunakan komputer secara online. langkah pertama kunjungi website di bawah ini :

www.online-barcode-generator.net

Setelah itu ubah parameter barcode seperti gambar 1 di bawah ini :

Gambar 1

Dan isi kolom sesuai data diri anda, kosongkan saja jika tidak perlu. lihat contoh gambar 2 dibawah ini :

Gambar 2

Setelah itu klik saja tombol Create jika semua data diri dirasa cukup informatif. Lalu pilih saja format file Kode QR nya, pilih saja PNG agar lebih mudah, lihat gambar 3 di bawah :

Gambar 3

Sampai disini kita telah selesai membuat Kode QR kita, simpan kodenya dan gunakan untuk keperluan anda. oke sobat sekian dari saya kurang lebihnya saya mohon maaf, Terimakasih.


Baca selengkapnya

Saturday, April 1, 2017

7 Blog Desain Kreatif yang Menginspirasi


Menurut saya internet ialah taman bermain terbaik untuk mencari inspirasi dan ide yang berkaitan degan desain kreatif. namun seringkali kita menghabiskan waktu berjam-jam hanya pada mesin pencari saja tidak menemukan hal yang sebenarnya kita inginkan. maka dari itu pada kesempatan ini saya akan berbagi informasi seputar Desain kreatif yang akan membantu anda menemukan inspirasi, ide-ide kreatif yang akan membangkitkan kreatifitas anda dalam proyek yang kebetulan sedang anda jalankan, berikut ini

7 Blog Desain Kreatif yang Menginspirasi :

1. Shillington Design Blog : Perguruan tinggi desain grafis internasional dengan kampus di Inggris, Amerika dan Australia, blog ini penuh dengan ide-ide segar dan karya yang menginspirasi.

2. The Design Blog : Didirikan, dirancang dan dikuratori oleh Ena Baćanović - desainer yang berbasis di Zagreb - Kroasia, The Desing Blog membawa anda pada ketelitian dalam memilih inspirasi kualitas tinggi, menampilkan karya-karya desainer dan studio desain dari seluruh dunia. 

3. Abduzeedo : Sebuah blog populer yang sukses dan terkenal tentang desainnya, dan juga banyak inspirasi serta tutorial untuk mendukung materi lainnya.

4. Mirador : Mirador adalah Studio desain grafis yang berbasis di Paris, Perancis. 

5. Design Work LifeDesign Work Life adalah blog harian yang diterbitkan oleh Seamless Kreatif, yang tujuannya adalah untuk berbagi desain melalui inspirasi desain-sentris sehari-hari.
6. Logo Design Love : Bingung dengan desain logo harus dibuat seperti apa? Butuh beberapa inspirasi untuk desain logo anda? Lihat blog ini, Gallery desain logo yang berbeda dari seluruh dunia.

7. I Love Typography :  lahir pada 7 Agustus 2007. Blog ini ada karena pemilik blog memiliki gairah untuk tipografi, jenis desain, dan huruf. Ikuti blog populer ini untuk mendapatkan ide tipografi terbaru. 
Baca selengkapnya

Thursday, March 30, 2017

Cara Mudah Desain Baju dengan Photoshop


Intro

"Stay" ya desain di atas mengartikan keingan untuk tetap tinggal berada pada keadaan nyaman yang sudah tercipta entah itu suatu ikatan persahabatan, ikatan cinta, ikatan dinas, ikat pinggang, terserah. dengan font yang tebal menjelaskan tekad bulat untuk tetap tinggal yang akan selalu dijaga, dibangun, dan dibela, dan gambar bukit didalam teks mengilustrasikan perjalanan untuk mendapatkan keadaan nyaman tidaklah mudah kita harus pergi ke barat ikut mencari kitab suci bersama Hsuan-tsang dengan ketiga muridnya yaitu Sun Go Kong, Chu Pa-chieh, dan Sha Ho-shang, ah oke sepertinya coretan ini sudah mulai menyimpang. oh tidak tidak, ini dari awal emang udah menyimpang kali hee.

Persiapan

Baiklah kawan, cukup bercandanya kita mulai serius ya. sesuai dengan judul diatas hari ini kita mau buat desain baju/kaos dengan photoshop dengan cara yang sangat mudah, gak ribet pake tool ini itu ko. yang jelas sebelum kita mulai siapin dulu file pendukungnya :
  1. Shine Font by Billy Argel disini
  2. Donker by AidenDrew disini 
  3. T-shirt Mockup disini

Tutorial

Kalo semua sudah siap dan font sudah terinstal langsung aja buka photoshop kalian lalu klik file\new atau ctrl+n, seting ukuran gambar 1000px x 500px 75dpi lalu hit OK, cek gambar 1 di bawah :


Gambar 1

Setelah itu ubah warna latar menjadi gelap/hitam dan tekan T pada keyboard untuk mendapatkan Type Tool lalu klik saja media layer kita dan ketikan Stay, atau apalah yang mau di tulis dan jangan lupa pilih fontnya yang shine ya. jika sudah tinggal di posisikan saja teks nya di tengah, lihat gambar 2 di bawah :


Gambar 2

Oke selanjutnya kita masukan photo bukit atau lembah dari Aiden Drew itu, caranya klik File\Open lalu cari dan pilih hit open, atau ctrl+o untuk shortcutnya, atau drag and drop juga bisa. jika sudah duplicate photonya lalu masukan ke dalam jendela project yang sebelumnya kita buat yang stay itu. nah sekarang kita posisikan dan kecilin photonya agar sesuai lalu Create clipping maks, caranya pada layer Photo klik kanan lalu pilih Create clipping maks. lihat gambar 3 di bawah :


Gambar 3

Setelah itu posisikan gambar seperti gambar 4 di bawah ini dan hit enter atau klik gambar centang di atas :


Gambar 4

Lalu tekan E pada keyboard atau cari dan klik gambar penghapus lalu seting Opacity menjadi 10-20% tergantung anda saja mau berapa persen, dan hapus secara perlahan photo di area text sampai gambar terlihat seperti di bawah ini :


Gambar 5
Jika dirasa ukuran size penghapusnya kurang besar atau malah kekecilan klik kanan saja lalu atur sizenya sesuai keinginan, setelah itu tekan dan tahan shift pada keyboard lalu klik photo dan text nya pada layers box dan tekan ctrl+e untuk menggabungkan kedua gambar menjadi satu "merge layer". setelah itu kita tinggal mockup saja. Cara mockupnya juga mudah karna saya telah menyediakan soft filenya diatas jadi kalian tinggal posisikan saja desainnya, lihat gambar dibawah :


Gambar 6

Jadi gimana sob? mudah bukan. oke saya pikir sudah semua saya jelaskan namun jika kurang jelas simak video tutorialnya dibawah. mungkin gitu aja dari saya jika ingin bertanya silahkan saja, kurang lebihnya saya mohon maaf sekian dan terimakasih.

Tonton Videonya

Baca selengkapnya

Tuesday, March 28, 2017

Cara Membuat Gambar Vector Bekantan dengan Adobe Ilustrator


Hai kawan, gambar di atas ialah hasil dari apa yang akan kita buat pada hari ini. Software yang kita gunakan kali ini ialah Adobe Ilustrator dan cara membuatnya juga cukup mudah kita hanya akan menggunakan pen tool saja dan juga sebuah Photo bekantan yang akan menjadi dasar dari tiap shape yang akan kita bentuk, lalu untuk teks dibawah "look at me" saya menggunakan font keren Taken by Vultures. 

Persiapan 

Sebelum kita mulai, persiapkan dulu bahannya :
  • Stock Photo Monkey Bekantan by Takbir download disini
  • Font Taken by Vultures by The Branded Quetes, download disini

Oke jika bahan sudah kita siap langsung saja, buka ilustrator anda, kalau belum punya cari aja di toko sebelah bilang sama mba penjaga kasirnya mau pinjem komputernya buat buka google mau cari software adobe ilustrator gitu, hehe.

Jika sudah, pada ilustrator klik file/new atau tekan ctrl+n. maka ankan muncul jendela baru lalu ganti nama projectnya dengan keinginan anda, ganti unit menjadi pixels dan rubah width 1000px height 1000px atau atur sendiri saja sesuai dengan ukuran yang anda inginkan, terus hit OK saja. lihat keterangan gambar 1 di bawah ini :

Gambar 1

Lalu masukan photo bekantan yang telah di download tadi dengan cara klik file/place lalu cari photo bekantannya dan hit place. sesuaikan ukuran gambarnya jika kekecilan ya di besarin kalo kebesaran ya gak apa-apa bagus itu, tapi kalo mau di kecilin ia silahkan, oia sambil meresize tekan shift juga agar aspek rasionya tidak berubah. jika dirasa sudah cukup langsung saja hit P pada keyboard atau klik icon pulpen jadul seperti gambar di bawah 2 di bawah, tool ini biasa di gunakan untuk membuat shape.

Gambar 2

Baiklah kawan di sini kita akan mulai dari mata, buatlah path seperti gambar 3 di bawah dan jangan di beri warna dulu, tapi kalo mau di beri warna langsung ia gak apa-apa juga. setelah kedua mata sudah kita beri path masing-masing lalu kita beri warna yang sekiranya sesuai.

Gambar 3
tekan / pada keyboard untuk menghilangkan shape (hanya path atau garis saja), dan tekan < pada keyboard untuk memunculkan shape.
Jika kita perhatikan pada mata bekantan ada shape yang kelihatan transparan cara membuatnya klik shape yang akan di buat transparan lalu rubah Opacity menjadi 10%.

lalu buatlah shape yang menyerupai garis kerutan wajah, setelah itu buat juga shape untuk wajah si bekantanya seperti gambar 4 di bawah ini :

Gambar 4

Jika sudah kita lanjut buat shape rambut atasnya dulu, setelah itu lanjut ke rambut kiri dan kanan dan yang terakhir di bawah, lihat gambar 5, 6, 7 dibawah ini :

Gambar 5

Gambar 6


Gambar 7

Anda bisa membuat shapenya sesuai dengan posisi gambar sama persis atau buat bebas lepas suka-suka seperti yang saya buat. 
Setelah anda selesai membuat semua rambutnya buatlah shape latar belakang lalu sesuaikan dan posisikan semua shape agar terlihat ideal seperti gambar 8 di bawah ini :

Gambar 8

Jika sudah kita tinggal hapus saja photo yang menjadi dasar dari gambar vector kita, saya ucapkan terimakasih kepada mas Takbir atas karya Photonya yang keren.
Lalu kita tinggal memberikan backgroundnya dengan warna yang sesuai dengan selera kita masing-masing, dan tambahkan teksnya terserah mau di tulis apa aja boleh.


Oke kawan sampai disini bisa aja kan dibuat. gimana? gak susah juga kan buatnya. anda juga dapat membuatnya di photoshop atau pun coreldraw caranya juga sama saja tool yang di gunakan juga hampir sama. jika ada pertanyaan silahkan saja bertanya, mohon maaf jika ada kekurangan dari apa yang saya tulis dan buat mohon bimbingannya, sekian dari saya terimakasih.




Baca selengkapnya