Minggu, 09 Desember 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 9 Desember 2012

Posted: 09 Dec 2012 12:51 AM PST

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






1) Create a Mobile App Icon in Photoshop


Tutorial menarik dari psd.tutsplus.com tentang bagaimana caranya membuat ikon untuk aplikasi mobile di Photoshop. Seperti biasa, tutorialnya detail dan sangat mudah untuk diikuti.


2) 8 Photoshop Tricks I Wish I Knew When I Was a Student


Ada banyak sekali trik-trik tersembunyi pada aplikasi Photoshop. Beberapa diantaranya mungkin dapat kamu temukan di artikel ini. Menguasai banyak trik akan sangat membantu dalam mempercepat penyelesaian sebuah karya.


3) 10 Productivity Tips for Freelancers


Bagi kamu yang freelancer atau bekerja lepas, produktifitas memang menjadi tantangan tersendiri. Terkadang kebebasan yang dimiliki oleh freelancer sangat potensial menurunkan produktifitas kerja. Berikut adalah tips-tips yang bermanfaat untuk meningkatkan produktifitas kamu sebagai freelancer.


4) 30 Minute Redesign #76: Suruha Freespirit


Artikel ini mengulas contoh kasus redesain sebuah website serta alasan-alasan yang digunakan penulis dibalik redesain tersebut.


5) Stunning Caricature Illustrations by Anthony Geoffroy


Anthony Geoffroy adalah seorang ilustrator dan desainer karakter yang tinggal di Lyon, Prancis. Berikut kamu akan disuguhkan karya-karya karikatur buatannya yang sangat unik dan menginspirasi.






Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Rabu, 05 Desember 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Membuat Teks Berkesan 3D dengan Photoshop

Posted: 04 Dec 2012 02:10 AM PST

Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow, dan Layer Styles di Photoshop. Tutorial ini cocok untuk pemula dan tingkat menengah untuk memahami tehnik lighting dasar menggunakan Adobe Photoshop. Langsung saja kita mulai tutorialnya, selamat membaca dan mempraktekkan.





Step 1

Buat dokumen baru di Photoshop (Ctrl+N), ukuran 1000x1000 pixels, resolusi 300 DPI, dan mode warna RGB.



Step 2

ganti warna layer 'Background' dengan warna #494949.



Step 3

Buat sebuah teks, dalam hal ini saya membuat 'EFFECTS' menggunakan font Bebas Neue. Kamu bebas untuk menggunakan teks lain, it's just a sample! :)



Step 4

Klik ganda layer 'effects' untuk membuka jendela Layer Styles. Kemudian klik gradient Overlay pada Layer Styles : ubah blend mode menjadi Multiply, opacity menjadi 50% dan angle menjadi -65. Jika sudah, klik Ok untuk keluar dari jendela Layer Styles.



Step 5

Pada Layer Palette, klik ikon Add New Layer untuk membuat layer baru, beri nama layer baru dengan 'awal'. Kemudian tekan Ctrl+Klik pada thumbnail layer 'effects' untuk mengambil seleksi bentuk pada layer tersebut. Sementara seleksi aktif, klik kembali layer 'awal', tekan tombol D di keyboard untuk mengubah warna dasar menjadi hitam putih lalu tekan Alt + Delete untuk mengisi layer 'awal' dengan warna hitam.



Step 6

Duplikat layer 'awal' dengan menekan tombol Ctrl+J di keyboard, beri nama layer hasil duplikasi dengan 'akhir' dan posisikan layer 'akhir' seperti gambar dibawah. Jika sudah, drag layer 'awal' dan 'akhir' dibawah layer 'effects' (lihat gambar). Saya sengaja meng-hide layer 'effects' agar kita bisa melihat posisi layer 'awal' dan 'akhir' dengan jelas.



Step 7

Sekarang duplikat layer 'awal' berkali-kali dengan menekan tombol Ctrl+J sebanyak 15 kali (untuk 15 hasil duplikasi).



Step 8

Kemudian pada layer palette, klik layer 'akhir', tahan Shift di keyboard lalu klik layer 'awal' untuk menyeleksi layer-layer tersebut di layer palette. Jika sudah, klik kanan pada salah satu layer dan pilih Link Layers. Kamu akan melihat akan ada tanda rantai pada layer-layer yang diseleksi tadi.

Sementara semua layer tadi aktif dan nge-link, klik ikon Distribute Vertical Center kemudian klik ikon Distribute Horizontal Center untuk membuat layer-layer tadi tersusun sedemikian rupa. Lalu tekan tombol Ctrl+E untuk menggabungkannya dan ubah nama layer hasil penggabungan tadi menjadi 'shadow'.




Step 9

Klik layer shadow di layer palette, kemudian pilih Filter > Blur > Motion Blur, dan atur nilai pada jendela Motion Blur seperti gambar dibawah.



Step 10

