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

Membuat Layout Sederhana dengan InDesign

2012-01-26T21:21:00.000-08:00

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

Membuat Efek Teks Horror di Photoshop

2012-01-20T00:33:00.000-08:00

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

Membuat Efek Plasma dengan Illustrator

2012-01-10T05:25:00.000-08:00

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

Membuat Efek Miniatur dengan Photoshop

2012-01-06T03:38:00.000-08:00

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!

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

Tutorial Illustrator - Simple Flower

2011-12-29T19:29:00.000-08:00

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!

Efek LetterPress di Photoshop

2011-12-23T06:22:00.000-08:00

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!

Membuat Kartu Nama Minimalis dengan Illustrator

2011-11-24T10:50:00.001-08:00

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!

Membuat Efek Kertas Kusut dengan Photoshop

2011-11-11T09:12:00.001-08:00

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! :)

Tutorial: Efek Teks Berlumur Coklat dengan Illustrator

2011-10-27T11:08:00.000-07:00

Tutorial kali ini akan mengupas bagaimana caranya membuat teks yang eye-catching berlumur coklat dengan Adobe Illustrator. Efek teks semacam ini lazim kita temui pada kemasan-kemasan coklat, biskuit, maupun permen. Beberapa tehnik dalam tutorial ini mungkin bermanfaat tidak hanya untuk contoh kasus ini, tapi juga untuk projek desain lain yang sedang kamu kerjakan. here we go..Langsung saja kita masuk kedalam langkah demi langkah pembuatannya!

STEP 1
Mulai dengan menuliskan teks, pemilihan font optional. Saya sendiri menggunakan font bernama Grobold yang bisa didownload gratis disini : dafont.com/grobold

STEP 2
Ubah teks tadi menjadi kurva. Caranya, pada menu bar pilih Object > Expand.

STEP 3
Pilih teks yang telah diexpand tadi, klik kanan dan pilih Ungroup. Kemudian susun sedemikian rupa seperti posisi dibawah agar tidak terlalu datar.

STEP 4
Seleksi semua huruf pada teks, klik kanan (kembali) dan pilih Group untuk menggabungkannya kembali. Jika sudah, pilih teks dan lari ke Effect > Stylize > Round Corners. Langkah ini akan membuat sudut-sudut teks melengkung mirip seperti bentuk balon.

STEP 5
Buat dua buah bentuk, yang satu persegi panjang (menggunakan Rectangle tool) yang satu lingkaran (menggunakan Ellipse tool). Susun kedua objek tersebut seperti gambar dibawah. Jika sudah, buka panel Pathfinder (Window > Pathfinder) dan klik pada ikon Unite untuk membuat kedua objek tadi menjadi satu kesatuan utuh.

STEP 6
Dari objek tadi, kita akan membuat bentuk cairan yang tumpah. Caranya, pilih Direct selection tool (A) dan klik titik yang ditandai pada gambar dibawah. Setelah itu, pada Option menu dibagian atas, klik ikon Convert selected anchor points to smooth. Lakukan hal yang sama pada titik diseberangnya. (lihat gambar dibawah)

STEP 7
Buat beberapa kopian dari objek tumpahan coklat yang telah dibuat tadi. Variasikan ukuran dan bentuknya, kemudian susun dibawah objek teks seperti gambar dibawah.

STEP 8
Untuk menambah kesan "lumer" pada teks, saya sengaja menambahkan beberapa objek baru seperti gambar dibawah ini.

STEP 9
Seleksi kesemua objek (teks beserta tumpahan coklat), kemudian klik ikon Unite pada panel Pathfinder untuk menjadikannya satu kesatuan yang utuh.

STEP 10
Beri warna gradasi menggunakan Gradient tool (G) (coklat muda ke coklat tua) pada objek teks yang telah digabungkan tadi.

STEP 11
Buat sebuah objek baru berbentuk gelombang menggunakan Pen tool (P) atau Pencil tool (N) seperti gambar dibawah.

STEP 12
Copy objek teks (Ctrl + C) dan paste tepat diatas kloningannya (Ctrl + F). Jika sudah, pilih objek teks hasil duplikasi, tahan tombol Shift dikeyboard lalu pilih objek baru berbentuk gelombang. Setelah kedua objek tersebut terseleksi, klik ikon Intersect di panel Pathfinder. Hasilnya adalah seperti gambar dibawah.

STEP 13
Pilih objek hasil Intersect tersebut, kemudian ubah blending mode-nya menjadi Overlay dan turunkan Opacity-nya menjadi 60 % saja di panel Transparency.

STEP 14
Gunakan Ellipse tool untuk membuat objek baru berbentuk lingkaran lancip. Kemudian, buat sebuah persegi dengan Rectangle tool dan posisikan diatas bentuk lingkaran lancip tersebut. Jika sudah, seleksi keduanya dan klik ikon minus front di panel Pathfinder. (lihat gambar dibawah)

STEP 15
Pilih objek lingkaran lancip yang telah dimodifikasi tadi, kemudian buka panel Brushes (Window > Brushes). Klik icon New Brush di panel Brushes untuk membuat objek tersebut menjadi sebuah brush. Pada jendela yang muncul kemudian, conteng bagian New Art Brush lalu klik tombol Ok.

STEP 16
Buat beberapa garis warna putih menggunakan Pen tool (P) pada objek teks seperti gambar dibawah.

STEP 17
Seleksi kesemua garis putih tersebut, kemudian klik pada brush yang baru kita buat tadi di panel Brushes. Maka secara otomatis, objek garis akan ditransformasi menjadi bentuk-bentuk lancip seperti gambar dibawah. Kita menggunakan objek ini sebagai highlight untuk memberi kesan eye-catching pada teks.

STEP 18
Terapkan langkah yang sama untuk membuat efek-efek highlight lainnya pada tumpahan coklat.

STEP 19
Mari menambahkan beberapa buah lingkaran kecil (menggunakan ellipse tool) tidak beraturan untuk memperkuat kesan highlight sehingga menghasilkan teks seperti pada gambar dibawah ini.

STEP 20
Saya menambahkan sebuah background sederhana untuk teks. Dengan Gradasi radial menggunakan Gradient tool (G).

STEP 21
Langkah akhir, buat dua buah lingkaran lancip menggunakan Ellipse tool, yang satu berwarna hitam dan yang satu lagi berwarna putih. Atur ukuran dan posisinya seperti gambar dibawah.

STEP 22
Seleksi kedua lingkaran lancip tersebut, kemudian pada menu bar pilih Object > Blend > Make (Alt+Ctrl+8). Buka panel Transparency, ubah blending mode-nya menjadi Multiply dan atur Opacity-nya menjadi 10 %. Objek tersebut kita maksudkan sebagai shadow untuk teks berlumur coklat yang sedang melayang.

HASIL AKHIR
Ini adalah hasil akhir dari tutorial Illustrator kita kali ini. Semoga banyak tips dan tehnik yang bisa dipelajari dari sini. Jika punya pertanyaan, sampaikan melalui komentar. Good luck!

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
view all post by Ajir

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Teks Efek Abstrak bergaya Futuristik di Photoshop

2011-10-18T11:12:00.000-07:00

Di tutorial Photoshop kali ini, kita akan membahas bagaimana membuat teks abstract bergaya futuristik. Jenis teks seperti ini mungkin sering kamu jumpai di media-media yang mengangkat kesan futuristik didalamnya, seperti poster film misalnya. Untuk langkah pembuatannya, sangat mudah! Tidak ada tehnik spesial yang akan digunakan, hanya trik-trik standar yang bahkan pemula sekalipun bisa mencobanya. Langsung saja kita masuk kepada step by step cara pembuatannya. Selamat mencoba, semoga bermanfaat!

