Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Photo Effects

Cara Foto Merangkai Ruang Pembunuh Penuh Benda

by
Read Time:10 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Rohmat Trimanto (you can also view the original English article)

Dalam tutorial ini, saya akan menunjukkan kepada Anda efek yang sangat sederhana yang bersama dengan fotografi yang bagus dapat digunakan untuk membuat hasil yang indah. Kita akan membuat ruangan menggunakan foto objek. Ruang ini kemudian dapat digunakan dalam Flash untuk membangun situs Web atau hanya sebagai grafik.

Latar belakang

Saya benar-benar menghasilkan komposisi ini sekitar satu setengah tahun yang lalu. Ini digunakan di situs web FlashDen Showroom yang saya buat sebagai alat pemasaran dan promosi untuk salah satu situs saudara Psdtuts +, FlashDen.net.

Dalam tutorial ini, saya akan menyusun ruang pertama. Dalam sekuel saya akan melakukan ruang ketiga. Di bagian akhir dari seri ini, saya akan menghasilkan ruang baru dengan langkah-langkah lebih detail daripada dua tutorial pertama, karena untuk dua yang pertama ini, saya akan menyelesaikan pekerjaan lama daripada membuat sesuatu dari awal.

Aset

Efek ini pada dasarnya bergantung pada banyak foto yang bagus. Sayangnya, itu berarti tutorial ini lebih merupakan panduan umum daripada bagi Anda untuk secara eksplisit mengikuti langkah demi langkah. Kecuali, tentu saja, Anda ingin pergi dan membeli semua foto stok yang perlu Anda lakukan. Anda bisa mendapatkan semuanya dari iStockPhoto, meskipun saya tidak memiliki URL yang tepat karena saya membelinya lama dan akun saya di sana memiliki ribuan file yang diunduh :-) Bagaimanapun, inilah gambar mini dari semuanya!

Produk Jadi

Pertama-tama, inilah produk jadi. Setelah saya menghasilkan mockup ini di Photoshop, saya kemudian membuat ulang situs dalam Flash dengan animasi dan tombol dan seterusnya. Anda dapat melihat situs Flash Showroom di sini.

Anda juga dapat mengklik gambar di bawah ini untuk melihat tampilan lengkap.

Langkah 1

Sekarang gambar terakhir adalah 1024x768. Hal pertama yang saya lakukan adalah menempatkan gambar latar belakang utama. Sayangnya bagi saya, itu adalah dimensi yang salah (seperti yang Anda lihat di bawah). Saya bisa memperbesar dan memotongnya, tetapi kemudian saya kehilangan beberapa detail yang bagus yang ingin saya gunakan nanti, jadi saya malah memilih untuk memperpanjang foto.

Langkah 2

Untungnya, pekerjaannya tidak terlalu sulit karena bagian atas foto cukup mudah. Triknya adalah menggunakan gradien warna yang dipilih dari latar belakang saat ini untuk memperpanjang foto.

Saya pertama kali menggunakan Pen Tool untuk menggambar bentuk (ditampilkan) yang saya ingin isi ulang dengan gradien saya. Perhatikan bahwa bentuknya mencakup sebagian area foto yang sebenarnya. Ini agar setelah itu saya bisa menggunakan penghapus lunak untuk menghapus tepinya dan membuatnya memudar dengan anggun. Saya kemudian memilih warna gelap dari sisi kanan dan bayangan terang dari kiri dan menggambar gradien linier di dalam layer baru di atas foto. Ini diikuti oleh beberapa penghapusan lembut di sepanjang bagian bawah untuk berbaur.

Langkah 3

Saya ulangi langkah yang sama tetapi di sisi kiri dengan area abu-abu terang. Sekali lagi, bentuk saya menggambar di atas foto lebih besar dari yang diperlukan sehingga saya bisa menghapus kembali untuk campuran halus.

Langkah 4

Akhirnya, bayangan di sebelah kanan tampak sedikit tidak rata, jadi saya menambahkan lapisan ketiga di atas dan menggunakan Pen Tool menelusuri bentuk di sekitar sofa dan memberikannya gradien gelap-ke-cahaya untuk memiliki bayangan yang lebih konsisten, sehingga membuang semua jejak terakhir di mana saya menyatukan gambar-gambar itu.

Langkah 5

