Membuat Galeri Foto Unik dengan Photoshop, Photostrip

Photoshop | December 14th, 2009

Galeri foto dengan bentuk yang bagus bisa menjadi karya seni tersendiri diluar foto-foto yang tersusun didalamnya. Seperti galeri foto yang akan kita buat kali ini, unik seperti film kamera manual yang melekuk-lekuk. Teknik yang digunakan adalah transform dengan Warp yang terdapat pada Photoshop.

Hasil Akhir dari Gambar

Sebelum memulai, mari terlebih dahulu kita lihat hasil akhir dari gambar yang akan kita buat. Klik disini untuk melihat dalam ukuran yang sebenarnya.

tutorial membuat galeri foto unik dengan photoshop

Langkah 1

Pada langkah pertama ini dibutukan sedikit kemampuan menggunakan Pen Tool, bagi yang ingin tahu lebih lanjut bagaimana cara menggunakan Pen Tool silakan membaca tutorial menggunakan Pen Tool yang saya posting beberapa waktu lalu.

Buat dokumen baru ukuran 1920 x 1200 pixel dengan resolusi 300 ppi dan pilih warna putih sebagai background. Setelah itu buat path seperti pada gambar berikut.

tutorial membuat galeri foto unik dengan photoshop

Langkah 2

Klik kanan path dan pilih Stroke Paths dengan Brush, jangan lupa sebelumnya atur diameter brush 5 px dengan hardness 100 % dan warna foreground merah. Maka kita telah membuat strip sebagai guide untuk tasformasi gambar kita selanjutnya.

tutorial membuat galeri foto unik dengan photoshop

Langkah 3

Download beberapa gambar yang dibutuhkan:

  • gambar film
  • gambar rol film
  • beberapa gambar yang akan kita susun dalam galeri. disini saya gunakan gambar-gambar dari beberapa tutorial yang saya tulis sebelumnya, bisa juga kamu gunakan gambar punyamu sendiri atau gambar siapa aja.

Langkah 4

Buka gambar film dengan Photoshop, copy dan paste pada dokumen kita. Pada setiap kotak taruhlah gambar serta atur posisinya agar pas ditengah kotak. Pisahkan film satu-persatu. Film yang posisinya terletak pada bagian lekukan ubah bentuknya dengan tekan Ctrl+T, klik kanan pada kotak film dan pilih Warp. Geser tiap sudutnya sehingga kita dapati bagian tepi film membentuk seperti tepi strip. Untuk lebih jelasnya perhatikan gambar berikut.

tutorial membuat galeri foto unik dengan photoshop

Langkah 5

Untuk lekukan kedua kita gunakan dua setengah kotak film, lakukan transform dengan Wrap seperti pada langkah sebelumnya.

tutorial membuat galeri foto unik dengan photoshop

Langkah 6

Untuk lekukan ketiga gunakan lima setengah kotak film, pada daerah lekukannya lakukan transform dengan Wrap seperti berikut.

tutorial membuat galeri foto unik dengan photoshop

lekukan terahir gunakan dua setengah kotak film, lakukan transform dengan Wrap seperti pada langkah sebelumnya.

tutorial membuat galeri foto unik dengan photoshop

Langkah 7

Untuk sementara kita dapatkan hasil seperti berikut.

tutorial membuat galeri foto unik dengan photoshop

perhalus bagian-bagian tepi gambar yang kurang rata, sehingga kita dapati perubahannya seperti berikut.

tutorial membuat galeri foto unik dengan photoshop

Langkah 8

Langkah berikutnya adalah membuat bayang-bayang pada daerah lekukan. Dengan menggunakan Pen Tool buat seleksi seperti daerah lekukan, kemudian buat layer baru diatas layer yang akan diberi bayangan, dalam keadaan seleksi masih aktif buat gradient dari hitam #000000 ke transparent pada derah terseleksi.

tutorial membuat galeri foto unik dengan photoshop

Lakukan hal serupa untuk tiga daerah lekukan berikutnya.

tutorial membuat galeri foto unik dengan photoshop
tutorial membuat galeri foto unik dengan photoshop
tutorial membuat galeri foto unik dengan photoshop