Langkah 1
Buat dokumen baru, atur lebar menjadi 800px dan Tinggi 600px.

Langkah 2
Isi kanvas dengan warna hitam, kemudian buat teks "DESAIN" dengan warna putih, saya
menggunakan font Futura, sesuaikan saja ukurannya seperti gambar dibawah.

Langkah 3
Tekan Ctrl+E di Keyboard, sehingga layernya dimerge menjadi satu.

Langkah 4
Pilih Filter>Distort>Wave. Atur poin-poinnya seperti illustrasi dibawah, Jika sudah, tekan OK.

Langkah 5
Selanjutnya pilih kembali Filter>Pixelate>Fragment, sehingga hasilnya akan terlihat seperti gambar dibawah

Langkah 6
Pilih lagi Filter>Style>Glowing Edges. Atur poinnya seperti gambar dibawah, klik OK.

Langkah 7
Langkah selanjutnya tekan Ctrl+A lalu Ctrl+C di keyboard untuk mengcopy, lalu Paste (Ctrl+V) di bagian Channel, setelah mengklik New Channel yg berada di sudut kanan bawah (lihat gambar dibawah), Channel baru secara otomatis dinamakan "Alpha 1".

Langkah 8
Kembali ke Layer Palette, klik icon New Layer kemudian pilih Select>Load Selection. Lalu buka channel palette Pilih "Alpha 1", sehingga muncul bagian yang terseleksi (lihat gambar dibawah), isi bagian yang terseleksi tersebut dengan warna putih menggunakan Paint Bucket Tool.

Langkah 9
Berikutnya Ctrl+J (untuk menduplikasi layer) di bagian layer Background sehingga muncul layer background copy, lalu pilih Filter>Blur>Gaussian Blur. Atur radiusnya menjadi 1.5 pixel, klik OK.

Langkah 10
Selanjutnya ketik teks STUDIO di keyboard, kemudian pilih Filter>Blur>Gaussian Blur. Atur
radiusnya menjadi 0.5 pixel, klik OK

Langkah 11
Buat layer baru, lalu pilih Filter>Render>Cluods, pastikan Foreground Putih dan Background nya hitam, Lalu double klik di bagian layer Clouds sehingga muncul jendela Layer Style, conteng pada bagian Gradient Overlay, atur seperti illustrasi dibawah.

Langkah 12
Ubah Blending Mode nya menjadi Screen dan turunkan Opacitynya menjadi 35 % Lihat hasilnya seperti gambar dibawah

Langkah 13
Masukkan gambar lingkar-lingkar cahaya (Bokeh) yang bisa kamu temukan disini. Sesuaikan ukurannya, klik Enter di keyboard

Langkah 14
Ubah Blending Mode layer bokeh menjadi Soft Light dan turunkan Opacitynya menjadi 85 %.

Langkah 15
Lalu pilih Image>Adjusments>Exposure. Atur pointnya seperti gambar dibawah

Hasil Akhir

Membuat Mock Up Kartu Nama dengan Photoshop

2011-09-07T09:38:00.000-07:00

Dalam desain grafis, sebuah mock up biasa dikenal sebagai prototipe sebuah desain. Tujuannya adalah untuk mempresentasikan desain dalam bentuk yang sebenarnya. Mock up juga dapat membantu klien membayangkan hasil desain yang telah diaplikasikan. Di tutorial kali ini, kita akan membuat mock up kartu nama dengan source gambar kartu nama kosong menggunakan fitur smart object di Photoshop. Dengan smart object, kita bisa membuat semacam template untuk menampilkan desain secara realistis pada kartu nama. Let's get started!

Step 1
Buka gambar kartu nama kosong di Adobe Photoshop. Gambar kartu nama bisa didownload disini.

Step 2
Klik Rectangle tool (U) pada Tools Menu, Kemudian klik pada tanda panah kecil disamping icon bintang pada Rectangle tool panel di bagian atas, conteng pada Fixed Size, dan isikan ukuran 9 cm dan 5,5 cm (seukuran kartu nama) pada kolom fixed size. Jika sudah, klik pada area kerja dan besarkan ukurannya seperti gambar dibawah menggunakan Free transform tool (Ctrl + T).

Tahap berikutnya adalah, pada layer "shape" di layer palette, klik kanan dan pilih Convert to smart object. Disinilah kuncinya! Setelah tahap ini, layer akan berfungsi sebagai smart object dimana kamu bisa membentuk shape sesuai dengan bentuk tertentu dan desain kamu akan disimulasikan berdasarkan bentuk yang telah dibuat.

Step 3
Selanjutnya, masih menggunakan Free transform tool (Ctrl + T), klik kanan lalu pilih Distort. fitur Distort memungkinkan kamu menggeser ujung-ujung dari shape membentuk perspektif sesuai dengan kartu nama pada gambar. Jika kamu sudah membentuk shape menjadi seperti gambar urutan 2 di bawah, klik kanan kembali dan pilih Warp. Warp berfungsi untuk membentuk contour dan kelengkungan. (lihat gambar dibawah). Jika sudah, tekan tombol Enter di keyboard.

Step 4
Selanjutnya, klik ganda pada smart-object thumbnail di layer "shape 1", dan secara otomatis, akan terbuka sebuah tab baru di Photoshop. Disini kamu bisa mengedit/meletakkan desain kartu nama yang sudah kamu buat, baik itu dari Illustrator, CorelDRAW, maupun Photoshop sendiri. Jika desain kartu nama sudah kamu letakkan disana, klik file > Save dan tutup tab tersebut. Maka secara otomatis, desain tersebut akan disimulasikan sesuai dengan perspektif yang sudah kamu buat di layer "Shape 1" (smart object layer).

Step 5
Sekarang kita akan mengatur pencahayaannya dengan menambahkan beberapa shadow di atas layer "shape 1". Tahan tombol Alt lalu klik ikon Create new layer di Layer palette. Jika muncul pop up, conteng pada bagian Use previous layer to create clipping mask lalu klik OK. Ganti nama layer baru tersebut menjadi "shadow". Layer shadow akan di masking sesuai dengan bentuk pada layer dibawahnya (layer "shape 1").

Step 6
Untuk membuat shadow baru, kita butuh referensi pencahayaan dari gambar sebenarnya. Cukup klik ikon bergambar mata pada layer "shape 1" untuk menyembunyikannya agar kita bisa melihat kondisi pencahayaan di gambar kartu nama.

Step 7
Pilih Gradient tool (G) dan atur warna gradasi pada gradient tool panel di bagian atas. Buat warna gradasi dari putih ke abu-abu muda. Jika sudah, drag mouse kamu dengan arah seperti pada gambar dibawah.
Selanjutnya, pada layer palette, ubah blending mode layer "shadow" menjadi Multiply dan turunkan Opacitynya menjadi 60 %.

Step 8
Selanjutnya buat layer baru sama seperti pada Step 5, ganti nama layer tersebut menjadi "shadow 2" dan berikan gradasi dari putih ke abu-abu seperti gambar dibawah. Jika sudah, ubah blending mode layer "shadow 2" menjadi Multiply.

