Minggu, 17 Juni 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 17 Juni 2012

Posted: 17 Jun 2012 12:17 AM PDT


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) 10 Worst Website Design Mistakes


Desain semakin menjadi unsur vital untuk membuat sebuah situs tampil fungsional, selain estetis tentu saja. Berikut di artikel ini, ada 10 hal yang harus kamu hindari ketika mendesain halaman web. Hal-hal tersebut akan sangat mudah membuat sebuah situs terlihat amatiran dan berdampak pada berkurangnya pengunjung dan kepercayaan (trust) konsumen.


2) The Real Reason People Love Instagram


Instagram merupakan aplikasi untuk sharing dan editing foto di iPhone. Baru-baru ini Instagram dibeli Facebook senilai $1 Milyar. Lantas apa sebenarnya yang membuat Instagram begitu populer? Temukan jawabannya di artikel ini.


3) 10 Essential Sites for Designers


Daftar 10 situs yang sangat bermanfaat untuk desainer. Situs-situs tersebut tidak hanya menyuguhkan segudang inspirasi, tapi juga dapat dijadikan sebagai wadah komunitas untuk saling bertukar informasi dan menambah wawasan dalam hal desain.


4) Latest Collection of Free Fonts for Web and Graphic Designers


Koleksi font-font gratis untuk memperkaya dan menambah warna pada desainmu. Ada berbagai macam font yang didesain dengan profesional dan tentu saja gratis untuk dipilih.


5) 35 Cool Street Photography To Pep-Up Your Mind


Kumpulan karya-karya street photography berikut ini pasti akan sangat bermanfaat sebagai bahan inspirasi buat kamu yang menggeluti fotografi atau street photography secara khusus.




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

Selasa, 12 Juni 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 11 Juni 2012

Posted: 12 Jun 2012 01:05 AM PDT


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) Quick Tip: Create a Cookie Text Effect in Photoshop

Tutorial ini menjelaskan bagaimana caranya membuat teks efek bergaya kue dengan Adobe Photoshop. Seperti biasa, penjelasan tutorial-tutorial di PSDTuts selalu detail dan mudah dimengerti.


2) 12 Breeds of Clients and How to Work with Them

12 Tipe klien pada desain grafis & web disajikan secara humoris oleh Jack Knight. Kendati terkesan lucu dan menarik untuk dibaca, artikel tersebut juga merupakan fakta berdasarkan pengalaman desainer sehari-hari.


3) How Colors Affect Our Purchases [Infographic]

Sebuah infografis yang sangat bermanfaat bagi desainer grafis tentang peran dari warna dalam meningkatkan penjualan. Tidak cuma desainer, para pebisnis dan enterpreuner mungkin bisa membaca ini untuk lebih memahami dan mengapresiasi desain dengan segala terapan ilmunya.


4) Who says print is dead?

Apa kabar media cetak ditengah maraknya media digital dewasa ini? Pertanyaan ini akan dijawab oleh artikel yang sangat mendalam ini.


5) 10 Graphic Novels for the Literary Minded

Visual membantu pembaca untuk mengenal poin bacaannya, hal ini yang digunakan novel grafis untuk memberi pola & struktur bacaan untuk memudahkan pembaca memahami dan mencerna novel tersebut. Berikut adalah kumpulan novel grafis terbaik yang bisa dipertimbangkan sebagai bahan bacaan.




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

Rabu, 06 Juni 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Membuat Efek Teks 3D dengan Photoshop

Posted: 05 Jun 2012 08:41 AM PDT

Kali ini, kita akan membahas bagaimana caranya membuat efek teks tiga dimensi (3D) dengan menggunakan Photoshop. Tutorial ini sangat sederhana dan mudah dipahami. Fokus dasar tutorial adalah memahami bagaimana membuat bentuk tiga dimensi menggunakan penggabungan dari beberapa layer, serta bagaimana cara memberi kedalaman pada teks dengan pemberian warna dan shadow.

Lets get started!


