Share
In questo tutorial imparerai come creare un bellissimo telefono senza fili. Utilizzerai Offset Path e varie sfumature per creare un telefono tridimensionale con luci e riflessi realistici.
Apri un nuovo documento e crea un rettangolo 147px per 440px. Vai a Effetto> Stilizzazione> Angoli arrotondati e imposta il Raggio a: 40 px e fai clic su OK. Ciò arrotonda gli angoli del rettangolo, subito dopo vai a Oggetto> Espandi Aspetto e riempi la forma con il colore R: 184 G: 71 B: 95.
Con il rettangolo arrotondato del rettangolo ancora selezionato, andare su Oggetto> Tracciato> Tracciato offset e impostare l'Offset su: -4px, fare clic su OK e riempire con Sfumatura lineare. Per fare ciò, apri il pannello Sfumatura: Finestra> Sfumatura (Controllo + F9). Sono necessari 3 cursori sfumati, da sinistra a destra impostare il colore R: 98 G: 100 B: 99, per il secondo R: 203 G: 222 B: 210 e per il terzo cursore selezionare lo stesso colore usato per il primo cursore del gradiente, impostare l'Angolo su 45 e applicare un tratto Colore di R: 77 G: 77 B: 77, Peso: 1px all'interno.
Con la forma ancora selezionata, vai su Oggetto> Tracciato> Tracciato offset, imposta l'Offset su: -2px, fai clic su OK, apri il pannello Sfumatura (Control + F9). Vedrai 3 cursori sfumati. Rimuovi uno dei cursori e poi sul cursore sinistro applica il colore R: 203 G: 222 B: 210 Posizione: 0%, sul cursore destro applica R: 26 G: 26 B: 26 Posizione: 100% e fai scorrere il gradiente cursore, che si trova sopra i colori per il gradiente, in Posizione: 14,5% e Angolo: -13
Con la forma del passaggio precedente ancora selezionato, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e modifica i colori per il gradiente come mostrato nell'immagine sotto.
Crea un rettangolo nero con le dimensioni 128 px per 110 px, posizionalo come mostrato nella figura sotto.
Con il rettangolo ancora selezionato, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e riempilo con un Gradiente lineare con i colori dal grigio al nero. Dai un'occhiata alla foto qui sotto per riferimento.
Crea un rettangolo 101px per 43px e vai a Effetto> Stilizzazione> Angoli arrotondati e imposta il Raggio a: 6px, fai clic su OK. Subito dopo vai su Oggetto> Espandi Aspetto e riempi con il Gradiente lineare come mostrato nell'immagine qui sotto.
Con la forma del precedente ancora selezionato, andare su Oggetto> Tracciato> Tracciato offset e impostare l'Offset su: -2px, fare clic su OK, riempire con il colore R: 202 G: 178 B: 146. Applica una Bagliore interno andando su Effetto> Stilizzazione> Bagliore interno. Immettere le seguenti impostazioni: Modalità: Normale, Opacità: 75%, Sfocatura: 5px, Colore # E2DFD3 (fare clic sulla casella di colore accanto a Modalità ".
Copia la forma del passaggio 6 usando Control + C seguito da Control + F, sposta la copia sopra le altre forme andando su Oggetto> Disponi> Porta in primo piano (Maiusc + Ctrl + Destra Square Bracket). Crea un rettangolo più alto del precedente, quindi copre i 2/3 della forma precedente, quindi seleziona entrambe le forme, apri il pannello Elaborazione tracciati (Maiusc + Ctrl + F9) e fai clic sul pulsante Meno anteriore. Riempi la nuova forma con il bianco e riduci l'opacità al 20%.
Crea un rettangolo di 30px per 15px, quindi vai a Effetto> Stilizzazione> Angoli arrotondati e imposta il Raggio a: 8px, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Riempi la forma con una sfumatura lineare da nero a grigio e posizionala come mostrato nella figura sotto.
Con la forma ancora selezionata, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e riempilo con il nero.
Mantieni selezionato l'oggetto e, ancora una volta, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px e riempi la nuova forma con un Gradiente lineare da grigio a grigio scuro.
Raggruppa le forme dei passaggi 10, 11 e 12. Seleziona le forme e vai su Oggetto> Gruppo (Control + G), copia il gruppo che hai creato usando Control + C seguito da Control + F. Muovi la copia di alcuni pixel verso destra , aggiungi il testo e le icone necessari come mostrato nell'esempio seguente.
Creare un rettangolo arrotondato con le dimensioni 102px per 56.5px, angoli 10px, riempire con Sfumatura lineare (colori R: 84 G: 86 B: da 85 a R: 30 G: 32 B: 31), quindi passare a Effetto> Stilizzazione> Esterno Glow. Immettere le seguenti impostazioni: Modalità: Normale, Opacità: 75%, Sfocatura: 4 pixel, colore nero, fare clic su OK. Posiziona la forma come mostrato nell'immagine qui sotto.
Copia la forma dal passaggio precedente, cambia il colore in nero ed elimina l'effetto Bagliore esterno. Per fare ciò, apri il pannello Aspetto (Windows> Aspetto o Maiusc + F6) e trascina il livello "Outer Glow" nel raccoglitore di eliminazione.
Al centro della forma del passaggio precedente, Crea 71px per cerchio di 71px con lo strumento Ellisse (L), seleziona entrambe le forme, apri il pannello Elaborazione tracciati (Maiusc + Ctrl + F9) e fai clic sul pulsante Meno anteriore.
Crea un rettangolo sopra le forme del passaggio precedente, seleziona le forme (dal passaggio precedente e il rettangolo), apri il pannello Pathfinder e fai clic sul pulsante Dividi. Elimina le forme in eccesso come mostrato nell'immagine qui sotto.
Seleziona il gruppo che è apparso nel passaggio precedente, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e riempi le forme con un Gradiente lineare da grigio a nero.
Con le forme ancora selezionate, vai su Oggetto> Tracciato> Offset Path e imposta l'Offset su: -2px, fai clic su OK e riempi con il colore R: 200 G: 203 B: 211.
Crea un cerchio nero 50px per 50px con lo strumento Ellisse (L), copia il cerchio usando Control + C seguito da Control + F, disattiva il colore di riempimento, applica un tratto di 1px, il colore non importa perché riempiremo con Gradiente lineare. Con la forma ancora selezionata, vai su Oggetto> Espandi e riempi con Sfumatura lineare con i colori R: 51 G: 51 B: 51 a R: 203 G: 222 B: 210.
Seleziona il cerchio dal passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset e imposta l'Offset su: -4px, fai clic su OK e riempi la forma con Sfumatura lineare con i colori R: 84 G: 86 B: da 85 a R: 30 G : 32 B: 31.
Con la forma ancora selezionata, vai su Oggetto> Percorso> Offset Path e imposta l'Offset su -1px, fai clic su OK e riempi la forma con un gradiente radiale con i colori dal nero a R: 51 G: 51 B: 51.
Aggiungi le icone dei pulsanti necessarie in qualsiasi modo desideri, dai un'occhiata alla foto qui sotto per riferimento.
Crea un rettangolo 30px per 24px e vai a Effetto> Stilizzazione> Angoli arrotondati, imposta il Raggio su: 10px, fai clic su OK. Vai a Oggetto> Espandi Aspetto e riempi la forma con Sfumatura lineare con i colori da R: 30 G: 32 B: da 31 a R: 84 G: 86 B: 85, infine applica un tratto nero da 0,5 px.
Con la forma ancora selezionata, vai su Oggetto> Tracciato> Offset Path e imposta il Raggio su: -2px, fai clic su OK, disattiva Colore tratto, apri il pannello Sfumatura e fai clic sul pulsante Gradiente inverso.
Con la forma Offset ancora selezionata, vai su Oggetto> Tracciato> Offset Path e imposta il Raggio su: -1px, fai clic su OK, riempi il nero e ancora una volta vai su Oggetto> Tracciato> Tracciato offset e imposta il Raggio su: - 1px, fare clic su OK. Riempi la forma con gradiente lineare con i colori da R: 84 G: 86 B: da 85 a R: 30 G: 32 B: 31
Raggruppa le forme dei passaggi 24, 25, 26 e 27. Per fare ciò, seleziona le forme e vai su Oggetto> Gruppo, quindi seleziona il gruppo e vai a Effetto> Distorci e Trasforma> Trasforma, inserisci le seguenti impostazioni: Copie: 2 Sposta, orizzontale: 35 px, lascia gli altri valori come predefiniti, fai clic su OK. Dopodiché vai su Effetto> Distorci e trasforma> Trasforma. Fare clic sul pulsante Applica nuovo effetto e immettere le seguenti impostazioni: Copie: 3 Sposta, Verticale: -27px, fare clic su OK.
Aggiungi le lettere e i numeri necessari sui pulsanti.
In una posizione sopra il display, crea un'ellisse con le dimensioni 81px per 43px e colore # 282A29, quindi vai a Oggetto> Crea mesh sfumata, inserisci le seguenti impostazioni: Righe: 4, Colonne: 5, fai clic su OK. Correggere i punti e il colore come mostrato nell'immagine qui sotto.
Crea un'ellisse nera 51 px per 27 px e posizionala al centro della forma precedente.
Con l'ellisse ancora selezionata, vai su Oggetto> Tracciato> Tracciato offset, imposta il Raggio su: -1px, fai clic su OK. Riempi la forma con un gradiente lineare con i colori da R: 98 G: 100 B: da 99 a R: 30 G: 32 B: 31. Infine aggiungi 3 cerchi neri come mostrato nell'immagine qui sotto.
Seleziona tutte le forme e vai su Oggetto> Gruppo.
Blocca il gruppo del telefono o disattivalo facendo clic sull'occhio davanti al gruppo. Crea un rettangolo di 288 px per 237 px e vai a Effetto> Stilizzazione> Angoli arrotondati e imposta il raggio su: 80 px, fai clic su OK e vai su Oggetto> Espandi aspetto. Dopodiché crea un altro rettangolo, questa volta più largo di quello precedente (mostrato nella foto sotto). Seleziona entrambe le forme, apri il pannello Pathfinder e fai clic sul pulsante Meno anteriore, correggi i punti chiave come mostrato nell'esempio.
Riempi l'ultima forma creata con Gradiente lineare. Per fare ciò, apri il pannello Gradiente (Finestra> Gradiente o Ctrl + F9). Hai bisogno di 3 cursori a gradiente. Da sinistra a destra applicare il colore R: 123 G: 27 B: 42, R: 125 G: 28 B: 43 e R: 87 G: 28 B: 43. Crea due forme rispetto alla precedente usando lo strumento Penna (P), riempiendole con un Gradiente lineare da bianco 100% a bianco 0%, applica un Gausiano sfocatura 25px. Seleziona la forma dal passaggio precedente, copialo usando Control + C seguito da Control + F, spostalo sulle forme che hai appena creato. Seleziona le forme appena create e la forma su cui le hai spostate e vai su Oggetto> Maschera di ritaglio> Crea (Control + 7).
Creare un'ellisse sulla forma precedente e riempirla con un gradiente lineare come mostrato nell'esempio seguente.
Copia l'ellisse con Control + C seguito da Control + F, spostalo di alcuni pixel verso l'alto, modifica la sfumatura su Radial con i colori dal grigio al nero, applica un'ombra esterna (Effetto> Stilizzazione> Sfuma ombra) e inserisci le seguenti impostazioni: Modalità: Normale, Opacità: 50%, X Offset 0px Y Offset: 5px, Colore: 6D6D6D.
Crea un'ellisse bianca e posizionala come mostrato nell'immagine sottostante, applica un Gausian Blur 25px e riduci l'opacità al 70%.
Sopra tutte le altre forme, crea un'ellisse nera Seleziona tutte le forme e raggruppale andando su Oggetto> Gruppo. Dai un'occhiata alla foto qui sotto per riferimento.
Rendi visibile il telefono e posizionalo sopra il gruppo creato in precedenza.
Con lo strumento Penna (P), creare una forma nera per coprire la parte inferiore del telefono.
Selezionare il gruppo di telefono e la forma creata nel passaggio precedente e aprire il pannello Trasparenza. Nell'angolo in alto a destra vedrai una freccia, fai clic su di essa, dal menu a discesa seleziona Crea maschera di opacità. Questo farà scomparire l'intero telefono, ma dobbiamo nascondere solo la parte inferiore, quindi con il pannello Trasparenza aperto, deselezionare Clip. In questo modo verrà nascosta solo la parte inferiore del telefono.
Con il gruppo di telefoni ancora selezionato (e il pannello Trasparenza ancora aperto), fare clic una volta sulla finestra maschera. In questo modo possiamo applicare una Gasian Blur solo al livello maschera. Dopo aver selezionato il livello maschera, vai su Effetto> Sfocatura> Sfocatura Gausian e imposta il Raggio su: 14px, fai clic su OK. Ora hai finito!
Per completare la tua illustrazione aggiungere uno sfondo, ho scelto un blu chiaro gratuito. Eccolo lì, un elegante telefono senza fili.
Accentsconagua