Illustrator'da bir spot deseni ile nasıl derin bir yanılsama efekti yaratabilirim?


28

Basit araçlar kullanarak ve keskin kıvrımlarda perspektif etkisini koruyan (sarma araçlarının tersine), çizer veya photoshopta böyle bir grafik oluşturmak için yardıma ihtiyacım var

Kafes aracını denedim ama eğimli efekt yapmanın bir yolunu bulamadım.

görüntü tanımını buraya girin

herhangi bir fikir?

Yanıtlar:


26

Illustrator kullanarak işi yapmak için bu başka bir yöntemdir

  1. Bir daire oluşturun ve onu seçin
  2. Git Object > Pattern > Make
  3. Desen seçenekleri panelinde daireler arasındaki boşluğu ayarlayın ve Done

görüntü tanımını buraya girin

  1. Bir dikdörtgen çizin ve yeni yaptığınız desenle doldurun; deseni seçip ölçeklendirerek deseni biraz effects > distort & Transform > Transformölçeklendirmeniz ve Transform Patternyalnızca işaretlediğinizden ve diğer seçeneklerin işaretini kaldırdığınızdan emin olabilirsiniz .
  2. Seçerek bu dikdörtgeni rasterleştir Object > Rasterize
  3. object > Envelope Distort > Make with Meshiletişim kutusuna gitmek istediğiniz ağı yapın. benim örneğimde 4X4'ü başlangıç ​​olarak tutuyorum ve örgü aracıyla daha fazla mesh bağlantısı ekleyebilirsiniz U.
  4. Beyaz okla, herhangi bir kafes çapasını seçin ve istediğiniz efekti elde etmek için yeni bir yere taşıyın. görüntü tanımını buraya girin

5
+1 bu en iyi cevap. Bunun için zarfın bozulmasına yol açan harika şeyler , orijinal vektörlere zarar vermeden herhangi bir şeye uygulayabilirsiniz (metni düzenlenebilir bile tutabilirsiniz!) Ve düzgün eğriler oluşturmak için tam kontrole sahipsiniz. İpucu: Zarf bozulma noktalarını yumuşak bir şekilde etrafa itmek qiçin, bir alandaki birkaç noktayı seçmek, sonra ölçeklemek ( s), döndürmek ( r) vb. İçin kement aracını ( ) kullanmanın gerçekten yararlı olabileceğini düşünüyorum . Bir seferde bir noktadan daha doğal pürüzsüz eğriler oluşturun.
user56reinstatemonica8

Başka bir cevap daha ekledim (açıkça iyi bir cevap vermedi :-D), müşterinin
user56reinstatemonica8

Evet, bunu farkettim ... aynı zamanda yeni güzel bir cevaptı, sana ilk veren bendim + 1: D - aslında benim cevabım örgü aracını kullanarak çarpıtmanın imkansız olduğu desene bağlıdır, bu yüzden i rasterleştir. Belki de çemberi düzenlersek, cevabında tarif ettiğin aynı etkiyi elde edebiliriz.
saat

1
Deseni rasterleştirmek yerine genişletebilir misiniz?
user56reinstatemonica8

18

Kesin olmak istiyorsan kolay bir iş değil.

Illustrator bunu kolayca yapmaz. Genel şekilleri elle çizmeniz ve her bir öğe için perspektif, boyut ve değeri ayarlamanız gerekir. Illustrator'daki bir kafes başarısız olur, çünkü sabit kenar dönüştürme alanlarının elde edilmesi çok zordur; ayrıca, kafesler, kafes noktalarının konumuna bağlı olarak alttaki nesneleri deforme eder. Bu nedenle, genel desen bir kafes kullanılarak çok farklı görünecektir.

Bunu yapmanın en kolay yolu , Photoshop'ta yer değiştirme haritalarıdır .

Temel belgenizi oluşturursunuz:

görüntü tanımını buraya girin

