Bagaimana cara membuat efek ilusi kedalaman dengan pola bintik-bintik di Illustrator?

28

Saya perlu bantuan membuat grafik seperti itu di ilustrator atau photoshop menggunakan alat sederhana dan mempertahankan efek perspektif dalam lipatan yang tajam (bertentangan dengan alat pembungkus)

Saya mencoba alat mesh tetapi tidak bisa menemukan cara untuk memiliki efek miring.

masukkan deskripsi gambar di sini

ada ide?

saja
sumber

Jawaban:

26

Ini adalah metode lain untuk melakukan pekerjaan menggunakan Illustrator

  1. Buat lingkaran dan pilih itu
  2. Pergi ke Object > Pattern > Make
  3. Sesuaikan jarak antar lingkaran di panel opsi pola dan tekan Done

masukkan deskripsi gambar di sini

  1. Gambarlah sebuah persegi panjang dan isi dengan pola yang baru saja Anda buat; Anda mungkin perlu sedikit menskalakan pola dengan memilih effects > distort & Transform > Transformdan menskalakan pola dan memastikan bahwa Anda mencentang Transform Patternsaja dan menghapus centang pada opsi lainnya.
  2. Rasterisasi persegi panjang itu dengan memilih Object > Rasterize
  3. masuk ke object > Envelope Distort > Make with Meshdalam kotak dialog buat jala yang Anda inginkan. dalam contoh saya, saya menyimpannya 4X4 sebagai awal dan Anda dapat menambahkan lebih banyak jangkar jala dengan alat jala U.
  4. Dengan panah putih pilih jangkar apa saja dan pindahkan ke lokasi baru untuk mendapatkan efek yang Anda inginkan. masukkan deskripsi gambar di sini
Dia mengira
sumber
5
+1 ini adalah jawaban terbaik. Hal-hal hebat tentang distorsi amplop untuk ini adalah, Anda dapat menerapkannya pada apa pun tanpa merusak vektor aslinya (Anda bahkan dapat membuat teks dapat diedit!), Dan Anda memiliki kontrol penuh untuk membuat kurva halus. Tip: untuk mendorong titik distorsi amplop dengan mulus, saya merasa sangat berguna untuk menggunakan alat laso ( q) untuk memilih beberapa titik di suatu area, kemudian skala ( s), putar ( r) dll. Dapat membuatnya lebih mudah untuk buat kurva halus alami dari satu titik pada satu waktu.
user56reinstatemonica8
Saya telah menambahkan jawaban lain (empat jawaban bagus jelas tidak cukup :-D) dengan beberapa trik tambahan untuk mencari jalan lurus yang dicari si penanya: graphicdesign.stackexchange.com/a/53302/3327
user56reinstatemonica8
Ya, saya perhatikan ... itu juga jawaban baru yang bagus, saya yang pertama memberi Anda +1: D - sebenarnya jawaban saya tergantung pada pola yang tidak mungkin terdistorsi menggunakan alat mesh itu; itulah sebabnya saya rasterize-nya. mungkin jika kita mengatur lingkaran kita bisa mendapatkan efek yang sama seperti yang Anda gambarkan dalam jawaban Anda.
hsawires
1
Anda dapat memperluas pola daripada merasterisasi?
user56reinstatemonica8
18

Ini bukan tugas yang mudah jika Anda ingin menjadi tepat.

Illustrator tidak akan melakukan ini dengan mudah. Anda harus menggambar bentuk keseluruhan secara manual dan menyesuaikan perspektif, ukuran, dan nilai untuk setiap elemen. Jala di Illustrator gagal karena sangat sulit untuk mendapatkan area konversi yang keras, di samping itu, jala mendistorsi objek yang mendasarinya berdasarkan posisi titik jala. Jadi, pola keseluruhan akan terlihat sangat berbeda menggunakan jala.

Cara termudah untuk melakukan ini adalah melalui peta perpindahan di Photoshop .

