desainstudio | tutorial Photoshop dan Illustrator, desain grafis dan seni visual

Bacaan Inspiratif -30 Januari 2012

noreply@blogger.com (a-jir) — Mon, 30 Jan 2012 14:53:00 +0000

Ini merupakan artikel mingguan di Desain Studio, berisi kompilasi link menarik di jagat internet setiap harinya. Dimaksudkan sebagai wadah untuk mengikuti perkembangan yang terjadi di dunia desain grafis dan seni visual, Mulai dari tutorial, inspirasi, tips, informasi, serta artikel sebagai sarana pembelajaran dan pengembangan diri agar menjadi lebih baik. Selamat membaca, semoga bermanfaat!

1) 30 Amazing Things Made From Paper

Berikut ini adalah kumpulan inspirasi benda-benda yang luar biasa yang terbuat dari kertas. Hampir semua benda ini memiliki pola yang rumit, tapi para seniman dengan sabar dan telaten mampu membentuknya dengan detail yang baik, dan tentu saja..hanya dengan bermodal kertas!

2) A big facebook “I like” in Naples

Enviromental yang menarik berbentuk simbol terkenal 'I Like' milik Facebook terpajang dalam ukuran yang besar. Didesain oleh salah satu seniman Italia IABO untuk pameran terbuka Luminaria 3 yang dikuratori oleh Simona Perchiazzi.

3) Digital Painting Tutorial

Tutorial ini menjelaskan bagaimana menggambar secara digital (digital painting) bentuk rambut dengan detail yang realistis. Tutorial ini terdiri atas dua bagian dan menjelaskan secara rinci step-by-step pembuatannya dengan Adobe Photoshop.

4) How to Illustrate a Microscope in Illustrator

Jika kamu tertarik mempelajari banyak trik khusus di Adobe Illustrator, tutorial ini sepertinya layak untuk dicoba. Tutorial ini menjelaskan cara membuat objek mikroskop, sebuah objek yang tidak lazim..setidaknya untuk tutorial. Tapi manfaatnya akan terasa karena banyak tehnik serta tips menarik yang bisa dipelajari dari sini.

5) Tika, Kampanyekan Jilbab Dengan Ilustrasi

Ada banyak cara untuk mengkampanyekan sesuatu, salah satunya dengan visual. Tika contohnya, mengkampanyekan jilbab melalui illustrasi anak-anak yang imut dan menarik. Hal ini (sekali lagi) menjadi bukti, bahwa peran seniman visual dan desainer grafis sangat besar untuk memberi dampak, pola pikir, dan 'berbicara' kepada orang banyak walau hanya melalui tampilan visual.

Membuat Layout Sederhana dengan InDesign

noreply@blogger.com (a-jir) — Fri, 27 Jan 2012 05:21:00 +0000

Adobe InDesign adalah salah satu aplikasi dari keluarga Adobe yang mungkin sangat jarang kita gunakan, padahal fitur-fitur dalam InDesign cukup powerfull jika kita gunakan bersama dengan program grafis lainnya. Umumnya InDesign digunakan untuk melayout teks, majalah, koran, buku, poster dan segala bentuk keperluan cetak yang menggunakan lebih banyak text di dalamnya. Untuk kerperluan itulah maka fitur pengaturan/layout lebih di utamakan daripada fitur grafis lainnya.

Di jagat desain grafis, tutorial InDesign masih sangat jarang di jumpai. Mungkin karena penggunanya masih sedikit (dibandingkan Illustrator, Photoshop, etc). Disamping itu fitur-fitur yang memang sangat berbeda dari saudaranya Illustrator, photoshop, dll membuatnya terkesan rumit. Rumit bukan berarti tidak bisa di pelajari bukan?

Pada edisi kali ini Desain Studio ingin berbagi sedikit pengetahuan tentang InDesign, karena banyaknya fitur yang saling berhubungan untuk keperluan layout.. mungkin desainstudio akan menyicil tahapan tutorial tentang InDesign. Kita mulai dari yang paling awal dan yang paling sederhana, yaitu membuat layout sederhana menggunakan Adobe InDesign.

Step 1
Buka New Document (ctrl+N) di menu File. Pada jendela “New Document” kamu bisa mengatur ukuran kertas/ bidang kerja yang kamu perlukan. Secara default, InDesign menampilkan ukuran dalam satuan “picas (p0)”, untuk mengubah ke dalam ukuran lain cukup ketikkan ukuran tersebut lengkap dengan jenis ukurannya (mis : 32 cm), In Design akan otomatis mengubahnya ke dalam satuan p0 kembali (tenang, kamu bisa ubah semua settingan ukuran ini ke dalam cm nanti).

Step 2
Untuk mengubah semua settingan jenis ukuran, cukup klik kanan di ruler atas dan samping kanan halaman kerja, lalu pilih settingan ukuran yang kamu perlukan. Maka semua pengaturan ukuran di InDesign akan berubah sesuai dengan jenis ukuran yang kamu pilih.

Step 3
Sebelum memasukkan tulisan, ada baiknya terlebih dahulu kita atur dulu layout dasar seperti pengaturan Nomor Halaman dan Peletakan Header / Footernya. Klik menu Pages, lalu double klik di menu Master. Master Page adalah lembar default untuk seluruh dokumen yang kamu buat, mudahnya, apapun yang kamu ketikkan/ input (baik tulisan, gambar maupun settingan margin) akan tampil di setiap halaman kerja.

Untuk mengatur margin (pastikan masih di dalam laman Master Page) input ukuran margin yang kamu inginkan. Non Aktifkan (klik) ikon link untuk input ukuran yang berbeda.

NB : bagi kamu yang terbiasa menggunakan MS Word, mungkin penyebutan settingan marginya agak berbeda walau prinsipnya sama. Kalau di MS Word Left dan Right maka di InDesign penyebutannya Inside dan Outside. Pada menu Columns, Number untuk menentukan jumlah baris tulisan yang ingin kamu buat dan Guttter adalah jarak antara baris terebut. Silahkan berimprovisasi saja pada bagian ini sesuai degan kebutuhan. Pada tutorial ini, desainstudio menggunakan 2 columns dengan jarak 1 cm.

Step 4
Untuk membuat Header/Footer cukup tuliskan saja text dengan cara klik Text (T) lalu drag untuk membuat area text nya (di InDesign, kamu harus membuat area text terlebih dahulu dengan cara mendragnya). Jika Header/Footer kamu berupa gambar, kamu dapat memasukkannya dengan cara mengcopy gambar tersebut dari Adobe Illustrator, dsb. atau Ctrl+D untuk mengambil gambar dari file di komputer.

Step 5
Untuk Input Page Number, masukkan text (T) dengan cara men-drag-nya, ketikan 1 huruf (huruf apapun) select huruf tersebut, klik kanan maka akan muncul menu baru, pilih Insert Special Character/Markers/Current Page Number. Maka apapun huruf yang kamu ketikkan tadi akan berubah menjadi huruf “A”. Hal ini disesuaikan dengan judul Master Page (A-Master). Copy Page Number yang telah di set tadi ke halaman sebelahnya (di dalam Master Page terdapat dua halaman Master).

Step 6
Jika samua layout Master sudah di set, berikutnya double klik di lembar 1 (lembar kerja). Di lembar inilah kita akan melakukan input text dan gambar yang kita perlukan untuk dokumen kita.

Step 7
Klik Text (T) lalu drag untuk membuat area teks yang diperlukan, ketik teks kamu (dalam contoh ini Saya menyesuaikan area text dengan layout yang sudah di buat sebelumnya)

Step 8
Untuk mengatur paragraph, buka Window/Type & Tables/Paragraph (Alt+Ctrl+T) dan atur paragraph yang kamu inginkan.

NB : aktifkan “Hyphenate” untuk memunculkan tanda sambung di paragraph yang terputus, atau matikan untuk menghapusnya.

Step 9
Jika tulisan kamu terpotong di ujung column, tanda Overset Text akan muncul. Klik tanda tersebut hingga muncul preview teks kecil di cursor kamu. Arahkan kursor tersebut ke column sebelahnya dan klik, otomatis tulisan yang terpotong akan dilanjutkan.

Step 10
Jika ingin menambah page, klik di menu Create new page. Lanjutkan tulisan kamu di page lanjutan ini. Hey! coba perhatikan, Page Number yang kamu set di Master Page tadi kini muncul secata continue. begitu juga Header/Footer yang telah dibuat.

Step 11
Sebelum file di simpan, perhatikan tanda Preflight Panel di sudut kiri bawah bar Jendela InDesign. Tanda ini akan berwarna merah jika masih ada error di dalam dokumen yang kita buat. Error disebabkan masih adanya link file yang missing di dalam file yang kita input atau adanya area text yang terpotong (overset text).