Tekan dan tahan tombol Shift+tanda panah atas kemudian Shift+tanda panah kiri untuk membuat teks bergeser 10 px kebagian atas dan kiri (lihat gambar dibawah).



Step 11

Ubah blend mode layer 'shadow' menjadi Multiply dan Opacity menjadi 40%.



Step 12

Duplikat layer 'shadow', pada layer 'shadow copy' berikan juga efek motion blur sekali lagi. Tapi kali ini nilai distance-nya dirubah menjadi 70%



Step 13

Langkah selanjutnya, buat sebuah layer baru diatas layer 'Background' dan beri nama dengan 'lighting'. Pada layer 'lighting' berikan warna gradasi hitam ke putih dengan Gradient Tool (G) dan atur arahnya seperti gambar dibawah. Jika sudah, ubah blend mode-nya menjadi Overlay dan opacity-nya menjadi 50%.



Step 14

Sekarang kita kembali ke layer 'effects', klik ganda layer tersebut untuk membuka jendela Layer Styles. pada jendela Layer Styles, pilih Bevel and Emboss dan atur nilai-nilainya seperti gambar dibawah.



Step 15

Masih pada jendela Layer Styles untuk layer 'effects', klik pada Pattern Overlay. Kemudian klik tanda panah seperti yang diillustrasikan digambar dibawah untuk mendapatkan pattern dengan katagori Artist Surfaces. Pada contoh kasus ini, klik pada pattern bernama Washed Watercolor Paper. Ubah blending mode pada Pattern Overlay menjadi Multiply dan Opacity menjadi 75%.




Step 16

Terapkan juga efek Pattern Overlay pada layer 'Background'. Tapi kali ini pilih pattern dengan nama Hard Charcoal Light. Ubah juga blending mode menjadi Multiply dan Opacity menjadi 75%, jika sudah klik Ok untuk keluar dan jendela Layer Styles.



Hasil Akhir



Beginilah hasil akhir untuk tutorial Photoshop kita kali ini. Semoga dapat memberi inspirasi dan manfaat. Kamu dapat berimprovisasi lebih jauh menggunakan tehnik-tehnik pada tutorial kali ini, good luck all!






Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Jumat, 23 November 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 23 November 2012

Posted: 23 Nov 2012 01:08 AM PST

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






1) Should you learn to code?


Web design adalah salah satu bidang dari desain grafis yang kian marak digeluti. Selain menuntut kemampuan melayout tampilan web dengan baik, designer juga harus mengerti kode dan berbagai macam bahasa pemrogaman. Nah, di artikel ini akan dijelaskan bagaimana cara belajar coding dengan mindset yang benar


2) DC & Marvel Superhero Minimalist Posters


Kumpulan poster tentang tokoh-tokoh komik DC dan Marvel hasil rancangan Michael Turner. Desain-desain poster tersebut sangat minimalis dan cenderung menggunakan warna-warna kontras.


3) Design Salary Guide


Mau tahu berapa standar gaji designer di US? Kamu bisa melihat artikel ini. Info ini juga mencakup standar rata-rata gaji arsitek, industrial designer, fashion designer, dll.


4) How To Make Text Follow A Path In Photoshop



5) The Science of How Music Enchants the Brain, Animated


Sebuah video animasi yang menjelaskan tentang bagaimana cara kerja otak ketika kita mendengarkan musik. Tampilan animasi dan penjelasannya yang ringan membuat ilmu rumit ini dapat mudah dipahami.




Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Senin, 05 November 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 4 November 2012

Posted: 04 Nov 2012 02:12 AM PST

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





1) How to Create a Self Portrait in a Geometric Style


Tutorial kreatif ini menjelaskan bagaimana caranya membuat gambar wajah bergaya geometri dengan menggunakan Adobe Illustrator.


2) Design Charts for Better Typography and Color


Kumpulan infografis yang berisikan informasi tentang tipografi dan warna. Infografis-infografis tersebut dirancang dengan baik sehingga sangat mudah untuk dimengerti. Artikel ini bisa sangat bermanfaat buat kamu yang ingin mendalami lebih jauh tentang tipografi dan warna.


3) The Design Community Offers Its Favorite Bits of Advice


Kumpulan saran-saran yang bermanfaat dari komunitas desain dari seluruh penjuru dunia. Akan banyak sekali pelajaran yang bisa kamu serap di artikel ini.


4) The Distorted Street Faces of Andre Muniz Gonzaga


Karya Andre Muniz Gonzaga ini sangat unik, street art berupa gambar wajah yang terditorsi. Bentuk wajah dalam karya seninya tergolong aneh dan tidak biasa.


5) 60+ Really Cool And Creative Error 404 Pages


halaman error 404 biasa ditemui saat suata halaman pada sebuah website tidak bisa diakses dikarenakan beberapa hal. Nah, berikut ini adalah kumpulan halaman error 404 yang sangat kreatif dan inspiratif.





Ikuti FACEBOOK dan TWITTER Desain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!