Sekarang latar belakang sudah siap, kita bisa mulai menempatkan objek. Sebelum kita melakukan itu, saya harus mengatakan beberapa kata tentang jenis gambar yang ingin Anda pilih:

  1. Anda perlu foto yang diambil pada sudut yang sama dengan gambar latar belakang yang Anda buat. Dalam hal ini, ini adalah pandangan front-on. Perhatikan bahwa sejauh ini sudut paling mudah untuk melakukan efek ini.
  2. Ini juga terbaik jika Anda mendapatkan foto objek yang terisolasi, karena itu membuat pemotongannya menjadi lebih mudah
  3. Akhirnya, hindari foto di mana bagian mana pun dari objek tidak fokus. Misalnya, bidikan dengan beberapa perspektif mungkin memiliki tepi televisi sedikit buram. Jika itu yang terjadi, memotong objek keluar jauh lebih sulit, jika bukan tidak mungkin.

Namun demikian, untuk setiap objek, Anda cukup menggunakan Pen Tool, menelusuri objek, lalu klik kanan pada kanvas, pilih Make Selection dari menu yang muncul, lalu salin objek dari latar belakangnya dan tempelkan di kanvas utama Anda. Ada cara lain untuk mengekstraksi benda: Anda bisa menggunakan Magic Wand Tool, misalnya, ketika objeknya berwarna putih, bagaimanapun, saya merasa jauh lebih bersih dan tidak terlalu sulit untuk melakukannya dengan Pen Tool. Jika Anda menggunakan Wand Tool, pastikan untuk menggunakan foto yang lebih besar dan kemudian turunkan untuk menyembunyikan efek pixelasi yang buruk.

Anda juga bisa menggunakan Filter> Extract Tool, namun itu tidak jauh lebih mudah dan hasilnya tidak selalu bagus.

Langkah 6

Bagaimanapun, jadi di sini saya menempatkan TV di latar belakang saya. Karena ada bayangan di sisi kanan ruangan dan lebih terang di sebelah kiri, saya juga telah melewati TV dengan alat Burn untuk membuatnya lebih sedikit. Cahaya dan bayangan sangat penting dalam membuat objek sesuai dengan lingkungannya. Dalam tutorial khusus ini, kami tidak akan melakukan banyak hal, tetapi kami akan berada di bagian ketiga dari seri ini.

Dalam hal apapun, TV sudah terlihat bagus, tetapi benar-benar harus memberikan bayangan di dinding di bawah dan ke kanan. Saat ini, sepertinya itu hanya mengambang di angkasa, jadi mari kita perbaiki itu selanjutnya.

Langkah 7

Ada banyak cara untuk menciptakan bayangan. Dalam contoh ini, saya baru saja membuat lapisan di bawah TV dan kemudian dengan sikat lembut dan hitam dipilih, saya melukis ke bawah dan ke kanan. (Ngomong-ngomong, saya tidak yakin mengapa saya meninggalkan alat-alat dan palet sejarah dalam tangkapan layar; itu beberapa pembuatan tutorial yang malas di sana :-)

Jadi seperti yang Anda lihat, bayangan adalah apa yang Anda harapkan jika cahaya datang dari atas dan kiri, yang merupakan semacam apa yang cocok dengan gambar latar belakang yang kita tempelkan.

Langkah 8

Setelah itu, saya menempatkan gambar ke televisi. Saya menempatkannya di layer baru dan kemudian memberikannya style Inner Shadow layer dengan Distance of 0. Ini agar ada sedikit bayangan di sepanjang tepi dan gambar terlihat seperti inset. Ini sedikit efek cepat dan kotor. Sungguh jika Anda ingin melakukan TV dengan benar, saya sarankan untuk benar-benar mengalihkan televisi Anda dan kemudian mengamati apa yang terjadi di tepi dan sorotan apa yang dimiliki kaca / layar dari cahaya. Tetapi dalam hal ini, TV kecil dan ketika saya membawanya ke Flash, saya menempatkan video di sini sehingga tidak begitu penting.

Langkah 9

Selanjutnya kami ingin menempatkan laptop. Seperti TV, saya memotong laptop dan mouse dari gambar masing-masing. Saya menyusutkan mereka menggunakan Transform Tool (Ctrl + T) dan menempatkannya dengan tepat. Saya kemudian menarik tali mouse (lihat langkah selanjutnya).

Langkah 10

Untuk membuat laptop terlihat seperti benar-benar ada di sana, saya menggambar tali mouse yang melingkari bantal dan turun ke lantai. Ini membantu membuat objek terlihat seperti mereka benar-benar berinteraksi dengan latar belakang mereka dan tidak hanya mengambang.

