Membuat Pola 3D di Photoshop

Di tutorial ini, kita akan membuat sebuah pola berbentuk tiga dimensi. Bentuk ini kita peroleh dari bentuk vektor sederhana.

Preview

Berikut adalah tampilan pola yang akan kita peroleh.

Mendesain Pola Tiga Dimensi di Photoshop

Detail Tutorial

  • Tingkat Kesulitan: Menengah
  • Software yang Digunakan: Adobe Photoshop
  • Teknik yang Dipelajari: Penggunaan Stroke dan Fill, Tool Direct Selection
  • Lama Pengerjaan: 20 menit

Tutorial

Langkah 1: Menggambar Objek 3D

Buat file baru dengan latar hitam. Gambar sebuah segitiga berukuran 47 px × 60 px. Caranya dengan klik pada kanvas menggunakan tool Polygon. Beri warna abu-abu.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 2

Duplikasi layer shape (Ctrl + J). Tekan Ctrl + T lalu perkecil ukurannya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 3

Ubah warnanya agar sedikit lebih terang.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 4

Duplikasi segitiga asli dan geser salah titik ujung hingga diperoleh sisi lainnya. Lakukan juga sisi satu lagi.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 5

Tambahkan layer style Gradient Overlay dengan gradasi hitam ke putih untuk memberi efek pencahayaan.

Mendesain Pola Tiga Dimensi di Photoshop

Inilah hasil yang kita peroleh.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 6

Ulangi ini pada sisi lainnya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 7

Perbesar tampilan kanvas dan periksa ketiga pojok untuk memastikan semua berada tepat pada grid pixel. Jangan sampai ada sisi buram.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 8

Pilih semua layer pembentuk objek dan simpan dalam sebuah group layer untuk mempermudah pengaturannya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 9

Buat layer di atas objek. Ctrl-klik salah satu sisi objek untuk membuat seleksi. Klik Edit > Stroke. Pilih warna putih dengan ketebalan Stroke 1 px.

Mendesain Pola Tiga Dimensi di Photoshop

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan garis stroke.

Langkah 10

Tambahkan layer mask pada garis stroke lalu lukis dengan hitam. Gunakan tool Brush lembut (Hardness: 0%) agar hanya tersisa garis di pojok saja.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 11

Turunkan Opacity garis jika dirasa perlu.

Mendesain Pola Tiga Dimensi di Photoshop

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan 100%.

Langkah 12

Duplikasi grup layer dengan menekan Ctrl + J. Simpan di sebelah aslinya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 13

Duplikasi salah satu bentuk tiga dimensi dan putar 180°.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 14

Atur posisinya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 15

Ubah warna sisi-sisinya.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 16

Seperti sebelumnya, tambahkan juga Gradient Overlay namun kali ini dengan arah sebaliknya.

Mendesain Pola Tiga Dimensi di Photoshop

Mendesain Pola Tiga Dimensi di Photoshop
Tampilan 100% bentuk tiga dimensi.

Langkah 17

Duplikasi lebih banyak.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 18

Lakukan terus hingga kita memperoleh sebuah pola berulang.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 19: Menambahkan Bayangan

Buat layer baru lalu lukis hitam di antara objek-objek dengan tool Brush lembut. Ini akan menjadi bayangan di antara setiap objek.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 20

Haluskan dengan memberi filter Gaussian Blur.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 21

Buat lagi bayangan lebih gelap.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 22

Haluskan kembali dengan Filter > Blur > Gaussian Blur.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 23: Menyimpan Sebagai Pola

Tinggal menentukan bagian pola yang akan diambil. Intinya adalah kita ingin mengambil bagian yang unik, tidak berulang. Dalam kasus ini, dalam persegi bisa Anda temukan di antara kedua lingkaran ini.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 24

Seleksi bagian tersebut dengan tool Rectangular Marquee.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 25

Kik Edit > Define Pattern.

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 26: Mengaplikasikan Pola

Buat file baru (Ctrl + N).

Mendesain Pola Tiga Dimensi di Photoshop

Langkah 27

Klik Edit > Fill. Pilih pola yang baru kita buat. Klik OK.

Mendesain Pola Tiga Dimensi di Photoshop

Hasil Akhir

Inilah hasil akhir yang kita peroleh. Semoga Anda menyukainya.

Mendesain Pola Tiga Dimensi di Photoshop

Download Link

Download File Photoshop (PSD)

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s