Step 12
Jika sudah selesai, kamu bisa menyimpan file dokumen kamu dalam format InDesign (.indd) untuk melanjutkan di kemudian hari, atau dalam format .Pdf jika sudah rampung semuanya.

Penyimpanan dalam format .PDF :
File/Adobe PDF presets/High Quality Print.

Pilih destinasi penyimpanan file, klik OK. Akan muncul jendela Export Adobe PDF, klik Export dan tunggu hingga selesai.

NB : Untuk penyimpanan dalam format lain, klik File/Export (Ctrl+E) lalu pilih format yang kamu butuhkan.

Tentang Penulis
Angga — Desainer grafis dan seorang antropolog. Menemukan semangat baru ketika melihat desain grafis dari sisi seorang Antropolog. Mencoba menggabungkan seni grafis ke dalam etnografi, dan mengaplikasikannya dalam dunia nyata.
email : angga.rizal[at]gmail.com | twitter : @anggaishere | all post by Angga

Bacaan Inspiratif -24 Januari 2012

noreply@blogger.com (a-jir) — Mon, 23 Jan 2012 05:43:00 +0000

Tutorial ini menjelaskan cara memodifikasi sebuah truk dengan menggabungkan stok gambar dan tambahan elemen lain yang dibuat manual di Photoshop. Tutorial ini ditulis oleh desainer Indonesia, Muhammad Jeprie, yang juga rutin menulis disitus pribadinya, Desain Digital.

2) Quick Tip: How to Create a Cartoon Style Big Bang Explosion

Tips ringan ini memperlihatikan bagaimana caranya membuat illustrasi ledakan bergaya kartun di Illustrator. Illustrasi semacam ini mungkin sering kamu lihat di komik-komik America seperti Batman, Flash, dan lain-lain. Ada beberapa tehnik menarik yang digunakan dalam tutorial ini.

3) 5 New Things for Web Designers of 2012

Desain website sangat dipengaruhi oleh perkembangan teknologi terutama teknologi informasi dan gadget. Beberapa hal penting dalam artikel ini tampaknya layak untuk kamu baca jika kamu seorang desainer website dan interface.

4) 5 Brochure Design Ideas to Match Your Brand

Brosur sampai dengan saat ini masih menjadi senjata ampuh bagi perusahaan untuk meningkatkan penjualan. Hal ini disebabkan karena sifat pendekatannya terhadap costumer yang lebih intim dan personal. Beberapa contoh desain brosur ini bisa kamu jadikan inspirasi dan ide dasar untuk diapliksikan kedalam karya desain kamu sendiri.

5) Top Logo Design Contest Websites

Kontes logo saat ini begitu menjamur di internet, hal ini sangat wajar mengingat semakin meningkatnya bisnis-bisnis baru yang sedang tumbuh dan berkembang di berbagai negara. Situs kontes desain secara tidak langsung menjadi jembatan bagi desainer dan klien untuk bertemu dalam sebuah wadah.

Membuat Efek Teks Horror di Photoshop

noreply@blogger.com (a-jir) — Fri, 20 Jan 2012 08:33:00 +0000

Pada tutorial berikut, kita akan mempelajari bagaimana membuat teks Horror dengan kesan yang menyeramkan. Efek berikut tidak begitu sulit, hanya menggunakan beberapa efek Filter dan sedikit pembelajaran mengenai bagaimana membuat tekstur di Photoshop. Tutorial kali ini, seperti biasa bisa kamu improve dengan konsep dan imajinasi kreatif kamu sendiri. Sehingga melahirkan suatu karya yang mengagumkan. Berikut beberapa langkah-langkahnya, selamat mencoba!

Langkah 1
Buat dokumen Photoshop baru dengan Weight 800px dan Height 800px dan resolusi 300 dpi. Kemudian pilih filter > Render > Clouds. Pastikan warna Foreground Hitam dan Background Putih.

Langkah 2
Pilih Filter > Noise > Add Noise, atur seperti gambar dibawah. Klik OK.

Langkah 3
Pilih kembali Filter > Render > Different Clouds, lalu Klik OK. Kemudian tekan Ctrl+F sebanyak dua kali di Keyboard, sehingga hasilnya akan terlihat seperti illustrasi dibawah.

Langkah 4
Double Click di layer Background, sehingga muncul jendela New Layer, beri nama layer dengan 'Background', klik OK

Langkah 5
Selanjutnya double click kembali layer Background, sehingga muncul jendela Layer Style, pilih pada bagian Gradient Overlay, dan atur Blend Mode nya menjadi Multiply.

Langkah 6
Buat teks 'Horror' dengan menggunakan Font Plasma Drip BRK, atur besar-nya sesuai keinginan.

Langkah 7
Pilih layer 'Horror' di layer palette, tekan Ctrl+J (copy) di keyboard, maka akan muncul layer 'Horror copy', ubah warnanya menjadi merah di Text tool.

Langkah 8
Hilangkan (klik) ikon mata pada layer 'Horror copy', kemudian beralih ke layer 'Horror', klik kanan kemudian pilih Rasterize Type.

Langkah 9
Selanjutnya pilih Filter >Stylize > Wind. pada Direction, pilih From the Right, klik OK. Lalu tekan Ctrl+F sebanyak dua kali di Keyboard.

Langkah 10
Pilih kembali Filter > Stylize > Wind. Kali inim pada Direction pilih From the Left, klik OK. Lalu tekan Ctrl+F sebanyak dua kali di Keyboard.

Sehingga tampilannya akan terlihat seperti gambar di bawah :

Langkah 11
Pilih Edit > Transform > Rotate 90° CW

Langkah 12
Lakukan hal yang sama dengan Langkah 9 dan Langkah 10, klik OK. Tekan Ctrl+F sebanyak dua kali di Keyboard.

Hasilnya akan terlihat seperti gambar di bawah :

Langkah 13
Pilih Edit > Transform > Rotate 90° CW

Langkah 14
Buka gambar berikut dan buat sebagai dokumen baru di Photoshop. Kemudian pilih Edit > Define Pattern. Beri nama 'Wall Crack'.

Langkah 15
Beralih kembali ke file Teks Horror. Double Click pada Layer 'Horror', sehingga muncuk Layer Style, pilih yang Pattern Overlay, pada bagian Pattern pilih 'Wall Crack' yang telah dibuat tadi.

Langkah 16
Aktifkan kembali icon mata pada Layer 'Horror copy', klik kanan lalu pilih Raterize Type.

Langkah 17
Double Cilck kembali layer 'Horror copy', pada bagian Inner Shadow, atur poin-poinnya seperti gambar dibawah. Klik OK.

Langkah 18
Ubah di Blending Mode-nya menjadi Multiply.

Langkah 19
Pilih Image > Adjustment > Color Balance. Atur seperti gambar dibawah.

Langkah 20
Buat Layer baru dengan mengklik ikon New Layer di bagian bawah, kemudian pilih Filter > Render > Clouds. Pastikan warna Foreground Hitam dan Background Putih.

Langkah 21
Ubah Blending Mode-nya menjadi Overlay

Hasil Akhir

Tentang Penulis
Jun — Desainer grafis dan illustrator. Percaya bahwa desain grafis berperan merubah dunia ke arah yang lebih baik. Bercita-cita mendirikan sebuah agency desain grafis bertaraf internasional.
email : jun27travolta[at]gmail.com | Facebook : Herjuna Juntravolta | all post by Jun

Bacaan Inspiratif -16 Januari 2012

noreply@blogger.com (a-jir) — Mon, 16 Jan 2012 04:51:00 +0000

Tutorial ini mengajarkan tehnik manipulasi foto sederhana dengan photoshop. Cocok untuk pemula yang ingin mendalami proses memanipulasi gambar digital.

2) 30 Vital Resources For Logo Designing

Kumpulan galeri logo untuk inspirasi yang pasti sangat berguna bagi desainer logo dan brand. Semua situs yang ditampilkan disini tentu memiliki kelemahan dan keunggulan masing-masing. Tergantung kepada kamu, untuk bisa memaksimalkannya dengan baik.

3) 55 Inspiring and Clever Online Portfolios

Ingin membuat situs untuk portfolio dan menampilkan karya-karya kamu disana? Mungkin artikel diatas cukup bermanfaat. Ada lebih dari 50 situs portfolio yang kreatif dan menarik dan mungkin bisa jadi bahan inspirasi.

4) 25 Newest High Quality Free Fonts

Artikel ini menyajikan resource font-font gratis yang sangat variatif. Kamu tinggal memilih mana font yang sepertinya memenuhi kriteria kamu untuk ditampilkan di dalam karya.

5) A List of Branding Style Guides: Corporate, Academic and Government Brand Manual/Logo Guideline Examples

