Ilustrasi dan Desain Karakter dari Petshopboxstudio

Petshopbox Studio berawal dari sekelompok pecinta anime, manga, dan menggambar. Akhirnya, dari sekadar hobi mereka bertransformasi menjadi illustrator professional.

[hr]

Karya PetshopboxStudio

Ilustrasi dan Desain Karakter dari Petshopboxstudio
Ilustrasi dan Desain Karakter dari Petshopboxstudio
Ilustrasi dan Desain Karakter dari Petshopboxstudio
Ilustrasi dan Desain Karakter dari Petshopboxstudio
Ilustrasi dan Desain Karakter dari Petshopboxstudio

[hr]

Portfolio

Link Minggu Ini 200311

Berikut adalah daftar tutorial, inspirasi desain, artikel, dan resource desain menarik yang saya temukan selama minggu ini. Semua link ini saya anggap berguna dan memperkaya wawasan.

[hr]

1. Tutorial

Link Minggu Ini 200311

Create a Lost Fantasy Micro World with Powerful Photo Manipulation Techniques in Photoshop

Dalam tutorial ini, kita akan membuat sebuah dunia fantasi. Dunia yang sangat kecil dan datar lengkap dengan jalan raya, bangunan, mobil, langit, dan detail-detail kecil lainnya.

2. Inspirasi

Link Minggu Ini 200311

Clever Conceptual Photo Manipulations That Tell a Story

Koleksi berbagai manipulasi foto yang tidak saja terlihat realistis tapi juga mampu bercerita.

Link Minggu Ini 200311

30 Fresh Examples of Single Page Websites

Situs satu halaman sudah menjadi trend baru saat ini. Desain ini banyak digunakan dalam portfolio dan situs yang tidak mempunyai banyak isi. Di artikel ini, ditunjukkan 30 situs satu halaman yang akan menginspirasi Anda.

3. Artikel

Link Minggu Ini 200311

Satellite Photos of Japan, Before and After the Quake and Tsunami

Artikel ini membandingkan foto satelit Jepang sebelum dan setelah gempa dan tsunami.

Link Minggu Ini 200311

Why I Stopped Working With Busy People

Penulis artikel ini menyatakan bahwa dia tidak lagi bekerja dengan orang-orang sibuk. Dia memaparkan beberapa argumen, salah satunya sibuk adalah kondisi emosional. Menurutnya, kebanyakan orang tidaklah benar-benar sibuk, mereka hanya merasa sibuk.

Link Minggu Ini 200311

Common Elements Used in Wooden UI Design

Dalam artikel ini, Anda akan melihat lima elemen yang umum digunakan dalam desain interface bertema kayu.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Dalam tutorial ini kita akan membuat poster bertema petarung dan memasukkan bentuk-bentuk rumit dari brush pattern di Illustrator.

[hr]

Preview

Sebelum memulai tutorial ini, silakan lihat hasil akhir poster yang akan kita peroleh.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

[hr]

Software yang Digunakan

  • Adobe Photoshop
  • Adobe Illustrator

[hr]

Resource yang Dibutuhkan

Untuk mengikuti tutorial ini, silakan ambil terlebih dahulu resource berikut:

[hr]

Tutorial

Langkah 1: Mempersiapkan File di Illustrator

Buat file baru berukuran A4. Aktifkan Ruler dengan klik View > Show Ruler. Dari ruler drag ke tengah kanvas untuk membuat guide.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 2: Membuat Brush Pola

Buat sebuah lingkaran, di tengahnya tambahkan sebuah segitiga. Klik sisi bawah untuk menambah titik baru. Atur posisi semua titik hingga diperoleh bentuk panah.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 3

Seleksi semua shape. Geser ke atas panel Brushes.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 4

Di kotak dialog yang muncul pilih Pattern Brush.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 5

Anda bisa mengatur setting lain dalam kotak dialog berikutnya. Setting ini bisa diubah kemudian dengan cara klik ganda brush pada Panel Brushes.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 6: Membuat Bentuk Rumit

Buat lingkaran di tengah-tengah kanvas. Mulai dengan klik pada pertemuan guide lalu geser sambil menahan Alt.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 7

Klik brush pola yang tadi kita buat untuk menggunakan di dalam lingkaran.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 8

Buat lagi lingkaran lebih besar, masih di posisi yang sama.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 9

Buat bentuk seperti di bawah. Bentuk ini merupakan kombinasi dari persegi yang dimodifikasi dan lingkaran. Geser bentuk ke panel Brushes dan simpan sebagai Pattern Brush.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 10

