Belajar Photoshop Membuat Desain Color Grid Pada Image

Belajar Photoshop Membuat Desain Color Grid Pada Image

Pada kesempatan belajar photoshop kali ini kita akan mempelajari pembuatan desain color grid pada image. Kita disini menggunakan guide dan rules dari photoshop untuk mengatur spasi dasar pada image, kemudian menggunakan selection tool untuk mengubah guide tersebut menjadi grid yang sebenarnya. Kita akan mempelajari tentang begitu mudahnya memilih kotak dalam grid secara acak, dan menambahkan warna dengan menggunakan pengaturan layer (adjustment layer) dan blending mode. Dan langkah akhirnya, adalah pemberian warna dan pengaturan pada grid itu sendiri.

Langkah-langkahnya adalah sevagai berikut :

1. Buat dokumen baru ukuran 1000×1000 px. Pilih View>Rulers. Maka akan muncul rulers disebelah kiri dan atas.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Kemudian bawa kursor kita ke rulers tersebut, kemudian klik kanan, dan pilih Percent, lihat gambar dibawah :

Belajar Photoshop Membuat Desain Color Grid Pada Image

Buat guide vertikal dan horizontal dengan cara mendragnya dari rulers, dan mengikuti rulers yang sudah di buat yaitu di 10,20,30 sampai 90%.

Belajar Photoshop Membuat Desain Color Grid Pada Image

2. Buat layer baru, dan beri nama Grid. Kemudian pilih Single Row Marque Tool, buat seleksi horozontal seperti gambar dibawah, gunakan (tekan) tombol Shift untuk berpindah dari satu seleksi ke seleksi lainnya.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Pilih Single Column Marque Tool, buat seleksi vertikalseperti gambar dibawah, gunakan (tekan) tombol Shift untuk berpindah dari satu seleksi ke seleksi lainnya. Kemudian pilih Edit>Fill dan pilih Black, lalu OK.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Tekan Ctrl-D untuk menghilangkan seleksi, dan pilih View>Show>Guides, untuk menghilangkan guide dan hasilnya seperti gambar di bawah ini :

Belajar Photoshop Membuat Desain Color Grid Pada Image

3. Buka gambar yang sobat pilih, kemudian drag dengan menggunakan Move Tool, kemudian posisikan layernya seperti pada gambar di bawah ini, jika gambar terlalu besar, tekan Ctrl-T, dan atur ukuran gambar agar pas.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Kemudian pilih layer Grid, dengan menggunakan Magic Wand Tool, buat seleksi seperti di bawah ini atau terserah sobat, gunakan (tekan) tombol Shift untuk berpindah dari satu seleksi ke seleksi lainnya.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Setelah itu, tambahkan layer baru di bawah layer Grid. Dengan layer baru tersebut terseleksi, pilih Edit>Fill>White, kemudian tekan Ctrl-D untuk menghilangkan seleksi.

Belajar Photoshop Membuat Desain Color Grid Pada Image

4. Kemudian pilih kembali layer Grid. Dan buat kembali beberapa seleksi, untuk ditambahkan warna seperti bawah ini.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Kemudian pilih layer Image, kemudian pilih New Adjustment Layer ikon yang berada di bawah layer palette. Kemudian pilih Hue/Saturation, dan akan muncul Adjustment Panel, checklist pada bagian Colorize, kemudian atur Hue, Saturation dan Lightnest sesuai keinginan sobat.

Belajar Photoshop Membuat Desain Color Grid Pada Image

Ubah blending mode menjadi Color, seperti di bawah ini.

Belajar Photoshop Membuat Desain Color Grid Pada Image

6. Lakukan seperti langkah no.5 diatas, seleksi bagian kotak yang lain, kemudian gunakan settingan Hue, Saturation dan Lighnest berbeda, hanya saja untuk blending mode di ganti menjadi Screen, untuk memberikan efek berbeda. Lihat gambar di bawah ini :

Belajar Photoshop Membuat Desain Color Grid Pada Image

Dan di bawah ini adalah aplikasi dari beberapa penggunaan settingan Hue/Saturation yang berbeda.

Belajar Photoshop Membuat Desain Color Grid Pada Image

7. Pilih layer Grid, kemudian tekan ikon Lock Transparent Pixel, seperti di bawah ini :

Belajar Photoshop Membuat Desain Color Grid Pada Image

Kemudian pilih Edit>Fill>White, hasilnya seperti di bawah ini :

Belajar Photoshop Membuat Desain Color Grid Pada Image

Masih dengan layer Grid terseleksi, tekan ikon fx (ikon Layer Style) yang berada di bagian bawah layer palette, kemudian pilih Stroke, dan atur seperti di bawah ini :

Belajar Photoshop Membuat Desain Color Grid Pada Image

Kemudian klik OK.

Sampai di sini selesai sudah tutorial untuk membuat desain color grid pada image, semoga bermanfaat, selamat berkreasi, Salam.

Iklan

One thought on “Belajar Photoshop Membuat Desain Color Grid Pada Image

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