Kumpulan contoh panduan brand dan logo dari perusahaan, lembaga akademis, dan pemerintahan. Sangat bermanfaat bagi desainer logo yang kebingungan untuk menciptakan brand guideline logo dan brand yang telah didesain.

Tentang Penulis
Ajir — Desainer grafis, blogger, juga pecandu kopi. Terobsesi dengan segala sesuatu terkait komunikasi visual. Bercita-cita ingin menjadi guru SD sebuah sekolah di pelosok desa yang jauh dari keramaian.
email : ajir86[at]gmail.com | twitter : @desain_studio | all post by Ajir

Kumpulan Poster yang Terinspirasi Helvetica

noreply@blogger.com (a-jir) — Thu, 12 Jan 2012 03:24:00 +0000

Bicara soal tipografi, tidak lengkap rasanya jika tidak menyinggung soal Helvetica. Helvetica adalah font yang dikembangkan oleh dua desainer Swiss, Max Miedinger dan Eduard Hoffmann pada tahun 1957. Helvetica sangat populer di kalangan desainer, bahkan tidak sedikit desainer yang terobsesi, fanatik, dan tergila-gila dengan font ini. Di artikel kali ini, silahkan menikmati karya-karya poster unik, kreatif, dan cerdas yang terinspirasi dari Helvetica.

Helvetica Poster

Helvetica, how I love thee

Helvetica

Helvetica, a designer best friend

Simply Helvetica

Helvetica space

Helvetica

Helvetica Poster

Helvetica Winter Typography

Helvetica, Meet the Family

Helvetica

Metallica

Helvetica with Love

Typography Poster

Only Use Helvetica

Helvetica Clinic of Design

We Love Helvetica

Typographyc Stuff

helvetica architectural type design

Helvetica

Helvetica VS Arial Typography Poster

Helvetica Poster

Print Design and Industry

Helvetica is Art

Helvetica Typography Poster

Membuat Efek Plasma dengan Illustrator

noreply@blogger.com (a-jir) — Tue, 10 Jan 2012 13:25:00 +0000

Pada tutorial kali ini kita akan membahas membuat efek plasma dengan Illustrator. Cara pembuatan efek plasma ini mungkin tidak asing lagi bagi yang sudah tahu, tapi tentu saja cara ini menjadi sesuatu yang menarik dan bermanfaat bagi yang belum mengetahuinya. Permainan mode transparent dan gradasi warna menjadi kunci di tutorial ini. Semoga tutorial Adobe Illustrator berikut bermanfaat bagi para pembaca Desain Studio.

Preview hasil akhir :

Step 1
Sebelum semua dimulai, pastikan area kerja yang digunakan dalam keadaan mode warna RGB, kamu bisa mengaturnya di File > Document Color mode > RGB. Pastikan mode warna yang digunakan adalah RGB, Jika tidak, efek ini tidak akan terjadi.

Step 2
Buat background menggunakan Rectangle tool (M). Isi dengan warna hitam dengan nilai R:0, G:0, B:0.

Step 3
Setelah itu, copy kotak hitam background tersebut lalu paste diatasnya, ubah warna kotak hitam tersebut menjadi gradasi warna warni dengan Gradient tool (G). Dimana tipe gradasi yang dilakukan adalah gradient linear. Warna yang digunakan adalah hitam - kuning - orange - merah - biru - hitam, warna bisa diimprovisasi karna warna juga menentukan keindahan efek yang akan dihasilkan.

Step 4
Pada saat ini kita harus pastikan kita telah membuat dua buah background kotak yang satu berwarna hitam dan yang satu lagi berwarna warni, dimana yang berwara hitam tepat di belakang kotak berwarna warni. Sekarang turunkan opacity background warna-warni menjadi 20%.

Step 5
Sekarang buat lingkaran gradasi hitam abu-abu dengan Gradient tool (G) dan letakkan di atas background warna-warni yang telah dibuat sebelumnya. Atur gradasi warnanya seperti pada gambar, dimana warna hitam R:0, G:0, B:0 dan untuk warna abu-abu R: 209, G: 209, B:209.

Step 6
Ubah Blend mode lingkaran gradasi hitam-abu-abu tadi menjadi color dodge, dan lihat apa yang terjadi.

Step 7
Copy lingkaran gradasi tadi beberapa kali dan atur membentuk seperti lingkaran plasma. (tips : tekan dan tahan tombol Alt di keyboard, lalu drag objek yang ingin dicopy)

Step 8
Buat lingkaran dengan gradasi biasa, ubah Blend mode-nya menjadi color dodge dan atur bertebaran di sekitar lingkaran.

Step 9
Lingkaran ellipse dengan lingkran gradasi seperti sebelumnya juga akan menciptakan hasil yang menarik.

Hasil Akhir
Inilah hasil akhir dari tutorial kali ini, silahkan berimprovisasi dan mengembangkannya kedalam karya-karya yang lebih dinamis, good luck!

Tentang Penulis
Ian — Freelance graphic designer yang juga calon sarjana teknik. Menekuni bidang illustrasi, karakter dan vector grafis secara umum. Suka gambar dan doodling, sesekali meluangkan waktu untuk membuat komik strip.
email : ianmixraz[at]gmail.com | facebook : IkazNarsis | all post by Ian

Bacaan Inspiratif -09 Januari 2012

noreply@blogger.com (a-jir) — Mon, 09 Jan 2012 07:58:00 +0000

Tutorial ini tidak hanya menjelaskan bagaimana caranya menggabungkan beberapa gambar biasa yang berbeda menjadi sebuah fotografi fantasi yang luar biasa. Tapi lebih dari itu, kamu juga akan diarahkan untuk mengatur komposisi warna agar menghasilkan sebuah karya yang profesional.

2—The Terrors of Graphic Design – 5 Terrible Mistakes!

Seperti kata pepatah, 'pengalaman adalah guru yang berharga'. Hal yang sama juga berlaku bagi desainer grafis. Pemula awalnya akan berhadapan dengan berbagai persoalan yang rumit dan membingungkan. 5 diantaranya dibahas diartikel ini. Semoga menjadi renungan agar mampu memperbaiki kesalahan di kemudian hari.

3—50 Adorable Photos Of Danbo That Make You Go Awww!

Danbo adalah boneka kardus yang dipopulerkan oleh Kiyohiko Azuma dalam karya manganya, Yotsuba!. Perusahaan Amazon di Jepang tertarik dengan ide tersebut dan menggunakannya untuk marketing. Kombinasi tersebut menghasilkan boneka yang dibentuk dari kardus-kardus pengiriman Amazon dan diatur dengan teknik fotografi bercerita yang sangat lucu dan menarik.

4—35 Professional Corel Draw Tutorials for grasp Print Media Tools

Kumpulan tutorial profesional ini akan sangat membantu meningkatkan kemampuan kamu dalam berkarya dengan CorelDraw. CorelDraw merupakan aplikasi berbasis gambar vector seperti Adobe Illustrator. Masing-masing memiliki keunggulannya tersendiri.

5—Infographic of the Day: So What If You Don't Sleep Enough?

Bekerja sebagai desainer grafis kadang sering berhadapan dengan yang namanya kurang tidur. Berikut ada infografis menarik dan bermanfaat terkait kurang tidur.

Membuat Efek Miniatur dengan Photoshop

noreply@blogger.com (a-jir) — Fri, 06 Jan 2012 11:38:00 +0000

Efek yang kita maksudkan pada tutorial Photoshop kali ini adalah mengubah foto biasa menjadi terkesan seperti miniatur. Pada fotografi, efek seperti ini disebut dengan Tilt-shift photography. Tutorial ini sangat sederhana, hanya menggunakan beberapa langkah dan mudah diterapkan. Namun efek ini membutuhkan gambar yang sesuai secara angle maupun perspektif. Biasanya, gambar-gambar top view dengan sudut pengambilan gambar yang jauh akan menghasilkan efek miniatur yang sempurna.

Source yang dibutuhkan :
• Top view of bugis junction

Hasil Akhir :

Step 1
Buka gambar yang ingin di'miniatur'kan dengan Adobe Photoshop. Klik pada layer 'Background' (layer gambar) lalu tekan Ctrl+J di keyboard untuk menduplikasinya. Langkah ini cuma untuk jaga-jaga, kalau-kalau nanti terjadi kesalahan saat pengeditan.

Step 2
Klik ikon Edit in Quick Mask Mode (Q), berada di posisi paling bawah pada Tool Box. Kemudian pilih Gradient tool (G), pastikan warna gradasi yang akan diberikan adalah putih dan hitam, sedangkan mode gradasi yang digunakan adalah Reflection Gradient. Jika settingannya sudah, drag Gradient tool dari bagian tengah ke arah pinggir, maka akan muncul tanda merah pada area kerja.

