comment recréeriez-vous l'effet de distorsion / bruit que google utilise dans ses nouvelles illustrations de conception matérielle?

9

Illustration de l'application de boîte de réception Google

J'ai essayé avec des pinceaux, mais ça ne se rapproche pas de ça. Quelqu'un a-t-il pu accomplir cet effet? comment avez-vous fait?

J'utilise Photoshop CS6

adobe-photoshop cs6 texture google Mars
la source
Quel logiciel utilises-tu?? "CS6" n'est pas très descriptif car il existe plus de 20 applications "CS6".
Scott
Je suis désolé. J'utilise photoshop
mars

Réponses:

2

Suivez ceci! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Enfin une bonne méthode, et cela par un googleur!

Osama Asif C Infinitum
la source
3
Bonjour Osama Asif C Infinitum, pourriez-vous expliquer un peu plus ce que nous trouverons derrière le lien que vous fournissez et pourquoi il répond à la question? De cette façon, votre réponse est toujours valable au cas où le lien se briserait plus tard. La pourriture des liens est la principale raison pour laquelle nous n'aimons vraiment pas les réponses liées uniquement aux liens. Merci pour vos efforts et continuez à contribuer!
Cai
9

Ce qui suit a été fait dans Illustrator mais pourrait être fait dans Photoshop.

Créez d'abord votre objet. Pour la démonstration, j'utilise un gradient linéaire. Vous pouvez jouer avec un filet de dégradé pour des formes plus complexes. J'ai mis le côté droit pour avoir la couleur et la gauche à 0% d'opacité.

les options

Sélectionnez votre dégradé et allez dans Effet - Texture - Grain

effet

Jouez avec les options. Selon la couleur, vous devrez changer le mode de fusion.

Le mode de fusion ci-dessous était multiplié

grain final

Autres moyens: il est possible de le faire avec un pinceau diffuseur et des masques de calque.

AndrewH
la source
2
Agréable! Je me suis posé cette question moi-même. Je n'ai jamais su que la texture des grains existait.
Ryan
Il peut y avoir un guide de style flottant. Cela doit être très difficile à contrôler entre les illustrations et les illustrateurs multiples sans préréglage documenté.
Yorik
Eh bien, vous pouvez en faire une action ou leur pourrait déjà être fait. Il pourrait éventuellement y avoir des plugins qui peuvent simplifier le processus.
AndrewH
Que diriez-vous de GIMP. Photoshop n'est pas gratuit
Suici Doga
@suicidoga ma réponse et les étapes fonctionnent également pour GIMP, la seule différence serait l'emplacement des options de menu. Mais cela peut facilement être trouvé dans les fichiers d'aide GIMP en ligne.
AndrewH
1

J'ai publié un lien avant pour 4 techniques différentes sur la façon de créer ces effets comme le fait Google, dans un article par un concepteur de Google. Mais celle qui se rapporte le plus à cette question est la suivante:

  1. Créez la ou les formes solides auxquelles vous souhaitez ajouter des teintes et des reflets (dans notre cas, l'orange). Verrouillez le calque.
  2. Ajoutez deux couches au-dessus de la première. Étiquetez une multiplication et l'autre superposition .
  3. Dans le calque Multiplier , créez une ellipse (cercle) de la même taille que l'orange avec un remplissage dégradé linéaire. Le remplissage dégradé doit passer du blanc (#ffffff) au noir (# 000000). Ajustez également l'angle de dégradé comme vous le souhaitez. Dans notre cas, la source de lumière vient du haut à gauche, donc notre teinte doit être opposée à la lumière en bas à droite de l'objet. Pour cet exemple, l'angle du gradient est de -60 °. Enfin, changez le blanc du dégradé en opacité de 0%.
  4. Avec l'objet dégradé sélectionné, accédez à Effet> Texture> Grain . Vous devriez alors voir un modal avec des paramètres de texture.
  5. À droite du modal, sélectionnez Pointillé pour le type de grain. Réglez ensuite l' intensité et le contraste pour obtenir l'effet de texture que vous recherchez. Sélectionnez OK .
  6. Le calque étant toujours sélectionné, changez le mode de fusion en Multiplier ou Graver couleur et abaissez la transparence à 10–15% .
  7. Alignez votre objet Multiply sur la forme solide (l'orange dans notre exemple).
  8. Une fois que vous êtes satisfait des résultats, verrouillez le calque Multiplier.
  9. Dans le calque de superposition , créez une ellipse avec un dégradé linéaire qui va du blanc au noir et ajustez l'angle de sorte que la couleur blanche soit la plus proche de la source de lumière. Modifiez l'opacité du noir à 0%.
  10. Répétez les étapes 4 et 5.
  11. L'objet étant toujours sélectionné, changez le mode de fusion en Superposition et réduisez la transparence à 15–20% .
  12. Alignez le calque Overlay sur votre objet et c'est tout. Sel et poivre!

Tout cela est pour l'illustrateur et crée l'effet demandé. Tout cela est un extrait de l'article original et non mon travail.

Source: Salt & Pepper - L'art d'illustrer la texture

Osama Asif C Infinitum
la source