Hasil Akhir
Ini adalah hasil akhirnya. Saya juga telah melengkapi file mock up ini untuk bagian belakang kartu nama dengan langkah-langkah yang sama. Selanjutnya, desain kartu nama bisa kamu ganti dengan desain yang lain, cukup paste desain yang baru di smart object layer (dalam contoh ini adalah layer "shape 1"), maka secara otomatis desain tersebut akan dibentuk sesuai dengan penempatan dan perspektif yang telah dibuat di layer smart object. Selamat mencoba, semoga bermanfaat! :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Wallpaper Colorful dan Elegan dengan Adobe Illustrator

2011-08-26T06:04:00.000-07:00

Di tutorial kali ini, kita akan belajar membuat wallpaper colorful dan elegan menggunakan Adobe Illustrator. Tidak begitu sulit, hanya mengandalkan beberapa tehnik sederhana serta memanfaat fungsi Blending Mode. Tutorial sederhana ini ditujukan untuk pemula dan tingkat menengah dan diharapkan memberikan pencerahaan kepada pembaca dalam memahami bagaimana blending mode di Illustrator berperan besar jika kita dapat memanfaatkannya dengan baik. Lets get started!

Step 1
Buat dokumen baru, biasanya dalam format defaultnya ukuran artboard A4, Weight 29,7 x Height 21 cm, pilih yang Landscape.

Step 2
Buat kotak dengan Rectangle Tool (M), ukurannya sebesar Artboard
Pilih Gradient tool (G), atur Angle nya menjadi -90 derajat, lihat gambar dibawah, kemudian tekan Ctrl+2 di keyboard untuk mengunci (lock) kotak tersebut,

Step 3
Buat kembali kotak memanjang kebawah (terlihat seperti gambar dibawah) dan atur angle Gradient-nya menjadi 0 derajat.

Step 4
Kemudian perbanyak kotak tersebut hingga menutupi area kotak yg sebelumnya. (Tips : agar memudahkan membuat kotak yg banyak, setelah melakukan duplikasi kotak yg pertama, selanjutnya tekan Ctrl+D di keyboard) lalu seleksi seluruhnya kotak tersebut dan tekan Ctrl+G (Group) di keyboard.

Step 5
Ubah transparency di bagian Blend Mode nya dengan Multiply…lihat gambar dibawah, kemudian tekan Ctrl+2 di key board untuk mengunci

Step 6
Buat kotak baru sebesar ukuran Artboard, kemudian beri warna gradasi Green, Yellow, Orange, terlihat seperti panah dibawah

Step 7
Selanjutnya ubah Tranparency di bagian blend modenya dengan Multiply.

Step 8
Masih dalam keadaan kotak gradasi terseleksi, Tekan Ctrl+C dan Ctrl+F untuk membuat duplikasi kotak tepat diatasnya, lalu turunkan opacity kotak hasil duplikasi menjadi 65 %.

Step 9
Selanjutnya Copy Paste gambar artis JOJO yang bisa didownload disini, dan posisikan di bagian samping, (lihat gambar dibawah)

Step 10
Lalu ubah Tranparecy di bagian Blend Modenya dengan Multiply, hingga menghasilkan seperti gambar dibawah, cukup menarik bukan….;)

Hasil Akhir

Sebenarnya tidak begitu sulit jika kita mau menguasai Adobe Illustrator, kuncinya kita harus melatihnya terus menerus, jika kita sudah pernah memakai Adobe Photoshop, tool-tool yang digunakan di Adobe Illustrator tidak jauh berbeda. Saya yakin tidak butuh waktu yang lama untuk bisa mempelajarinya, selamat mencoba! ^_^

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
view all post by Jun

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Tips: Membuat Teksture Kaca di Photoshop

2011-08-09T11:12:00.000-07:00

Tutorial kali ini berisi tips ringan tentang bagaimana caranya membuat tekstur kaca dengan Photoshop. Tidak serumit kelihatannya, untuk membuat tekstur kaca, kita hanya menggunakan beberapa fungsi filter seperti Plastic warp dan Glass. Khusus untuk filter Glass, ada beberapa pilihan jenis tekstur kaca yang bisa digunakan, tergantung kepada bagaimana tekstur dan kesesuaian dengan karya yang ingin dibuat. Berikut adalah beberapa langkah sederhana dan mudah untuk membuat tekstur kaca. Kamu juga bisa mengembangkannya sesuai imajinasi kreatif masing-masing, seperti membuat efek teks kaca misalnya. Silahkan mencoba! :)

Step 1
Buat dokumen baru dengan lebar 800 dan tinggi 800 px dan resolusi 300 dpi

Step 2
Pilih Filter>Render>Clouds. Sebelumnya, ubah dulu warna foreground menjadi hitam dan background menjadi hijau.

Step 3
Kembali ke menu filter>Artistic>Plastic Warp, atur poin-poinnya seperti dibawah, lalu klik OK.

Step 4
Pilih kembali Filter>Distort>Glass, ubah pengaturannya seperti gambar dibawah. Ganti dibagian Texture dengan Tiny Lens.

Step 5
Tekan Ctrl+J di keyboard pada bagian layer Background sehingga muncul Layer 1. Ubah Blending Mode nya dengan Overlay dan turunkan Opacity-nya 70%.

Step 6
Kemudian klik ganda layer 1 sehingga muncul Layer Style, pilih pada bagian Gradient Overlay dan ganti Blend Mode nya dengan Color Dodge, Turunkan opacity-nya 66%, ganti style-nya dengan Radial, lalu klik pada bagian Reverse. Lihat gambar dibawah.

Hasil Akhir

Cukup mudah bukan? Selamat mencoba! :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Background Spectrum di Photoshop

2011-07-21T06:59:00.000-07:00

Spectrum bisa diibaratkan juga sebagai warna pelangi. Terdapat pilihan warna pelangi yang dapat kita manfaatkan untuk dijadikan karya yang menarik. Dengan sedikit sentuhan dan tehnik photoshop, warna pelangi yang standar bisa menjadi luar biasa. Di tutorial ini, kita akan mencoba mengadaptasikan trik-trik dasar pada Photoshop untuk menciptakan background gambar yang colorfull dan menarik.Tutorial ini juga diharapkan bisa dikembangkan sesuai dengan imajinasi kreatif kamu masing-masing. Dan langsung saja, kita masuk ke langkah-langkah pembuatannya.

STEP 1
Buat dokumen baru dengan lebar 1235 px dan tinggi 875 px, atur resolusinya menjadi 300 dpi, terlihat seperti gambar dibawah.

STEP 2
Pilih gradient tool lalu tarik dari bawah ke atas di halaman kanvas, dan pastikan warna foreground hitam dan background putih.

STEP 3
Kemudian pilih Filter > Distort > Wave. Atur settingannya seperti gambar dibawah ini.

STEP 4
Klik ganda pada layer Background, sehingga muncul perintah New Layer, lalu tekan OK.

STEP 5
Pilih Layer > Layer Style > Gradient Overlay, Klik di bagian warna Gradient Editor dan klik warna Spectrum.

STEP 6
Masih pada bagian Layer Style, klik pada tab Gradient Overlay, Ubah Blend Mode nya menjadi Linear Burn dan Angle = 0, terlihat seperti gambar dibawah.

STEP 7
Selanjutnya klik icon New Layer (lihat panah dibawah) dan buat kembali warna gradient seperti pada Step 2.

..ubah dibagian blending mode nya dengan overlay.

STEP 8
Masukkan gambar wallpaper yang bisa kamu dapat disini, kemudian klik kanan di bagian layer wallpaper tersebut dan pilih Rasterize Layer