Step 1
Buat dokumen baru di Photoshop (Ctrl+N) dengan pengaturan seperti gambar dibawah.



Step 2
Bikin Teks menggunakan Text tool (T).



Step 3
Klik layer Teks di layer palette, kemudian tekan tombol Ctrl+T (Transform tool) di keyboard. Klik kanan pada teks kemudian pilih Distort. Dengan menggunakan mode transform Distort, buat teks kedalam bentuk perspektif seperti gambar dibawah.



Step 4
Klik layer teks di layer palette kemudian tekan tombol Ctrl+J untuk menduplikasi layer teks. Posisikan layer teks hasil kopian sedikit keatas (drag sambil tahan tombol Shift). Untuk mempermudah pemahaman tutorial, ganti nama kedua layer tersebut dengan nama 'DESAIN STUDIO_bawah' (untuk layer teks bagian bawah) dan 'DESAIN STUDIO_atas' (untuk layer teks bagian atas).



Step 5
Duplikasi kedua layer teks tersebut dan posisikan seperti gambar dibawah. Kemudian klik ikon mata pada layer 'DESAIN STUDIO_atas' dan layer 'DESAIN STUDIO_bawah' untuk menyembunyikannya sementara.



Step 6
Langkah selanjutnya adalah menduplikasi 'DESAIN STUDIO_bawah copy' sebanyak 70 kali. Caranya, klik layer 'DESAIN STUDIO_bawah copy' di layer palette, kemudian tekan tombol Ctrl+J sebanyak 70 kali.



Step 7
Di layer palette, klik pada layer 'DESAIN STUDIO_atas copy', kemudian scroll-down kebawah, tahan tombol Shift dan klik pada layer 'DESAIN STUDIO_bawah copy'. Sekarang semua layer dari 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' sudah terseleksi. Klik kanan lalu pilih Link layers. Sekarang layer-layer tsb telah diberi tanda rantai yang artinya saling nge-link satu sama lain.



Step 8
Klik pada layer 'DESAIN STUDIO_atas copy' di layer palette kemudian aktifkan Select tool (V). Dibagian Align di Control Bar, klik pada ikon Distribute Horizontal Center dan Distribute Vertical Center (lihat gambar). Langkah ini untuk mengatur distribusi hasil kopian-kopian tadi agar membentuk sebuah shape 3d yang sesuai.



Step 9
Selanjutnya, seleksi semua layer dari layer 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' lalu tekan tombol Ctrl+E di keyboard untuk menggabungkan layer-layer tadi menjadi satu layer (merged). Saya mengganti nama layer hasil penggabungan tadi dengan nama 'DESAIN STUDIO (merged)'.



Step 10
Tampilkan kembali layer 'DESAIN STUDIO_atas', klik ganda layer tsb untuk membuka jendela Layer Styles. Pada bagian Gradient Overlay, beri settingan seperti gambar dibawah dan beri warna gradient dengan warna #90591d dan #ecab65. Jika sudah klik OK untuk menutup Layer Styles.



Hasilnya..



Step 11
Selanjutnya, tekan dan tahan tombol Ctrl kemudian klik pada thumbnail layer 'DESAIN STUDIO_(merged)' untuk mengambil seleksi dari layer tersebut. Sementara seleksi aktif, buat layer baru diatasnya (klik ikon New Layer) dan fill dengan warna #90591d. Ganti nama leyer menjadi 'warna'.



Step 12
Double-click layer 'warna' untuk membuka jendela Layer styles. Pada bagian Gradient Overlay, beri warna gradasi dari warna #e0e0e0, #4a5154, #e0e0e0, dan #020202. Dan atur settingannya seperti gambar dibawah.



Hasilnya..



Step 13
Klik pada layer 'background' dan fill dengan warna #90591d. Double-click layer 'background' untuk membuka Layer Styles. Dan pada bagian Gradient Overlay, atur settingannya seperti gambar dibawah.