Aktifkan pola brush yang sudah kita buat ke dalam lingkaran.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 11

Buat bentuk di bawah. Bentuk ini adalah gabungan dari tiga segitiga berwarna hitam dan putih. Simpan bentuk ini sebagai brush pola. Saya yakin Anda sudah tahu caranya.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 12

Kali saya membuat dua lingkaran baru. Beri keduanya brush pola baru.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 13

Buat garis memotong bentuk rumit yang sudah kita peroleh.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 14

Klik kanan dan pilih Transform > Rotate. Isikan sudut sebesar 5 derajat dan klik Copy.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 15

Tekan Ctrl + D untuk mengulangi proses duplikasi dan transformasi hingga diperoleh satu lingkaran penuh dengan garis. Seleksi semua garis dan simpan di bawah bentuk rumit dengan menekan Ctrl + Shift + [.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 16

Berikutnya, saya membuat beberapa lingkaran dengan ketebalan berbeda.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 17

Ambil bentuk tribal dari WeGraphics.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 18

Seleksi bentuk tribal klik kanan dan pilih Transform > Reflect. Pilih Vertical dan klik Copy.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 19

Atur posisinya hingga membentuk cermin. Simpan bentuk sebagai brush pola baru.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 20

Buat lingkaran baru dan beri brush pola baru.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 21: Bekerja di Photoshop

Buat file baru berukuran A4. Ambil tool brush dan lukis hingga diperoleh latar seperti di bawah.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 22

Seleksi bentuk rumit di Illustrator, tekan Ctrl + C. Kembali ke Photoshop, tekan Ctrl + V. Simpan sebagai Smart Object agar bisa mempertahankan semua fungsi vektornya.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 23

Beri layer style berikut.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 24

Gandakan bentuk vektor lalu perkecil.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 25

Lukis bayangan secara manual hingga objek terlihat berada dekat dengan bentuk vektor besar.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 26

Gandakan lagi vektor dan perbesar hingga memenuhi kanvas. Turunkan opacity-nya ke 1%.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 27

Ulangi proses sebelumnya hingga diperoleh beberapa objek vektor dengan opacity berbeda-beda.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 28

Ambil tekstur noise dari WeGraphics.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 29

Ubah blend mode layer ke Screen.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 30

Gunakan brush-brush splatter dan grunge yang tersedia di daftar resource untuk memberi kesan kotor pada latar.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 31

Saya tambahkan layer baru dengan opacity rendah dan mengisinya dengan gradient radial dari hitam ke putih. Ini membuat warna-warnanya terlihat pudar.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 32

Sebagai pemanis saya gunakan brush Vintage Grunge dari WeGraphics.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Inilah hasil yang sudah kita peroleh.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 33: Menambahkan Gambar Petarung

Ambil Mixed Martial Art Vol2 dari WeGraphics. Di sana tersedia gambar dua orang petarung. Buka di Illustrator, copy lalu ke paste ke Photoshop sebagai Smart Object.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Beri layer style berikut.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 34

Beri adjustment layer Hue/Saturation dengan setting berikut. Ubah adjustment layer menjadi clipping mask dengan menekan Ctrl + Alt + G. Ini membuat adjustment layer hanya mempengaruhi layer petarung di bawahnya.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop
Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 35: Pita

Ambil Ribbons Vector set dari WeGraphics. Buka di Illustrator, paste sebagai Smart Object di Photoshop.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 36

Tambahkan layer mask. Aktifkan brush dengan opacity rendah. Gunakan brush splatter atau grunge dan lukis pita dengan hitam. Langkah ini akan memberikan tekstur pada pita.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 37

Buat path dengan tool pen. Bentuk path harus mengikuti kelengkungan pita.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 38

Aktifkan tool type. Klik path untuk menambahkan teks pada path.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Teks akan otomatis mengikuti kelengkungan path.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 40

Beri layer mask. Lukis hitam dengan brush grunge atau splatter untuk memberi tekstur pada teks.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Di bawah adalah hasil yang sudah kita peroleh.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Langkah 41: Perisai

Terakhir, saya ambil gambar vektor perisai dari WeGraphics.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Saya simpan perisai ini di belakang objek rumit dan menurunkan opacity-nya.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

[hr]

Hasil Akhir

Melalui tutorial ini, saya harap Anda mempelajari cara pembuatan bentuk rumit menggunakan brush pola di Illustrator yang ternyata sangat mudah. Jika ada pertanyaan, silakan tuliskan di kolom komentar di bawah.

Di bawah adalah hasil akhir tutorial yang kita peroleh.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Saya juga membuat tampilan alternatif dari poster ini. Di sini, Langkah 34 dilewati sehingga kedua petarung tetap hitam.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Di bawah, saya melakukan sedikit modifikasi dan mengubah formatnya dalam wallpaper. Saya menggunakan mockup iMac untuk melihat hasil akhirnya.

Membuat Poster Petarung dengan Bentuk Rumit di Illustrator dan Photoshop

Menulis Tamu di DesainDigital

DesainDigital bukan lagi situs personal. Melalui situs ini, ada banyak pembaca –baik desainer atau non-desainer– yang menggali inspirasi, belajar teknik-teknik baru, atau mencari informasi terkait blogging dan desain. Untuk memperkaya isi situs, salah satu caranya adalah melalui penulis tamu. Ada banyak faktor yang perlu dipertimbangkan sebelum menerima tulisan tamu, saya sudah membahasnya dalam artikel “Persiapan Dalam Menghadapi Penulis Tamu” dan “Faktor yang Harus Anda Pertimbangkan Sebelum Menerima Tawaran Blog Tamu“.

[hr]

Kerugian Menulis di Blog Ini

Pertanyaan mendasar bagi semua calon penulis tamu adalah: “Apa yang saya peroleh dari menulis tamu di DesainDigital?” Jawabannya: “Tidak ada!

1. Tidak ada bayaran

Situs ini sama sekali tidak menguntungkan, itu sebabnya penulis tamu tidak akan dibayar. Jika Anda menulis di situs besar, tulisan Anda dihargai minimal $30.

2. Tidak ada link berkualitas

Semua penulis tamu di DesainDigital bisa menuliskan satu paragraf deskripsi dirinya di bawah artikel berikut link ke situs dan jaringan sosial yang digunakannya. Perlu diketahui sebelumnya, DesainDigital bukan situs berkualitas tinggi, sehingga tidak bisa memberikan link berkualitas bagi blog Anda. Page Rank Anda tidak akan otomatis naik hanya karena memiliki link dari DesainDigital.

3. Tidak akan memberikan ekstra traffik

Banyak yang beranggapan bahwa menulis tamu akan meningkatkan pengunjung ke situsnya. Salah! Saya jamin tidak akan ada kenaikan signifikan pengunjung. DesainDigital hanya memiliki rata-rata 500 pengunjung harian dengan 1.000 page view.

4. Berat

Anda bisa melihat bahwa artikel dan tutorial di situs ini biasanya panjang dan detail. Semua penulis tamu diharapkan untuk menulis artikel dengan kualitas yang sama atau mungkin lebih baik lagi. Artikel hasil copy paste atau terjemahan dari artikel lain tidak akan diterima. Tutorial yang terlalu sederhana, misalnya “Cara Membuat Lingkaran di Photoshop”, berada di bawah standar DesainDigital dan tidak akan diterima.

[hr]

Keuntungan Menulis di Blog Ini

Secara umum, menulis di DesainDigital tidak akan menguntungkan. Namun ada beberapa keuntungan minor yang bisa diperoleh penulis tamu.

1. Bantuan Editing

Saya akan mengedit semua tulisan, biasanya dengan menghapus kata-kata yang tidak perlu atau memendekkan kalimat-kalimat panjang. Lewat proses editing ini, Anda akan belajar cara menulis artikel yang baik. Stephen King mengatakan proses editing yang dilakukan editor pertamanya merangkum tiga tahun pelajaran bahasa yang dia geluti.

2. Belajar Melalui Berbagi dengan Komunitas

Berbagi ilmu dengan orang lain adalah cara termudah dan tercepat untuk memperoleh ilmu baru. Yeah, bullshit! Ini memang terdengar seperti slogan yang tidak masuk akal. Anda harus mengalami sendiri sebelum bisa memahaminya.

Ketika berbagi, Anda memiliki kemungkinan besar menerima banyak respon dari orang lain. Bisa berupa kritik, pujian, atau saran. Melalui ketiga hal ini, Anda bisa mengukur sejauh mana skill yang Anda miliki.

3. Meningkatkan Reputasi

Saya tidak berbicara tentang reputasi sebagai penulis tamu di DesainDigital, situs kecil yang sama sekali tidak populer. Saya membicarakan reputasi Anda yang mau berbagi dengan komunitas. Mana yang lebih Anda sukai, desainer hebat yang menyimpan teknik untuk dirinya sendiri atau desainer biasa yang mengajarkan tekniknya pada orang lain? Itulah yang saya maksud dengan reputasi.

[hr]

Tertarik Menulis Tamu di DesainDigital?

Saya berharap Anda tertarik untuk menulis tamu di situs ini. Saya telah menyediakan panduan standar penulisan. Anda tinggal memodifikasinya. Jika ada pertanyaan, Anda bisa langsung menghubungi saya via email atau twitter.

[ilink style=”download” url=”http://dl.dropbox.com/u/7116487/desaindigital/template-artikel-desaindigital.zip”%5DDownload File Standar Penulisan Artikel[/ilink]

Poster Film Dexter

Ty Mattson adalah seorang desainer terkemuka dengan klien brand besar seperti ABC, Apple, Coke, Pepsi, dan Discovery Channel. Ty juga penggemar berat serial TV Dexter. Sekadar iseng, Ty mendesain poster untuk setiap season Dexter. Beruntung, posternya menarik perhatian produser dan mereka menjadikannya merchandise resmi Dexter.

Film Dexter mengisahkan seorang anti-hero pembunuh berdarah dingin namun selalu terlihat normal di hadapan rekannya. Setiap pembunuhan yang dilakukannya selalu mengacu pada kode etik yang diajarkan Harry, ayah angkatnya. Dia hanya membunuh pembunuh sadis yang tidak bisa dijangkau hukum. Menurut saya, Dexter adalah film terbaik saat ini. Di Indonesia, kita bisa melihatnya di channel Fox Crime.

[hr]

Poster Dexter

Poster Film Dexter
Season 1
Poster Film Dexter
Season 2
Poster Film Dexter
Season 3
Poster Film Dexter
Season 4
Poster Film Dexter
Season 5
Poster Film Dexter
Konsep Cover CD

[hr]

Di Balik Layar


Video proses pembuatan poster Dexter.
Poster Film Dexter
Sketsa Poster Film Dexter.

Link Minggu Ini 130311

Berikut adalah daftar tutorial, inspirasi desain, artikel, dan resource desain menarik yang saya temukan selama minggu ini. Semua link ini saya anggap berguna dan memperkaya wawasan.

[hr]

1. Tutorial

Link Minggu Ini 130311

How To Create a Colorful Abstract Poster in Illustrator

Dalam tutorial ini, Chris Spooner memperlihatkan cara membuat gambar seni kombninasi dari garis-garis diagonal. Setelah selesai di Illustrator, gambar ini lalu diedit di Photoshop untuk kemudian diberi tekstur lembut.

Link Minggu Ini 130311

Create a Download Folder Icon in Photoshop

Tutorial cara membuat ikon download di Photoshop. Ada teknik unik di sini, menggunakan perintah Stroke untuk memberi kesan 3 dimensi.

Link Minggu Ini 130311

HOW TO: Create An Intricate Display Font – HypeForType Tutorial

Tutorial unik cara membuat font sendiri menggunakan FontLab Studio dan Illustrator.

2. Inspirasi

Link Minggu Ini 130311

Most Creative Ads Series: Domestic Abuse

Kumpulan iklan kreatif bertema kekerasan rumah tangga.

3. Resource Desain

Link Minggu Ini 130311

WordPress business website PSD template

File PSD gratis untuk situs wordpress bertema bisnis.

4. Artikel

Link Minggu Ini 130311

Digital Forensics: 5 Ways to Spot a Fake Photo

Artikel ini membahas lima metode yang digunakan ilmuwan untuk mengenali foto palsu. Teknik yang dijelaskan di sini sangat logis dan akurat.

Menggambar Gitar Listrik Klasik dengan Photoshop

Ini adalah tutorial terbaru saya untuk Design Instruct. Dalam tutorial ini, saya memperlihatkan cara menggambar gitar listrik legendaris, Gibson Les Paul, di Photoshop.

[hr]

Preview

Berikut adalah hasil akhir yang diperoleh.

Menggambar Gitar Listrik Klasik dengan Photoshop

[hr]

Sebagian Langkah dalam Tutorial

Tutorial ini sangat detail dan membahas banyak teknik menggambar.

Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop
Menggambar Gitar Listrik Klasik dengan Photoshop

[hr]

Link Tutorial

Tutorial ini ditulis ekslusif untuk Design Istruct.
[unordered_list style=”bullet”]

[/unordered_list]