Step 3
Selanjutnya, tekan kembali ikon Edit in Quick Mask Mode (Q) untuk keluar dari mode Quick Mask, maka akan terbentuk seleksi pada area kerja. Sementara seleksi tersebut aktif, pilih Filter > Blur > Lens Blur di Menu Utama. Pada jendela Lens Blur, isikan nilai 10 di bagian Radius, kemudian tekan tombol OK untuk keluar.

Step 4
Langkah terakhir adalah memberikan kesan plastik agar gambar terlihat seperti mainan. Caranya, pilih Image > Adjustment > Hue/Saturation (Ctrl+U). Naikkan nilai pada bagian saturation menjadi +45. Kemudian, pilih Image > Adjustment > Levels (Ctrl+L). Geser tanda panah hitam dan putih di levels palette seperti gambar dibawah.

Hasil Akhir
Beginilah hasil akhir yang kita dapati dari tutorial Photoshop kali ini. Gambar sekarang lebih terkesan seperti miniatur atau mainan. Kamu juga bisa mencoba menggunakan efek serupa untuk foto hasil jepretan sendiri. Selamat mencoba!

Desain Studio - Best of 2011

noreply@blogger.com (a-jir) — Sun, 01 Jan 2012 02:11:00 +0000

Tahun 2011 telah berlalu, kini saatnya menyongsong langkah baru di 2012. Di hari pertama Tahun 2012 ini, mari sejenak kita flashback kembali artikel-artikel menarik di Desain Studio sepanjang Tahun 2011. Selain sebagai bahan bacaan dan sumber pembelajaran, mereview kembali artikel-artikel lawas juga menjadi tahap evaluasi dan intropeksi bagi kami agar dapat memberikan yang jauh lebih baik di Tahun 2012 nanti. Selamat membaca!

1) Efek Speed Lighting di Photoshop

2) Tutorial Photoshop : Digital Art

3) Kenapa Desain Grafis Tidak Boleh Gratis!?

4) Kumpulan Font Khas Indonesia Karya Anak Bangsa

5) Faktor-faktor yang Bisa Dipertimbangkan dalam Menentukan Harga Desain

6) Masih Mau Jadi Desainer!?

7) 5 Alasan Kenapa Harus Bangga Jadi Desainer

8) Download Poster Beautiful Indonesia

9) Gratis : Mock-up T-shirt / Kaos

Tutorial Illustrator - Simple Flower

noreply@blogger.com (a-jir) — Fri, 30 Dec 2011 03:29:00 +0000

Di tutorial kali ini, kita akan belajar membuat bentuk melingkar dengan sumbu yang akurat menggunakan Adobe Illustrator. Tehnik semacam ini sangat bermanfaat untuk membuat bentuk-bentuk spesifik seperti pada simbol maupun logo. Tutorial ini menggunakan studi kasus membuat bentuk bunga sederhana. Kamu juga dapat berimprovisasi dengan bentuk-bentuk lainnya. Selamat mencoba dan semoga bermanfaat!

Step 1
Buat dua buah bentuk ellipsemenggunakan ellipse tool (L), posisikan dan beri warna seperti pada gambar dibawah.

Step 2
Ubah Blending Mode dari kedua ellipse tersebut menjadi Multiply.

Step 3
Seleksi kedua ellipse tersebut, tahan tombol Alt di keyboard, kemudian drag kebawah untuk membuat kopiannya.

Step 4
Seleksi dua buah ellipse hasil kopian, kemudian pilih Object > Transform > Reflect lalu check pada bagian vertical untuk membalik objek secara vertikal. Lakukan langkah yang sama sekali lagi, tapi kali ini conteng pada Horizontal.

Step 5
Seleksi seluruh ellipse yang ada, kemudian pilih Object > Transform > Rotate. Pada jendela Rotate, isi bagian Angle = 22.5, lalu klik tombol copy.

Step 6
Tekan tombol Ctrl+D di keyboard untuk mengulang proses kopian sampai objek ellipse tadi membentuk visual seperti gambar dibawah. Jika sudah, seleksi semua ellipse lalu tekan tombol Ctrl+G di keyboard untuk mengroupkannya.

Step 7
Buat sebuah lingkaran, dan beri warna gradasi dengan Gradient tool (G) seperti gambar dibawah. Seleksi semua objek (grup ellipse dan lingkaran), klik pada grup ellipse, lalu klik ikon vertical dan horizontal pada Align palette. Langkah ini untuk membuat objek lingkaran berada tepat ditengah-tengah kumpulan objek ellipse.

Step 8
Jika sudah, seleksi objek lingkaran, kemudian buka Appearance palette. Pada Appearance palette, klik list icon disudut kanan atas lalu pilih Add new fill, Maka sebuah fill baru akan ditambahkan untuk objek lingkaran.

Step 9
Klik tanda panah di bagian warna pada fill baru tersebut, kemudian klik ikon swatch libraries menu, lalu pilih Pattern > Basic Graphic > Basic Graphic Textures.. Pilih tekstur bernama Stiple Irregular.

Step 10
Ubah blend mode dari fill baru tersebut menjadi Overlay.

Hasil Akhir

Ini adalah hasil akhir setelah ditambahkan sedikit teks dan soft background. Semoga tutorial Illustrator ini bermanfaat dan dapat diimprove lebih jauh sehingga menghasilkan karya yang lebih baik, Selamat mencoba!

Bacaan Inspiratif -26 Desember 2011

noreply@blogger.com (a-jir) — Mon, 26 Dec 2011 07:37:00 +0000

Logo yang baik tidak bisa dinilai berdasarkan keindahan estetis dari bentuknya saja, tapi juga bagaimana logo tersebut memainkan perannya sebagai identitas dari sebuah entitas. Di artikel ini, kamu akan melihat 5 kriteria utama yang dapat dijadikan acuan untuk mengenal logo yang baik.

2—What Make Apple Designs Effective?

Apple tidak hanya punya pengaruh besar dalam bidang teknologi, tapi juga dikenal punya pengaruh besar dalam merevolusi dunia desain. Hal ini bisa dilihat dari desain-desain Apple seperti website, interface, tipografi bahkan produk. Lantas apa yang membuat desain Apple efektif? Temukan jawabannya di artikel ini.

3—The Amazing Photo Manipulations of Erik Johansson

Bagi para penggemar Photoshop, mungkin karya-karya manipulasi foto milik Erik Johansson ini sudah tidak asing lagi. Artikel ini memuat karya-karya manipulasi foto yang tidak biasa dan sangat realistis dari Erik Johansson.

4—Year 2011 Top Photographs by National Geographic

Kumpulan karya fotografi terbaik dari National Geographic. Semuanya menampilkan teknis dan trik-trik professional, serta memberikan kesan yang tidak biasa.

5—10 Essential Tips and Tricks about New Google Analytics Features

Google Analytics adalah tool yang sangat bermanfaat bagi blogger dan website developer untuk melihat trafik dan statistik pengunjung blog/situs kamu. Jika kamu pengguna Google Analytics, ini adalah artikel yang sangat bermanfaat dan sayang jika dilewatkan.

Efek LetterPress di Photoshop

noreply@blogger.com (a-jir) — Fri, 23 Dec 2011 14:22:00 +0000

Di tutorial kali ini, Desain Studio punya tips ringan tentang bagaimana membuat efek letterpress di Photoshop. Sesuai dengan namanya, efek letterpress adalah efek tekanan yang membuat teks kelihatan seperti memiliki kedalaman. Di Photoshop, kamu bisa membuat efek ini dengan sangat mudah, hanya menggunakan kombinasi permainan warna dan layer style! Langsung saja kita masuk kedalam langkah demi langkah pembuatannya.

Step 1
Buat dokumen baru di Photoshop, ukuran 500x300 pixel dengan mode warna RGB.

