Mendesain Iklan Parfum dengan InDesign dan Photoshop

Dalam membuat projek desain sekalipun, sering kali kita tidak bisa hanya mengandalkan satu software. Beberapa software digunakan untuk hasil yang lebih tepat dan juga proses kerja lebih efektif. Misalnya ketika mendesain sebuah iklan produk. Di sini, kita belajar cara membuat iklan parfum menggunakan kombinasi Photoshop dan InDesign.

Preview

Berikut adalah tampilan iklan yang akan kita peroleh.

final.jpg

 

Tampilan Penuh (PDF)

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan Penuh dalam mockup

Mendesain Pola Tiga Dimensi di Photoshop

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe InDesign, Adobe Illustrator, dan Adobe Photoshop
  • Teknik yang Dipelajari: Penggunaan Style Character dan Style Paragraph, Smart Object, dan Transformasi Layer
  • Lama Pengerjaan: 40 menit

Resource yang Dibutuhkan

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

Lanjutkan membaca Mendesain Iklan Parfum dengan InDesign dan Photoshop

Iklan

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Di tutorial ini, saya akan menunjukkan cara mendesain layout halaman bergaya scrapbook, yaitu gabungan dari berbagai elemen gambar, menggunakan Photoshop dan InDesign. Kita banyak menggunakan teknik dasar di sini. Bagi yang belum pernah menggunakan InDesign, ini jadi ajang belajar yang baik untuk mempelajari dasar-dasarnya.

Preview

Berikut adalah tampilan layout yang akan kita peroleh di akhir tutorial.

Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign
Lihat versi file PDF.

Detail Tutorial

  • Tingkat Kesulitan: Menengah, Mahir
  • Software yang Digunakan: Adobe Photoshop, Adobe InDesign
  • Teknik yang Dipelajari: Export file InDesign ke PDF, efek objek di InDesign, Numbering, Seleksi cepat di Photoshop
  • Lama Pengerjaan: 75 menit

Resource yang Dibutuhkan

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

Lanjutkan membaca Membuat Layout Artikel bergaya Scrapbook dengan Photoshop dan InDesign

Membuat Ulang Efek Teks Film Avenger dengan Photoshop dan Illustrator

Semua film super hero selalu menyebalkan dan tidak layak ditonton. Tentu saja kecuali Batman besutan Christopher Nolan. Anyway, Avenger adalah satu lagi film super hero berkualitas buruk yang hanya mengandalkan spesial efek khas Hollywood. Jika Anda penasaran dengan efek teks dalam judul filmnya, pastikan untuk mengikuti tutorial ini.

Tutorial ini ditulis ekslusif untuk Hongkiat.

Preview

Berikut adalah hasil akhir yang diperoleh.

final.jpg

Sebagian Langkah dalam Tutorial

Tutorial ini tidak sekadar meniru efek teks yang ada di film. Dalam tutorial ini, kita akan menggunakan membuat sendiri teks yang mirip dengan karakter teks Avenger. Kita akan melakukannya secara manual di Illustrator. Proses selanjutnya adalah memberi kesan tiga dimensi memberi kombinasi layer style dan tekstur di Photoshop.

Link Tutorial

Menggambar Wacom Bamboo dari Wireframe Hingga Tampil Realistis

Wacom Bamboo adalah salah satu alat desain terbaik yang saya miliki. Harganya memang mahal namun sangat membantu saya dalam menggambar objek-objek realistis. Selain menghemat waktu, Wacom juga membantu saya terhindar dari cedera pergelangan.

Dalam tutorial ini, saya mencoba bereksperimen dengan menggambar Wacom Bamboo dari sketsa vektor di Illustrator kemudian memberinya pencahayaan realistis di Photoshop. Tutorial yang dipecah jadi dua bagian ini ditulis ekslusif untuk PVM.garage.

Preview

Berikut adalah hasil akhir yang diperoleh.

final.jpg

Sebagian Langkah dalam Tutorial

Tutorial ini membahas secara detail proses menggambar Wacom Bamboo dalam dua tahap. Tahap pertama adalah menggambar rangka (wireframe) Wacom di Illustrator dan selanjutnya memberi detail di Photoshop hingga terlihat realistis.

Link Tutorial

Memodifikasi Mobil Bergaya Racing Style di Photoshop

Modifikasi mobil merupakan proses yang rumit karena membutuhkan biaya besar dan cukup beresiko. Untuk menjamin kesuksesan hasil modifikasi, biasanya pemilik mobil mencoba terlebih dahulu di Photoshop.

Dalam tutorial ini, kita akan mengambil foto mobil dengan kamera saku biasa lalu memodifikasinya. Tutorial ini adalah hasil kolaborasi dengan Ardhy Moelya Zam-Zam dan ditulis ekslusif untuk Psdtuts+.

Preview