Beyaz nesnelerden oluşan bir katman ve arka plan olarak düz siyah dolgulu bir katman.

Daha sonra aynı boyutlarda gri tonlamalı bir belge oluşturun ve derinlik alanları oluşturmak için farklı değerler ekleyin.

Örneğin:

görüntü tanımını buraya girin

Alan ne kadar karanlık olursa, o kadar uzaklaşacaktır. Bu zor kısmı. Muhtemelen derinlik değerlerini doğru şekilde yansıtmasını sağlamak için gri tonlamalı belgeyle oynamanız gerekir. Buna Derinlik Haritanız denir . Yaklaştığında, kolayca bulabileceğiniz bir yerde standart gri tonlu .psd dosyası olarak kaydedin.

Ardından kurulum dosyasına geri dönün, seçin Filter > Distort > Displace. OKİlk küçük pencereye tıklayın , ardından Aç iletişim kutusu açılacaktır. Bu noktada gri tonlama .psd dosyanızı seçin.

Bu, oluşturduğunuz derinlik haritasına uyması için kurulum dosyasındaki katmanı bozacaktır.

görüntü tanımını buraya girin

Derinlik haritasını istediğiniz gibi elde etmek sadece deneme yanılma gerektirir.

Bunları ararsanız, bununla ilgili olarak web üzerinde bazı eğiticiler var .

O zaman buna Illustrator'da gerçekten ihtiyacınız varsa , Illustrator'daki Image Trace'ı kaydeder ve kullanırdım . Bunu tek başına Illustrator'da oluşturmaya çalışmak, hayal kırıklığı olmasa bile, sabrın bir ders olacağını gösterir.


Bu offcourse bunu yapmak için kolay bir yoldur. Bu yöntemle belirli bir katlama tasarlamak biraz zor olabilir. Özellikle döndürme, elle boyanarak elde edilmesi çok kötüdür. Bu, oldukça fazla sayıda 3B uygulamasının gereken yer değiştirme haritalarını üretebileceğini söyledi.
joojaa

15

Hsawires'ın ' zarf çarpıklığı ile cevabı' > mesh ile yapmak en iyi cevaptır, ancak tarif edilen "keskin kıvrımlarda perspektif etkisi" ni almayı kolaylaştıracak bazı ek hileler vardır (ayrıca, dört çok iyi cevap açıktır). yeteri kadar :-D):

  1. Dilediğiniz gibi, noktalarınızı hazırlayın ... Zarf Deformasyonu ile ilgili en güzel şey, herhangi bir vektöre uygulayabilirsiniz ve düzenlenebilir kalırlar. Bu örnekte, vektörlerin tümünün düzenlenebilir kaldığını göstermek için nokta benzeri metin kullanacağım:

görüntü tanımını buraya girin

  1. Rasterleştirme! Gerek yok. Bunun yerine, doğrudan gidin Object>Envelope Distort>Make with Meshve çok sayıda ızgara çizgisi seçin. Örneğin, burada 14x14 kullanıyorum.

görüntü tanımını buraya girin

  1. (not Eğer ızgara ve sol üst bu düğmelerle istediği zaman altta yatan vektörler arasında geçiş yapabilirsiniz olun: görüntü tanımını buraya girin)

  2. Her şeyi döndürerek, oluşturmak istediğiniz çizginin dikey veya yatay olmasını sağlayın, ardından perspektif vermek istediğiniz alandaki bir kutu seçim noktasını sürüklemek için doğrudan seçim aracını kullanın (burada, soldaki bir yığın seçili):

görüntü tanımını buraya girin

  1. Ölçek aracını kullanın s. Ölçekleme merkezini 'çizginizin' kenarının ortasına sürükleyin, ardından istediğiniz şekilde ileri veya geri almak için ölçeklendirin (basılı tutma). Ayrıca, şişirme aleti ve büzme aleti (genişlik aletinin altına sıkışmış), çift tıklayıp Intensityçok düşük (% 1 gibi) ve fırçanın çok büyük olması durumunda işleri düzeltmek için kullanılabilir . Onlarla doğru olmak biraz zor, ama onlar sadece seçilen noktalara uygulanır, bu da yardımcı olur.

