come ricreare l'effetto distorto / rumore che utilizza Google nelle loro nuove illustrazioni di design dei materiali?


9

Illustrazione dall'app posta in arrivo di Google

Ho provato con i pennelli ma non mi avvicina proprio a questo. Qualcuno è stato in grado di ottenere questo effetto? Come hai fatto?

Sto usando Photoshop CS6


Che software stai usando?? "CS6" non è molto descrittivo poiché ci sono più di 20 applicazioni "CS6".
Scott

Mi dispiace. Sto usando Photoshop
Mars

Risposte:


2

Segui questo! https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35#.aa24epyn7 . Finalmente un buon metodo, e quello di un googler!


3
Ciao Osama Asif C Infinitum, potresti per favore spiegare un po 'di più cosa troveremo dietro il link che fornisci e perché risponde alla domanda? In questo modo, la tua risposta ha ancora valore nel caso in cui il collegamento venga interrotto in un secondo momento. Il marcio dei link è il motivo principale per cui non ci piace davvero le risposte solo ai link qui. Grazie per il tuo impegno e continua a contribuire!
Cai,

9

Il seguito è stato fatto in Illustrator ma potrebbe essere fatto in Photoshop.

Per prima cosa crea il tuo oggetto. Per la dimostrazione sto usando un gradiente lineare. Puoi pasticciare con una trama sfumata per forme più complesse. Ho impostato il lato destro per avere il colore e il sinistro su 0% di opacità.

opzioni

Seleziona il tuo gradiente e vai su Effetto - Trama - Grana

effetto

Divertiti con le opzioni. A seconda del colore dovrai cambiare il metodo di fusione.

Il metodo di fusione sotto è stato moltiplicato

finale del grano

Altri modi: è possibile farlo con un pennello a dispersione e maschere di livello.


2
Bello! Me lo sono chiesto da solo. Non ho mai saputo che esistesse la trama del grano.
Ryan

Potrebbe esserci una guida di stile in giro. Questo deve essere davvero difficile da controllare tra illustrazioni e illustratori multipli senza un predefinito documentato.
Yorik

Bene, puoi trasformarlo in un'azione o la loro potrebbe già essere stata creata. Potrebbero esserci dei plugin che possono semplificare il processo.
AndrewH,

Che ne dici di GIMP. Photoshop non è gratuito
Suici Doga,

@suicidoga la mia risposta e i passaggi funzionano anche per GIMP, l'unica differenza sarebbe dove sono le opzioni di menu. Ma questo potrebbe essere facilmente trovato nei file della guida di GIMP online.
AndrewH,

1

In precedenza ho pubblicato un link per 4 diverse tecniche su come creare quegli effetti proprio come fa Google, in un articolo di un designer di Google. Ma quello più rilevante per questa domanda è il seguente:

  1. Crea le forme solide a cui desideri aggiungere tinte e luci (nel nostro caso, l'arancione). Blocca il livello.
  2. Aggiungi due livelli sopra il primo. Etichetta una moltiplicazione e l'altra sovrapposizione .
  3. Nel livello Moltiplica crea un'ellisse (cerchio) delle stesse dimensioni dell'arancia con un riempimento sfumato lineare. Il riempimento sfumato dovrebbe passare dal bianco (#ffffff) al nero (# 000000). Regola anche l'angolo di gradiente come desideri. Nel nostro caso la fonte di luce proviene dall'angolo in alto a sinistra, quindi la nostra ombra dovrebbe essere opposta alla luce nell'angolo in basso a destra dell'oggetto. Per questo esempio l'angolo del gradiente è di -60º. Infine, cambia il bianco nel gradiente in 0% di opacità.
  4. Con l'oggetto sfumato selezionato vai su Effetto> Trama> Grana . Dovresti quindi vedere un modale con le impostazioni della trama.
  5. A destra del modale, selezionare Puntinato per Tipo di grano. Quindi regola Intensità e Contrasto per ottenere l'effetto texture che stai cercando. Selezionare OK .
  6. Con il livello ancora selezionato, cambia la modalità di fusione in Moltiplica o Brucia colore e lascia cadere la Trasparenza fino al 10-15% .
  7. Allinea il tuo oggetto Moltiplica sulla forma solida (l'arancia nel nostro esempio).
  8. Una volta che sei soddisfatto dei risultati, blocca il livello Moltiplica.
  9. Nel livello Overlay crea un'ellisse con un gradiente lineare che va dal bianco al nero e regola l'angolazione in modo che il colore bianco sia più vicino alla sorgente luminosa. Cambia l'opacità del nero su 0%.
  10. Ripetere i passaggi 4 e 5.
  11. Con l'oggetto ancora selezionato, cambia la modalità di fusione in Sovrapposizione e rilascia la trasparenza al 15-20% .
  12. Allinea il livello di Overlay sull'oggetto e il gioco è fatto. Sale e pepe!

Tutto questo è per Illustrator e crea l'effetto richiesto. Tutto questo è un estratto dell'articolo originale e non il mio lavoro.

Fonte: Salt & Pepper - The Art of Illustrating Texture

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.