Membuat tampilan Shape Cluster Photo menggunakan Photoshop

Pada kesempatan kali ini, kita akan belajar bagaimana cara membuat sebuah foto terlihat seperti kumpulan foto-foto yang kecil sehingga menampilkan sebuah foto yang besar. Pada Tutorial ini tentunya kita menggunakan Aplikasi Photoshop, dan disini Saya menggunakan Photoshop CC. Pada versi sebelumnya juga bisa Sobat gunakan seperti Photoshop CS 6, Photoshop CS 5, Photoshop CS 4, hingga Photoshop CS. Untuk lebih jelasnya, mari kita simak Tutorial dibawah ini:

Langkah 1: Membuat Dokumen Baru

Terlebih dahulu kita buat lembar kerja baru dengan cara pilih menu File > New... atau dengan cara tekan Ctrl + N pada keyboard.
Pada kotak dialog New, kita buat lembar kerja dengan ukuran Width 960 pixels dan ukuran Height 960 pixels. Perhatikan gambar ilustrasi dibawah ini.

Selesai klik OK.

Langkah 2: Membuat Layer Baru

Setelah lembar kerja dibuat, selanjutnya kita membuat layer baru dengan cara pilih menu Layer > New > Layers… atau dengan cara klik icon Create a new layer pada panel Layer.

Langkah 3: Mengatur Tampilan Guide

Kita akan membuat area seleksi pada lembar kerja, namun sebelumnya kita akan menggunakan garis bantu guide agar area yang ingin diseleksi lebih rapi. Untuk menampilkan garis Guide caranya tarik garis tersebut pada Rulers dan letakkan pada lembar kerja. Buatlah jarak 300 px dari pinggir lembar kerja lalu tarik kembali garis Guides dan letakkan pada lembar kerja dengan jarak 20 px dari garis Guide sebelumnya. Perhatikan gambar ilustrasi dibawah ini.

Terkait:

• Memindahkan, mengunci dan menghilangkan tampilan Guide
• Menampilkan Rulers dan mengatur satuan

Lakukan langkah diatas secara berulang-ulang dengan ukuran jarak masing-masing garis Guide adalah 300 px – 20 px – 300 px – 20 px dan seterusnya.
Kemudian kita buat juga garis bantu Guide secara vertikal dengan cara tarik garis Guide dari Rulers bagian atas dan buatlah jarak yang sama dari masing-masing garis Guide dengan garis bantu Guide horizontal. Sehingga terbentuklah 9 kotak yang diantara kotak tersebut ada selokan. Lakukan langkah diatas sehingga tampilan garis bantu Guidenya seperti gambar ilustrasi dibawah ini.

Langkah 4: Membuat Area Seleksi

Setelah kita melakukan langkah diatas, selanjutnya adalah kita akan memberikan seleksi pada area tertentu dengan menggunakan Rectangular Marquee Tool (M), pada Options Bar pilih icon Add to Selection agar kita bisa membuat area seleksi lebih dari satu tempat. Perhatikan gambar dibawah ini.

Terkait:

• Mengenal Tool untuk membuat seleksi pada Photoshop

Mari kita membuat area seleksi dan berikan seleksi pada kotak 1 dan kotak 4 termasuk juga selokan diantara kedua kotak tersebut. Perhatikan gambar dibawah ini.

Berikutnya berikan seleksi pada kotak ke 7 dan 8 termasuk pula selokan diantara kedua kotak tersebut. Perhatikan gambar dibawah ini.

Selanjutnya lakukan kembali seleksi pada kotak ke 9 dan 6 serta selokan diantara kedua kotak tersebut.Perhatikan gambar dibawah ini.

Selanjutnya seleksi juga kotak ke 3 dan 2 serta termasuk pula selokan diantara kedua kotak tersebut. Perhatikan gambar dibawah ini.

Terakhir kita seleksi kotak ke 5 yang berada di tengah-tengah lembar kerja. Semua kotak kini telah terseleksi, perhatikan gambar dibawah ini. Perhatikan gambar dibawah ini.