Saya melakukan ini dengan mengambil Pen Tool saya dan membayangkan di mana kabel mouse akan pergi jika itu benar-benar ada di sana. Itu tampak seperti itu akan pergi di sepanjang bantal, drop down, dan kemudian di sepanjang lantai (tidak benar-benar ilmu roket, tapi saya pikir saya akan mengejanya!) Kemudian setelah saya menggambar jalan, saya mengklik kanan dan memilih Stroke Path dan menggunakan sikat keras 2px dengan warna abu-abu terang.

Setelah kabel ditarik, saya menggunakan Burn Tool untuk menyikat sedikit bayangan ke kabel agar terlihat lebih realistis (karena dalam kenyataannya semuanya memiliki sedikit cahaya dan bayangan dan tidak ada objek yang benar-benar hanya warna datar).

Langkah 11

Selanjutnya, kita harus menambahkan bayangan di bawah laptop dan mouse. Bayangan mouse cukup mudah - hanya sedikit kegelapan yang diatur ke Multiply di atas karpet. Untuk laptop Anda ingin bayangan turun dari tepi bantal.

Pada gambar di bawah, saya telah mengangkat laptop sehingga Anda dapat melihat bayangan yang saya gambar dengan benar. Sekali lagi saya hanya membuatnya menggunakan sikat lembut dan warna gelap, kemudian atur layer ke Multiply sehingga lebih baik menyatu dengan foto di bawahnya. Karena bantalan memiliki tepi tempat bayangan melewati tepi (di bagian paling kanan), saya telah membuat sudut perubahan bayangan sedikit saja dan turun ke bawah bantal.

Langkah 12

Dengan speaker di sisi kanan, saya pada dasarnya melakukan hal yang sama dengan laptop - yaitu membuat layer di bawah foto, menggambar dalam warna gelap bentuk di bawah objek, dan mengaturnya ke Multiply.

Mencari tahu jenis bayangan apa yang akan dibuat objek hanyalah masalah mengamati objek dalam kehidupan nyata dan melihat bagaimana mereka membuat bayangan dengan cahaya yang berbeda. Untuk jenis gambar ini, bayangan tidak perlu sempurna, hanya perlu cukup bagus. Sungguh, jika Anda melihat lebih dekat Anda akan mulai melihat bahwa kadang-kadang sorotan dan bayangan tidak cukup masuk akal (misalnya, perhatikan dengan speaker di screenshot di bawah, sisi kiri pembicara kanan gelap dan sebaliknya untuk kiri speaker, padahal sebenarnya kalau cahayanya ada di sebelah kiri, ini kebalikan dari apa yang seharusnya terjadi). Tapi untuk gambar seperti ini di mana Anda hanya ingin mendekati realisme, efeknya melakukan trik dan menipu mata.

Langkah 13

Untuk jam di kiri atas, saya sebenarnya hanya menggambar satu menggunakan Photoshop - perhatikan itu hanya sekelompok persegi panjang dalam satu sama lain menggunakan gradien dan sedikit sorot di kiri atas. Saya tidak akan berbicara tentang langkah ini terlalu banyak karena tutorial ini adalah tentang mengumpulkan barang bersama tidak menggambar jam palsu :-) Cukuplah untuk mengatakan, saya tidak dapat menemukan jam yang tepat dan ini berhasil.

Akhir

Akhirnya, saya menempatkan banyak teks di sana-sini dan tombol dan apa yang Anda miliki dan tampilan selesai.

Seperti yang saya katakan di awal, tidak ada banyak kesulitan dalam efek seperti ini dari sudut pandang kemampuan teknis Photoshop murni. Ini lebih tentang mengembangkan mata Anda untuk mengenali bagaimana hal-hal harus cocok bersama-sama, memilih kumpulan foto yang bagus untuk digabungkan, dan menambahkan bayangan dan sorotan untuk menyatukan semuanya.

Efek akhir dengan foto yang tepat bisa sangat bagus dan sangat baik untuk digunakan dalam Flash di mana Anda dapat membuat objek terbang atau terwujud.

Anda dapat melihat situs Flash Showroom di sini atau Anda juga dapat mengklik gambar di bawah ini untuk melihat tampilan lengkap.

Di bagian selanjutnya dari seri ini, kita akan pergi melalui ruangan lain dengan cara yang mirip dengan ini. Mungkin tidak banyak yang bisa ditambahkan, tetapi masih menarik untuk melihat prosesnya lagi. Di bagian akhir, saya akan menyusun ruang lain dari nol dan mencoba untuk men-screenshot semua detail kecil dari proses. Jadi, sampai jumpa lain kali!

Editor Catatan: Tutorial ini mendahului peluncuran keanggotaan PLUS kami. Sayangnya, tidak ada file PSD yang menyertainya.

One subscription.
Unlimited Downloads.
Get unlimited downloads