Wallpaper Out of Bounds Mobil Sport

Dari beberapa tipe mobil yang ada pada game Need for Speed, Mazda RX8 adalah salah satu tipe yang saya sukai, selain karena body sportynya juga ketangguhannya dalam memenangkan setiap race. Pada tutorial kali ini kita akan membuat wallpaper mobil sport dengan membuat mobil seakan-akan melesat keluar dari foto sehingga lebih terlihat bentuk 3Dnya.

Hasil Akhir dari Gambar

Sebelum kita mulai memasuki langkah-langkah pembuatannya, terlebih dahulu kita lihat gambar yang akan kita buat. Klik disini untuk melihat dalam ukuran yang sebenarnya.

tutorial photoshop membuat wallpaper mobil sport keren how to create super cool sport car wallpaper

Langkah 1

Langkah paling pertama sekali adalah download gambar ini kemudian buka di photoshop. Duplikat layer background, ini untuk antisipasi jika ada kesalahan agar foto aslinya tidak rusak.

first step download sport car picture then open it with photoshop

Langkah 2

Berikutnya kita mulai membuat frame foto, mulai dengan membuat layer baru beri nama frame. Buat seleksi berbentuk persegi panjang dengan Rectangular Marquee Tool (M) lalu menggunakan Paint Bucket Tool (G) penuhi area seleksi dengan warna putih #FFFFFF.

next we will create frame for photo behind te car. add new layer in our document, create selection using rectangular marquee tool then set foreground color to white #FFFFFF and fill selection area with this color

Langkah 3

Ulangi membuat seleksi seperti langkah 2, untuk membuat seleksi yang sama cukup mudah, caranya arahkan kursor menuju layer thumbnail dari layer frame pada layer palet, klik + tekan Ctrl. Pergi ke Select > Modify > Contract untuk memperkecil ukuran seleksi. Isi contract sebesar 20 px. Berikutnya hilangkan warna putih pada area seleksi, disini saya lakukan dengan menambahkan Layer Mask tetapi bisa juga dengan delete biasa. Cara menambahkan Layer Mask tinggal klik Layer > Layer Mask > Hide Selection.

membuat frame foto dengan photoshop. load selection from frame layer then go to select modify contract and use 20px for contract now our selection area smaller then before, next add layer mask for frame layer, go to layer layer mask hide selection

Langkah 4

Tekan Ctrl+T lalu klik kanan pada dokumen dan pilih perspective. Geser ujung atas kanan sedikit ke kiri secara otomatis ujung atas kiri akan bergeser sedikit ke kanan.

Finally, with the Frame layer selected, I choose Edit-Transform-Perspective (CTRL+T then right click - Perspective) and adjust the top and right sides of the frame slightly. (There are no secret numbers here, this is very much subjective to the picture and 'eyeing' the adjustments is the only way.)

Langkah 5

Lakukan transformasi lagi seperti langkah sebelumnya tapi sekarang kita gunakan distort. Geser ujung kanan atas sedikit ke arah kiri bawah dan pojok bawah kanan ke arah diagonal bawah kanan, ini akan membentuk tepi kertas yang kelihatan miring.

I then use the Distort Transform (CTRL+T then right click - Distort) to adjust the frame to allow all the frog bits I want in and out of frame. tanformasi distort pada photoshop

Langkah 6

Selanjutnya gunakan Pen Tool untuk membuat path yang mengelilingi bagian luar gabungan antara frame dan mobil.

create path around frame and car using pen tool

Langkah 7

Sekarang kita ekstrak gambar mobil dan yang ada di dalam frame. Ada beberapa cara mengekstrak gambar, alah satunya akan kita gunakan untuk membuat wallpaper ini. Tekan Ctrl+enter untuk membuat seleksi seperti path yang kita buat pada langkah 7. Aktifkan layer yang memuat foto mobil kemudian pilih Layer > Layer Mask > Reveal Selection.

There are numerous ways to make selections for masking, the pen tool (which would be a tutorial in itself) the lasso tool, quick masking. load selection from path we created before then select background layer and select modify reveal selection

Langkah 8

Ada bagian dari frame yang menutupi sebagian gambar mobil, ini akan membuat gambar terlihat aneh. Pada langkah 8 kita akan menghilangkan keanehan ini. Caranya dengan menghapus garis putih yang menutupi gambar mobil, bisa dengan Eraser Tool (E) atau buat yang menggunakan Layer Mask pada langkah 3, garis putih ini bisa kita hapus dengan brush warna hitam #000000 tentu saja aktifkan layer mask tumbnail sebelumnya.

I select the layer mask on the Frame layer. Now we'll remove the parts of the frame where we'd like the frog to overlap. In this case, it's helpful to me to have the black (layer 1) background layer turned on, since my frame is white.
Using the same masking principles as before, I begin removing the frame up to the edges of the frog, giving the illusion that the frame runs behind him. When I've revealed all I want to reveal, it's time to start adding some shadows.

Langkah 9

Buat layer baru dibawah semua layer dan penuhi dengan warna putih.

ceate new layer underneath all layer and fill with white color

Langkah 10

Sebagai langkah terakhir kita akan memberikan bayang-bayang pada frame. Ada beberapa tahapan untuk membuatnya. Pertama tambahkan layer baru diatas layer yang kita buat pada langkah 9. Buat seleksi sperti gambar berikut kemudian penuhi areanya dengan warna hitam #000000. Sampai disini belum terlihat sama sekali hasilnya.

membuat bayangan pada gambar dengan photoshop. Next, I like to add a subtle shadow for the frame as well, to give a little extra dimension

Geser layer bayangan dengan Move Tool (V) sedikit ke bawak dan ke kanan. Ubah fill opacity layer menjadi 60% kemudian berikan sedikit blur pada layer, klik Filter > Blur > Gaussian Blur dan isikan 4 pixel sebagai radiusnya.

membuat bayangan pada gambar dengan photoshop. give little blur to the layer and turn the fill opacity to 60%

Hasil Akhir

Inilah hasil akhir dari wallpaper out of bound mobil sport yang kita buat. Teknik ini bisa juga digunakan untuk objek-objek lainnya. File psd untuk tutorial ini dapat didownload dibawah. Silakan mencoba dengan keativitas kamu sendiri dan jangan lupa subscribe ke painthink RSS Feed.

tutorial photoshop membuat wallpaper mobil sport keren how to create super cool sport car wallpaper

Contoh lain menggunakan gambar mobil Hummer.

tutorial photoshop membuat wallpaper mobil sport keren how to create super cool sport car wallpaper

Download file PSD

11 Comments

  1. first comment…
    langkah-langkahnya cukup mudah diikuti… I’m lovin it!

  2. nice tut sob.. 😀

  3. mas gondronx

    mentransform dua kali…sebuah ide menarik untuk menimbulkan efek perspektif pada kertas

  4. we..e..e,ada yg berubah di blognya…
    kalo mousenya di lewatin gambar,keluar shadow merahnya…keren juga!

  5. ijin bookmarks dulu…

    kelihatannya step nya mudah diikuti, tapi blom saya coba..

  6. tekniknya mudah sekali,susah di nyari gambar yang pas…

  7. Keliatanya keren deh kalo dipake iklan mobil

  8. bagus bro :d

  9. akan aku coba

  10. Razzaq Ekstrasmart

    makasiiiiiih

Leave a Reply