Share
Shopping per una nuova icona? Non guardare oltre. Scopri come creare un'icona personalizzata per il carrello della spesa per il tuo prossimo progetto di web design. Combineremo le qualità 3D con un aspetto piatto. Avrai bisogno di una solida comprensione degli strumenti di Adobe Illustrator per completare questo tutorial.
Di seguito è riportato il progetto finale su cui lavoreremo.
Inizia selezionando lo strumento Rettangolo (M) e disegnando un rettangolo con un tratto di 4 pt. Assicurati di utilizzare un colore chiaro per il tratto in modo da poter vedere cosa stai facendo quando applichi l'effetto 3D. Non applicare un riempimento al rettangolo.
Vai a Effetto> 3D> Estrusione e smusso. Dai alla tua forma una rotazione per l'asse X, Y e Z 'e una profondità di estrusione di circa 16. Fai clic su OK. Copia e incolla questa forma da utilizzare per il passaggio successivo.
Nella tavolozza Aspetto fai doppio clic su 3D Extrude & Bevel. Immettere una profondità di estrusione molto più alta e fare clic su OK.
Metti le forme una sopra l'altra e rendi la forma superiore o inferiore leggermente più piccola o più grande dell'altra. In questo modo puoi dire che ci sono due forme che comprendono il cestino. Ecco come dovrebbe essere la tua opera d'arte al momento.
Per manipolare ulteriormente la forma dovrai prima andare su Oggetto> Espandi aspetto. Utilizzando lo strumento Selezione diretta (A), trascinare per selezionare i punti come evidenziato di seguito. Sposta leggermente verso l'interno i punti in modo che l'intero cestino sia un po 'più sottile in basso.
Assicurati di spostare anche i punti attorno al bordo superiore del cestino.
Applicheremo una sfumatura dal blu al nero nel nostro carrello. Quando lavori con il nero, assicurati di usare un nero con valori zero per R, G e B. Questo ti darà un nero molto più ricco.
Seleziona la faccia del carrello e vai su Oggetto> Tracciato> Tracciato offset. Immettere circa -10 e fare clic su OK. Ciò creerà un'area interna con le stesse proporzioni della forma più grande. Possiamo quindi applicare due colori diversi alle forme per dare al cestino più interesse visivo.
Dare all'altra faccia del cesto lo stesso trattamento del percorso di offset.
Se vuoi che le sfumature siano coerenti su più forme, assicurati di selezionare entrambe le forme contemporaneamente. Ho creato l'aspetto di una superficie molto riflettente cambiando bruscamente il colore nel gradiente. Ottenere una riflessione realistica richiederà alcuni esperimenti.
Seleziona l'area interna sulla faccia del carrello e vai a Modifica> Modifica colori> Regola bilanciamento colore. Immettere 5 per ciascun valore e fare clic su OK. Questo renderà il colore blu più leggero del 5% sull'area selezionata e darà l'impressione di un sottile cambiamento nella superficie dell'oggetto.
Ecco come sarà la tua opera d'arte in questo momento.
Continua a dare il resto dei gradienti del cesto. Osserva come l'aspetto riflettente non sia troppo esagerato. Tendo a dare ad ogni faccia del cestino non più di un brusco cambiamento di colore. Ma naturalmente, le regole sono state fatte per essere infrante. Continua a provare diversi angoli e intensità di colore finché non ti sembra giusto. Notare anche come l'interno del cesto non faccia molto uso di un riflesso, solo un gradiente da scuro a chiaro.
Fare i buchi che tagliano il cesto è più facile di quanto tu possa pensare. Usando lo strumento Penna (P), disegna una forma come quella qui sotto. Assicurati di seguire le linee del cestino. Fondamentalmente, assicurandoti che le tue linee superiori siano parallele alla parte superiore e inferiore del cesto e le tue linee laterali siano parallele ai lati del cestello.
Copia e incolla la forma e la sovrapponi come mostrato di seguito. Nel Pathfinder selezionare Sottrai da Area forma seguito da Espandi.
Rimarrai con una forma che assomiglia al bordo di una finestra.
Poiché la forma della finestra principale è ancora negli appunti, premi Opzione + F per incollare la forma della finestra esattamente da dove l'hai copiata. Ora puoi usare questa forma per creare le altre finestre. Poiché la forma del cestello si assottiglia verso il basso, è necessario regolare ogni finestra in modo uniforme per renderli corretti. Usa lo strumento selezione diretta per regolare ogni forma della finestra.
Disegna le finestre sull'altra faccia del cestino.
Seleziona ogni forma della finestra sulla faccia di un lato del cesto e dai loro una sfumatura da marrone a nero contemporaneamente. Questo garantirà che il gradiente sia uniforme e coerente su tutte le finestre.
Per fare in modo che le scatole che entrano nel cesto prima disegnino una forma quadrata.
Vai a Effetto> 3D> Estrusione e smusso. Inserire le variabili sottostanti e fare clic su OK.
Copia e incolla le scatole un paio di volte e modifica la profondità di Estrusione per ottenere diverse altezze di scatole.
Per continuare a lavorare con le caselle, è necessario espanderle andando in Oggetto> Espandi aspetto. Molto importante: separa tutte le caselle finché non riesci più a separarle. Per separare le caselle vai su Oggetto> Separa.
Quindi, ruotare le caselle in modo che siano tutte su angoli leggermente diversi. Dare loro un gradiente marrone caldo assicurandosi di variare la luminosità di ciascun lato della scatola per creare un aspetto più realistico.
Aggiungi un po 'più di dettagli copiando e incollando la parte superiore della scatola e usando lo Strumento selezione diretta per rimodellare l'oggetto in modo che assomigli a un pezzo di nastro. Riempi la forma con il bianco e regola Opacità nella palette Trasparenza a circa il 10%.
Vai su Oggetto> Percorso> Offset Path e inserisci -5 quindi fai clic su OK.
Seleziona la forma interna e regola la sfumatura in modo che non si fonda con l'altra forma dietro di essa.
Un modo rapido per far sembrare che le scatole siano all'interno del cestino è applicare una maschera di ritaglio alle stesse.
Usando lo strumento Penna traccia una linea dove si trova la linea tratteggiata. La tua linea non avrà bisogno di un colore di riempimento o di traccia. La linea rossa sotto è solo per la rappresentazione.
Assicurati che la forma che hai appena disegnato sia di fronte alle scatole. Seleziona tutte le caselle e seleziona la forma della maschera, quindi vai a Oggetto> Maschera di ritaglio> Crea. Le tue scatole sembreranno istantaneamente come se fossero all'interno del carrello!
Se desideri modificare ulteriormente il colore o la forma delle caselle, fai doppio clic su di esse per accedere alla modalità Isolamento (Illustrator CS3 e versioni successive) e regolale a tuo piacimento.
Crea alcuni punti salienti sul carrello disegnando prima una forma di base con lo strumento Penna. Vai a Effetto> Sfocatura> Sfocatura gaussiana e inserisci una variabile che ti sta bene.
Copia e incolla tutti gli elementi fino ad ora. Seleziona la copia appena creata e nella tavolozza dell'opzione seleziona Aggiungi all'area forma seguita da Espandi.
Dare a questa forma un tratto spesso. Imposta i tappi su Arrotonda e Unisci come evidenziato di seguito. Successivamente conferisci alla forma un'ombreggiatura andando su Effetto> Stilizzazione> Sfalsa ombra.
Metti la forma dietro a tutto il resto.
Puoi facilmente trasformare questa icona in un set cambiando le finestre in una sfumatura dal blu al nero e facendo una freccia fuori da un triangolo e una forma quadrata.
Eccolo, le icone del cestino della spesa finale.
Accentsconagua