Step 14
Tampilkan dan klik layer 'DESAIN STUDIO_bawah', kemudian pada Menu bar pilih Filter > Blur > Gaussian Blur. Atur settingan Gaussian Blur seperti gambar dibawah. Langkah ini dimaksudkan untuk menjadikan layer 'DESAIN STUDIO_bawah' sebagai shadow. Jika sudah, ubah Blending Mode layer 'DESAIN STUDIO_bawah' di layer palette menjadi Multiply dan Opacitynya menjadi 80%.



Step 15
Gunakan Select tool (V) untuk menggeser sedikit layer 'DESAIN STUDIO_bawah' seperti gambar dibawah.



Step 16
Selanjutnya, klik layer 'DESAIN STUDIO_bawah' dan tekan tombol Ctrl+J untuk membuat duplikasinya. Sekarang geser hasil duplikasi tersebut ('DESAIN STUDIO_bawah copy') sedikit ke kiri dan ubah Opacitynya menjadi 20% (lihat gambar).



Step 17
Seleksi semua layer (kecuali layer 'background') di layer palette kemudian tekan tombol Ctrl+E di keyboard untuk menggabungkannya. Hasil penggabungan tsb saya beri nama dengan 'DESAIN STUDIO 3D TEXT'.



Step 18
Duplikasi layer 'DESAIN STUDIO 3D TEXT'. Kemudian klik pada layer 'DESAIN STUDIO 3D TEXT copy' (hasil duplikasi) dan ubah Blending Modenya menjadi Hard Light, lalu pada Menu bar pilih Filter > Other > High Pass. Beri nilai 1,0 pada bagian Radius lalu klik OK.



HASIL AKHIR


Inilah efek teks 3D di tutorial kali ini. Semoga banyak tips dan tehnik bermanfaat yang bisa kamu pelajari disini. Tutorial ini ditujukan sebagai bahan pembelajaran, artinya kamu bisa berimprovisasi membuat efek teks 3D yang lebih menarik berdasarkan dari tutorial ini. Selamat mencoba! :)




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

Minggu, 03 Juni 2012

DESAINSTUDIO.COM

DESAINSTUDIO.COM


Bacaan Inspiratif - 03 Juni 2012

Posted: 02 Jun 2012 11:19 PM PDT


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) Quick Tip: Create a Metallic Copper Text Effect Using Layer Styles in Photoshop

Tutorial ini menjelaskan bagaimana membuat efek teks logam yang stylist di Photoshop. Tutorial semacam ini bisa meningkatkan pemahaman kamu untuk mengenal fungsi-fungsi fitur di Photoshop secara lebih baik. Selain itu, kamu juga bisa mengembangkannya untuk membuat berbagai macam efek lainnya.


2) How to Design Awesome Infographics

Infografis adalah media untuk menyampaikan informasi dan fakta dalam bentuk rangkuman dalam tampilan grafis. Di artikel ini, akan dijelaskan beberapa hal substansial yang harus dipahami ketika mendesain infografis.


3) What To Do When You Can't Afford Branding

Artikel yang menarik tentang branding bagi sebuah usaha. Di dalamnya dijelaskan apa-apa saja faktor yang membuat sebuah brand berhasil. Bagi desainer (terlebih yang berfokus pada identity & brand design), resource seperti ini masih cukup langka sehingga sayang untuk dilewatkan.


4) Has the Word 'Entrepreneur' Lost Its Meaning?

Kata 'Entrepreneur' dewasa ini seringkali terdengar lalu lalang di telinga kita. Sebenarnya apa itu Entrepreneur? Di artikel ini, akan dijelaskan beberapa pemahaman yang keliru tentang Entrepreneur.


5) 25 Graphic Design Niches You've Never Thought Of

Desain grafis adalah seni terapan yang sangat dinamis serta memiliki cakupan yang cukup luas. Di artikel ini, ada beberapa jenis pekerjaan dalam desain grafis yang jarang kita dengar. Hal ini menunjukkan, betapa desain grafis merupakan lahan profesi yang cukup menjanjikan dengan berbagai bidang pekerjaan yang tersedia.




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