Anda membuat dokumen dasar Anda:

masukkan deskripsi gambar di sini

Lapisan benda putih dan lapisan hitam penuh sebagai latar belakang.

Anda kemudian membuat dokumen skala abu - abu dengan dimensi yang sama dan menambahkan nilai yang berbeda untuk membuat area kedalaman.

Sebagai contoh:

masukkan deskripsi gambar di sini

Semakin gelap area semakin jauh di kejauhan pada akhirnya akan terlihat. Ini bagian yang sulit. Anda mungkin harus bermain dengan dokumen skala abu-abu untuk membuatnya secara akurat mencerminkan nilai untuk kedalaman. Ini disebut Peta Kedalaman Anda . Ketika mendekat, simpan sebagai file .psd abu-abu standar di suatu tempat yang dapat Anda temukan dengan mudah.

Kemudian kembali ke file pengaturan Anda, pilih Filter > Distort > Displace. Klik OKdi jendela kecil pertama maka dialog Open akan muncul. Pilih file .psd skala abu-abu Anda pada saat itu.

Ini akan mendistorsi lapisan dalam file yang diatur agar sesuai dengan peta kedalaman yang Anda buat.

masukkan deskripsi gambar di sini

Hanya perlu coba-coba untuk mendapatkan kedalaman peta seperti yang Anda inginkan.

Ada sejumlah tutorial tentang ini di web jika Anda mencarinya .

Lalu jika Anda benar - benar membutuhkan ini di Illustrator saya akan menyimpan dan menggunakan Image Trace di Illustrator. Mencoba membuat ini di Illustrator saja akan menjadi pelajaran kesabaran, jika tidak frustrasi.

Scott
sumber
Ini adalah cara yang mudah untuk melakukannya. Mendesain lipatan tertentu dengan metode ini mungkin sedikit menantang. Khususnya rotasi adalah hal yang tidak menyenangkan untuk dicapai dengan melukis tangan. Ini mengatakan cukup banyak aplikasi 3D yang dapat menghasilkan peta perpindahan yang dibutuhkan.
joojaa
15