Berikut adalah hasil akhir yang diperoleh.

final.jpg

Sebagian Langkah dalam Tutorial

Tutorial ini didasarkan pada skenario nyata proses memodifikasi mobil. Diharapkan, pembaca bisa mencoba konsep tutorial ini pada mobilnya sendiri. Di bawah adalah beberapa langkah dalam tutorial.

modifikasi-mobil-1.jpg

Link Tutorial

Mendesain Kaus dengan Adobe Illustrator dan Mempresentasikannya di Mockup PSD

Dalam tutorial ini, kita akan mendesain sebuah kaus menggunakan Adobe Illustrator. Kita sengaja menggunakan Illustrator –dan bukan Photoshop– untuk menjamin ketajaman dalam hasil desain akhir. Kemudian, hasil akhir desain akan kita olah ke dalam file mockup t-shirt di Photoshop sehingga kita bisa mempresentasikannya pada klien.

Preview

Di bawah adalah tampilan desain kaus yang akan kita peroleh.
final

Lanjutkan membaca Mendesain Kaus dengan Adobe Illustrator dan Mempresentasikannya di Mockup PSD

Mendesain Blog Elegan Bag. 3 – PSD ke Theme WordPress

Melanjutkan tutorial slicing PSD desain blog elegan minggu lalu, kita akan mengubah hasil desain menjadi Theme WordPress. Di tutorial ini kita akan berkenalan dengan HTML5 dan beberapa efek CSS3 seperti box shadow, text shadow, dan rounded corner. Silakan klik di sini untuk membaca tutorial secara lengkap.

Preview

Di bawah adalah hasil akhir tutorial. Sedikit berbeda dengan mockup PSD awal karena ada penambahan widget di bagian footer. Klik gambar untuk melihat live demo-nya.

blog-elegan-3-1.jpg

Terima kasih kepada Aris yang telah meluangkan waktunya berbagi dengan komunitas DesainDigital.

Mendesain Blog Elegan Bag. 2 – Slicing

Tutorial ini adalah kelanjutan dari tutorial sebelumnya, Mendesain Blog Elegan dengan Photoshop. Di sini, kita akan menambahkan penanda featured post pada post dan melakukan proses slicing. Slicing adalah memotong desain gambar dari Photoshop untuk kemudian digunakan dalam markup XHTML/CSS.

Preview: Featured Post

Sebelum memulai proses slicing. Kita akan menambahkan penanda featured post di pojok post. Ini berlaku untuk menandai posting sticky di WordPress. Lihat terlebih dahulu hasilnya di bawah.

Mendesain Blog Elegan Bag. 2 - Slicing

Langkah 1: Membuat Featured Post

Buka kembali file PSD yang kita buat di tutorial sebelumnya. Buat sebuah persegi dan beri jarak 3 px dengan kotak post.

Mendesain Blog Elegan Bag. 2 - Slicing

Lanjutkan membaca Mendesain Blog Elegan Bag. 2 – Slicing

Mendesain Blog Elegan dengan Photoshop

Dalam tutorial ini, kita akan membuat desain web bergaya elegan di Photoshop. Tidak ada banyak elemen yang digunakan di sini. Anda akan belajar banyak teknik, mulai dari membuat efek letterpress, membuat efek 3 dimensi pada bentuk, hingga membuat garis inset.

Preview

Sebelum mulai, lihat terlebih desain web yang akan kita buat. Klik gambar untuk melihatnya pada ukuran penuh.

Mendesain Blog Elegan dengan Photoshop

Resource Yang Dibutuhkan

Lanjutkan membaca Mendesain Blog Elegan dengan Photoshop

Menggambar Mac Pro G5

Saya bukan pengguna Mac, saya juga tidak berniat menggunakan produk dari Mac. Walaupun begitu, saya adalah salah satu dari jutaan penggemar desain revolusioner Mac. Di tutorial ini, saya akan memperlihatkan cara menggambar Mac Pro G5 di Photoshop. Klik disini untuk membaca tutorial lengkapnya di PV.M garage.

Hasil Akhir

Tutorial Menggambar Mac Pro G5

Tutorial ini sederhana

Teknik yang digunakan di tutorial ini sebetulnya hanya teknik-teknik sadar seperti penggunaan tool pen untuk membuat shape. Shape-shape yang dihasilkan lalu dilukis secara manual untuk memberi highlight dan shadow.

Tutorial Menggambar Mac Pro G5
Tutorial Menggambar Mac Pro G5

Membahas Beberapa Trik Unik

Di sini, saya juga memperlihatkan cara pembuatan pola untuk membuat bagian depan Mac Pro. Anda akan belajar juga cara pembuatan bayangan yang terlihat sangat realistik.

Tutorial Menggambar Mac Pro G5
Tutorial Menggambar Mac Pro G5
Download Source File