STEP 9
Selanjutnya ubah blending mode-nya dengan Linear Burn dan turunkan Opacity-nya menjadi 75%.

Hasil Akhir

Bagaimana? Cukup mudah bukan? Kamu bisa lebih banyak berimprovisasi dengan menggunakan warna-warna Spectrum yang terdapat di Gradient Editor. Selamat mencoba ;)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Efek Glowing Ellipse di Illustrator

2011-07-12T09:48:00.000-07:00

Pada tutorial kali ini kita akan mencoba membuat suatu karya dengan memainkan efek standar seperti inner glow dan outer glow di Adobe Illustrator. Kedua efek ini sering kurang dimanfaatkan oleh para pengguna Illustrator, padahal menurut saya, fungsinya sangat membantu ketika diterapkan di berbagai karya desain. Salah satunya adalah karya yang akan kita pelajari di tutorial ini. Tanpa panjang lebar lagi, langsung saja kita masuk ke dalam step by step pembahasannya!. ;)

Step 1
Buat object dengan bentuk lingkaran, pilih di bagian gradasi warna Fade to Black, dan beri warna hijau.

Step 2
Buat object lingkaran yang lain dan beri warna Pink. Ubah blending mode nya dengan Multiply.

Step 3
Buat object lingkaran berikutnya tepat disebelah kanan lingkaran yg pertama dan ubah Blending Mode-nya dengan Color Burn.

Step 4
Buat lingkaran-lingkaran berikutnya dengan merubah Blending Mode-nya dengan Darken dan Overlay.

Step 5
Gabungkan kesemua object lingkaran tersebut dengan cara klik kanan lalu pilih Group.

Step 6
Buat object lingkaran baru, isi dengan warna hitam, letakkan diatas object lingkaran yang digroupkan tadi. Kemudian seleksi seluruh object, klik kanan pilih Clipping Mask atau tekan tombol Ctrl+7 di Keyboard.

Step 7
Buat background dengan warna gradasi oranye dan ubah type gradientnya dengan radial, (lihat seperti gambar dibawah).

Step 8
Select object lingkaran tersebut, pada Menu bar, pilih Effect > Stylize > Inner Glow. Atur settingannya seperti gambar dibawah.

Step 9
Buat efek berikutnya yaitu Outer Glow, dan ubah settingannya seperti gambar dibawah.

Step 10
Duplicat object lingkaran tersebut dengan menekan Ctrl+C (copy) kemudian Ctrl+F (paste in front) di Keyboard, ubah blending modenya dengan Multiply dan turunkan opacitynya menjadi 55%.

Step 11
Buat object segitiga dengan menggunakan Pen Tool (P), terlihat seperti gambar dibawah.

Step 12
Lakukan hal yang sama untuk object segitiga berikutnya. Diletakkan pada sudut yang berlawanan dengan segitiga sebelumnya.

Hasil Akhir

Well done!
Mudah bukan? Semoga bermanfaat dan silahkan mencoba. :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Efek Teks Transparan dengan Adobe Illustrator

2011-07-02T13:18:00.000-07:00

Pada tutorial kali ini, kita akan mengenal beberapa fungsi dasar di Adobe Illustrator melalui contoh kasus sederhana, yaitu membuat efek teks transparan. Banyak diantara fungsi-fungsi yang diterapkan ini nantinya akan rutin muncul dalam keseharian kita menggunakan Illustrator. Selain sebagai bahan pembelajaran, tutorial ini juga diharapkan dapat dikembangkan dalam bentuk berbagai karya yang lain. Selamat mencoba dan semoga bermanfaat!

Step 1

Buat Document baru dengan nama "transparant". Atur settingan pada dokumen seperti gambar dibawah ini.

Step 2

Buat teks "TRANSPARANT", Saya menggunakan jenis huruf Myriad Pro Reguler. Kemudian klik Object > Expand. Klik kanan teks tersebut dan pilih Ungroup, sehingga teks terbagi menjadi beberapa elemen yang terpisah-pisah.

Step 3

Klik huruf T kemudian pilih gradasi warna Fade to Black dan ubah dengan warna hijau (terlihat seperti gambar dibawah). Jangan lupa ubah Angle nya menjadi 90 derajat dan turunkan Opacitynya menjadi 75 %. Lakukan hal yang sama pada huruf-huruf selanjutnya, dan ubah warna sesuai selera. Selanjutnya, rapatkan jarak antar huruf, sehingga tampak seperti illustrasi dibawah.

Step 4

Seleksi semua huruf, kemudian klik kanan dan pilih Group (Ctrl G), lalu tarik kebawah sambil menekan tombol Shift + Alt untuk menduplikasi huruf tersebut.

Step 5

Dengan huruf-huruf hasil duplikasi masih terseleksi, Tekan tombol O di keyboard, tarik keatas huruf tersebut sambil menekan tombol Shift, sehingga tampak seperti gambar diatas. Kemudian rapatkan posisi teks bagian atas dengan yang dibawah.

Step 6

Selanjutnya, pada Transparancy palette klik Options di pojok kanan dan pilih Make Opacity Mask. Pastikan thumbnail Opacity Mask dalam keadaan aktif dan hilangkan tanda Conteng pada bagian Clip.

Step 7

Buat sebuah kotak menutupi teks dengan Retangle Tool (M), lalu pilih Gradient tool (G) dan pilih warna Fade to Black, atur angle dan posisinya seperti gambar dibawah.

Step 8

Aktifkan kembali thumbnail teks "Transparant".

Step 9

Buat kotak seukuran Artboard sebagai background, dan atur warnanya seperti gambar dibawah.

Step 10

Seleksi huruf "Transparant" bagian atas, klik Eff ect > Stylize > Drop Shadow. Ubah Mode-nya dengan Normal dan pilih warna putih, turunkan Opacitynya menjadi 50%, Y dan X O ffset 0 cm, dan Blur 0,2 cm.

Hasil Akhir

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Teks Bergaya Futuristik dengan Photoshop

2011-06-22T11:51:00.000-07:00

Pada tutorial photoshop kali ini, kita akan mencoba membuat efek teks dengan gaya sci-fi. Efek semacam ini biasa ditemukan di film-film bernuansa futuristik dan bercerita tentang masa depan. Langkah-langkahnya sangat sederhana, tidak ada tehnik rumit yang akan digunakan disini. Kita hanya akan bermain dengan fitur-fitur biasa di Photoshop seperti layer style dan blending mode. Selamat mencoba! :)

STEP 1
Buat terlebih dahulu dokumen baru dengan Weight 1000 px dan Hight 800 px dengan resolusi 300 dpi, dan layer background berwarna hitam. Selanjutnya, buat teks dan penuhi kanvas kerja dengan tulisan "DESAINSTUDIO", saya pake jenis font Impact dengan besar 3 pt.

STEP 2
Kemudian buat tulisan "Desain Studio" dengan tata letak seperti dibawah ini di Adobe Illustrator, lalu isi dengan warna putih dan copy paste ke photoshop.

STEP 3
Klik kanan layer hasil copy dari Illustrator tersebut lalu klik rasterize layer.

STEP 4
Ubah blending mode-nya menjadi Soft Light.

STEP 5
Double Klik pada layer Vector Smart Object, sehingga muncul layer Style, atur seperti settingan dibawah ini.

STEP 6
Masih pada layer style, klik Gradient Overlay, atur warnanya seperti gambar dibawah.

STEP 7
Ctrl + J pada layer Vector Smart Object untuk menduplikasi layer. Maka akan muncul layer Vector Smart Object copy.

