Cara membuat foto 2 Dimensi menjadi 3 Dimensi

Tutorial berikut ini akan mempelajari tentang cara mengubah foto atau gambar 2 dimensi menjadi 3 Dimensi. Walaupun saya pernah membahasnya dalam tutorial sebelumnya, namun kali ini merupakan penyempurnaan sebelumnya dan mencoba untuk membuatnya se-realistis mungkin dari sebelumnya.
Objek atau gambarnya pun berbeda jika sebelumnya menggunakan
gambar ikan lumba-lumba, kali ini menggunakan gambar atau foto mobil yang dipadukan dengan gambar lainnya seperti gambar rumput dan iguana.
Kita akan mengetahui bagaimana awalnya suatu foto bisa berubah menjadi seperti 3 dimensi, trik apa saja yang digunakan, dan efek-efek apa saja yang digunakan. Untuk lebih jelasnya lihat dulu hasil akhir berikut ini.

Preview Hasil Akhir

Bahan bahan yang digunakan

• Gambar Rumput | Gambar Mobil | Gambar Iguana | Gambar Tembok

Tahap 1

Buka dokumen gambar  Rumput Hijau yang sudah anda simpan. Ukuran gambar tersebut adalah 1280 x 960 pixel, yang sekaligus akan kita pakai sebagai lembar kerja, kemudian buka kembali gambar yang lain, yaitu gambar ferrari. Copy gambar mobil tersebut kedalam gambar rumput hijau tersebut.Ubah ukurannya dengan menggunakan free transform (CTRL T) dan atur menjadi seperti ini.

Tahap 2

Buat layer baru, kemudian buatlah kotak persegi panjang dengan menggunakan Rectangular marquee tool, kemudian fill dengan warna hitam Panjangnya disesuaikan dengan panjang gambar mobil ferrari tersebut.

Selanjutnya adalah membuat kotak persegi panjang tadi menjadi seperti ini.Untuk memudahkan dalam menyesuaikan posisi kotak dengan mobil, ubah dulu opacity layer menjadi 50 persen agar mobilnya tetap terlihat. Caranya tekan CTRL T dengan menahan tombol Ctrl pada keyboard, kemudian tarik tiap sudutnya. Jika masih bingung, pilih menu Edit-transform-distort.

 

Tahap 3

Pada tahap ini kita akan memotong bagian tepi/pinggir gambar ferrari tersebut dengan bantuan kotak persegi yang sudah kita tranformasi dengan distort tadi. Caranya: Pilih atau aktifkan layer kotak warna hitam, kemudian pilih atau buka menu select-load selectiom-OK, atau dengan cara lebih cepat lagi, gunakan magic wand. Setelah itu buka kembali menu select, kemudian pilih inverse, atau cukup tekan Ctrl Shift I, setelah itu aktifkan layer dengan gambar ferrari. Kemudian hapus bagian luar ferrari tadi dengan menggunakan eraser tool kecuali bagian seperti contoh gambar di bawah ini

Catatan: Area selection harus masih aktif dan sudah kamu inverse, dan posisi layer yang aktif harus pada layer mobil ferrari. 

Untuk bagian yang belum dihapus, gunakan polygonal lasso tool, lihat gambar di bawah ini.

hasilnya menjadi seperti gambar ini

Untuk sementara, layer kotak persegi panjang kita sembunyikan dahulu (hidden layer)

Tahap 4

Menghapus bagian atas gambar rumput hijau. Caranya: select bagian yang akan dihapus dengan menggunakan elliptical marquee, kemudian tekan delete.

 

Tahap 5

Munculkan kembali layer kotak persegi panjang yang disembunyikan tadi, setelah itu perbesar ukurannya dengan free transform dan atur posisinya menjadi seperti ini

 

Tahap 6

Pada tahap ini kita akan menerapkan fungsi tranform warp pada gambar rumput untuk membuatnya seperti tersingkap. Caranya: buat selection area (polygonal lasso) pada bagian pojok kanan bawah, kemudian buka menu edit-tranform-warp, lihat gambar-gambar di bawah ini.

area yang akan ditranform warp

atur seperti ini

hasil setelah transform warp

Tahap 7

Untuk membuat bayangan (shadow) di atas permukaan rumput.gunakan brush tool, sapu bagian seperti contoh gambar dibawah ini.