Langkah 5: Mengisi Warna pada Area Seleksi

Setelah kita melakukan langkah diatas, selanjutnya kita akan memberikan warna pada area yang terseleksi dengan cara pilih menu Edit > Fiil... atau dengan cara tekan Shift + F5.
Pada kotak dialog Fill pilih opsi Black pada kotak Use, perhatikan gambar ilustrasi dibawah ini.

Selesai klik OK.
Maka hasilnya area yang terseleksi diisi oleh warna hitam.

Langkah 6: Hilangkan Seleksi dan Garis Bantu Guide

Setelah area yang terseleksi diisi oleh warna hitam, selanjutnya kita akan menghilangkah seleksi dan tampilan garis bantu Guide. Untuk menghilangkan seleksi caranya pilih menu Select > Deselect atau dengan cara tekan Ctrl + D pada keyboard. Untuk menghilangkan tampilan caranya pilih menu View > Clear Guides.

Langkah 7: Memberikan Bayangan

Selanjutnya kita akan memberikan efek bayangan pada masing-masing kotak hitam tersebut dengan cara klik kanan pada layer dan pilih Blending Options…
Pada kotak dialog Layer Style pilih Drop Shadow pada kolom Style dan berikan nilai 50% pada Opacity, Angel: 130°, Distance: 10 px dan Size: 10 px. Perhatikan gambar ilustrasi dibawah ini.

Selesai klik OK. Maka hasilnya seperi gambar dibawah ini.

Langkah 8: Masukan Foto kedalam Lembar Kerja

Setelah kita memberikan efek Drop Shadow pada layer, selanjutnya kita akan memasukan foto kedalam lembar kerja. Caranya adalah masukan foto yang ingin kita gunakan kedalam jendela kerja Photoshop dengan cara pilih menu File >Open... atau dengan cara tekan tombol Ctrl + O pada keyboard.
Setelah kita memilih foto dan dimasukan kedalam jendela kerja Photoshop, selanjutnya adalah seleksi foto tersebut dengan cara pilih menu Select > All atau dengan cara tekan Ctrl + A pada keyboard. Maka foto tersebut akan terseleksi, selanjutnya pilih menu Edit > Copy atau dengan cara tekan Ctrl + C pada keyboard.

Setelah kita melakukan langkah diatas, selanjutnya kita buka kembali tab lembar kerja yang tadi dan kita masukan foto yang tadi dengan cara pilih menu Edit > Paste Special > Paste in Place atau dengan cara tekan Ctrl + Shift + V pada keyboard sehingga foto tersebut masuk kedalam lembar kerja.

Langkah 9: Membuat Clipping Mask

Pada foto yang kita masukan kedalam lembar kerja membuat layer kotak hitam tadi terhalangi. Maka kita akan membuat foto tersebut berbetuk sama dengan ukuran kotak hitam, yakni pada panel Layer kita klik kanan pada layer foto dan pilih Create Clipping Mask atau dengan cara tekan Ctrl + Alt + G pada keyboard.

Maka pada layer foto tersebut seolah-oleh bentuknya sama seperti ukuran kotak hitam.
Tapi foto tersebut belum disesuaikan sehingga hasilnya terlihat besar.

Sekarang adalah langkah terakhir yakni kita atur tampilan foto tersebut dengan cara pilih menu Edit > Free Trasnform atau dengan cara tekan Ctrl + T pada keyboard. Lalu kita perkecil tampilan foto dengan cara tarik kedalam pada titik trasnform agar terlihat lebih menarik sehingga hasilnya bisa kita lihat pada perbandingan sebelum dan setelah diedit.

Demikianlah Tutorial Membuat tampilan Shape Cluster Photo menggunakan Photoshop kali ini. Jangan lupa simak Tutorial Photoshop lainnya pada halaman TUTORIAL. Semoga Bermanfaat..!!!

Simak juga Tutorial Memberikan efek cahaya gemerlap pada teks menggunakan Photoshop.