Bagaimana cara membuat logo di lingkungan yang realistis?


8

Saya baru saja membuat logo. Saya telah melihat tren online untuk memamerkan logo di lingkungan yang realistis, menggambarkan kemungkinan penggunaan logo.

Contohnya dapat dilihat di sini, dengan logo asli di bawah dan mockup 3D di atas:

Maket logo 3D]
Klik untuk ukuran penuh

Bagaimana saya bisa membuat mockup seperti itu?


Google: "3d wall logo mockup", sebenarnya gambar yang Anda masukkan adalah mockup: "3D Glass Window Logo MockUp".


Terima kasih atas jawaban Anda semua! Mereka sangat membantu dan saya pasti akan mencoba semua metode Anda!
Robbe Verhoest

Jawaban:


17

The mudah Metode:

Unduh itu.

Ada banyak mockup (gratis) seperti ini yang tersedia online. Ini biasanya file Photoshop yang memiliki logo yang disematkan pada objek cerdas. Dengan mengganti logo di dalam objek pintar dengan milik Anda, Anda dapat dengan mudah melihat pratinjau logo Anda dalam pengaturan yang realistis.

Beberapa contoh sumber daya mockup (gratis dan berbayar):


The masih mudah metode

Menggunakan perangkat lunak khusus.

Adobe baru-baru ini merilis Dimensi misalnya. Perangkat lunak ini memiliki banyak adegan 3D dan model bawaan, dikombinasikan dengan peta perpindahannya. Jadi yang perlu Anda lakukan adalah menyeret logo Anda dan itu akan cocok dengan produk secara otomatis.

Program yang sangat mirip adalah BoxShot .

Contoh:

masukkan deskripsi gambar di sini


The tidak begitu mudah tapi masih cukup mudah metode

Gulung sendiri.

  1. Temukan foto depan toko yang bagus, dinding kantor, pengaturan apa pun yang ingin Anda lihat logo Anda. Misalnya:

masukkan deskripsi gambar di sini

  1. Siapkan tempat Anda ingin meletakkan logo Anda. Dalam contoh saya hanya melukis di atas jendela, dan menggunakan sikat penyembuhan di bagian atas toko dan tanda.

masukkan deskripsi gambar di sini

  1. Tambahkan logo Anda (sebagai piksel!) Dan ubah menjadi objek pintar ( klik kanan > Konversikan ke Smart Object_ atau Layer > Smart Objects > Konversikan ke Smart Object ).

masukkan deskripsi gambar di sini

  1. Posisikan logo Anda seperti yang diinginkan. Saya menambahkan logo putih, jadi untuk jendela saya menambahkan gaya lapisan (warna overlay hitam).

masukkan deskripsi gambar di sini

  1. Jika Anda ingin meletakkan logo Anda di tempat lain, duplikat layer Anda. Penting untuk Anda duplikat, sehingga logo diperbarui di mana-mana saat Anda mengganti konten objek pintar. Saya juga menambahkan pola suara ke atas untuk membuatnya sedikit lebih realistis.

masukkan deskripsi gambar di sini

  1. Sekarang mari kita ganti logo kita di objek pintar kita dan lihat apakah itu diperbarui. Klik dua kali ikon Smart Object pada layer dan itu akan membuka objek pintar. Masukkan logo baru Anda dan sembunyikan atau hapus yang lama. Simpan dan kembali ke gambar pertama Anda.

masukkan deskripsi gambar di sini

Keberhasilan! Seperti yang Anda lihat, ini masih cukup mudah dilakukan setelah Anda memahami cara kerjanya. Anda bahkan dapat mendistorsi dan menambahkan efek ke Smart Objects, dan kontennya akan mudah diperbarui.

Ini benar-benar mengesankan klien (potensial): gambar bagian depan toko mereka saat ini dengan logo baru Anda!


- Sumber foto: https://unsplash.com/photos/y6rwKaurdkI
- Sumber logo: http://acmelogos.com/


7

Inilah cara yang agak sederhana untuk melakukan sesuatu yang serupa, tanpa efek 3d (atau rendering 3d yang panjang), cukup menggunakan efek dasar di Photoshop.

Apa yang Anda butuhkan:

  • Foto dari jendela / dinding / permukaan dengan beberapa pantulan ditampilkan
  • Gambar logo dengan latar belakang transparan
  • Foto kedua untuk digunakan sebagai lapisan refleksi. Ini bisa menjadi apa saja, selama ada banyak kontras terang dan gelap.

Pada contoh di bawah ini, gambar depan toko adalah lapisan bawah. Selain itu saya menempelkan logo pada lapisannya sendiri, yang cukup besar, mengubahnya menjadi Smart Object, kemudian menggunakan Distort Transform untuk mencocokkan perspektif logo dengan bingkai Window dan mengurangi ukurannya. Saya kemudian menerapkan efek bevel dan emboss, dan drop shadow pada logo Smart Object untuk memberikan kedalaman dan soliditas.