görüntü tanımını buraya girin

  1. İstediğiniz kadar tekrarlayın ... Bazen yan yana yapılan çok sayıda küçük değişiklik daha sorunsuz görünüyor

görüntü tanımını buraya girin

  1. Altta yatan yapıtın, siz hiçbir şey yapmamışsınız gibi tamamen düzenlenebilir olduğunu söylemiş miydim? İçeriği düzenlemeye geçmeniz yeterlidir; temel vektör çiziminde istediğiniz değişiklikleri yapabilirsiniz:görüntü tanımını buraya girin

görüntü tanımını buraya girin


Lütfen dikkat: Açıklanan tüm yöntemler isteğe bağlı grafiklerle çalışır.
joojaa

Evet, fakat sizinki dışındaki her şey rasterleştirilmiş (piksel) grafiklere dayanmaktadır
user56reinstatemonica8

Tabii, temelde benim cevabım seninkiyle aynı. Mesh'i biraz daha farklı kullanıyorum, bu yüzden sert açılı kırışıklıklar yapabiliyorum (bu, anlatmakta olduğu yöntemi kullanarak anlatmaya çalıştığını belirttiği gibi IMHO'nun posteri sorunudur). Her durumda, yöntemimin daha fazla dahil olduğunu biliyorum, kırışıklıklar olmasa bu şekilde yapardım. Onunla bükülmek istediğiniz şekli dizayn etmek zor olduğundan deplasman yöntemini kullanmazdım.
joojaa

Illustrator uygulamasının oransal düzenleme gibi bir özelliği var mı ? Bu, daha kolay eğriler oluşturmanıza yardımcı olabilir.
wchargin

Olmadığını düşündüm - ama aslında çok düşük yoğunluğa ayarlanmış şişirme aletini kullanarak buna benzer bir şey alabilirsiniz. Başka şeyler de olabilir ... Bununla ilgili bir not düzenledim. "Illustrator'da orantılı düzenleme var mı?" ilginç bir soru gibi geliyor
user56reinstatemonica8

13

Bunu Illustrator'da yapabilirsiniz (isteğe bağlı olarak). İşin püf noktası, örgü aracı kullandığınızda, kenar tutamaçlarını kenar boyunca yolun 1 / 3'üne geri sürüklediğinizden emin olmaktır; aksi takdirde görüntüyü * boyunca sıkıştırır.

Buna ek olarak, kolay seçim için ileri geri döndürme tutmak yardımcı olabilir.

scrumple

Resim 1 : scruple yapıyor. Yaptığım şey her fırsatta sonra yeni bir paket oluşturmak. (sonra bırakın.)