Untuk menghapus bagian luarnya, caranya sama seperti step 3 di atas (menggunakan inverse). Selanjutnya ubah layer opacity bayangan tersebut menjadi 30% atau sesuai dengan kebutuhan.

Untuk bagian seperti pada gambar ini, gunakan bantuan polygonal lasso tool (tanpa inverse) Untuk merapikannya, hapus lagi bagian-bagian yang dirasa masih kurang sesuai.

Tahap 8

Mengubah bayangan mobil, Caranya dengan menggunaka eraser tool dengan opacity 10 persen. Untuk mengubah opacity eraser cukup dengan menekan tombol angka satu (1) pad keyboard, lebih jelasnya, pilih dulu eraser tool (E) kemudian tekan angka 1 Dan selanjutnya hapus bayangan tersebut dengan sekali atau dua kali usapan.

Keterangan: Setiap angka mewakili presentase opacitinya, misal: 1=10%, 2=20% dst, untuk 100%, dengan angka 0. Cara ini juga bisa diterapakan pada brush tool atau opacity layer.

Tahap 9

Membuat bayangan dibawah rumput. Caranya sama seperti cara membuat bayangan rumput pada langkah sebelumnya. Perhatikan gambar di bawah ini.

Untuk layer opacity, ubah menjadi 30 persen atau disesuaikan dengan kebutuhan.

hasilnya menjadi seperti ini

Tahap 10

Menambahkan gambar tembok bata untuk dijadikan sebagai lantai dasar. Buka gambar tembok bata tersebut (atau gambar lain sesuai selera) dan gunakan fungsi transform distort untuk membuatnya menjadi seperti ini.

Untuk kotak persegi warna hitam, kita bisa mengubahnya menjadi warna lain dengan menggunakan efek gradient pada layer style (blending option).

Sedangkan untuk gambar mobil dengan menambahkan efek inner shadow. Jika semua tahap tersebut selesai, maka hasilnya akan menjadi seperti berikut ini.

Tahap 11

Menambahkan karakter hewan. Pada contoh ini, saya menggunakan iguana untuk finishingnya, (kamu bisa menggunakan gambar yang sama atau menggunakan gambar lain yang pas dan sesuai).
Selanjutnya hapus backgroundnya dengan menggunakan polygonal lasso tool atau tool lainnya seperti eraser tool dll, tergantung cara yang anda rasa lebih mudah.

Untuk kaki bawah, potong atau hapus bagian jari-jarinya, setelah itu ganti dengan mengambil atau menduplikat dari kaki bagian yang atas. Sedangkan untuk bagian ekor, sama seperti cara sama seperti yangs udah dijelaskan tadi.
Hapus bagian yang kurang sesuai, dan gabung menjadi satu layer (antara kaki yang ditambahkan dengan iguana) Atur sedemikian rupa sehingga menjadi seperti ini.

Untuk membuat bayangan iguana tersebut caranya sama seperti yang sudah disebutkan di atas (step 7 dan step 9).

Setelah selesai membuat bayangan, gunakan brightness/contrass untuk mengubah warna iguana tersebut, atau bisa juga menggunakan fungsi curve (Ctrl M). Jika dirasa masih kurang, gunakan juga efek unsharp mask (filter-sharpen-unsharp mask).

Dan hasilnya kurang lebih menjadi seperti ini.

Baca Selengkapnya »

Cara Membuat Ketupat Lebaran

Tutorial berikut ini akan menjelaskan tentang cara membuat ketupat dengan menggunakan photoshop.
Cara membuatnya bisa dibilang sederhana, dengan syarat anda sudah memahami fungsi transform distort atau transform warp, karena fungsi tersebutlah yang akan kita gunakan untuk membuat ketupat lebaran tersebut.

Selain itu juga ketupat ini nantinya bisa kita gunakan sebagai bahan untuk membuat kartu ucapan yang bisa anda lihat contohnya pada gambar hasil akhir di bawah ini.




Preview Hasil akhir (yang digunakan sebagai kartu Ucapan Lebaran)

Step 1

Buat dokumen baru (new file) dengan ukuran 1000x1000 px, resolusi 100 pixels/inchi.
Langkah selanjutnya buatlah kotak persegi seperti contoh di bawah ini.

Kemudian ubah kotak tersebut dengan mengunakan fungsi transform warp, sehingga menjadi seperti contoh berikut.

Step 2

