Mendesain Pola Retro Bergaya Art Deco di Illustrator dan Photoshop

Dalam tutorial ini, akan ditunjukkan cara mendesain pola retro bergaya Art Deco yang populer di tahun 70 atau 80-an menggunakan Adobe Illustrator yang kemudian dilanjutkan dengan editing simple di Photoshop. Anda akan belajar cara penggunaan tekstur dan pengeditan warna di Photoshop serta menggunakan generator pola di Illustrator.

Berikut adalah gambar desain yang akan kita hasilkan.

Pola hasil editing di Photoshop
Pola Art Deco didesain di Adobe Illustrator

Tutorial Video

Detail Tutorial

  • Tingkat Kesulitan: Pemula, Menengah.
  • Software Yang Digunakan: Photoshop, Illustrator CC 2015 ke atas.
  • Materi Yang Diajarkan: Penggabungan Path di Illustrator, Adjustment Layer, Konsep Smart Object.
  • Waktu Yang Dibutuhkan: 40 menit.

Tutorial

Berikut adalah tutorial versi tulisan memperlihatkan cara pembuatan pola Art Deco.

Resource Yang Digunakan

Langkah 1: Desain Pola di Illustrator

Kita menggunakan dua software, Illustrator untuk pembuatan bentuk vektor hingga jadi pola dan Photoshop untuk menggabungkan pola dan tekstur. Saat ini, kita masih bekerja dengan Illustrator. Dengan Tool Pen, gambar garis melengkung. Klik dan geser ketika membuat garis.

tutorial-photoshop-illustrator-pola-art-deco-01
Buat garis melengkung dengan Tool Pen.

Langkah 2

Duplikasi garis, dengan cara seleksi lalu klik Edit > Copy dan Edit > Paste in Front. Atur ukurannya agar mengecil sambil menahan Shift. Geser dari pojok kiri atas ke bawah agar garis hasil duplikasi berada di kanan bawah.

tutorial-photoshop-illustrator-pola-art-deco-02
Duplikasi garis.

Langkah 3

Dengan Direct Selection Tool, atur agar bagian bawah kedua garis mendekat.

tutorial-photoshop-illustrator-pola-art-deco-03
Geser bagian bawah garis agar lebih dekat.

Langkah 4

Seleksi kedua garis. Ubah tipe garis ke bentuk segitiga. Bentuk garis akan mengecil dengan bagian awalnya lebih tebal.

tutorial-photoshop-illustrator-pola-art-deco-04
Pilih tipe Stroke segitiga.
tutorial-photoshop-illustrator-pola-art-deco-05
Tampilan garis.

Langkah 5

Ubah garis menjadi shape agar dapat diedit bentuknya. Seleksi kedua garis lalu klik Object > Expand. Bentuk ini akan berubah menjadi shape dan line (garis). Dengan Tool Direct Selection, seleksi garis lalu hapus.

tutorial-photoshop-illustrator-pola-art-deco-06
Ubah garis menjadi bentuk.

Langkah 6

Sekarang, kita punya bentuknya saja. Bentuk ini sudah lebih mudah untuk diedit. Kita ingin agar ujung bentuk ini rata. Buat sebuah persegi yang memotong kedua bentuk garis. Seleksi dulu bentuk persegi lalu tekan Ctrl + C untuk menyimpannya ke clipboard. Pastikan bentuk persegi posisinya paling atas, menutupi bentuk garis. Seleksi bentuk terbesar dan persegi lalu pilih mode Minus Front di Panel Pathfinder untuk memotong bentuk garis. Bentuk persegi akan hilang sementara bentuk garis akan terpotong.

tutorial-photoshop-illustrator-pola-art-deco-40
Potong bentuk garis.

Langkah 7

Ulangi pada bentuk garis kecil. Tampilkan lagi bentuk persegi dengan klik kanan dan pilih Paste in Front. Sekarang, seleksi bentuk garis kecil dan persegi. Seperti tadi, potong dengan memilih tombol Minus Front.