STEP 8
Atur pecahayaannya dengan mengklik layer > New Adjustment Layer > Curve, ikuti settingan pada gambar dibawah, Jika sudah, klik kembali layer > New Adjustment Layer > Exposure.

STEP 9
Buat layer baru tepat diatas layer teks "desainstudio".

STEP 10
Klik Filter > Render > Clouds, ubah blending mode dengan Overlay, jangan lupa, pastikan warna foreground-nya putih dan background-nya hitam.

STEP 11
Masukkan gambar wallpaper koran bekas, letakkan diantara layer Vector Smart Object dengan Vector Smart Object copy, ganti blending mode-nya menjadi Multiply.

STEP 12
Jika tulisan "Desain Studio" dianggap masih terlalu gelap, perjelas dengan mengcopy layer Vector Smart Object Copy dengan menekan tombol Ctrl + J di keyboard, ubah blending mode menjadi Soft Light, turunkan opacity-nya hingga 55%.

Hasil Akhir

Demikian tutorial kali ini, semoga bermanfaat untuk semua. Segala bentuk kritik dan saran membangun akan sangat berarti untuk perbaikan kedepan. Stay tuned untuk tutorial-tutorial berikutnya! :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Efek Speed Lighting di Photoshop

2011-06-07T03:05:00.001-07:00

Pada tutorial photoshop kali ini, kita akan memanipulasi dua buah gambar untuk menciptakan efek speed lighting pada gambar moto GP. Faktanya, membuat efek seperti ini tidaklah sesulit kelihatannya. Kita cuma hanya memainkan beberapa fungsi dari Photoshop sehingga pemula sekalipun, tidak akan kesulitan mengikutinya.

Ini adalah hasil akhir dari tutorial kali ini :

STEP 1
buka file MOTO GP yg ingin diedit, kemudian buat new layer dengan foreground #000000 seperti ilustrasi dibawah.

STEP 2
seleksi bagian motornya menggunakan pen tool (P). Setelah di seleksi, klik icon Add Layer Mask di layer palette sehingga tampak seperti pada gambar di bawah ini.

STEP 3
Selanjutnya masukkan gambar kembang api, pilih Filter > Blur > Motion Blur. Jangan lupa menonaktifkan icon mata pada layer moto GP.

STEP 4
Atur settingan motion blur seperti ilustrasi dibawah ini: Angel: 42, Distance: 300 pixel.

STEP 5
Munculkan kembali icon mata pada layer. Ubah blending mode menjadi Screen, kemudian klik Add layer mask, Pada Thumbnail layer mask, hapus bagian permukaan kembang api yang menutupi motor menggunakan brush, turunkan opacity brush menjadi 35%.

STEP 6
Selanjutnya klik Layer > New Adjusment Layer > Exposure. Atur settingannya seperti gambar dibawah ini.

STEP 7
Lalu klik Layer > New Adjusment Layer > Levels, dan atur juga seperti gambar dibawah.

STEP 8
Untuk tahap akhir klik Filter > Render > Lens Flare. Atur Brightness 100% dan Lens Type 50-300mm Zoom, letakkan pada posisi seperti pada tanda panah dibawah dan pastikan layer Moto GP dalam keadaan aktif.

HASIL AKHIR

Bagaimana? cukup mudah bukan? Kamu bisa berkreasi menggunakan trik-trik pencahayaan seperti contoh diatas. Jika punya pertanyaan, sampaikan melalui komentar. Selamat mencoba, semoga bermanfaat! :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Tutorial : Manipulasi Foto Konseptual dengan Photoshop

2011-06-02T04:46:00.000-07:00

Di dalam tutorial photoshop kali ini, kita akan mencoba untuk membuat sebuah karya konseptual yang berisi muatan pesan. Karya yang tidak hanya bisa dinikmati secara estetis, namun juga bermakna dan menghimbau untuk perubahan. Karya pada tutorial ini bermaksud mengajak untuk mencintai bumi dan berhenti merusaknya. Dan konsep sederhana yang sanggup saya pikirkan adalah mengibaratkan bumi yang kita tinggali sebagai bayi mungil dan tak berdosa, sehingga tidak ada yang tega untuk merusaknya.

Selain belajar mengaplikasikan suatu konsep dalam sebuah karya, saya juga berharap berapa teknis sederhana pada tutorial kali ini mampu menambah wawasan kita semua dalam menggunakan photoshop. Selamat mencoba! :)

Berikut beberapa source gambar yang dipakai di tutorial ini :

Antique_Doll_Head
Field
bird 1
bird 2
Air balloon
cloud brushes for photoshop

Dan ini adalah hasil akhirnya :

STEP 1
Buat dokumen baru, ukuran disesuaikan dengan keperluan. Dibagian resolution isi dengan 300 dpi, dan color mode dengan RGB.

STEP 2
Masukkan gambar Antique Doll Head lalu klik ganda pada layer gambar di layer palette untuk mengubah nama layer tersebut menjadi "Boneka".

STEP 3
Gunakan Pen tool (P) untuk melakukan cropping pada gambar, caranya bisa dilihat ditutorial ini.

STEP 4
Masukkan gambar field ke dalam area kerja.

STEP 5
Sekarang kita akan menghapus bagian yang tidak diperlukan dari gambar field tadi. Kita tidak bisa melakukan cropping dengan menggunakan Pen tool karena bentuk gambar yang terlalu rumit. Alternatif lain adalah dengan menggunakan channel.

Pertama-tama, klik pada layer gambar field di layer palette, kemudian masuk ke Channel Palette. Pilih channel mana yang paling kontras warnanya, dalam hal ini channel yang paling kontras adalah channel blue.

Pilih channel blue lalu tekan Ctrl + L di keyboard untuk memberikan adjustment levels pada channel tersebut. Fungsi levels disini adalah untuk menambah tingkat kontras antara warna hitam dan putih pada gambar. Atur settingan Levels seperti gambar dibawah ini. Jika kira-kira sudah cukup kontras, klik ok untuk keluar dari jendela levels.

Tekan dan tahan tombol Ctrl lalu klik pada thumbnail channel blue di channel palette. Langkah ini akan membentuk seleksi pada warna putih.

STEP 6
Dalam keadaan seleksi aktif, pindah dari channel palette ke layer palette lalu pilih layer gambar field. Tekan tombol Delete di keyboard dan hasilnya kira-kira akan seperti gambar dibawah ini.

STEP 7
Pilih layer gambar field lalu tekan tombol Ctrl + T di keyboard untuk mengaktifkan Transform tool. Kemudian, klik kanan pada gambar field lalu pilih Warp. Sekarang sudah ada jaring-jaring pada gambar field yang berfungsi untuk membentuk gambar sesuai dengan contour yang diinginkan.

Dengan menggunakan fungsi warp, saya mencoba membentuk gambar field sesuai dengan contour bagian kepala dari gambar boneka. Disini, kamu bisa bereksperimen dengan menarik titik-titik pada gambar untuk menghasilkan gambar yang sesuai.

STEP 8
Selanjutnya, kita akan menghapus bagian yang membatasi gambar field dengan gambar boneka untuk membuat keduanya tampak menyatu. Caranya pilih layer gambar field kemudian klik ikon Add Layer Mask, maka akan muncul sebuah thumbnail baru di layer gambar field. Klik thumbnail baru tersebut lalu pastikan warna foreground dokumen photoshop adalah hitam dengan menekan tombol D di keyboard. Selanjutnya, gunakan Brush tool (B) untuk menghapus bagian dari gambar field yang menjadi batas dengan gambar boneka. Prinsip pada layer mask adalah : warna putih kelihatan, sedangkan warna hitam tidak kelihatan.