Untuk membuat kesan 3 dimensi, brush bagian tengah kotak tersebut dengan warna putih / hijau terang.
Caranya adalah sebagai berikut:
Buatlah load selection pada layer kotak tersebut, setelah selection area muncul baru brush bagian tengahnya.
Cara load selection bisa anda lihat pada posting sebelumnya tentang trik load selection dsb.

Setelah itu, duplikat kotak tadi menjadi dua, dan ubah warna hasil duplikat tersebut menjadi lebih gelap dari kotak sebelumnya, caranya cukup dengan menggunakan  fungsi 'Curve' (CTRL M).
Kemudian atur posisi kedua kotak tadi menjadi seperti contoh di bawah ini.

Step 3

Langkah selanjutnya adalah menduplikat kembali kotak-kotak tersebut menjadi beberapa bagian sehingga cukup untuk membentuk sebuah ketupat seperti contoh di bawah ini.

Keterangan gambar:
Bagian bertanda panah warna merah adalah kotak yang posisinya dibalik (transform - flip horizontal)

Untuk pengaturan posisi layer masing-masing kotak agar biasa kelihatan seperti suatu anyaman bisa anda lihat contoh di bawah ini.

Gambar di atas adalah cara menghapus bagian kotak yang menimpa kotak lainnya.
Jika masih bingung, berikut penjelasannya:
Pilih salah satu kotak,contoh: kotak yang ditunjuk tanda panah atas, kemudian buat load selection pada kotak tersebut lalu inverse load selection pada kotak tersebut (Ctrl Shift i), kemudian pilih/aktifkan layer kotak lainnya (tanda panah kedua/bawah) setelah itu tekan delete (keyboard)

Sedangkan untuk sudut tiap kotak tersebut bisa kita rapikan dengan menggunakan fungsi transform distort, lihat gambar di bawah ini pada bagian yang bertanda panah.

Lakukan langkah tersebut pada masing-masing kotak sehingga terlihat rapi.
Setelah itu select semua layer kotak tersebut dan setelah itu atur posisi atau rotasinyaa menjadi seperti ini

Step 4

Selanjutnya, buat kotak-kotak kecil seperti contoh gambar (bertanda panah) yang bisa kita buat dengan menduplikat kotak sebelumnya dan mengubah ukuran dan bentuknya dengan menggunakan fungsi transform distort.

Setelah sesuai seperti contoh di atas, pilih semua layar kotak dan kemudian ubah kembali semua kotak-kotak tersebut dengan transform distort menjadi seperti ini (sama seperti cara pada step 3 bagian terakhir)

Dan selanjutnya, seperti cara sebelumnya, buat beberapa kotak kecil seperti contoh di bawah ini

Step 5

Sebelum ke tahap selanjutnya, ubah ukuran lembar kerja (canvaz size) menjadi 1000x2000px.

Setelah itu, duplikat salah satu kotak yang berwarna terang, kemudian ubah menjadi seperti ini

Ubah kotak panjang tersebut menjadi melengkung dengan menggunakan fungsi twirl

Cara di atas juga kita gunakan untuk membuat kotak panjang lainnya (kotak warna hijau gelap).
Setelah itu, potong bagian ujung kotak yang sudah melengkung tadi, dan selanjutnya atur masing-masing menjadi seperti contoh berikut ini.

Keterangan
Anda bisa menambahkan fungsi trasnform warp pada kotak panjang tersebut untuk memperoleh bentuk yang sesuai. Salain itu juga bisa anda atur 'angle' dari efek twirl.

Untuk gambar bagian ujung atas (lihat lingkaran merah bagian atas) bisa anda buat dengan menduplikatnya dari salah satu kotak, kemudian ubah ukuran dan bentuknya dengan menggunakan fungsi transform distort.

Selesai, dan untuk hasil akhir yang lainnya bisa anda lihat pada contoh di bawah ini.

Sehubungan dengan Hari Raya Idul Fitri yang kurang beberapa hari lagi, untuk sementara  libur untuk beberapa hari (liburan :D). Dan sekaligus mengucapakan:

Baca Selengkapnya »

membuat efek tulisan

Salah satu fitur baru photoshop (tutorial ini dibuat dengan CS5) adalah efek 3D, yang mana kita bisa dengan mudah membuat benda 3 Dimensi seperti botol, cincin dan lain-lain. Nah..bagaimana jika kita ingin membuat suatu tulisan tiga dimensi dengan menggunakan efek 3D tersebut. Tutorial berikut ini mungkin bisa dijadikan referensi tentang cara sederhana membuat efek tulisan yang berbeda dari efek tulisan yang pernah anda pelajari.