Cukup berguna untuk menjadikan logo sebagai Obyek Cerdas, karena Anda dapat mengedit Distort Transform sesering mungkin tanpa menurunkan kualitas gambar.

Lalu saya menggunakan foto pemandangan jalanan sebagai lapisan refleksi. Gambar dikonversi menjadi kontras tinggi menggunakan filter Threshold, kemudian saya mengaburkannya menggunakan filter Gaussian Blur, lalu saya melakukan filter distorsi Ocean Ripple di atasnya untuk memberikan tekstur.

Lapisan refleksi kemudian dipotong ke lapisan logo, dan mode lapisan diubah ke layar, dan saya juga menurunkan opacity dari lapisan refleksi.

Berikut adalah contoh gambar yang saya gunakan

masukkan deskripsi gambar di sini

Dan inilah contoh dari efek selesai, menunjukkan lapisan

masukkan deskripsi gambar di sini

Klik di sini untuk memperbesar 100% pada logo

Ini juga mungkin untuk menggunakan ini sebagai template mockup, karena semua yang perlu Anda lakukan untuk logo yang berbeda adalah menempelkan gambar lain ke dalam Smart Object.


6

Bagi saya sendiri, saya memiliki seperangkat pemodelan 3D dan alat rendering yang saya sudah merasa nyaman dengannya, dan saya menggunakannya setiap kali situasi ini terjadi. Seperti yang dijawab oleh jawaban sebelumnya, ketika Anda menunjukkan kepada klien desain yang diusulkan tidak hanya dalam "konteks" generik tetapi pada kenyataannya konteks spesifiknya , dampaknya adalah ... dapat didengar.

Jika Anda tidak ingin bekerja keras melalui photoshop objek pintar dan keterbatasannya yang besar, Anda dapat menggunakan Boxshot (mudah), atau Blender (gratis), atau modo (kuat & mudah), atau C4D (memiliki plugin untuk versi Illustrator dan Lite yang ada termasuk dg Adobe CS Suite).

Saya pribadi menggunakan modo , dan menyukainya.

Lihat beberapa contoh saya dari satu proyek dokumentasi bantuan yang sedang berlangsung yang mencerminkan perubahan dalam desain sampul, tata letak konten, dan bahkan konsep dasar:

masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini


5

Sudah ada banyak hal penting yang dicakup oleh jawaban lain, tetapi saya masih bisa menambahkan sesuatu.

Logo yang dimasukkan harus duduk di gambar latar belakang dalam beberapa cara:

  • cahaya, bayangan dan bayangan yang sama masuk akal
  • white balance yang sama
  • kontras dan saturasi warna yang sama
  • tingkat kebisingan dan detoriasi umum yang sama
  • perspektif tampilan yang sama, beberapa ekstrusi 3D dapat diperlukan jika itu tanda dengan ketebalan tertentu.
  • kompatibilitas bentuk permukaan geometris (= belokan kanan dan benjolan)

Jika lingkungan robek dan aus, logo yang dimasukkan tidak boleh seperti yang baru. Tentu saja, jika logo itu baru, orang mungkin ingin menempatkannya pada sesuatu yang bagus. Tetapi memiliki sesuatu yang lebih tua sebagai satu opsi dapat membantu membuktikannya bekerja juga setelah beberapa waktu.

Mari kita berhenti berfilosop dan melihat apa yang kita dapatkan. Ini logo baru:

masukkan deskripsi gambar di sini

Logo ditempatkan pada lingkungan lama:

masukkan deskripsi gambar di sini

Logo telah mengurangi kontras dan saturasi warna. Beberapa kebisingan ditambahkan. Ada hamparan yang berisi derau, kontras, dan saturasi yang mengurangi keabu-abuan dan penggelapan akibat bayangan. Semua itu bisa juga layer terpisah dan umumnya harus terpisah untuk penyesuaian mudah untuk latar belakang yang berbeda.

Rotasi perspektif normal, penskalaan dan distorsi dilakukan. Dalam hal ini mereka tidak cukup. Selain itu ada

  • bengkok karena dinding yang tertekuk
  • peta perpindahan karena dinding yang tidak seragam (ini adalah salinan dinding BW)
  • beberapa item penutup yang menggantung di depan logo dan mencegah logo tersebut terlihat sepenuhnya; mereka dipotong dari gambar latar belakang

Contoh lain: Pundak seseorang

masukkan deskripsi gambar di sini

Pada awalnya logo itu melengkung untuk melihat keluar melengkung.

Cahaya adalah bagian kulit yang terdenaturasi, kisaran kecerahan disesuaikan dengan alat kurva hingga simetris sekitar 50% dan kontrasnya ditingkatkan. Mode blendingnya sangat ringan.

Di sini hanya sedikit edge fading yang ditambahkan sebagai efek detoriasi. Layer mask yang benar-benar serasi telah mendapatkan sedikit gaussian blur.

Tambahan terlambat:

Orang bisa ingin menggunakan bentuk sebagai pola isian. Sangat mudah di ilustrator. Anda bisa menyemprotkan bentuk atau ubin mereka. Cara paling sederhana untuk membuat ubin adalah dengan menyeret bentuk ke koleksi carikan dan menggunakannya sebagai warna isi. Berikut adalah sepasang tirai yang telah diisi pola + warna solid:

masukkan deskripsi gambar di sini

Ini cukup sederhana untuk menempatkan ini sebagai hamparan di foto yang sudah tirai terlihat langsung di wajah. Pandangan perspektif dari arah lain perlu sedikit bengkok.

Seperti pada kasus tato di atas, seseorang dapat mencuri bayangan kanan dari foto dengan mode blending. Mungkin saja, jika gorden asli memiliki warna tunggal yang cukup terang tanpa pola. Jika tidak ada tirai asli, hanya tempat untuk mereka atau tirai asli memiliki pewarnaan yang kompleks, naungan harus dicat atau dibuat dengan gradien. Shading dapat dilakukan pada layer mask dari lapisan penyesuaian Brightness & Contrast.

Hati-hati: jika Anda menutupi sesuatu dari gambar asli dengan kreasi Anda sendiri, Anda juga harus memudar jejaknya. Objek dengan warna yang kuat dengan mudah mewarnai kurang lebih lingkungannya. Jika objek diubah ke yang lain, warna spred juga harus diperbaiki.

Ada satu halangan: Tekstil memiliki kerutan, tikungan, dan lipatan. Pola datar tidak terlihat tepat pada mereka dan situasinya menjadi lebih buruk jika tampilan tidak lurus pada wajah. Orang membutuhkan bengkok yang rumit. Kasus itu dibahas di sini:

Membuat tekstur mock-up 3d

Satu-satunya cara sempurna untuk membuat bentuk permukaan buatan adalah dengan menggunakan perangkat lunak 3D. Satu yang cukup baik untuk pakaian harganya mahal atau rumit untuk digunakan (Blender, freeware). Menggantung tirai dengan hanya tikungan ringan adalah kasus yang mudah bahkan dengan warping manual. Dalam perangkat lunak CAD seseorang dapat membuat efek dalam satu menit. Hasilnya sangat berbeda dari tampilan datar:

masukkan deskripsi gambar di sini

Program 3D yang digunakan (= DesignSpark Mechanical) adalah freeware entry level. Dengan itu Anda hanya bisa mendapatkan rendering paling dasar dengan lampu tetap dan hanya dalam resolusi layar. Hasil fotorealistik membutuhkan perangkat lunak yang lebih kompleks.

Versi 3D awalnya tidak dibuat untuk masuk ke foto mana pun. Untuk menempatkannya ke dalam foto, seseorang membutuhkan lapisan penyesuaian pencocokan warna dan cahaya, sebuah layer mask untuk memotong tirai dan beberapa pantulan dan bayangan. Tanpa mereka implan benar-benar terlihat keluar setelahnya. Ini sebuah contoh:

masukkan deskripsi gambar di sini


2

Sementara saya setuju dengan aspek penghematan waktu dari perangkat lunak yang ditawarkan, saya pikir kuncinya adalah Anda berinvestasi dan mengembangkan keterampilan mengedit gambar Photoshop (atau lainnya) untuk menjadi seorang desainer grafis yang efektif. Dalam studi saya, gambar, jenis, merek, ilustrasi vektor, fotografi bekerja bersama dengan penuh simpati selama 4 tahun dan itu telah banyak membantu pekerjaan komersial saya. Solusi kotak mungkin terlihat generik, Anda ingin relevansi dengan fokus klien Anda dan ada situasi aneh seperti musik yang ditunjukkan di bawah ini di mana kotak POS tidak ada - itulah yang saya buat (bersama dengan penerbitan CD biasa) dan itu membuat saya mendapatkan menggulirkan 20K kontrak cetak internasional. Semua berikut ini adalah pra-produksi yaitu ilustrasi dari seni dasar saya di Photoshop daripada foto yang sebenarnya.

Investasi sepadan - akan memberdayakan karya desain Anda yang lebih luas. Scotdisc POS

Merek pengecer SKoda

Situs web responsif perekrutan


-1

Anda dapat dengan mudah mendapatkan hasil presentasi logo yang Anda inginkan dengan maket logo yang dibuat secara profesional. Anda hanya perlu mengunduh dan menempatkan desain logo Anda di atasnya. Untuk perhatian Anda di sini adalah gratis serta mockup logo premium .


1
Selamat datang di GD.SE! Meskipun berguna untuk menambahkan tautan sebagai referensi, lebih baik menulis penjelasan yang lebih luas, periksa jawaban lainnya. Juga mengunduh telah disebutkan sebelumnya, dan itu tidak menjelaskan bagaimana cara melakukannya . Periksa Cara Menjawab dan tur untuk mempelajari lebih lanjut tentang situs ini.
Luciano
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.