11 Oct 2014

Tutorial membuat gambar menempel di layar (wide screen).

Hello guys, selamat datang kembali. Hari ini saya akan memberikan beberapa tutorial sederhana untuk membuat sebuah gambar menempel pada sebuah layar. Like this.
1. Persiapan
Seperti pada umumnya, hal pertama yang pertama untuk dilakukan adalah mempersiapkan gambar dan tentunya software photoshop. Disini saya menggunakan Photoshop CS5, dan untuk gambar sebagai latihan anda dapat mendownloadnya disini. Ekstrak hasil download td dan buka di photoshop atau anda juga dapat menggunakan gambar lain sebagai eksperimen ini. Ok lets check this out.
2. Atur guides, grid, dan slices
Setelah gambar terbuka, pertama kita aktifkan terlebih dahulu Ruler di photoshop, pilih menu view > rulers (Cmd/Ctrl + R). Setelah aktif, pilih menu edit > preferences > guides, grid, and slices. Pada opsi Grid, atur Gridline Every dengan nilai 10 dengan satuan mm dan sub divisions menjadi 1. Dan pada jendela Preferences masuk ke Units & Rulers, pada opsi Rulers atur satuan menjadi cm, OK.
3. Membuat pattern
Tambahkan layer baru (Cmd/Ctrl+Shift+N), dan beri warna witam. Pada jendela photoshop, ketika kita menggerakkan kursor ke pojok kanan atas gambar, ruler kita akan menunjukkan ke angka 10 dan ketika kita mengarahkan ke pojok kiri bawah gambar, ruler akan menunjukkan angka 8. Disini kita akan membuat sebuah kotak dengan bantuan angka tersebut.  Dalam kasus ini saya menggambarkan akan membuat kotak sebanyak 8 kotak kekiri dan 10 kotak kebawah, caranya dengan membagi angka 10 dengan 8 dan 8 dengan 10 sebagai ukurannya, jadi didapatkan ukuran kotak tersebut adalah 1,25 * 0,8. Tambahkan guide, menu view > new guide, masukkan nilai 0,8 dengan opsi horizontal terpilih dan ok, ulangi lagi view > guide dan masukkan nilai 1,25 dengan opsi vertical terpilih dan ok. Disini garis bantu sudah terbuat untuk membantu dalam membuat kotak.
Pilih rounded rectangel shape tool (U), dengan nilai radius = 4 px, buat kotak dengan warna putih di area guide kita dengan memberikan sedikit jarak pada tepinya
Pada penel layers, klik kanan pada layer shape 1 dan pilih resterize layer, buat seleksi kotak pada area kotak guide kita menggunakan rectangle marque selection tool. Setelah terseleksi, pilih menu edit > define pattern, beri nama sesuai pilihan anda, atau seperti gambar berikut.
4. Membuat tampilan layar besar
Setelah pattern terbentuk, hapus layer shape 1 (del). Kini kita hanya mempunyai dua layer tersisa. Dengan posisi layer berwarna hitam terpilih, Pilih menu edit > fill, ubah opsi use menjadi pattern dan custom pattern pilih pattern yang sebelumnya kita buat, OK.
Kembalikan guide seperti semula, dengan menggunakan move tool (v) drag guide ke ruler. Pada posisi layer 1 yang aktif opsi mode normal ubah menjadi Darker Color.
Klik kanan pada layer, pilih flatten image dan klik kanan kembali layer sekarang dan pilih resterize layer. Selanjutnya, pertinggi canvas dengan pilih menu image > canvas size, atur opsi seperti gambar berikut.
Tambahkan layer baru (Cmd/Ctrl+Shift+N), letakkan di bawah layer 0 dan beri warna hitam (#000000).
Aktifkan layer 0 dan lakukan transform (Cmd/Ctrl+t). Klik kanan pada objek dan pilih wrap. Tarik bagian tengah kotak dari atas hingga bawah, dan terlihat seperti berikut.
Jika selesai tekan enter. Lakukan duplicate layer (Cmd/Ctrl+J), dan lakukan transform (Cmd/Ctrl+t), klik kanan dan pilih flip verticall dan tekan enter, lalu drag gambar dengan move tool ke bawah gambar sebelumnya.

Lakukan masking, klik icon add layer mask pada panel layer. Pilih gradient tool (G), reset warna menjadi default (d), lalu lakukan gradient dari bawah ke atas.
Pilih secara bersamaan layer 0 copy dan layer 0 dan lakukan transform, pada opsi w diatas isi menjadi 90%.
Buka file nurse.tif di folder ekstrak, dan buka di photoshop. Drag gambar menggunakan move tool(v) di jendela nurse, dan pindahkan di gambar wide screen kita. And this is it, jadi deh. Anda dapat menambahkan bebrapa atribut pada gambar tersebut sesuai keinginan anda.

1 comment:

  1. Bagus mas kutipan buku mas Hendi Hendratman-nya , update terus ya , sambil liat juga Hendihen.com , mungkin ada buku-nya yang lain yang mas minati

    ReplyDelete