Membuat Poster Bertema Objek Geometris Menggunakan Photoshop dan Illustrator

Dalam tutorial ini, saya akan memperlihatkan cara pembuatan poster dengan elemen utama objek geometris menggunakan Photoshop dan Illustrator. Kita akan menggunakan teknik menggambar sederhana, tekstur, dan permainan blend mode.

Preview


Inilah hasil desain poster yang akan kita peroleh.

final.jpg

Detail Tutorial



  • Tingkat Kesulitan: Pemula, Menengah

  • Software yang Digunakan: Adobe Photoshop, Adobe Illustrator

  • Teknik yang Dipelajari: blend mode, gradient, duplikasi objek, penggunaan tekstur.

  • Lama Pengerjaan: 30 menit


Resource yang Dibutuhkan


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



Tutorial


Langkah 1: Menggambar Objek di Illustrator


Buat file baru dengan ukuran A4 di Illustrator. Gambar sebuah kotak, simpan di luar area kanvas karena kita tidak akan menggunakannya dalam desain. Isi dengan gradasi linear dari putih ke hitam. Kosongkan Stroke.

tutorial-poster-abstrak-01.jpg

Langkah 2


Buat lagi kotak, kali ini beri gradasi dari #ef4036 ke #fcb040.

tutorial-poster-abstrak-02.jpg

Langkah 3


Gambar sebuah persegi panjang. Aktifkan tool color picker lalu klik kotak bergradasi putih ke hitam untuk mengambil warnanya.

tutorial-poster-abstrak-03.jpg

Langkah 4


Seleksi kedua titik di sisi kanan persegi lalu geser ke atas. Lakukan sambil menahan Shift untuk menggeser secara vertikal.

tutorial-poster-abstrak-04.jpg

Langkah 5


Klik kanan objek dan pilih Transform > Reflect. Pilih Vertical lalu klik Copy.

tutorial-poster-abstrak-05.jpg

Langkah 6


Klik kanan objek dan geser hingga berdampingan dengan bentuk lama, membentuk V terbalik.

tutorial-poster-abstrak-06.jpg

Langkah 7


Seleksi kedua bentuk tadi lalu geser sambil menahan Alt. Atur posisinya hingga berdekatan seperti terlihat di bawah.

tutorial-poster-abstrak-07.jpg

Langkah 8


Terus ulangi langkah ini hingga diperoleh satu baris memenuhi seluruh kanvas.

tutorial-poster-abstrak-08.jpg

Langkah 9


Gandakan objek pertama, ambil setting Fill dari persegi berwarna.

tutorial-poster-abstrak-09.jpg

Langkah 10


Lakukan transformasi refleksi dan atur posisinya.

tutorial-poster-abstrak-10.jpg

Langkah 11


Ulangi proses ini hingga diperoleh satu baris bentuk yang sama.

tutorial-poster-abstrak-11.jpg

Langkah 12


Seleksi kedua baris bentuk lalu geser ke bawah sambil menahan Alt untuk menduplikasinya.

tutorial-poster-abstrak-12.jpg

Langkah 13


Tekan Ctrl + D beberapa kali untuk mengulangi proses duplikasi dan memenuhi kanvas dengan objek geometris. Seleksi semua objek di kanvas, tekan Ctrl + C. Kita akan memasukkannya ke Photoshop.

tutorial-poster-abstrak-13.jpg

Langkah 14: Membuat Poster di Photoshop


Buat file baru berukuran A4 di Photoshop. Ubah Background menjadi layer biasa dengan cara klik ganda. Di panel Layers, klik ganda thumbnail layer untuk membuka kotak dialog Layer Style. Tambahkan Pattern Overlay pola kertas dari WeGraphics.

tutorial-poster-abstrak-14.jpg

Langkah 15


Buat layer baru lalu isi dengan berbagai warna. Silakan bereksperimen sendiri, tidak perlu membatasi diri dengan mengikuti tampilan di bawah.

tutorial-poster-abstrak-15.jpg
Ubah blend mode ke Normal dengan Opacity 16%.

tutorial-poster-abstrak-16.jpg

Langkah 16


Tekan Ctrl + V untuk memunculkan objek geometris dari Illustrator. Dalam pilihan Paste, pilih Smart Object. Ubah Blend Mode layer objek geometris ke Screen.

tutorial-poster-abstrak-17.jpg

tutorial-poster-abstrak-18.jpg
Ini adalah tampilan detail poster dalam ukuran lebih besar.

tutorial-poster-abstrak-19.jpg

Langkah 17


Duplikasi layer objek geometris dengan cara menekan Ctrl + J. Ubah blend mode layer ke Multiply.

tutorial-poster-abstrak-20.jpg

Langkah 18


Geser layer ke atas dengan mengaktifkan tool move lalu tekan panah atas beberapa kali. Turunkan Opacity layer ke 26%.

tutorial-poster-abstrak-21.jpg
Di bawah adalah tampilan detail poster dalam ukuran lebih besar. Bisa Anda lihat bahwa bentuk geometris kita menjadi lebih banyak diakibatkan penurunan Opacity layer.

tutorial-poster-abstrak-22.jpg

Langkah 19


Ambil beberapa tekstur noise dari WeGraphics. Simpan ke atas kanvas dan ubah blend mode-nya ke Screen.

tutorial-poster-abstrak-23.jpg

Langkah 20


Ayo kita tambahkan beberapa warna ke dalam poster. Buat layer baru lukis warna lalu turunkan Opacity-nya. Anda bisa melihat warna-warna yang saya tambahkan dan Opacity yang digunakannya di bawah.

tutorial-poster-abstrak-24.jpg

tutorial-poster-abstrak-25.jpg

tutorial-poster-abstrak-26.jpg

Langkah 21


Gabungkan layer-layer warna ini ke dalam group dengan cara memilihnya lalu tekan Ctrl + G. Ubah blend mode group layer ke Color Dodge.

tutorial-poster-abstrak-27.jpg

Hasil Akhir


Terakhir, saya merasa warna objek geometrisnya kurang menonjol jadi Opacity-nya dinaikkan menjadi 75%. Di bawah adalah hasil akhir tutorial yang kita peroleh.

final