Jawaban hsawires dengan amplop distort> make with mesh adalah jawaban terbaik, tetapi ada beberapa trik tambahan yang dapat Anda gunakan yang membuatnya lebih mudah untuk mendapatkan "efek perspektif dalam lipatan yang tajam" yang dijelaskan (juga, empat jawaban yang sangat bagus jelas bukan ' t cukup :-D):

  1. Persiapkan titik-titik Anda, apa pun yang Anda suka ... hal terbaik tentang Envelope Distort adalah, Anda dapat menerapkannya pada vektor apa pun dan tetap dapat diedit. Untuk contoh ini saya akan menggunakan teks seperti titik untuk menunjukkan bahwa vektor semua tetap dapat diedit:

masukkan deskripsi gambar di sini

  1. Jangan raster! Tidak perlu. Sebaliknya, langsung ke Object>Envelope Distort>Make with Mesh, dan pilih banyak garis kisi. Misalnya, di sini saya menggunakan 14x14.

masukkan deskripsi gambar di sini

  1. (catatan bahwa Anda dapat beralih di antara grid dan vektor yang mendasari setiap saat dengan tombol-tombol ini di kiri atas: masukkan deskripsi gambar di sini)

  2. Putar semuanya sehingga garis yang ingin Anda buat adalah vertikal atau horizontal, lalu gunakan alat seleksi langsung untuk menyeret kotak memilih titik di area yang ingin Anda berikan perspektif (di sini, potongan di sebelah kiri dipilih):

masukkan deskripsi gambar di sini

  1. Gunakan alat skala s . Seret pusat penskalaan ke tengah tepi 'garis' Anda, lalu skala (tahan shift) untuk membawanya ke depan atau ke belakang seperti yang diinginkan. Juga, alat mengasapi dan alat kerutan (terselip di bawah alat lebar) dapat digunakan untuk menghaluskan hal-hal jika klik dua kali dan atur Intensitysangat rendah (seperti 1%) dan sikat sangat besar. Agak sulit untuk akurat dengan mereka, tetapi mereka hanya berlaku untuk poin yang dipilih, yang membantu.

masukkan deskripsi gambar di sini

  1. Ulangi sesuai yang diinginkan ... Terkadang banyak perubahan kecil di samping satu sama lain terlihat paling mulus

masukkan deskripsi gambar di sini

  1. Apakah saya menyebutkan bahwa karya seni yang mendasarinya masih dapat diedit, seolah-olah Anda belum melakukan apa-apa? Cukup alihkan untuk mengedit konten dan Anda dapat membuat perubahan apa pun yang Anda suka pada karya seni vektor yang mendasarinya:masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini

user56reinstatemonica8
sumber
Harap dicatat: Semua metode yang dijelaskan bekerja dengan grafik yang sewenang-wenang.
joojaa
Ya, tetapi semua kecuali milik Anda didasarkan pada grafik raster (piksel)
user56reinstatemonica8
Tentu, pada dasarnya jawaban saya sama dengan jawaban Anda. Saya hanya menggunakan mesh sedikit berbeda sehingga saya dapat melakukan lipatan miring keras (yang merupakan masalah poster IMHO saat ia menyatakan bahwa ia mencoba menggunakan metode yang Anda jelaskan, sulit dikatakan). Bagaimanapun saya sadar bahwa metode saya lebih terlibat saya akan melakukannya dengan cara ini jika tidak untuk lipatan. Saya tidak akan menggunakan metode perpindahan karena sulit untuk merancang bentuk yang ingin Anda bengkokkan dengannya.
joojaa
Apakah Illustrator memiliki fitur seperti pengeditan proporsional ? Itu bisa membantu membuat kurva lebih halus dengan lebih mudah.
wchargin
Saya pikir tidak - tetapi sebenarnya Anda bisa mendapatkan sesuatu seperti itu menggunakan alat mengasapi yang diatur ke intensitas yang sangat rendah. Mungkin ada hal-hal lain juga ... Saya sudah mengedit catatan tentang itu. "Apakah ada sesuatu seperti pengeditan proporsional di Illustrator?" terdengar seperti pertanyaan yang menarik
user56reinstatemonica8
13

Anda sebenarnya dapat melakukan ini di Illustrator (sesuai permintaan). Caranya adalah memastikan bahwa setelah Anda menggunakan alat jala Anda seret gagang sepanjang kembali ke 1/3 dari jalan sepanjang tepi jika tidak meremas gambar sepanjang *.

Selain itu dapat membantu untuk terus memutar bolak-balik, untuk pemilihan yang lebih mudah.

mengaduk

Gambar 1 : lakukan scruple. Apa yang sebenarnya saya lakukan adalah membuat bungkus baru setelah setiap belokan. (lalu lepaskan.)

Prosedur yang digunakan dalam gambar 1:

  1. buat kisi-kisi titik (bintang, huruf, dll)
  2. loop ← kembali ke sini setelah Anda melakukan satu kali lipat
  3. putar semuanya ke beberapa arah
  4. pilih item kisi sehingga pilihan Anda membagi bentuk
  5. oleskan pembungkus dengan jaring dengan 1 baris dan 1 kolom
  6. gerakkan ujung yang berlawanan dengan potongan jaring Anda ke dalam
  7. perbaiki garis singgung 2 sisi sehingga sekitar 1/3 dari jalan sehingga tidak terjadi distorsi besar
  8. (opsional) lepaskan mesh
  9. memutar kembali (jika Anda alt klik rotate ilustrator ingat rotasi Anda hanya meniadakan nomor)
  10. ulangi.

Tangguh ada alat yang lebih baik untuk ini, bisa menyenangkan untuk mengetahui hal ini untuk tujuan lain yang mungkin timbul.

Alternatif

Ini sebenarnya cukup untuk hanya skala sepanjang garis seleksi sekali diputar sehingga kemiringan dan skala dapat cukup jika Anda tidak ingin menggunakan amplop yang diberikan bisa agak rumit. Amplop membuat pinggiran lipatan menjadi lebih sulit.

contoh lainnya

Gambar 2 : Anda dapat memotong bentuk (tidak harus menjadi titik) untuk lipatan tajam. Dan menaungi area lebih meningkatkan tampilan (efek mungkin sedikit berlebihan).

Lampiran: * Saat menggunakan mesh untuk gerakan linier.

mengerut

Gambar 3 : Menyimpang sepanjang saat bentuknya semakin pendek

joojaa
sumber
2
Saya tidak mengerti bagaimana mesh Anda diatur. Apakah itu hanya banyak baris dan kolom?
Scott
@scott mesh hanya memiliki 1 kuadrat (1 baris 1 kolom) blok ada sehingga Anda melihat efek dari posisi pegangan. jika Anda tidak memperpendek gagang, Anda mendapatkan efek bnt (Anda dapat menggunakan skala pada mesh), atau menggunakan skala dan miring tetapi saya menggunakan mesh karena itulah yang diminta oleh op (dan ya Anda bisa mendapatkan bobot yang lebih dinamis) merah itu adalah ujung atas yang menangani lokasi
joojaa
1
joojaa saya ingin memperbaikinya karena terlihat sangat mudah, tetapi saya tidak tahu bagaimana melakukannya dengan informasi yang Anda berikan. Saya menduga beberapa hal, tetapi tidak ada ide yang kuat.
Dom
1
Saya mengalami kesulitan menciptakan kembali langkah-langkah ini juga @ jooja. Saya pikir ada sesuatu yang penting dalam prosedur Anda yang hilang. Bagaimana Anda menerapkan amplop? Bagaimana Anda mendapatkan 1/3 pilihan persegi panjang itu? Apakah titik-titik di dalam amplop atau hanya benda yang terpisah?
Scott
1
@ Tom itu cukup mudah ya ... Tidak berpikir kalian membutuhkan lebih dari percikan. Tapi ya menambahkan bagaimana saya melakukan gambar kedua lebih terinci. Perhatikan juga bahwa gambar terakhir dilakukan dengan skala dan kemiringan yang sebanding dalam hal efek. Beritahu saya jika perlu penjelasan lebih lanjut.
joojaa
12

Sebagai alternatif untuk jawaban @ Scott, Anda dapat menggunakan Puppet Warp di Photoshop ( EditPuppet Warp ).

Jika Anda mencoba ini, saya akan menyarankan Mode yang dipilih: Kaku dan Kepadatan: Lebih sedikit Poin dalam opsi di atas untuk membuat permukaan lebih lentur, seperti pada contoh Anda.

Lokasi pengaturan lungsin boneka

Cukup tambahkan pin dan pindahkan sampai Anda mencapai perpindahan yang diinginkan. Anda akan membutuhkan banyak pin untuk mengontrol ujung yang lurus. Saya akan merekomendasikan banyak dari mereka di tepi, lagi, untuk mengontrol tepi lurus permukaan.

Ini adalah contoh yang sangat buruk dari hasil yang dapat Anda capai.

Contoh hasil boneka lungsin sederhana (hasil yang jauh lebih baik dapat dibuat)

cockypup
sumber
3

Bagaimana kalau melakukannya secara manual?

Anda dapat mencetak array bertitik dalam rasio aspek yang sesuai, melipat cetakan secara manual ke efek yang diinginkan, memotret di bawah kondisi yang cukup terang, mengosongkannya di Photoshop & mendapatkan jalur melalui pemilihan tongkat ajaib & impor ke Illustator & gunakan pathfinder untuk mengisolasi / warna.

martin
sumber