tutorial-photoshop-illustrator-pola-art-deco-07
Potong sebagian garis.

Langkah 8

Klik Object > Blend > Blend Options. Gunakan setting seperti di bawah.

tutorial-photoshop-illustrator-pola-art-deco-09
Blend Options.

Langkah 9

Seleksi kedua bentuk garis. Klik Object > Blend > Make. Perintah blend akan menghasilkan bentuk transisi antara objek terpilih secara otomatis.

tutorial-photoshop-illustrator-pola-art-deco-08
Blend kedua bentuk garis.

Langkah 10

Kita perlu membuat cerminan bentuk ini. Klik kanan bentuk pola dan pilih Transform > Reflect. Pilih sumbu Vertical dan klik Copy.

tutorial-photoshop-illustrator-pola-art-deco-10
Cerminkan bentuk.
tutorial-photoshop-illustrator-pola-art-deco-11
Hasil duplikasi bentuk.

Langkah 11

Dengan Direct Selection Tool geser bentuk hasil duplikasi sehingga diperoleh cerminan bentuk pola dan terlihat simetris seperti terlihat di bawah. Tambahkan garis melengkung di tengah pola menggunakan Tool Pen.

tutorial-photoshop-illustrator-pola-art-deco-12
Atur posisinya. Tambahkan garis melengkung.

Langkah 12

Cerminkan garis melengkung. Klik kanan dan pilih Transform > Reflect. Pilih Copy. Atur posisinya sehingga seperti di bawah.

tutorial-photoshop-illustrator-pola-art-deco-13
Cerminkan garis melengkung.

Langkah 13

Gabungkan kedua garis dengan cara memilih dua titik teratas yang bertumpuk lalu klik kanan dan pilih Join.

tutorial-photoshop-illustrator-pola-art-deco-14
Gabungkan kedua garis.

Langkah 14

Saat ini, bentuk pola masih transparan. Jika di bawahnya ada objek, akan terlihat. Kita akan menambahkan latarnya.

tutorial-photoshop-illustrator-pola-art-deco-15
Saat ini, latar bentuk dasar pola transparan.

Langkah 15

Klik ganda bentuk garis-garis yang tadi kita beri perintah Blend. Seleksi garis terbesar lalu tekan Ctrl + C untuk menduplikasinya.

tutorial-photoshop-illustrator-pola-art-deco-16
Seleksi bentuk garis terbesar.

Langkah 16

Copy lalu paste garis terbesar dan simpan di luar bentuk pola.

tutorial-photoshop-illustrator-pola-art-deco-17
Duplikasi garis terbesar untuk dijadikan latar pola.

Langkah 17

Hapus titik-titik di bagian bawah garis.

tutorial-photoshop-illustrator-pola-art-deco-18
Hapus bagian bawah bentuk.

Langkah 18

Duplikasi bentuk tadi dengan cara klik kanan, pilih Transform > Reflect. Pilih Copy.

tutorial-photoshop-illustrator-pola-art-deco-19
Cerminkan bentuk.

Langkah 19

Atur posisinya agar bagian atasnya menempel. Gabungan titik paling atas dengan memilih keduanya lalu klik kanan dan pilih Join.

tutorial-photoshop-illustrator-pola-art-deco-20
Gabungkan kedua garis.

Langkah 20

Simpan bentuk ke belakang pola. Saat ini terlihat hitam, perlu diganti dulu warnanya.

tutorial-photoshop-illustrator-pola-art-deco-21
Simpan ke belakang bentuk pola.

Langkah 21

Ganti warnanya. Di sini digunakan warna hijau.

tutorial-photoshop-illustrator-pola-art-deco-22
Ubah warna Fill latar.

Langkah 22

Geser bentuk yang telah kita buat ke Panel Swatches untuk mengubahnya menjadi pola.

tutorial-photoshop-illustrator-pola-art-deco-23
Geser bentuk pola ke Panel Swatches.

Langkah 23

Klik ganda pola yang telah kita simpan untuk mengeditnya.