Caranya cukup sederhana karena hanya menambahkan/menggunakan menu efek yang tersedia (khususnya efek filter dan efek 3D)

Langsung saja kita menuju langkah atau step by step cara membuatnya.

Step 1

Siapkan/jalankan program photoshop (cs5 keatas recomended). Kemudian buatlah dokumen baru (new File) dengan dimensi 1200 x 1200 pixels dengan resolusi 300 px/inch (optional) dengan warna background putih.
Selanjutnya, pada layer baru buatlah coretan (dengan menggunakan brush tool) seperti contoh di bawah ini.

Catatan:

• Anda tidak harus membuat coretan tersebut sama persis dengan contoh di atas
• Hasil akhir akan berbeda dari yang ada pada tutorial ini, karena memang coretan (gambar awal) yang tidak sama.

Step 2

Langkah selanjutnya adalah menambahkan efek 'stained glass' Caranya: buka menu filter - kemudian pilih texture - lalu pilih stained glass. Untuk pengaturan efek tersebut bisa anda lihat pada gambar di bawah ini.

Step 3

Sekarang tulis/ketik tulisan sesuai keinginan anda (contoh 'grafisae').sesuaikan warna dan jenis font sesuai selera/keinginan anda masing-masing.
Kemudian beri/tambahkan efek (layer style) drop shadow dan stroke (lihat masing masing pengaturan kedua efek tersebut pada gambar).

Efek Drop Shadow

Efek Stroke

Setelah itu gabung kedua layer (layer coretan dan layer teks) dengan menggunakan merge layer, silahkan lihat posting sebelumnya tentang merge layer di sini.

Step 4

Setelah kedua layer tadi digabung, selanjutnya adalah menggunakan efek 3D untuk mengubah tulisan tersebut. Namun sebelumnya, duplikat terlebih dulu layer tersebut agar bisa dibuat untuk versi/model yang berbeda dan bisa disembunyikan (hidden) hasil duplikat tersebut terlebih dahulu. Selanjutnya buka menu 3D, kemudian pilih 'new mesh from grayscale' - Plane (atau lebih jelasnya silahkan lihat gambar)

Hasilnya menjadi seperti berikut ini.

Dan bisa juga ditambahkan efek 'poster edges' seperti contoh di bawah ini.

Selanjutnya simpan (format Jpeg) dengan nama file 'gambar A'

Step 5

Masih pada lembar kerja sebelumnya, aktifkan atau munculkan layer duplikat yang disembunyikan tadi (lihat step 4).
Kemudian putar (rotate 90 derajat) seperti contoh gambar di bawah ini.

Selanjutnya buka menu 3D, kemudian pilih 'new mesh from grayscale' - Cylinder. Sehingga hasilnya menjadi seperti ini.

kemudian ubah atau putar posisinya menjadi seperti ini.

Step 6

Anda bisa menggunakan atau membuat background dengan menggunakan gambar yang sama (gambar coretan dengan atau tanpa efek 3D). Jika masih bingung silahkan lihat contoh gambar.

Yang kemudian background tersebut diberi/ditambahkan efek blur (gaussian blur).

Sehingga hasilnya menjadi seperti berikut ini.

Selanjutnya simpan (format Jpeg) dengan nama file 'Gambar B'

Step 7

Pada tahap ini sifatnya adalah lanjutan, artinya bisa anda praktekkan (ikuti) atau anda abaikan saja dan bisa anda lanjutkan sendiri sesuai keinginan.
Oke lanjutkan....(relaks sebentar hehehe).

• Buka kembali 'Gambar B' yang sudah anda simpan sebelumnya, kemudian tambahkan efek '3D - new mesh from grayscale - plane' dan lihat hasilnya.

• Buat layer baru kemudian buatlah tulisan dengan cara manual, yaitu dengan menggunakan brush tool (set warna merah) persis di atas tulisan (istilah jawa = ngeblat)

• Selanjutnya ubah mode normal menjadi mode 'lighter color' sehingga menjadi seperti ini.

Untuk gambar lainnya (Gambar A) caranya sama seperti cara yang kita terapkan pada gambar B di atas. Dan contoh dari  gambar A tersebut adalah seperti berikut ini.

Sekian, semoga bermanfaat dan mohon maaf  karena salah kata dalam penyampaiannya.

Baca Selengkapnya »