In questo tutorial mi piacerebbe mostrarvi alcune tecniche su come creare l'effetto ombra lunga visto nelle ultime tendenze del design. Sentiti libero di leggere e scegliere quale si adatta meglio alle tue esigenze di progettazione.
Con un documento delle dimensioni create iniziamo selezionando il Strumento rettangolo arrotondato e crea un rettangolo di qualsiasi dimensione e raggio a tua scelta. Userò le informazioni descritte di seguito.
Per semplificare le cose userò il testo per creare l'effetto, ma queste tecniche possono essere applicate a qualsiasi forma che hai per la tua icona. Ho aggiunto il testo qui sotto con le seguenti impostazioni.
Con il nostro testo ancora selezionato naviga verso Aspetto pannello (Finestra> Aspetto) e fare clic su Aggiungi nuovo riempimento opzione dalla parte inferiore di quella finestra del pannello. Essere sicuri di fare clic e trascinare il riempimento appena creato sotto la riga "Caratteri" appare dietro il testo stesso. A questo punto non sembrerà che sia successo molto.
Qui è dove avviene la magia. Seleziona il Riempire linea e quindi fare clic Aggiungi un nuovo effetto da allora in fondo alla finestra del pannello e scegliere Distorci e trasforma> Trasforma e inserire le seguenti impostazioni. È quindi possibile rilasciare il Opacità di quello riempiono a intorno 12% o dove mai ti trovi bene.
Come puoi vedere, stiamo creando più copie del riempimento e poi spostandolo di un pixel verso il basso e verso il basso, in modo che si ripeta senza problemi creando la nostra ombra piatta. Sfortunatamente l'ombra ora appare sopra l'elemento icona che abbiamo creato in precedenza, quindi creiamo una maschera ora.
Seleziona il rettangolo arrotondato e poi copia e Incolla di fronte al testo stesso. Con sia il testo che il rettangolo più arrotondato in alto selezionato tasto destro del mouse sulla tavola da disegno e scegliere Crea maschera di ritaglio. I bit di ombra aggiuntivi saranno ora nascosti e puoi andare avanti e selezionare il rettangolo arrotondato sottostante e aggiungere la stessa tecnica per creare un'ombra anche per quello.
Imposta il documento come fatto in precedenza e seleziona nuovamente il testo. copia e Incolla il tuo testo dietro l'originale (Comando + C> Comando + B) due volte per creare un totale di tre istanze del testo. Ora regola il colore su Nero.
Seleziona la copia più bassa e mentre tieni premuto Cambio sulla tastiera trascinalo con un angolo di 45 gradi in modo che il bordo del testo colpisca appena il bordo del bordo del rettangolo arrotondato. Ora rilascia il Opacità a 0%.
Ora seleziona sia il testo completamente trasparente che il testo nero opaco quindi naviga verso Oggetto> Miscela> Opzioni di fusione ed entra come molti Passi specificati come vuoi. Mi starò attaccando 150 per dargli una transizione gradevole.
È ora possibile eliminare l'intero Opacità della miscela a 12% quindi applica i passaggi di mascheramento dalla prima tecnica e duplica anche questa tecnica per il rettangolo arrotondato.
Questa tecnica è simile all'ultima. Copi e incolli il testo due volte dietro l'originale e fai una fusione. Tuttavia, non è necessario eliminare l'opacità dell'ultima copia.
Con la miscela creata visita Oggetto> Espandi. Questo rilascerà la fusione in 150 singole forme che saranno selezionate. Con queste forme ancora selezionate visita il esploratore (Finestra> Pathfinder) e selezionare Unire. Questo unirà tutte le forme in una sola.
Con questa forma appena creata, abilita il Strumento sfumatura (sol) e crea un gradiente da nero a trasparente che corre lungo un angolo di 45º. Quindi rilascia anche l'opacità generale per questo livello.
Se noti, dopo la fusione, ci sono un certo numero di punti di ancoraggio a questa forma. Andiamo avanti e riduciamo questi così la nostra forma è pulita.
Dal momento che la nostra forma generale è abbastanza semplice e angolare, sarebbe più semplice ingrandire la nostra forma e con il Strumento Penna (P) visita Visualizza> Guide intelligenti e puoi fare rapidamente clic sulla forma per ricrearla. Se si tiene premuto il tasto Cambio il tasto sulla tastiera ti permetterà di creare linee dritte o di 45º con facilità. Se hai una forma o un'icona più complessa in cui stai usando questa tecnica, potresti voler utilizzare altri metodi o ridurre i punti di ancoraggio.
Un altro metodo rapido sarebbe quello di abilitare il Strumento di selezione diretta (A) e selezionare i punti indesiderati, quindi selezionare Rimuovi i punti di ancoraggio selezionati nel Controllo pannello.
Puoi mascherare anche questa forma e ripetere i passaggi per crearne una per il rettangolo arrotondato sotto di essa.
Come puoi vedere i primi due sono completamente non distruttivi e il testo o le icone possono essere aggiornati o regolati con facilità. L'ultimo richiede un po 'più di sforzo, ma tutti possono essere facilmente implementati e adattati alle proprie esigenze.