tutorial-photoshop-illustrator-pola-art-deco-24
Klik ganda untuk mengedit pola.

Langkah 24

Di pilihan kotak dialog Pattern Options, pilih Tile Type: Brick by Row.

tutorial-photoshop-illustrator-pola-art-deco-25
Pilih tipe pola Brick.

Langkah 25

Jika menggeser H Spacing (untuk horizontal), kita mengatur jarak antar dasar pola secara mendatar. Kita tidak ingin ini. Jadi, buat jarak horizontalnya nol.

tutorial-photoshop-illustrator-pola-art-deco-26
Atur jarak antar pola.

Langkah 26

Turunkan V Spacing (untuk vertikal) ke -50 pt. Ini membuat bentuk pola merapat dan saling menutupi.

tutorial-photoshop-illustrator-pola-art-deco-27
Atur jarak antar pola.

Langkah 27

Setelah puas dengan hasilnya, simpan pola. Buat sebuah lalu isi Fill-nya dengan pola Art Deco yang sudah kita buat.

tutorial-photoshop-illustrator-pola-art-deco-28
Hasil pola.

Langkah 28

Dari Panel Transform, aktifkan Transform Pattern Only untuk mengubah hanya ukuran pola saja.

tutorial-photoshop-illustrator-pola-art-deco-29
Atur ukuran pola.

Langkah 29: Photoshop

Sekarang kita mulai bekerja di Photoshop. Buat file baru dengan menekan Ctrl + N.

tutorial-photoshop-illustrator-pola-art-deco-30
Buat file di Photoshop.

Langkah 30

Di Illustrator, copy persegi berisi pola. Di Photoshop, paste pola tersebut dengan Ctrl + V. Dalam pilihan Paste, pilih Smart Object. Dengan Smart Object, kualitas vektor dari Illustrator tetap terjaga. Klik OK.

tutorial-photoshop-illustrator-pola-art-deco-31
Copy lalu Paste pola ke Photoshop.

Langkah 31

Putar sedikit agar polanya tidak monoton. Sebetulnya, tidak diputar pun tidak jadi masalah. Ini tinggal preferensi pribadi saja.

tutorial-photoshop-illustrator-pola-art-deco-32
Putar dan atur ukuran pola.

Langkah 32

Ambil tekstur. Simpan ke atas pola.

tutorial-photoshop-illustrator-pola-art-deco-33
Tambahkan tekstur.

Langkah 33

Atur posisi dan ukurannya. Ubah blend mode yang digunakan ke Overlay untuk mempertahankan area terang dan gelap.

tutorial-photoshop-illustrator-pola-art-deco-34
Gunakan mode Overlay.
tutorial-photoshop-illustrator-pola-art-deco-35
Tampilan pola dengan tekstur.

Langkah 34

Anda bisa mengubah warna pola dengan menambahkan adjustment layer Color Balance. Atur saja slider yang tersedia hingga diperoleh warna yang diinginkan.

tutorial-photoshop-illustrator-pola-art-deco-36
Ubah warna pola.

Langkah 35

Atau, bisa juga dengan menambahkan adjustment layer Hue/Saturation.

tutorial-photoshop-illustrator-pola-art-deco-37
Ubah warna pola.

Langkah 36

Secara otomatis, setiap adjustment layer selalu dibarengi dengan layer mask. Anda bisa melukis dengan hitam untuk mengurangi efek adjustment dan menggabungkan dengan tampilan aslinya.

tutorial-photoshop-illustrator-pola-art-deco-38
Lukis mask adjustment layer dengan hitam.

Langkah 37

Ini adalah tampilan pola setelah adjustment layer Hue/Saturation dilukis dengan hitam menggunakan brush besar. Hasilnya diperoleh gradasi dari merah menuju warna aslinya, hijau.

tutorial-photoshop-illustrator-pola-art-deco-39
Tampilan pola dengan gradasi warna.

Download File

Download File Illustrator (ai)

Leave a Reply

Your email address will not be published. Required fields are marked *