In questo tutorial ti mostrerò come creare uno scanner portatile usando le opzioni Strumento rettangolo (M), Strumento selezione diretta (A) ed Envelope, nonché alcuni modelli e sfumature per aggiungere dettagli più fini.
Crea un nuovo documento con la dimensione 600 x 600 px. Utilizzando lo strumento Rettangolo (M), crea un rettangolo con la dimensione di 583 x 119 px e il raggio degli angoli arrotondati di 15 px.
Mentre il rettangolo è selezionato vai su Effetto> Distorsione busta> Crea con Warp. Usa le seguenti impostazioni: Stile è impostato su Gonfia, Piega al 5% e fai clic su OK una volta fatto.
Mentre la forma è selezionata, usa lo Strumento selezione diretta (A), fai scorrere il punto in alto a destra e a sinistra 8px all'interno e fai scorrere i punti centrali a destra e a sinistra 5px.
Una volta fatto, vai su Oggetto> Espandi.
Duplica la forma e riempi la forma con un gradiente lineare.
Aggiungi un altro rettangolo sull'originale con lo Strumento rettangolo (M). Usando il pannello Pathfinder, selezionare Meno fronte e quindi riempire la nuova forma con un gradiente lineare come mostrato. Cambia il metodo di fusione su schermo e imposta l'opacità al 50%.
Seleziona il rettangolo che hai appena riempito con i colori sfumati grigi e vai su Oggetto> Tracciato> Tracciato offset. Impostare l'offset su -7px, fare clic su OK.
Sposta la forma che appare dopo aver applicato Offset sopra a tutti gli altri andando su Oggetto> Disponi> Porta in primo piano. Fai scorrere verso l'alto la forma 3px, modifica i colori del gradiente con quelli più scuri e applica il peso del tratto di 1px con il colore nero.
Duplica l'ultima forma ancora una volta, disattiva il colore di riempimento e riempilo con Pattern (USGS19 Land Inundation). Quindi vai su Modifica> Modifica colori> Inverti colori, cambia il metodo di fusione su schermo e imposta l'opacità al 40%.
Aggiungi un altro rettangolo sopra l'ultimo con lo strumento Rettangolo (M) e il pannello Elaborazione tracciati, riempilo con un gradiente lineare come mostrato, cambia il metodo di fusione da Normale a Schermo e imposta l'opacità al 70%.
Prendi lo strumento rettangolo (M), crea un rettangolo con dimensioni 478 x 88 px e angoli arrotondati con un raggio di 5 px.
Quindi vai su Oggetto> Espandi aspetto. Riempi il rettangolo con il colore nero e posizionalo in posizione come mostrato nell'immagine qui sotto.
Duplica la forma che si trova sotto la forma riempita di motivo, incollala sotto la forma del passaggio precedente e quindi seleziona la copia dal passaggio precedente.
Apri il pannello Pathfinder e fai clic su Intersect.
Duplica la forma dal passaggio precedente quindi con lo strumento Aggiungi punto di ancoraggio (+) aggiungi un punto chiave nella parte inferiore e quindi eliminalo.
Disattiva il colore di riempimento e applica un peso di tratto: 0,5 px, Profilo: Profilo larghezza 3 e sfumatura lineare come mostrato di seguito.
Utilizzando lo strumento Rettangolo (M), crea un rettangolo con dimensioni 467,5 x 40 px, colore R: 17 G: 16 B: 13, angoli arrotondati con raggio di 5 px.
Subito dopo vai su Oggetto> Espandi aspetto e posizionalo al centro della forma che hai riempito di colore nero.
Creare un altro rettangolo grande sopra quello precedente come mostrato di seguito.
Quindi seleziona il rettangolo con gli angoli arrotondati e quello appena creato. Aprire il pannello Pathfinder e fare clic su Meno fronte.
Duplica la forma del passaggio precedente e poi con lo strumento Aggiungi punto di ancoraggio (+) aggiungi un altro punto chiave nella parte inferiore della copia e subito dopo elimina il punto chiave. Disattiva il colore di riempimento e applica un peso di tratto: 0,5 px, Profilo: larghezza profilo 3 e sfumatura lineare come mostrato di seguito.
Aggiungi un altro rettangolo in posizione come mostrato di seguito, quindi con lo strumento Selezione diretta fai scorrere i due punti superiori del rettangolo all'interno finché la parte superiore non si trova sullo stesso livello della forma del passaggio precedente e riempila con un gradiente lineare come mostrato nella figura sotto.
Utilizzando lo strumento Rettangolo (M), crea un rettangolo con dimensioni 580 x 75 px con raggio degli angoli arrotondati di 10 px e posizionalo come mostrato di seguito.
Mentre il rettangolo su cui hai arrotondato gli angoli nel passaggio precedente è selezionato vai a Oggetto> Distorsione busta> Crea con Warp. Effettuare le seguenti impostazioni: Stile: Gonfia, Piega: 3%, fai clic su OK e subito dopo vai su Oggetto> Espandi aspetto.
Riempi la forma che hai appena creato con R: 37 G: 36 B: 32 colori.
applica Colore tratto con peso: 0.5 px, riempilo con un gradiente lineare come mostrato di seguito e invia la forma dietro a tutti gli altri con Oggetto> Disponi> Invia a Indietro.
Aggiungere la parte più bassa dello scanner allo stesso modo, riempirla con colori a gradiente lineari R: 30 G: 29 B: 24 a R: 31 G: 31 B: 31.
Invia la forma dietro a tutti gli altri con Oggetto> Disponi> Porta in secondo piano.
Aggiungere anche i due cerchi dello scanner come mostrato di seguito, riempirli con il colore nero e inviarli nuovamente dietro tutte le altre forme.
Aggiungi il testo necessario nella parte superiore dello scanner come mostrato (Oggetto> Espandi).
Riempilo con una sfumatura lineare, quindi vai a Effetto> 3D> Ruota, esegui le impostazioni come mostrato e fai clic su OK.
Stiamo per aggiungere il pulsante dello scanner. Usando lo Strumento Rettangolo (M), crea un rettangolo con dimensioni 42,75 x 21,75 px, quindi arrotonda gli angoli andando su Effetto> Stilizzazione> Angoli tondi. Imposta il raggio su 2px, fai clic su OK e subito dopo vai su Oggetto> Espandi aspetto. Quindi riempire con un gradiente lineare come mostrato di seguito e posizionare il rettangolo sul lato destro dello scanner.
Mentre il rettangolo che hai appena riempito con il gradiente lineare viene selezionato vai a Oggetto> Tracciato> Tracciato offset. Impostare l'offset su -1px, fare clic su OK e cambiare il colore in nero per la nuova forma visualizzata dopo l'applicazione dell'offset.
Poiché la forma che hai riempito di colore nero è ancora selezionata di nuovo, vai su Oggetto> Percorso> Percorso offset. Impostare l'Offset su -2px, fare clic su OK e riempire con un gradiente lineare come mostrato di seguito:
Ora aggiungi il simbolo che ti piace al pulsante. Ho creato un cerchio che ho aggiunto due punti chiave in alto a destra e a sinistra, quindi ho eliminato il punto in alto, applicato Colore tratto 1px con colore bianco. Ho anche aggiunto una linea nel mezzo del cerchio con lo strumento Penna (P).
Con lo strumento Penna (P) aggiungi le forme sul lato destro del cerchio con Stroke Colour Weight 1px e colore bianco come mostrato sotto.
Aggiungi il pulsante di illuminazione con un bagliore esterno. Per farlo, crea un rettangolo in posizione come mostrato di seguito, riempilo con un gradiente lineare e applica Bagliore esterno come mostrato nell'immagine qui sotto.
Raggruppa tutte le forme create in questo passaggio andando su Oggetto> Gruppo e quindi vai a Effetto> 3D> Ruota. Fai le stesse impostazioni che hai usato per creare il testo sullo scanner:
Utilizzando lo strumento Penna (P), creare la forma che rappresenterà il foglio di carta e riempire con il gradiente lineare come mostrato di seguito.
Aggiungi un'altra forma sotto quella precedente come mostrato e riempila con un gradiente lineare.
Aggiungi il testo desiderato sul foglio di carta quindi vai a Effetto> 3D> Ruota e aggiungi prospettiva al testo eseguendo le impostazioni come mostrato di seguito.
Raggruppa le forme che rappresentano il foglio di carta e il testo su di esso andando su Oggetto> Gruppo.
In questo passaggio aggiungeremo una maschera per nascondere questa parte del foglio che non dovrebbe essere visibile. Per fare ciò creare un rettangolo con il colore nero su questa parte del foglio di carta che non sarà visibile.
Ora seleziona la forma che verrà utilizzata come maschera e il gruppo del foglio di carta, apri il pannello Trasparenza e fai clic su Crea maschera. Quindi fare clic sul segno di spunta accanto a Clip per deselezionarlo.
Ora aggiungi l'ombra dello scanner sul foglio o sulla carta come mostrato di seguito e con questo abbiamo finito.
E alla fine puoi aggiungere lo sfondo e l'ombra allo scanner nel modo desiderato. Di seguito è il risultato finale.