Resim 1'de kullanılan prosedür:

  1. noktaların ızgarasını yap (yıldızlar, harfler vb.)
  2. döngü ← bir katlama yaptıktan sonra buraya geri dönün
  3. her şeyi bir yöne döndür
  4. seçiminiz şekli bölmek için kayan seçim ızgara öğeleri
  5. oly 1 satır ve 1 sütun ile mesh wrap uygulayın
  6. kenarı örgü kesimin karşısına doğru içe doğru hareket ettirin
  7. 2 yan kenar teğetini sabitleyin, böylece büyük bir bozulma meydana gelmez
  8. (isteğe bağlı) serbest bırakma ağ
  9. geri döndür (eğer tıklarsanız döndürme illustrator'ı döndürürünüzü hatırlar
  10. tekrar et.

Bunun için daha iyi araçlar olsa da, ortaya çıkabilecek başka amaçlar için bunu bilmek güzel olabilir.

Alternatifler

Seçim çizgisi boyunca sadece bir kez döndürüldüğünde ölçeklendirmek yeterlidir, bu nedenle, verilen zarfları kullanmak biraz zor olabilirse, eğri ve ölçek yeterli olabilir. Zarflar kırışıkların kenarlarını daha sert hale getirir.

diğer örnek

Resim 2 : Keskin kırışıklıklar için şekilleri kesebilirsiniz (nokta olması gerekmez). Ve görünüşü daha da zenginleştiren alanları gölgeleyin (belki biraz abartılı efekt).

Ek: * Doğrusal hareketler için mesh kullanmak üzerine.

hışırdatmak

Resim 3 : Şekil kısaldıkça düz bir şekilde bozuluyor


2
Ağın nasıl kurulduğunu anlamıyorum. Çok fazla satır ve sütun var mı?
Scott

@scott, ağın yalnızca 1 karesine (1 satır 1 sütun) sahip blok orada, bu nedenle tutma konumlarının etkisini göreceksiniz. kulpları kısaltmazsanız bnt efekti elde edersiniz (kafes üzerinde ölçek kullanabilirsiniz) veya ölçek ve eğri kullanırsınız ancak mesh kullandım çünkü operasyonun istediği şey buydu (ve evet daha dinamik ağırlıklar elde edebilirsiniz) olanlar üst kenarların tutma
yerleridir

1
joojaa Çok fazla kolay göründüğü için oy vermek istiyorum, ancak sağladığınız bilgilerle nasıl yapılacağını çözemiyorum. Birkaç şey atm tahmin ediyorum, ama sağlam bir fikir yok.
Dom

1
@Jooja'da bu adımları yeniden oluşturmakta zorluk çekiyorum. Bence prosedüründe eksik olan önemli bir şey var . Zarfları nasıl uyguluyorsunuz? Bu dikdörtgen 1/3 seçimlerini nasıl alıyorsunuz? Bir zarfın içindeki noktalar mı yoksa sadece ayrı nesneler mi?
Scott

1
@Hom oldukça kolay evet ... Siz bir kıvılcımdan daha fazlasına ihtiyacınız olduğunu düşünmedim. Ama evet, ikinci resmi nasıl daha ayrıntılı yaptığımı da ekledi. Ayrıca son resmin efektif olarak karşılaştırılabilir ölçek ve eğriltme ile yapıldığını unutmayın. Daha fazla açıklamaya ihtiyacı olursa haberim olsun.
joojaa

12

@ Scott'un cevabına alternatif olarak Photoshop'ta Kukla Çözgü'nü kullanabilirsiniz ( DüzenleKukla Çözgü ).

Bunu denerseniz, yüzeyin örneğinizde olduğu gibi daha az bükülebilir olmasını sağlamak için üstteki seçeneklerde bir Mod: Sert ve Yoğunluk: Daha Az Nokta seçmenizi öneririm.

Kukla çözgü ayarlarının yeri

Sadece pimleri ekleyin ve istediğiniz yer değiştirmeyi elde edene kadar hareket ettirin. Yine de, düz kenarları kontrol etmek için birçok pime ihtiyacınız olacaktır. Yüzeyin düz kenarlarını kontrol etmek için yine kenarlarından birçoğunu tavsiye ederim.

İşte elde edebileceğiniz sonuçların çok kötü bir örneği .

Basit kukla çözgü sonuçları örneği (çok daha iyi sonuçlar oluşturulabilir)


3

Manuel olarak yapmaya ne dersin?

Noktalı diziyi uygun en boy oranında yazdırabilir, çıktıyı istediğiniz efekte manuel olarak katlayabilir, iyi aydınlatılmış koşullarda fotoğraf çekebilir, Photoshop'ta eşikleyebilir ve sihirli değnek seçimi yoluyla yolları alabilir ve Illustator'a içe aktarabilir ve izole etmek / renklendirmek için yol bulucu kullanabilirsiniz.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.