Google'ın yeni malzeme tasarım resimlerinde kullandığı çarpık / gürültü efektini nasıl yeniden yaratırsınız?


9

Google gelen kutusu uygulamasından resim

Fırçaları deniyorum ama buna yaklaşmıyor. Bu etkiyi başarabilen var mı? Bunu nasıl yaptın?

Photoshop CS6 kullanıyorum


Hangi yazılımı kullanıyorsun?? 20'den fazla "CS6" uygulaması olduğundan "CS6" çok açıklayıcı değildir.
Scott

Üzgünüm. Photoshop kullanıyorum
Mars

Yanıtlar:


2

Bunu takip et! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Sonunda iyi bir yöntem ve bu bir googler tarafından!


3
Merhaba Osama Asif C Infinitum, verdiğiniz bağlantının arkasında ne bulacağımızı ve neden soruyu cevapladığını biraz daha açıklayabilir misiniz? Bu şekilde, bağlantının daha sonra kopması durumunda cevabınız hala değerlidir. Link rot, sadece link cevaplarını gerçekten sevmememizin temel sebebidir. Çabalarınız için teşekkürler ve katkıda bulunmaya devam edin!
Cai

9

Aşağıdakiler Illustrator'da yapıldı, ancak Photoshop'ta yapılabilir.

Önce nesnenizi oluşturun. Gösteri için doğrusal bir gradyan kullanıyorum. Daha karmaşık şekiller için bir degrade kafesle uğraşabilirsiniz. Sağ tarafın rengini ve sol tarafını% 0 opaklığa ayarladım.

seçenekleri

Gradyanızı seçin ve Efekt - Doku - Tahıl'a gidin

etki

Seçeneklerle uğraş. Renge bağlı olarak karıştırma modunu değiştirmeniz gerekecektir.

Karıştırma modunun altında çarp

tahıl finali

Diğer yollar: bunu bir saç fırçası ve katman maskeleri ile yapmak mümkündür.


2
Güzel! Bunu kendim merak ettim. Tahıl dokusunun var olduğunu asla bilmiyordum.
Ryan

Etrafta yüzen bir stil kılavuzu olabilir. Belgelendirilmiş bir ön ayar olmadan çizimlerde ve birden fazla çizerde kontrol edilmesi gerçekten zor olmalıdır.
Yorik

Bunu bir eyleme dönüştürebilirsiniz ya da zaten yapılmış olabilir. Süreci basitleştirebilecek eklentiler olabilir.
AndrewH

GIMP'e ne dersiniz? Photoshop ücretsiz değil
Suici Doga

@suicidoga cevabım ve adımlar da GIMP için çalışıyor, tek fark menü seçeneklerinin nerede olduğu. Ancak bu, çevrimiçi olarak GIMP yardım dosyalarında kolayca bulunabilir.
AndrewH

1

Bir Google tasarımcısı tarafından yazılan bir makalede, Google'ın yaptığı gibi bu efektlerin nasıl oluşturulacağına dair 4 farklı teknik için daha önce bir bağlantı yayınladım. Ancak bu soru ile en çok ilgili olan şu şekildedir:

  1. Renk tonları ve vurgulamalar eklemek istediğiniz katı şekilleri oluşturun (bizim durumumuzda turuncu). Katmanı kilitleyin.
  2. İlk katmanın üstüne iki katman ekleyin. Birini Çarpma ve diğer Bindirmeyi etiketleyin .
  3. Olarak çarpma tabakası, bir elips (daire) doğrusal bir gradyan dolgusu turuncu aynı boyutta oluşturmak. Degrade dolgusu beyazdan (#ffffff) siyaha (# 000000) gitmelidir. Degrade açısını istediğiniz gibi ayarlayın. Bizim durumumuzda ışık kaynağı sol üstten geliyor, bu yüzden gölgemiz nesnenin sağ alt kısmındaki ışığın karşısında olmalıdır. Bu örnek için degradenin açısı -60º'dir. Son olarak degradedeki beyazı% 0 opaklığa değiştirin.
  4. Degrade nesnesi seçiliyken Efekt> Doku> Tahıl'a gidin . Daha sonra doku ayarlarına sahip bir modal görmelisiniz.
  5. Kipin sağında , Tahıl Türü için Benekli'yi seçin . Ardından , aradığınız doku efektini elde etmek için Yoğunluk ve Kontrast'ı ayarlayın . Tamam'ı seçin .
  6. Tabaka seçili olarak, değiştirmek Blending modunu için Multiply veya Renk Yanığı ve bırak Şeffaflık aşağı % 10-15 .
  7. Multiply nesnenizi katı şeklin (örneğimizdeki turuncu) üzerine hizalayın.
  8. Sonuçlardan memnun kaldığınızda, Çarpma katmanını kilitleyin.
  9. İçinde paylaşımlı tabakası beyazdan siyaha giden bir lineer gradyan ile bir elips şekli oluşturmak ve beyaz renkli ışık kaynağına en yakın olan açıyı ayarlamak. Siyahın opaklığını% 0 olarak değiştirin.
  10. 4. ve 5. adımları tekrarlayın.
  11. Nesne seçili olarak, değiştirmek harmanlayan moduna için Yerleşimi ve bırak Şeffaflık için % 15-20 .
  12. Overlay katmanını nesnenizle hizalayın ve hepsi bu. Tuz ve biber!

Bütün bunlar illustrator içindir ve istenen efekti yaratır. Bütün bunlar benim işim değil, orijinal makaleden bir alıntı.

Kaynak: Tuz ve Biber - Doku Gösterme Sanatı

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.