bagaimana Anda membuat ulang efek terdistorsi / derau yang digunakan google dalam ilustrasi desain materi baru mereka?

9

Ilustrasi dari aplikasi kotak masuk google

Saya sudah mencoba dengan kuas tetapi tidak mendekati ini. Adakah yang bisa mencapai efek ini? bagaimana kamu melakukannya?

Saya menggunakan photoshop cs6

adobe-photoshop cs6 texture google Mars
sumber
Perangkat lunak apa yang Anda gunakan ?? "CS6" tidak terlalu deskriptif karena ada lebih dari 20 aplikasi "CS6".
Scott
Maafkan saya. Saya menggunakan photoshop
mars

Jawaban:

2

Ikuti ini! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Akhirnya metode yang bagus, dan itu oleh googler!

Osama Asif C Infinitum
sumber
3
Hai Osama Asif C Infinitum, bisakah Anda menjelaskan sedikit lebih banyak apa yang akan kami temukan di balik tautan yang Anda berikan dan mengapa itu menjawab pertanyaan? Dengan begitu, jawaban Anda tetap bernilai seandainya tautan rusak di lain waktu. Busuk tautan adalah alasan utama kami sangat tidak menyukai jawaban hanya tautan di sini. Terima kasih atas usaha Anda dan terus berkontribusi!
Cai
9

Di bawah ini dilakukan di Illustrator tetapi bisa dilakukan di Photoshop.

Pertama buat objek Anda. Untuk demonstrasi saya menggunakan gradien linier. Anda dapat dipusingkan dengan gradien mesh untuk bentuk yang lebih kompleks. Saya mengatur sisi kanan untuk memiliki warna dan opacity 0% ke kiri.

pilihan

Pilih gradien Anda dan pergi ke Effect - Texture - Grain

efek

Berantakan dengan opsi. Tergantung pada warnanya Anda harus mengubah blending mode.

Di bawah blending mode dikalikan

butir akhir

Cara lain: dimungkinkan untuk melakukan ini dengan kuas pencar dan lapisan masker.

AndrewH
sumber
2
Bagus! Saya sendiri sudah bertanya-tanya. Tidak pernah tahu tekstur butiran ada.
Ryan
Mungkin ada panduan gaya yang beredar. Ini pasti sangat sulit untuk dikendalikan di antara ilustrasi dan banyak ilustrator tanpa preset yang terdokumentasi.
Yorik
Yah Anda bisa membuat ini menjadi tindakan atau mereka mungkin sudah dibuat. Mungkin ada plugin yang dapat menyederhanakan proses.
AndrewH
Bagaimana dengan GIMP. Photoshop tidak gratis
Suici Doga
@ suicidoga jawaban dan langkah saya juga berfungsi untuk GIMP, satu-satunya perbedaan adalah di mana opsi menu berada. Tapi itu bisa dengan mudah ditemukan di file bantuan GIMP online.
AndrewH
1

Saya memposting tautan sebelumnya untuk 4 teknik berbeda tentang cara membuat efek seperti Google, dalam sebuah artikel oleh desainer Google. Tetapi yang paling relevan dengan pertanyaan ini adalah sebagai berikut:

  1. Buat bentuk padat yang ingin Anda tambahkan warna dan highlight (dalam kasus kami, oranye). Kunci layer.
  2. Tambahkan dua lapisan di atas yang pertama. Beri label satu Multiply dan Overlay lainnya .
  3. Pada layer Multiply buat elips (lingkaran) dengan ukuran yang sama dengan oranye dengan gradient fill linier. Isi gradien harus berubah dari putih (#ffffff) ke hitam (# 000000). Juga sesuaikan sudut gradien sesuai keinginan. Dalam kasus kami, sumber cahaya datang dari kiri atas, jadi bayangan kami harus berlawanan dengan cahaya di kanan bawah objek. Untuk contoh ini, sudut gradien adalah -60º. Akhirnya ubah putih pada gradien menjadi 0% opacity.
  4. Dengan objek gradien dipilih pergi ke Effect> Texture> Grain . Anda kemudian harus melihat modal dengan pengaturan tekstur.
  5. Di sebelah kanan modal, pilih Stippled for Grain Type. Kemudian sesuaikan Intensitas dan Kontras untuk mencapai efek tekstur yang Anda cari. Pilih OK .
  6. Dengan lapisan masih dipilih, ubah Blending mode ke Multiply atau Color Burn dan jatuhkan Transparansi ke 10-15% .
  7. Sejajarkan objek Multiply Anda dengan bentuk padat (oranye pada contoh kita).
  8. Setelah Anda puas dengan hasilnya, kunci layer Multiply.
  9. Pada lapisan Overlay buat elips dengan gradien linier yang berubah dari putih menjadi hitam dan sesuaikan sudutnya sehingga warna putih paling dekat dengan sumber cahaya. Ubah opacity hitam menjadi 0%.
  10. Ulangi langkah 4 dan 5.
  11. Dengan objek yang masih dipilih, ubah Blending mode ke Overlay dan jatuhkan Transparansi ke 15-20% .
  12. Sejajarkan layer Overlay pada objek Anda dan hanya itu. Garam dan merica!

Semua ini untuk ilustrator dan menciptakan efek yang diminta. Semua ini adalah kutipan dari artikel asli dan bukan karya saya.

Sumber: Salt & Pepper - Seni Tekstur Ilustrasi

Osama Asif C Infinitum
sumber