Step 2
Ganti warna background dengan warna merah (#cd0019).

Step 3
Double-click layer 'Background' di layer palette, kemudian klik Ok pada jendela new layer yang muncul kemudian. Langkah ini untuk merubah layer background menjadi editable dan diberi layer style.

Step 4
Double-click layer 'background' di layer palette, maka akan muncul jendela layer style. Check pada gradient overlay list, dan atur settingannya seperti gambar dibawah. Jika sudah, klik Ok.

Step 5
Pastikan layer 'background aktif', kemudian pada menu bar, pilih Filter > Noise > Add Noise. Atur nilai Amount = 3, Distribution = Gaussian, dan check pada bagian Monochromatic. Jika sudah, klik Ok.

Hasilnya akan seperti gambar dibawah ini :

Step 6
Sekarang, gunakan Text tool (T) untuk menambah teks, Saya menggunakan font Yellow tail. Beri warna font dengan warna sedikit lebih gelap dari warna dasar background (#7b000f).

Step 7
Double-click pada layer 'Desain Studio', kemudian beri empat layer style dengan settingan masing-masing seperti gambar dibawah :

Step 8
Hasilnya, kini teks sudah mempunyai kedalaman berupa efek letterpress.

Step 9
Jika kemudian ada elemen lain yang ingin diberi efek serupa (letterpress), kamu tidak perlu membuatnya lagi dari awal. Cukup klik kanan pada layer 'Desain Studio' dan pilih Copy Layer Style. Kemudian klik kanan pada layer yang ingin diberi efek serupa (dalam hal ini adalah ikon DS), lalu pilih Paste Layer Style. Ini akan sangat menghemat waktu kamu dalam bekerja menggunakan Adobe Photoshop.

That's it! Kamu bisa berimprovisasi sendiri dengan menggunakan dasar yang sudah ada. Efek letterpress memberikan kesan yang berbeda dan bermanfaat digunakan untuk desain interface (web & aplikasi) maupun desain cetak. Good Luck!

Bacaan Inspiratif -17 Desember 2011

noreply@blogger.com (a-jir) — Sat, 17 Dec 2011 13:48:00 +0000

Artikel ini membahas soal trend desain minimalis dan perannya dalam dunia desain grafis. Dengan mengambil contoh kasus pada desain kemasan produk, penulis mencoba memberi gambaran brand minimalis secara ringkas dan jelas.

2—The Top 5 Invoicing Tools You Must Know

Invoice adalah salah satu aspek yang paling penting dalam bisnis, terlebih freelancer yang notabene harus mengerjakan segala sesuatunya sendiri. Artikel ini mengumpulkan 5 web-based tool yang bisa membantu kamu terhadap segala sesuatu terkait dengan persoalan invoice.

3—Top 10 Breakthrough Artists in 2011

Kumpulan seniman potensial di Tahun 2011. Karya-karya mereka luar biasa. Imajinatif, inovatif, serta menjadi inspirasi.

4—42 Logo Designs With Creative Use of Pen

Pena sering kali dijadikan simbol untuk melambangkan kreatifitas. Lantas seberapa kreatif simbol itu dituangkan kedalam desain logo. Kamu bisa melihat 42 logo yang dengan smart menggunakan simbol pena di artikel ini.

5—The Most Iconic Logo Designers and Their Work – Part 1

Artikel ini terdiri dari beberapa bagian. Berkisah seputar sejarah desainer logo paling sukses di dunia. Jika punya passion yang kuat di bidang branding dan desain logo, artikel ini mungkin bisa sangat menginspirasi. Siapa tahu suatu saat kamu jadi salah satu diantaranya? :D

Brief dalam Merancang Logo

noreply@blogger.com (a-jir) — Wed, 14 Dec 2011 00:00:00 +0000

Brief dalam desain logo layaknya sebuah senter di dalam gelap, dia harus dihidupkan agar kita dapat berjalan dengan cepat dan aman. Brief bertujuan agar desainer dan klien fokus kepada tujuan utama dari perancangan logo. Tanpa brief desain, proyek yang dijalankan akan merugikan kedua belah pihak baik desainer maupun klien. Desainer akan mengerjakan sesuatu yang mungkin diluar harapan dan tujuan klien sehingga akan terjadi revisi pekerjaan berulang-ulang. Sedang bagi klien, goal yang diharapkan dari logo yang dirancang bisa jadi diluar perkiraan.

Lantas apa-apa saja yang harus ditanyakan dalam brief desain?

Setiap desainer pasti punya poin-nya sendiri ketika merumuskan sebuah brief untuk desain. Tidak ada yang mutlak disini, semua tergantung kebutuhan dan proyek yang dikerjakan. Mungkin secara umum, kamu yang sama sekali belum pernah bekerja menggunakan materi brief untuk mendesain logo, mungkin bisa mendapat gambaran dari materi brief dibawah ini :

1) Informasi dasar tentang nama perusahaan, kata-kata apa saja yang harus dimasukkan dalam logo? Apa keunggulan (plus point) dari perusahaan serta apa visi dan misinya?

Berisi pertanyaan mendasar tentang entitas yang akan dirancang logonya. Mulai dari konten yang harus include dalam logo, sampai keunggulan serta visi dan misi perusahaan. Melalui pertanyaan ini, desainer mencoba mengenali karakteristik perusahaan hingga bisa menyimpulkan langkah-langkah apa yang akan disusun untuk memulai proses desain.

2) Apa tujuan dari proyek logo ini? Apa karena kompetisi, Identifikasi produk atau meningkatkan citra perusahaan?

Pertanyaan ini bertujuan untuk mengenal goal dari proyek mendesain logo. Apa target yang ingin dicapai klien melalui logo baru? Dengan mengenal target/tujuan, maka desainer telah mengenal lawan. Tinggal bagaimana menyusun strategi agar output desain menjadi maksimal serta sesuai dengan apa yang diharapkan.

3) Siapa kostumer perusahaan? contoh: usia, jenis kelamin, jabatan, kondisi sosial / ekonomi, pekerjaan, dll. Apakah mereka sudah tahu tentang produk atau jasa Perusahaan? Apa perusahaan cukup familiar bagi mereka?

Poin ini merupakan salah satu bagian vital yang harus disertakan dalam materi brief. Pada dasarnya, semua logo bertujuan untuk mengidentifikasi, dikenali, serta membuat koneksi antara target dengan perusahaan. Penting kiranya untuk mengenal target konsumen sebelum mendesain. Tujuannya adalah agar logo yang dirancang nantinya tepat sasaran serta tepat guna.

4) Siapa kompetitor perusahaan? Bagaimana perbedaan perusahaan dari kompetitor?

Poin ini berfokus kepada kompetisi pada pasar penjualan si perusahaan. Jika perusahaan ternyata tidak sendirian (ada kompetitor), maka dibutuhkan adanya diferensiasi yang kuat antara perusahaan klien dengan kompetitornya, ini adalah salah satu tugas utama bagi para perancang logo.

5) Apakah ada pertimbangan produksi? contoh : logo harus terlihat baik dalam kondisi satu warna untuk cetak kaos. Apa-apa saja media yang dipakai untuk mendistribusikan logo? (Cetak, web, dll)

Salah satu aspek yang berpengaruh kepada sukses tidaknya suatu logo sangat ditentukan kepada seberapa konsisten logo tersebut diaplikasikan/digunakan. Bicara soal penggunaan, maka kita akan bicara seputar media yang akan digunakan untuk menampilkan logo. Pertimbangan produksi seperti ini harus sudah lebih dulu dipertimbangkan oleh desainer sebelum memulai proses desain.

6) Apa ada beberapa logo yang menurut anda menarik? Bisa jelaskan kenapa?

Penting kiranya untuk mengetahui taste klien sebelum mulai merancang logo. Terkadang, taste dan pertimbangan estetis klien seringkali menjadi penentu akhir dari sebuah proyek desain.

7) Apakah ada sesuatu yang spesifik yang harus diingat audiens setelah melihat logo?

Terkadang beberapa perusahaan punya "nilai jual"-nya masing-masing, semacam karakteristik yang membedakannya dengan yang lain. Dan seringkali, klien menginginkan "nilai jual" tersebut lebih diexpose. Tugas desainer lah untuk meng-combine "nilai jual" tersebut dengan keseluruhan informasi yang didapat dari brief tanpa mengganggu (atau malah merusak) keseluruhan proses desain.

Thats it!

Materi ini hanyalah gambaran umum tentang bagaimana cara mengumpulkan informasi untuk desain logo melalui brief. Kamu bisa mengembangkan sendiri dengan versi yang lebih baik. Semoga bermanfaat!

Vandalisme ala Banksy

noreply@blogger.com (a-jir) — Sat, 10 Dec 2011 13:31:00 +0000

Di artikel yang lalu, Desain Studio pernah membahas tentang seniman-seniman grafis yang mentranformasikan ide mereka di tempat-tempat umum. Aktifitas ini sering disebut dengan Vandalisme. Banyak perlawanan yang dilakukan terhadap aktifitas ini, terutama oleh pihak pemerintah tentunya.

Contoh Vandalisme yang sering dilakukan adalah mencoret media umum yang sudah ada, mengganti pesan, dsb. Di negara kita, kebanyakan Vandalisme adalah grafiti yang berisikan pesan-pesan tentang eksistensi sebuah kelompok, larangan buang sampah, menghilangkan/mengganti tanda rambu-rambu lalu lintas, gambar-gambar dan pesan yang mewakili perlawanan sosial, hingga yang paling parah adalah corat-coret begitu saja tanpa adanya arti/pesan (biar juga di bilang boomber.. :D).

Namun ada juga Vandalisme yang menjadi karya seni yang patut di acungi jempol. Contohnya adalah proyek-proyek bawah tanah yang dilakukan Banksy, grafity yang dilakukan kebanyakan berisi sebuah ide/pesan yang hendak disampaikan kepada masyarakat dan pemerintah. Walau tidak bisa di bilang ini legal (bahkan terkesan melawan aturan umum), namun pesan-pesan yang disampaikan cukup inspiratif dan persuasif. Dan tentu saja pekerjaan ini tidak dibayar.