STEP 9
Sekarang kita akan merapikan gambar field agar terlihat lebih menyatu. Dalam hal ini, saya menghapus beberapa bagian yang ganjil. Dan kita masih tetap menggunakan fungsi layer mask. Cukup buat seleksi untuk bagian yang ingin dihapus (lihat gambar) lalu klik pada thumbnail layer mask di layer gambar field dan warnai seleksi tersebut dengan warna hitam (Alt + Delete jika warna hitam adalah foreground, dan Ctrl + Delete jika warna hitam adalah background).

STEP 10
Ada beberapa bagian yang terlihat terputus dan tidak menyatu. Untuk mengatasinya, gunakan fungsi dari Clone Stamp tool. Clone Stamp tool berfungsi membuat duplikasi gambar dari sample yang diambil. Caranya, pilih Clone Stamp tool, lalu tekan dan tahan tombol Alt di keyboard kemudian klik pada bagian yang ingin dijadikan sample. Jika sudah, lepas tombol Alt lalu klik pada bagian dimana sample tadi ingin digunakan (lihat gambar dibawah)

STEP 11
Pilih layer background, lalu klik icon Add New Layer di layer palette untuk membuat layer baru diatas layer background. Beri nama layer "sky" lalu isi layer tersebut dengan warna biru langit.

STEP 12
Buat sebuah layer lagi diatas layer sky dan beri nama dengan "cloud". Pilih layer cloud dan isi dengan warna putih, lalu pada Menu Bar pilih Filter > Render > Clouds. Maka akan muncul beberapa efek noise seperti asap pada kanvas kerja kamu.

STEP 13
Buat layer mask untuk layer cloud lalu atur warna Gradient (G) menjadi hitam dan putih di Gradient editor (lihat gambar dibawah).

STEP 14
Klik pada thumbnail layer mask di layer cloud, kemudian pilih Gradient tool dan setting mode Gradient menjadi radial. Drag Gradient tool dari tengah ke pinggir kanvas kerja. Jika masih ada beberapa bagian asap di pinggir kanvas yang masih kelihatan, gunakan Brush tool (B) untuk menghapusnya.

STEP 15
Tambahkan beberapa gambar awan dibagian atas. Brush awan dapat di download disini : cloud brushes for photoshop

STEP 16
Tambahkan beberapa objek seperti burung dan balon udara untuk menambah kesan artistik pada karya. Link-link untuk mendownload gambar-gambar ini sudah tersedia di bagian atas artikel.

STEP 17
Sepertinya kita perlu menghapus bagian leher dari boneka. Cukup seleksi bagian yang ingin dihapus menggunakan Pen tool (P).

STEP 18
Pilih layer boneka di layer palette, lalu tekan Ctrl + J untuk menduplikasi layer. Sekarang pilih layer boneka copy hasil duplikasi dan tekan Ctrl + L (Levels). Atur settingan pada jendela Levels seperti gambar dibawah ini.

STEP 19
Pilih layer boneka copy, kemudian tambahkan layer mask. Berikan gradasi hitam dan putih pada thumbnail layer mask pada layer boneka copy. Langkah ini berfungsi untuk membuat bagian bawah boneka menjadi lebih gelap.

STEP 20
Sekarang pilih layer gambar field. Tekan Ctrl + L (levels) di keyboard. Sebelumnya, ganti RGB pada kolom di jendela Levels menjadi Green dan atur settingannya seperti pada gambar dibawah ini.

STEP 21
Saatnya kita memberi sedikit pendaran cahaya pada gambar. Atur settingan Diameter dan Hardness Brush tool (B), kemudian buat layer baru bernama "light" dan ganti blending mode layer tersebut menjadi Overlay. Sapukan brush di beberapa titik untuk memberi sedikit pendaran cahaya (lihat gambar dibawah)

STEP 22
Kita perlu menambah sedikit kedalaman pada warna background pada layer "sky". Atur settingan warna Gradient (G) dari biru muda ke biru tua, kemudian drag Gradient tool (G) dari atas kebawah.

STEP 23
Tambahkan juga sedikit pantulan sinar matahari agar gambar terlihat "hidup". Pilih layer gambar field, kemudian pilih filter > Render > Lens Flare. Atur settingan brightness seperti gambar dibawah lalu pilih lokasi dimana efek Lens Flare ingin diletakkan.

Hasil Akhir
Ini adalah hasil akhir dari tutorial photoshop kita kali ini. Saya menambah beberapa teks sebagai pesan yang ingin disampaikan di dalam karya ini.

Well, bagaimana pendapat kalian? Jika ada kritik, saran, masukan, juga pertanyaan jangan ragu disampaikan melalui kolom komentar. Cheers.. :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Membuat Efek Asap dengan Illustrator

2011-05-19T11:59:00.000-07:00

Tutorial ini akan menjelaskan cara membuat efek asap sederhana dengan Adobe Illustrator. Tidak ada teknik sulit yang digunakan disini, hanya beberapa penggunaan fungsi pada Illustrator seperti Blend dan Blending Mode. Hasil dari tutorial ini dapat kamu aplikasikan untuk berbagai keperluan dalam desain seperti membuat banner, brosur, dll. Well, mari langsung saja kita coba langkah demi langkah dalam tutorial ini! :)

STEP 1

Buat dokumen baru (Ctrl + N) di illustrator. Pastikan color mode yang digunakan adalah RGB.

STEP 2

Buat dua buah garis abstrak (bisa menggunakan pen tool maupun pencil tool). beri warna outline garis pertama dengan warna putih, dan garis kedua dengan warna hitam. Background sementara saya beri warna biru agar kita bisa melihat warna garisnya.

STEP 3

Sekarang saatnya menggunakan fungsi Blend. Pada menu bar pilih Object > Blend > Blend Option. Akan keluar pop up dimana kita bisa mengatur mode blend yang ingin digunakan, dalam hal ini, pilih Smooth Color.

STEP 4

Aplikasikan blend pada garis yang kita buat tadi. Caranya, pilih kedua garis tsb, kemudian lari ke Object > Blend > Make (Alt + Ctrl + B). Sekarang kedua garis akan berbentuk seperti objek dibawah ini.

STEP 5

Ulangi STEP 2 s/d STEP 4 untuk membuat beberapa bentuk abstrak seperti tadi, pastikan bentuknya cukup variatif agar menghasilkan bentuk asap yang dinamis dan menarik.

STEP 6

Seleksi semua objek garis yang sudah diberi efek blend, kemudian lari ke Windows > Transparency. Atur blending mode pada palet Transparency menjadi Screen.

HASIL AKHIR

Inilah hasil dari tutorial kali ini! Kamu bisa berimpovisasi dengan menurunkan nilai opacity pada objek untuk hasil yang lebih variatif. Jika punya kritik, saran, maupun pertanyaan, silahkan sampaikan melalui kolom komentar. Selamat berkarya! :)

tentang penulis

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

5 Langkah Membuat Kemasan Realistis dengan Illustrator

2011-03-29T10:10:00.000-07:00

Tool 3D di Adobe Illustrator memang cukup ampuh untuk mewujudkan berbagai kemungkinan visual dalam pola tiga dimensi. Kali ini, kita akan mencoba membuat sebuah kemasan 3 dimensi lengkap dengan preview kemasannya hanya dalam 5 langkah mudah. Hasil dari tutorial ini bisa dimanfaatkan untuk berbagai macam keperluan. Salah satunya adalah sebagai mockup untuk mempresentasikan desain kemasan (packaging design) kepada klien. Lets chcek it out!