Langkah 9

Untuk membuatnya lebih kelihatan nyata, kita beri efek cahaya pada beberapa daerah lekukan. Langkahnya pertama buat seleksi berbentuk elips dengan Elliptical Marquee Tool. Klik Select > Transform Selection dan ubah posisi ssekaligus ukuran seleksi serta posisikan seperti tampak pada gambar berikut. Kemudian pilih Select > Modify > Feather buat radiusnya 50 px.

tutorial membuat galeri foto unik dengan photoshop

Buat layer baru, letakkan di bagian paling atas, penuhi dengan warna putih #ffffff, ubah Opacity dan Fill menjadi 75% kemudian lakukan masking dengan seleksi seperti gambar berikut.

tutorial membuat galeri foto unik dengan photoshop

lakukan hal serupa pada lekukan paling bawah, tapi kali ini ubah Opacity laye menjadi 90% dan Fill 94%.

tutorial membuat galeri foto unik dengan photoshop

Langkah 10

Berikutnya buka gambar rol film ini dengan Photoshop, seleksi bagian gambarnya saja, copy dan paste pada dokumen kita. Letakkan layer rol film ini dibawah gambar photostrip, kemudian lakukan masking pada bagian paling kiri dari gambar photostrip agar nampak keluar dari rol film. Masking disini juga bisa dengan menghapus biasa menggunakan Eraser Tool.

tutorial membuat galeri foto unik dengan photoshop

Langkah 11

Buat seleksi pada separuh dokumen yang bawah, kemudian tarik gradient linear dari bawah ke atas, dari warna foreground #918f92 ke warna background #eef0ef.

tutorial membuat galeri foto unik dengan photoshop

Langkah 12

Langkah berikutnya adalah memberikan bayangan pada photostrip. Caranya pertama buat path seperti gambar dibawah, kemudian buat layer baru dibawah photostrip. Penuhi path dengan warna hitam #000000, atur opacity dan fill menjadi 50%, lalu klik Filter > Blur > Gaussian Blur isi radiusnya 4 px. Lakukan yang sama untuk ujung kiri.

tutorial membuat galeri foto unik dengan photoshop
tutorial membuat galeri foto unik dengan photoshop

Hasil Akhir

Inilah hasil akhir dari galeri foto yang kita buat. Selamat mencoba trik ini untuk membuat galeri unik dari gambar-gambarmu. Download file psd untuk tutorial ini dibawah. Jangan lupa subscribe ke painthink RSS Feed.

tutorial membuat galeri foto unik dengan photoshop

Download PSD file

22 Comments

  1. narsis says:

    cadas!!. makin mantaps aja nih sob tutor nya,, cool!! keep post bro, pengen coba nih..

  2. devina says:

    awesome…
    mau dunk fotoku di buatin kaya gini ;-)

  3. adeeb says:

    damn! this looks great.
    keep up the good work

  4. ajir says:

    mantap gan! keren abis… :D

  5. Artha says:

    wah …
    keren….
    belajar … belajar biar bisa bikin kayak ginian …

  6. mas gondronx says:

    opo iki…
    meliuk-liuk..teknik yg di pake ok bgt

  7. alice says:

    Beautiful…I’ll try for sure…

  8. Sendal.Jepit says:

    *thumbs up*

  9. been says:

    double thumbs up

  10. anif hidayatullah says:

    pada langkah ke-7 ada langkah2 untk memperhalus bagian yng kurang rata, bgmn cara memperhalusnya?

  11. sergeant says:

    Wah…. ni bagus sekali seditan nya… kelihatannya susah ni…

  12. ian says:

    turorialnya apik……tinggal parakteknya yang jelek…………ha…ha…ha…

  13. project29 says:

    wah… mantap… ><d…

  14. Maudy says:

    creative!

  15. orain says:

    pke photoshop brpa to ko ku pke photoshop cs ga da pilihat wrap nya

  16. asepsigma says:

    keren abiz….salut

  17. ilan says:

    mantap… broo..

  18. oben says:

    mangtabh gan ….
    ngiringan ah diajar ….

  19. ulfa says:

    langkah ke delapan sulit sekali yah :(

Leave a Reply