Berikut adalah beberapa karya dari Banksy :

Saya jadi teringat dengan pesannya Joker dalam film Batman The Dark Knight :

"It's not about money... it's about sending a message"

Mungkin kamu juga punya pesan yang bisa di visualisasikan dalam bentuk seni grafis, seperti poster, halaman blog, tembok-tembok, kanvas kosong, bahkan surat cinta ;). Vandalisme hanyalah salah satu ruang ekspresi visual dari sekian banyak media yang bisa digunakan. Yang penting menurut saya adalah pesan tersebut tepat guna dan tidak melanggar aturan. :D

Cek karya-karya menarik lainnya dari Banksy langsung kesitusnya!

12 Maskot Website Keren untuk Inspirasi

noreply@blogger.com (a-jir) — Thu, 08 Dec 2011 11:59:00 +0000

Peran maskot pada suatu entitas kini sudah tidak bisa dianggap enteng. Ini bukan lagi soal bagaimana sebuah lembaga atau perusahaan terlihat unik, tapi lebih dari itu, maskot mampu mengikat ingatan dan perasaan publik untuk menyukai dan akhirnya tergantung dengan entitas yang diwakili oleh maskot tersebut. Kita mungkin mengenal boneka badut sebagai maskotnya McDonald atau birdie imut miliknya Twitter. Dan di artikel berikut ini, ada 12 maskot website unik dan cool lainnya yang bisa kamu jadikan inspirasi untuk terus berkarya. Check it out!

Bookkeepinginabox

Chubbygrub

Elitistsnob

Iwit

Justinbird

Kitfolio

Mailchimp

Moourl

Nybbletech

Oldloft

Photoshoplady

sr28

Jika kamu punya saran website dengan maskot yang unik dan keren, silahkan cantumkan di kolom komentar..

Gratis: Mock-Up Kartu Nama

noreply@blogger.com (a-jir) — Tue, 29 Nov 2011 12:09:00 +0000

Mock-up adalah salah satu cara mempresentasikan desain kamu secara profesional kepada klien. Cara ini juga sangat membantu memberi gambaran yang jelas tentang desain karena ditampilkan dalam tampilan yang realistis. Berikut di Desain Studio, kamu bisa mendownload file mock-up kartu nama dalam format PSD (Photoshop) Secara gratis. Semoga file ini bermanfaat dan membantu kamu dalam mempresentasikan desain kartu nama dan desain logo dalam tampilan yang realistis.

Cara Penggunaan :

File mock-up kartu nama ini menggunakan salah satu fitur handal Photoshop yakni smart-object. Dengan smart-object, kamu dapat dengan cepat dan mudah mengganti desain. File ini tersusun dari beberapa layer dan folder. Layer bernama "DESAIN BAG. DEPAN" adalah layer smart-object untuk kartu nama bagian depan, dan layer bernama "DESAIN BAG. BELAKANG" adalah layer smart-object untuk kartu nama bagian belakang.

1) Double-click thumbnail pada layer smart-object di layer palette, maka secara otomatis akan terbuka tab baru di dokumen Photoshop kamu.

2) Pada dokumen tersebut, paste desain kartu nama kamu didalamnya. Dimensi ukuran kartu nama untuk file mock-up ini adalah 9x5 cm atau 3.5x1.9".

3) Jika sudah, Pilih File > Save, kemudian tutup tab dokumen tersebut. Maka secara otomatis, desain yang kamu masukkan tadi sudah dibentuk kedalam perspektif dengan pencahayaan dan tekstur yang sudah disesuaikan.

100% detail preview

Cara Download:

1) Share artikel ini melalui Facebook dan Twitter dengan menggunakan tombol-tombol dibawah ini :

Share

2) Silahkan berkomentar dengan menyertakan alamat email, agar link download dapat kami kirimkan langsung ke email kamu.

UPDATE!

Sekarang kamu bisa mendownload langsung file ini melalui link dibawah tanpa perlu berkomentar, semoga bermanfaat! :)

Bacaan Inspiratif -27 November 2011

noreply@blogger.com (a-jir) — Sun, 27 Nov 2011 10:36:00 +0000

Tutorial ini menakjubkan, menggabungkan gambar dengan teks yang dibentuk 3 dimensi. Detail yang dijelaskan dalam tutorial ini akan sangat membantu meningkatkan skill kamu dalam menggunakan Photoshop.

2) The Designer’s Guide To Blogging

Desain dan blogging semakin hari semakin tidak terpisahkan. Banyak sekali desainer yang memanfaatkan betul komunitas internet untuk belajar dan berinteraksi. Salah satu caranya adalah dengan blogging. Artikel ini akan membahas poin-poin penting yang bisa bermanfaat bagi desainer yang ingin memulai aktifitas blogging.

3) Amazing Canned Food Sculptures

Kumpulan patung-patung yang dibentuk dari kaleng-kaleng makanan. Sangat inspiratif dan menakjubkan.

4) Realistic 3D Models By Saphire Nishi

Saphire Nishi adalah 3d Modeler wanita asal Belanda. Karya-karyanya begitu menakjubkan. Terkesan seperti foto dan realistis, padahal itu adalah model 3d yang dibentuk menggunakan aplikasi berbasis 3 dimensi.

5) 150 Scripts Photoshop to Enhance Your Creations

Berikut adalah kumpulan script Photoshop gratis yang bisa kamu download. Script di Photoshop adalah satu set rekaman efek dan style yang fiturnya bisa diterapkan otomatis hanya dengan sekali klik, sangat membantu untuk menghemat waktu.

Membuat Kartu Nama Minimalis dengan Illustrator

noreply@blogger.com (a-jir) — Thu, 24 Nov 2011 18:50:00 +0000

Tren desain minimalis mempengaruhi hampir setiap aspek dalam industri desain. Baik itu desain web, poster, logo, maupun kartu nama. Di tutorial kali ini, kita akan mencoba mendesain kartu nama dengan style yang minimalis dan menggunakan tehnik yang sederhana dengan Adobe Illustrator. Beberapa tips di tutorial ini mungkin bermanfaat bagi kamu yang ingin membuat desain kartu nama yang sederhana namun elegan.

Step 1
Buat dokumen baru di Illustrator kamu, isi ukuran artboard dengan ukuran standar untuk kartu nama (9x5 cm)

Step 2
Gunakan Rectangle tool (M) untuk membuat background dari kartu nama. Beri warna gradasi menggunakan Gradient tool (G) seperti gambar dibawah. Set tipe gradient menjadi linier.

Step 3
Buat sebuah oval dengan Ellipse tool (L), beri gradasi tipe radial dengan warna gradasi standar hitam dan putih.

Step 4
Tarik tanda bulat kecil berwarna hitam pada Gradient tool seperti gambar dibawah.

Step 5
Klik pada objek lingkaran, kemudian buka Gradient palette, klik pada ikon Reverse Gradient pada Gradient palette. Kemudian buka Transparency palette, ubah Blend Mode-nya menjadi Multiply.

Step 6
Buat sebuah kotak diatas lingkaran menggunakan Rectangle tool (M) dan posisikan seperti pada gambar dibawah.

Step 7
Seleksi objek lingkaran dan objek kotak (tahan tombol Shift di keyboard untuk memilih lebih dari satu objek), kemudian klik kanan dan pilih Make Clipping Mask. Maka hasilnya akan seperti gambar dibawah.

Step 8
Sekarang gunakan Rounded Rectangle tool untuk membuat bentuk seperti gambar dibawah ini.

Step 9
Buat sebuah kotak lagi tepat diatas bentuk melengkung yang telah kita buat tadi. Seleksi keduanya, dan buka Pathfinder palette, kemudian klik pada ikon Intersect. Posisikan shape hasil intersect dibawah objek lingkaran dengan menekan tombol Ctrl+[ (send backwards) di keyboard.

Step 10
Seleksi objek background. Buka Appearance palette, klik tanda panah kecil di sudut kanan atas Appearance palette lalu pilih Add new fill. Sebuah fill baru sekarang telah ditambahkan ke background kartu nama. Sekarang, klik tanda panah kecil untuk membuka palette warna dari fill tersebut, lalu klik pada ikon Swatch libraries menu > Pattern > Basic Graphic > Basic Graphic Textures. Klik pada tekstur bernama burlap.

Step 11
Ubah blend mode dari tekstur burlap menjadi Multiply, dan turunkan Opacitynya menjadi 20 %.

Step 12
Terakhir, tambahkan informasi yang dibutuhkan pada kartu nama. Nama, jabatan, nomor telfon, email dan sebagainya. Gunakan maksimal dua jenis font untuk menjaga kesatuan desain. Untuk tutorial kali ini, saya menggunakan font Bebas Neue dan Georgia.

Hasil Akhir
Kamu dapat berimprovisasi terhadap layout, warna, komposisi, maupun tekstur berdasarkan tehnik yang digunakan dalam tutorial kali ini. Selamat mencoba!

Note : File mock-up yang digunakan di tutorial kali ini bisa kamu download di postingan selanjutnya, stay tuned!

Bacaan Inspiratif -20 November 2011

noreply@blogger.com (a-jir) — Sat, 19 Nov 2011 17:31:00 +0000

Mau meningkatkan skill photoshop kamu ke tahap yang lebih tinggi? Coba tutorial ini! Menjelaskan detail pembuatan karya abstrak berupa potret wajah. Ada banyak teknik dan skill menarik yang bakal membuat kamu menjadi pengguna photoshop yang lebih ahli.

2) How to Create a Web Site Mascot