STEP 1

Buat sebuah lingkaran dengan ukuran 156 x 156 pixel, beri warna abu-abu dengan kode #D4D3D2.

STEP 2

Sekarang kita akan memberi ketebalan pada objek lingkaran tersebut dengan menggunakan tool 3D di Adobe Illustrator. Caranya, pilih objek lingkaran, kemudian pada menu bar pilih Effect > 3d > Extrude & Bevel. Atur nilai-nilai yang ditandai seperti pada gambar dibawah. Conteng pada bagian preview untuk melihat perubahannya secara langsung. Jika kamu menekan tombol more options, maka jendela yang terbuka akan lebih panjang, disini kamu bisa mengatur arah dan tingkat pencahayaan terhadap objek. Jika sudah, klik ok dan objek lingkaran sekarang sudah memiliki ketebalan dan berstruktur 3 dimensi.

Langkah ini tidaklah mutlak, kamu bisa menyesuaikannya dengan tampilan 3 dimensi yang kamu inginkan.

STEP 3

Saatnya mempersiapkan label untuk dipasangkan pada kemasan 3 dimensi. Dalam contoh kali ini, saya mempersiapkan 2 buah label. Label pertama akan dipasang dibagian atas kemasan kaleng, dan yang satunya lagi dibagian depan.

STEP 4

Untuk memasukkan label kedalam tampilan kemasan 3d, label terlebih dahulu harus kita jadikan symbol. Caranya, buka palet symbol di Window > Symbols. Pilih objek label 1 lalu klik pada ikon New Symbol dibagian bawah palet symbol. Setelah itu akan terbuka sebuah jendela dimana kita bisa mengganti nama symbol sesuai dengan yang diinginkan. Ganti nama symbol menjadi "label 1" kemudian klik tombol OK.

Terapkan langkah yang sama pada label 2.

STEP 5

Pilih objek kemasan tiga dimensi yang telah kita buat tadi, kemudian buka jendela Extrude & Bevel kembali di palet Appearance. Klik tombol Map Art pada jendela tersebut, kita akan dibawa kepada tampilan seperti gambar dibawah ini. Pilih "label 1" dibagian symbol untuk surface nomor 1, dan "label 2" untuk surface nomor .. (Lihat gambar dibawah). Dan Jangan lupa, conteng pada bagian Shade Artwork (slower) agar kondisi pencahayaan pada objek 3d berimbas kepada label. Jika sudah, Klik OK untuk keluar dari jendela Map Art dan Extrude & Bevel.

HASIL AKHIR

Inilah hasil dari tutorial kita kali ini. Sebuah kemasan dalam tampilan tiga dimensi lengkap dengan packaging design-nya.

Ini adalah contoh aplikasi hasil dari tutorial diatas kedalam sebuah iklan poster.

Tutorial ini merupakan langkah sederhana yang bisa dilakukan untuk membuat sebuah tampilan bentuk 3 dimensi. Hasilnya bisa digunakan untuk berbagai macam keperluan, seperti mockup untuk mempresentasikan desain kemasan kamu kepada klien misalnya.

Selamat mencoba, semoga bermanfaat! Kritik, saran, dan pertanyaan langsung saja di kolom komentar. :)

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Kumpulan Tutorial Terbaik untuk Mendesain Karakter dan Maskot

2011-03-12T10:55:00.000-08:00

Mendesain karakter dan maskot selalu identik dengan menggambar sebagai skill dasar yang sangat dibutuhkan. Namun di era digital dewasa ini, hanya dengan punya kemampuan menggambar yang baik tidaklah cukup, desainer grafis dan illustrator juga dituntut agar mampu mengeksekusi gambar sketsa kedalam format digital menggunakan berbagai program grafis seperti Photoshop dan Illustrator. Berikut ini adalah kumpulan tutorial desain karakter dan maskot yang menurut saya sangat membantu untuk mengeksekusi ide dasar dan gambar sketsa ke dalam format digital yang biasa digunakan dalam projek-projek desain dan illustrasi karakter. Semoga bermanfaat!

1. How To Create Your Own Vector Cartoon Character

2. How to Illustrate a LeBron James Cartoon Character

3. Drunken Monkey Photoshop tutorial

4. The making of a chocolate bar character

5, How to Create a Vector Illustration and Prepare it for Micro-Stock Sale

6. How to Turn a Sketch into a Fat Cat Vector Illustration

7. Create a Character Mascot with Adobe Illustrator CS4

8. Create your own Leprechaun for St. Patrick’s Day!

9. Drawing a Funny Game Character

10. Create a Twitter Style Bird Mascot

11. How to Create a Killer Chainsaw Bunny

12. Creating vector characters in Illustrator

13. Adobe Illustrator Cartoon Bug Tutorial

14. Symmetrical Illustration: Thug Bunny!

15. Digital manga illustration

16. Vectorial character design with Illustrator

17. How to Create a Stinking Zombie Flesh-Eater in Illustrator

18. How to Create a Cartoon Character with Expressive Lines

Tetap update informasi, tips, dan tutorial desain grafis dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Tutorial Photoshop : Digital Art

2011-01-20T04:16:00.002-08:00

Karya digital art adalah salah satu cakupan seni visual yang cukup menarik untuk digeluti. Selain menuntut kemampuan penggunaan Photoshop yang baik, digital art juga membutuhkan penguasaan tentang bagaimana mengatur komposisi gambar. Tutorial kali ini akan menjelaskan proses pembuatan karya digital art bergaya abstrak dengan langkah yang sederhana. Sehingga, pengguna pemula Photoshop pun diharapkan juga bisa mengerti dan mengaplikasikan tehnik di tutorial ini kedalam karyanya. Jika kamu tertarik untuk membuat karya digital art di Photoshop, silahkan dicoba. Lets play!

Hasil Akhir

Stock gambar yang diperlukan:

Gambar bokeh
Red and white render pack
Gambar wanita

STEP 1
Mulai dengan memberikan warna gradasi (G) pada layer background. Terlebih dahulu, atur warna gradasi di gradient editor seperti gambar dibawah.

STEP 2
Masukkan gambar seorang gadis yang bisa ditemukan di link diatas. Gunakan Pen tool (P) dan buat bentuk sesuai dengan bentuk gambar untuk melakukan cropping. Jika sudah (masih dengan Pen tool dalam kondisi aktif), klik kanan dan pilih Make Selection. Maka sekarang area yang telah dibuat dengan Pen tool akan terseleksi.

STEP 3
Pada layer palette, klik ikon Add Layer Mask. Secara otomatis gambar akan dicrop sesuai dengan seleksi tadi.

STEP 4
Masukkan salah satu gambar dari render pack yang telah didownload melalui link diatas. Posisikan render pack tersebut seperti gambar dibawah ini.

STEP 5
Gunakan Pen tool (P) kembali untuk menghapus bagian gambar render yang menutup mata. Jadi, kita akan membuat seolah-olah gambar render ini menjadi topeng dan menyatu dengan gambar si gadis.

STEP 6
Buka layer palette dan klik pada layer gambar render. Kemudian tekan dan tahan tombol Alt di keyboard dan klik ikon Add new fill or adjustment layer dan pilih Hue/Saturation. Langkah ini akan membuat perubahan pada Hue/Saturation hanya akan berdampak kepada layer terpilih (dalam hal ini layer gambar render). Atur nilai Hue/Saturation seperti pada gambar dibawah ini.