Bingung dalam membuat karakter atau maskot untuk web? Yeah, this's more than just drawing!. Selain skill menggambar karakter yang memang dibutuhkan, pembuatan maskot butuh perencanaan agar hasilnya sesuai dengan harapan.

3) Anatomy of a Designer’s Brain

Seringkali, orang awam akan beranggapan bahwa desainer grafis adalah orang yang cenderung optimal di otak kanan daripada otak kiri. Benarkah demikian? Temukan jawabannya di artikel ini. Selain itu, hal-hal lain terkait 'designer-mind' juga dibahas dengan sangat detail.

4) 39 Mind Blowing Vector Graphics

Artikel ini berisi kumpulan karya-karya vector yang luar biasa. Mungkin bisa menjadi inspirasi bagi kamu dalam berkarya. Khususnya dalam menciptakan karya-karya berbasis vector.

5) 115+ Professional High Resolution Wood Textures

Desainer grafis baik itu web maupun cetak pasti akan terbiasa dalam menggunakan tekstur dalam karyanya. Artikel ini berisi kumpulan tekstur kayu dengan resolusi yang tinggi. Cukup bermanfaat bagi kamu yang memang sedang mencari stock tekstur yang berkualitas.

Perbedaan Typeface dan Font

noreply@blogger.com (a-jir) — Thu, 17 Nov 2011 13:42:00 +0000

Tipografi memainkan peranan yang sangat besar dalam desain. Hampir di setiap materi desain grafis, terdapat seni tipografi didalamnya. Dengan perkembangan yang sudah begitu jauh, Tipografi mengalami berbagai pergeseran dan hadir dengan seperangkat istilah-istilah akademis yang cukup kompleks. Sehingga tidak jarang membingungkan, tidak hanya dikalangan awam, tapi bahkan desainer grafis itu sendiri. Salah satu bentuk salah paham yang paling sering muncul adalah terkait perbedaan antara Typeface dan Font.

Typeface seringkali disebut Font atau sebaliknya, Font juga sering disebut sebagai Typeface. Perbedaan ini sering menyebabkan salah pemahaman di dunia tipografi dan desain grafis pada umumnya. Sejatinya, kedua istilah ini memiliki pengertian yang berbeda.

Typeface
Typeface adalah rancangan karakter dari sekumpulan huruf. Typeface merupakan "perwajahan" yang membentuk karakteristik suatu kumpulan huruf sehingga membedakannya dengan jenis huruf yang lain.

Font
Font adalah suatu kumpulan lengkap dari huruf, angka, simbol, atau karakter yang memiliki ukuran dan karakter tertentu.

Perbedaan Typeface dan Font:

Secara sederhana, Typeface bisa disebut sebagai entitas, yakni perwajahan, karakteristik, keunikan, dan perbedaan yang terbentuk didalam rancangan karakter huruf. Sedangkan font bisa disebut sebagai kuantitas, yakni bobot, massa, dan jumlah dari serangkaian karakter huruf.

Tidak semua typeface bisa disebut font, misalnya typeface yang dirancang hanya sebagian huruf untuk keperluan logo. Sebaliknya, tidak juga semua font bisa disebut typeface, font jenis dingbat (ornamen dan karakter) misalnya, Karena bukan merupakan rancangan huruf.

Typeface untuk Logo

Font jenis Dingbat

Analogi sederhana dan menarik disampaikan oleh Nick Sherman mengenai perbedaan typeface dan font :

"The way I relate the difference between 'typeface' and 'font' to my students is by comparing them to "'songs' and 'MP3s'"
————————————
"Cara saya menjelaskan perbedaan antara 'typeface' dan 'font' untuk murid-murid saya adalah dengan membandingkan mereka dengan 'lagu' dan 'MP3'"

Semoga bermanfaat!

Bacaan Inspiratif -13 November 2011

noreply@blogger.com (a-jir) — Sun, 13 Nov 2011 09:27:00 +0000

Tutorial ini menjelaskan bagaimana caranya membuat efek 3d pada teks di Photoshop Cs3. Penjelasannya detail dan mudah diikuti.

2) The designer’s guide to a great first impression

Dalam berinteraksi dengan masyarakat sekitar, kesan pertama memegang kendali vital yang akan menentukan bagaimana kelangsungan hubungan kita dengan orang lain, termasuk dengan klien (calon klien). Lantas bagaimana kita bisa memberikan kesan pertama yang baik untuk klien? Temukan jawabannya di artikel ini!

3) 5 Worst Logos of The Worlds Biggest Company

Logo yang buruk identik dengan perusahaan kecil dan kekurangan budget untuk mendesain logo. Tapi ternyata budget bukanlah segalanya. 5 Perusahaan besar di atas adalah perusahaan raksasa dengan budget berlimpah tapi bermasalah dengan logo.

4) Creative Sticker Design Collection to Inspire Designers

Selamat terinspirasi dengan desain-desain stiker unik dan kreatif yang dikumpulkan di artikel ini.

5) The Workstations of Popular Websites

Pernahkah membayangkan bagaimana ruang kerja para blogger populer? Silahkan melihat-lihat ruang kerja mereka di artikel ini. Beberapa ruang kerja blogger terkenal seperti Chris Spooner dan Darren Rowse ditampilan disini.

Membuat Efek Kertas Kusut dengan Photoshop

noreply@blogger.com (a-jir) — Fri, 11 Nov 2011 17:12:00 +0000

Tutorial kali ini sangat sederhana, yaitu membuat kertas kusut yang tertempel di dinding dengan Photoshop. Tehnik yang digunakan dalam tutorial kali ini diharapkan memberi penjelasan tentang bagaimana caranya menciptakan efek dan tekstur yang realistis menggunakan efek-efek yang terdapat pada Filter Gallery. Tutorial ini ditujukan untuk pemula dan tingkat menengah, dan diharapkan dapat dieksplor lebih jauh sehingga menciptakan karya-karya lain yang luar biasa. Lets get started!

Step 1

Mulai dengan membuat dokumen baru dengan settingan seperti gambar dibawah ini.

Step 2

Double-click layer 'Background' di layer palette, klik Ok pada jendela yang kemudian muncul. Langkah ini akan membuat layer 'Background' menjadi layer biasa. Jika sudah,kembali Double-click layer 'Background' untuk membuka Layer Styles. Pada jendela Layer Styles, check pada bagian Gradient Overlay dan Color Overlay. Atur settingan keduanya menjadi seperti yang terlihat pada gambar dibawah. Untuk bagian warna di Color Overlay, warna yang diberikan adalah #cbc18c.

Step 3

Pilih layer 'Background' kemudian klik Filter > Texture > Texturizer di Menubar. Pada jendela yang kemudian muncul, pilih efek Craquelure. Biarkan settingan sebagai default, kemudian klik Ok. Jika langkah-langkah diatas telah dilalui, layer 'Background' akan terlihat seperti gambar dibawah.

Step 4

Yap! Kita sudah selesai dengan backgroundnya. Sekarang saatnya membuat layer baru. Klik ikon 'New layer' di layer palette untuk membuat layer baru. Ubah nama layer menjadi 'Paper', dan isi dengan warna #d6d6d6 (Abu-abu). Jika sudah, pilih layer 'Paper' kemudian tekan tombol Ctrl+J di keyboard untuk menduplikasi layer tersebut. Secara default akan muncul layer dengan nama 'Paper copy'.

Klik layer 'Paper copy', kemudian klik Filter > Render > Cloud di Menubar. Langkah ini membuat layer 'Paper copy' dipenuhi oleh noise seperti asap.

Step 5

Masih pada layer 'Paper copy', tekan tombol G di keyboard untuk mengaktifkan Gradient tool. Pada control palette di bagian atas, atur settingan warna gradasi menjadi hitam/putih, style-nya menjadi linier, dan mode-nya menjadi Difference, kemudian tarik sembarang beberapa kali sampai kamu menemukan kekacauan seperti gambar dibawah ini.