STEP 7
Masukkan gambar bokeh yang bisa didownload di link diatas. Posisikan seperti pada gambar dibawah ini.

STEP 8
Ubah blending mode untuk layer bokeh menjadi Screen dan lihat perubahannya.

STEP 9
Buat layer baru, buat sebuah bentuk seperti garis menggunakan Rectangle tool dan isi dengan warna putih. Lalu tekan tombol Ctrl + D untuk menghilangkan seleksi.

STEP 10
Pilih Filter > Blur > Gaussian Blur. Isikan nilai 3 pada kolom radius.

STEP 11
Posisikan garis seperti pada gambar dibawah ini, lalu buat duplikatnya dengan menekan tombol Ctrl + J di keyboard. Jika sudah, seleksi kedua layer tersebut lalu tekan tombol Ctrl + E di keyboard untuk menggabungkannya.

STEP 12
Klik ganda layer hasil penggabungan pada step sebelumnya, maka akan keluar jendela layer style seperti pada gambar dibawah ini. Klik dan conteng pada bagian Outer Glow, dan atur nilainya sebagai berikut.

STEP 13
Sekarang kamu bisa berimprovisasi dengan menghapus sedikit bagian ujung dari garis untuk memberikan kesan 'motion', bisa menggunakan Eraser tool (E),maupun menggunakan fungsi layer mask pada layer palette.

STEP 14
Duplikasi menjadi beberapa buah garis (Ctrl + J), kemudian bermainlah dengan variasi bentuk dan posisi. Dalam contoh tutorial photoshop ini, saya komposisikan garis seperti gambar dibawah.

STEP 15
Buat layer baru dibawah layer gambar si gadis. Layer ini kita tujukan sebagai bayangan. Gunakan Ellipse Tool dan isi dengan warna hitam. Jika sudah, pilih Filter > Blur > Gaussian Blur dan beri angka 9 pada kolom radius.

STEP 16
Ubah blending mode dari layer bayangan (shadow) menjadi multiply, lalu turunkan opacitynya menjadi 13 %.

STEP 17
Bayangannya menurut saya terlalu besar. Tidak masalah! Kita bisa memperkecilnya dengan menggunakan Transform tool (Ctrl + T).

STEP 18
Klik pada layer paling atas, kemudian klik ikon Create new fill or adjustment layer (kali ini tanpa menekan tombol Alt), lalu pilih exposure. Saya berniat untuk memberikan sedikit ketajaman pada gambar. Atur nilai pada exposure seperti gambar dibawah.

STEP 19
Sedikit polesan akhir! Klik pada layer si gadis (Flying girl), Klik pada ikon Create new fill or adjustment layer sambil tekan dan tahan tombol Alt di keyboard, lalu pilih Color Balance. Atur nilai Midtones, Shadows, dan Highlights pada color balance agar cenderung kepada warna kuning/yellow (lihat gambar).

HASIL AKHIR
Beginilah Hasil Akhir dari tutorial yang telah kita selesaikan kali ini. Sebuah komposisi digital art bergaya abstrak nan sederhana yang mudah-mudahan bisa memberi manfaat kepada pembaca DesainStudio untuk terus berkarya.

Bagaimana menurut kalian? Jika ada kritik, saran, dan pertanyaan, jangan ragu untuk disampaikan melalui komentar. :)

Tetap update informasi, tips, dan tutorial desain menarik lainnya dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

Light Leak Effect di Photoshop

2011-01-06T05:04:00.001-08:00

Sesuai dengan namanya, efek light leak (cahaya bocor) awalnya muncul karena biasan cahaya lain yang merembes masuk pada sebuah foto. Kesalahan yang bersifat teknis dan umum terjadi pada saat memotret. Foto seperti ini awalnya dianggap gagal, cacat, dan tidak layak pakai. Namun bagi sebagian orang, foto seperti ini justru memberikan kesan klasik (vintage) dan nostalgia yang sangat kuat. Penggunaannya juga semakin sering, dari yang awalnya tidak disengaja menjadi disengaja. Hal yang lumrah jika kemudian efek ini semakin populer di dunia fotografi dan desain. Tips kali ini akan menjelaskan langkah sederhana memberikan efek light leak pada sebuah foto dengan Photoshop. Semoga bermanfaat..

STEP 1
Buka gambar yang ingin diberikan efek light leak. Gambar pada tutorial photoshop kali ini dapat ditemukan disini.

STEP 2
Masuk mode quick mask dengan menekan tombol Q di keyboard. Setelah itu, ubah warna foreground & Background menjadi default (hitam & putih) dengan menekan tombol D. Jika sudah, pilih Edit > Fill (Shift + F5). Maka tampilan pada layar akan terlihat seperti gambar dibawah ini.

STEP 3
Pilih Gradient Tool (G), lalu klik pada box gradient tool pada option palette (dibagian atas) untuk membuka gradient editor. Pada gradient editor, pilih metode gradasi hitam dan putih. Klik dan geser tanda kecil diantara kedua warna tersebut seperti gambar dibawah. Jika sudah, jangan lupa untuk memilih radial sebagai tipe gradasi.

STEP 4
Drag gradient tool dari bagian tengah area kerja ke arah pinggir seperti gambar dibawah.

STEP 5
Keluar dari mode quick mask dengan menekan kembali tombol Q. Maka sekarang akan ada seleksi dibagian tengah area kerja. Masih dengan seleksi aktif, pada layer palette, klik ikon create new fill or adjustment layer lalu pilih curve. Atur settingan curve (RGB, Red, Green, Blue) masing-masing seperti gambar dibawah ini.

Hasil Akhir

Inilah hasil akhir dari tips singkat Photoshop kali ini. Gambar pertama adalah foto original, dan gambar kedua setelah foto diberikan efek light leak. Semoga bermanfaat, selamat mencoba dan berkreasi.

Tetap update informasi, tips, dan tutorial desain menarik lainnya dengan mengikuti FACEBOOK dan TWITTER Desain Studio!

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

Membuat Layout Sederhana dengan InDesign

Membuat Efek Teks Horror di Photoshop

Membuat Efek Plasma dengan Illustrator

Membuat Efek Miniatur dengan Photoshop

Tutorial Illustrator - Simple Flower

Efek LetterPress di Photoshop

Membuat Kartu Nama Minimalis dengan Illustrator

Membuat Efek Kertas Kusut dengan Photoshop

Tutorial: Efek Teks Berlumur Coklat dengan Illustrator

Membuat Teks Efek Abstrak bergaya Futuristik di Photoshop

Membuat Mock Up Kartu Nama dengan Photoshop

Membuat Wallpaper Colorful dan Elegan dengan Adobe Illustrator

Tips: Membuat Teksture Kaca di Photoshop

Membuat Background Spectrum di Photoshop

Membuat Efek Glowing Ellipse di Illustrator

Membuat Efek Teks Transparan dengan Adobe Illustrator

Membuat Teks Bergaya Futuristik dengan Photoshop

Efek Speed Lighting di Photoshop

Tutorial : Manipulasi Foto Konseptual dengan Photoshop

Membuat Efek Asap dengan Illustrator

5 Langkah Membuat Kemasan Realistis dengan Illustrator

Kumpulan Tutorial Terbaik untuk Mendesain Karakter dan Maskot

Tutorial Photoshop : Digital Art

Light Leak Effect di Photoshop

Top Content in 2010