Step 6

Pilih layer 'Paper copy', kemudian klik Filter > Stylize > Emboss. Biarkan settingan sebagai default, lalu klik Ok.

Step 7

Masih pada layer 'Paper copy', tekan tombol Ctrl+L (Level) di keyboard, kemudian tarik slider hitam dan putih kearah tengah. Tepat seperti gambar dibawah ini.

Step 8

Ubah blending mode dari layer 'Paper copy' menjadi Overlay. Maka kira-kira hasilnya akan seperti gambar dibawah ini.

Step 9

Pilih layer 'Paper' dan layer 'Paper copy' (tekan dan tahan tombol Shift untuk memilih lebih dari satu layer), kemudian tekan tombol Ctrl+T di keyboard untuk mengaktifkan Transform tool. Perkecil Ukuran kedua layer tersebut seperti gambar dibawah ini.

Step 10

Double-click pada layer 'Paper' untuk membuka Layer Styles. Check pada bagian Drop Shadow dan atur settingannya seperti gambar dibawah.

Step 11

Klik kanan pada tulisan 'Drop Shadow' di layer palette kemudian pilih Create Layer. Langkah ini akan membuat efek Drop Shadow yang kita berikan pada layer 'Paper' terpisah dan berdiri dengan layer-nya sendiri. Secara default, nama layernya akan menjadi 'Papers drop shadow'.

Step 12

Pilih layer 'Papers drop shadow', kemudian tekan tombol Ctrl+T di keyboard. Klik kanan pada area kerja lalu pilih Warp. Warp adalah mode transform yang memungkinkan kita membentuk kelengkungan pada objek menggunakan jaring-jaring bantu yang telah disediakan(lihat gambar).

Dalam kasus ini, saya membentuk shadow secara tidak simetris agar terlihat realistis dan tidak terkesan datar.

Step 13

Buat layer baru untuk objek perekat/selotip. Saya membuatnya menggunakan Rectangular Marque Tool (M). Objek selotip sengaja dimiringkan sedikit menggunakan Transform tool (Ctrl+T) untuk mendukung keseluruhan style.

Step 14

Tambahkan juga teks menggunakan Type tool (T) tepat diatas layer 'Paper copy'. Saya menggunakan font Segoe Script yang bergaya tulisan tangan. Font tersebut bisa diunduh gratis disini.

Hasil Akhir

Inilah hasil akhir yang kita dapat dari tutorial Photoshop kali ini. Semoga tutorial ini dapat membantu dan bermanfaat untuk proyek desain yang sedang atau akan kamu kerjakan.

—DOWNLOAD FILE TUTORIAL INI—

Selamat mencoba! :)

5 Cara Menghasilkan Uang Lewat Internet bagi Desainer Grafis

noreply@blogger.com (a-jir) — Tue, 08 Nov 2011 18:59:00 +0000

Internet melipat ruang dan waktu, membuat selatan dan utara seolah tak terbatas, mengubah dunia, mengubah segalanya, termasuk desainer grafis. Judul diatas tidak berlebihan! Ya, desainer grafis memang bisa mendapat penghasilan melalui internet. Bahkan lebih besar dari standar penghasilan rata-rata di Indonesia. Tapi tentu saja tidak semudah kedengarannya. Selain kompetisi yang selalu meningkat dari hari ke hari, desainer dituntut untuk tekun dan bekerja keras dalam mewujudkannya. Berikut kita akan membahas 5 cara yang bisa dipraktekkan desainer grafis untuk mendapat penghasilan melalui internet.

1) Portofolio Online

sumber gambar

Ini mungkin cara paling klasik untuk menghasilkan uang sebagai desainer grafis. Sama seperti di dunia nyata, kamu akan lebih mudah bertemu klien jika kamu membuka sebuah 'toko'. Dalam hal ini, situs/blog adalah sebuah toko tempat kamu memajang karya-karya kamu disana.

Wah, harus bikin website dulu dong!? Tidak juga! Buat kamu yang tidak mempunyai situs atau blog sendiri, alternatifnya bisa menumpang di situs-situs yang menyediakan space untuk portofolio artis dan desainer, antara lain :

1. behance.net
2. deviantart.com
3. shadowness.com

Dengan bergabung dan membuka akun disitus-situs diatas, akan lebih mudah bagi kamu untuk bertemu klien potensial. Tidak hanya dari dalam negeri, tapi juga dari luar negeri.

2) Situs Microstock

Microstock adalah alternatif yang cukup diminati oleh mereka yang menginginkan passive income dari karya-karya mereka. Passive income? Yup! Sekali submit, karya kamu akan terus dijual berulang-ulang kali. Konsepnya sederhana, kamu membuat file yang siap dijual baik itu ikon, illustrasi, karakter, template, background (dalam format vektor) atau karya fotografi dan menjualnya disana. Disini, kualitas karya sangat memegang peranan. Kamu akan bersaing dengan ratusan ribu desainer lainnya dengan kualitas yang luar biasa. Tapi jangan dulu patah semangat, beberapa skill khusus seperti illustrasi dan menggambar manual bisa jadi diferensiasi yang bagus buat kamu untuk bersaing disana.

Berikut adalah daftar situs-situs microstock terbesar di Internet saat ini :

1. www.shutterstock.com
2. www.istockphoto.com
3. www.fotolia.com
4. www.dreamstime.com

Berikut adalah resource yang mungkin bermanfaat untuk mulai bergabung dengan situs-situs microstock diatas :

1. Mendapatkan Ribuan Dollar/bulan Hanya dr Ilustrasi Vector
2. How to Prepare Vector Illustration for Microstock Sale
3. How Much Can You Make with Microstock Sites?

3) Envato Marketplaces

sumber gambar

Envato Marketplaces adalah sebuah pasar digital online yang menyediakan wadah untuk jual-beli karya digital seperti karya grafis, template Wordpress, music, video, fotografi, dll. Berbeda dengan microstock, Envato Marketplaces hadir dengan ruang lingkup yang cukup luas dengan kualifikasi dan persaingan yang lebih ketat. Sebagai desainer grafis, ada beberapa katagori di Envato Marketplaces yang mungkin sesuai dengan kualifikasi kita. Berikut beberapa di antaranya :

1) themeforest.net (template mobile, web, dan wordpress)
2) graphicriver.net (template desain, brushes photoshop, dan vector)
3) 3docean.net (stok gambar dan model 3D)
4) photodune.net (stok fotografi)

4) Kontes Desain

Kontes desain juga bisa jadi alternatif untuk menghasilkan uang lewat internet. Meskipun hasilnya untung-untungan (spekulasi), ternyata banyak juga desainer yang berhasil mendapat penghasilan tetap dari sini.

Kontes Desain Logo :
Konsepnya sederhana, sebuah perusahaan yang membutuhkan logo akan menggelar kontes di situs ini, selanjutnya para desainer yang berminat langsung mensubmit karya mereka dengan brief yang disediakan dan waktu yang telah ditentukan. Berikut adalah beberapa situs yang menyediakan kontes desain logo :

1. www.99designs.com
2. www.logotournament.com
3. www.logomyway.com

Kontes Desain T-shirt :
Mirip dengan kontes desain logo, pada t-shirt, desainer juga mensubmit karya untuk tema tertentu yang telah ditentukan dan deadline yang telah disepakati. Berikut adalah beberapa situs yang menyediakan kontes desain t-shirt :

1. www.threadless.com
2. www.designbyhuman.com
3. www.gantibaju.com

5) Menulis Tutorial

sumber gambar

Buat kamu yang punya kemampuan berbagi tips dan trik desain dengan menulis, kamu bisa mencoba menulis tutorial di situs-situs tutorial online di internet. Beberapa situs menawarkan harga yang lumayan untuk satu tutorial yang dipublish. Ketentuan dan kualifikasinya pun berbeda-beda, jadi kembali kepada kamu untuk menentukan mana yang akan kamu pilih. Berikut adalah beberapa situs yang mau membayar kamu untuk menulis tutorial :

1. www.psd.tutsplus.com
2. www.tutorial9.net
3. www.design.creativefan.com
4. www.designinstruct.com
5. www.vector.tutsplus.com
6. www.vectordiary.com

Berikut adalah beberapa resource bermanfaat jika kamu tertarik untuk menulis tutorial di situs-situs diatas :

1. 14 Situs Yang Berani Membayar untuk Tutorial Photoshop
2. 18 Websites to Get Paid for Writing Helpful Tutorials
3. How To Write Effective And Engaging Design Tutorials

Well, bagaimana? Pilihan sudah didepan mata, tinggal kamu yang memutuskan. Jika ada yang sudah memulai, silahkan berbagi cerita melalui kolom komentar..