Share
Cosa starai creandoIn questo tutorial passeremo attraverso la creazione di un'elegante custodia per smartphone con un gufo colorato e dettagliato. Lavoreremo con i gradienti per creare una tavolozza di colori vivaci, utilizzare lo strumento di fusione per semplificare il processo di creazione delle piume e aggiungere alcune mesh e altri effetti per dare al nostro caso un aspetto completo. Iniziamo!
Per prima cosa, dobbiamo conoscere le dimensioni del nostro caso futuro. In questo tutorial creeremo una custodia per iPhone 6, ma puoi utilizzare le dimensioni di qualsiasi altro dispositivo. Ho cercato "modello di caso iPhone 6" e ho trovato alcuni siti Web che forniscono modelli di dimensioni reali nei formati di Photoshop e Illustrator. Differiscono un po ', a seconda del sito web, ma per lo più sembrano abbastanza simili. Ad esempio, puoi ottenere un modello per iPhone 6 o per Phone 6+ e utilizzarlo per creare il tuo progetto da stampare sul caso reale in un secondo momento.
Ho usato questo modello semplice (puoi trovare la versione * .psd nell'allegato a questo tutorial) per dipingere uno schizzo, in base alle dimensioni del modello.
Ho fatto questo schizzo proprio sopra il modello. Ricordati di mantenere tutti gli elementi principali della nostra immagine, come occhi, becco e il viso stesso, nell'area visibile della custodia, più vicino al centro. Rendi simmetrico lo schizzo del tuo gufo disegnandone solo una parte e poi ruotandola orizzontalmente. Ciò farà risparmiare un sacco di tempo e sembrerà più coeso e pulito.
File> Luogo il tuo schizzo in Adobe Illustrator e trasformalo in un modello facendo doppio clic sul livello dello schizzo.
Inizia facendo una linea verticale con il Strumento Linea (\) o con il Strumento penna (P). Aggiungi il punto di ancoraggio nel mezzo della linea con il Aggiungi strumento Punto di ancoraggio (+) e trascinalo a sinistra con il Strumento di selezione diretta (A). Scambia riempimento e traccia (Shift-X) colori, formando così la parte sinistra del becco.
Utilizzare il Rifletti strumento (O) per rispecchiare il becco sull'asse verticale e Unire entrambe le parti in esploratore per formare una singola forma. Prendi il Mesh Tool (U) e fare clic nel centro della forma creata per creare una riga e una colonna incrociate. Fare clic sulla linea orizzontale per creare più colonne e rendere i bordi del becco più scuri selezionando i punti di ancoraggio del bordo con il Strumento di selezione diretta (A) e riempiendoli di arancio più scuro, aggiungendo così dimensione al becco.
Aggiungi altre colonne con il Mesh Tool (U) e rendere la parte centrale del becco più luminosa selezionando i punti di ancoraggio lungo la linea verticale centrale e riempiendoli di colore giallo. Sposta i punti di ancoraggio più bassi intorno per ottenere un effetto più realistico per il becco dell'uccello, come nella schermata qui sotto.
Formiamo le narici. Crea un'ellisse con il Strumento ellisse (L) e riempire con gradiente radiale da arancione brillante a marrone scuro, formando la profondità. Posiziona due ellissi nella parte superiore del becco, raffigurante le narici.
Dobbiamo aggiungere alcuni dettagli per rendere il nostro becco più interessante e realistico. Crea un'ellisse più grande sotto la narice e riempi con un gradiente lineare arancio-nero. Cambia il Modalità di fusione a Schermo, trasformandolo in un punto culminante.
Prendi il Pencil Tool (N) e aggiungi altri punti salienti al nostro becco, usando le stesse sfumature arancio-nere e Modalità di fusione schermo.
Ecco come appare il becco ora.
Prima di tutto, renderemo l'area intorno agli occhi e poi inizieremo ad aggiungere piume intorno ad essa riga per riga. Forma un cerchio uniforme con il Strumento ellisse (L) tenendo premuto il tasto Cambio pulsante e riempirlo con sfumatura lineare dorata da arancione a giallo. Aggiungi un cerchio più piccolo sopra e riempilo con il colore blu. Inviare entrambi i cerchi indietro (Shift-Control- [), sotto il becco.
Dividiamo il cerchio dorato in parti per renderlo più dettagliato. Inizia facendo una linea verticale con il Strumento Segmento di linea (\) e posiziona a destra al centro del cerchio dorato, facendo il cerchio d'oro a Oggetto chiave cliccandolo mentre si tiene premuto il tasto alt chiave e quindi utilizzando il Centro allineamento orizzontale funzione del Allineare pannello.
Mantenendo selezionata la linea, fare doppio clic su Ruota strumento (R) per chiamare la finestra delle opzioni pop-up. Impostare il Angolo valore a 360/20, in modo che Adobe Illustrator possa calcolare automaticamente l'angolo necessario per 20 copie del nostro oggetto. stampa Control-D più volte per ripetere la nostra ultima azione e creare tutte le copie necessarie.
Ora possiamo selezionare tutte le linee create e il cerchio d'oro e tagliarlo a pezzi come la torta della nonna con l'aiuto di Dividere funzione nel esploratore pannello. Utilizzare il Strumento sfumatura (G) riposizionare il gradiente lineare per ciascun pezzo, creando un effetto interessante.
Iniziamo a formare le piume! Secondo il nostro abbozzo iniziale, il gufo avrà un piumaggio blu raggiante. Ci atteniamo a questa tavolozza di colori, scegliendo i colori dallo schizzo con il Strumento Eyedropper (I) e creando un cerchio uniforme con il Strumento ellisse (L), riempiendolo con una sfumatura lineare vivida dal blu scuro in alto al blu più chiaro nella parte inferiore.
Trascina verso il basso il punto di ancoraggio inferiore usando il Strumento di selezione diretta (A) per dare al cerchio una forma a uovo rovesciata. Finalmente, copia la forma, Incolla davanti (Control-C> Control-F) e rendi la copia leggermente più piccola e i colori un po 'più leggeri.
Duplica la forma inferiore due volte e sposta una delle copie verso l'alto un po '(mostrata in rosso nello screenshot). Seleziona la copia sostituita e quella sotto di essa e usa il Fronte meno funzione del esploratore pannello per tagliare i pezzi indesiderati, lasciando solo una stretta parte a forma di mezzaluna sulla punta della nostra piuma. Riempi questa parte con una leggera sfumatura blu-lilla.
Ora che la nostra piuma è pronta, facciamolo gruppo (Control-G) tutte le sue parti e fare una copia della piuma, mettendolo da parte a una certa distanza. Tenendo entrambe le piume selezionate, vai a Oggetto> Miscela> Crea e poi a Oggetto> Miscela> Opzioni di fusione (oppure fai doppio clic sul Strumento di fusione (W) nel Utensili pannello). Impostare il Spaziatura a Passi specificati con valore uguale 20, creando così una fila di penne che si ripetono.
Prendi il Pencil Tool (N) e disegna una linea arrotondata lungo il bordo del cerchio dorato. Seleziona sia la linea che il gruppo di miscelazione e vai a Oggetto> Miscela> Sostituisci colonna vertebrale. Grande! Ora abbiamo una fila regolare di penne che corrono lungo l'area del cerchio.
Disegna una linea arcuata più grande con il Strumento matita (N), e quindi duplicare il nostro primo gruppo di piume e riapplicare il Sostituisci la colonna vertebrale effetto su una nuova curva, formando così la seconda fila.
Posiziona le piume create sotto il primo gruppo (Controllo-[) e aggiungi la riga successiva nello stesso modo. È possibile fare doppio clic sulla riga per inserire il Modalità di isolamento e modifica separatamente le penne iniziali del gruppo di fusione. Ad esempio, facciamo più grande la piuma superiore e quella più piccola più piccola. Tutte le altre piume tra di loro cambieranno gradualmente anche le loro dimensioni.
Continua a formare nuove file di piume, creando un piumaggio soffice variando le dimensioni di alcune piume, rendendo le piume nelle file inferiori molto più grandi di quelle intorno all'occhio.
Confronta i moduli creati con lo schizzo iniziale e usa il Rifletti strumento (O) per capovolgere le parti create sul Asse verticale, formando la seconda metà del nostro gufo.
Ora che il piumaggio è formato, rendiamo i colori più diversi. Seleziona uno dei gruppi di piume che si fondono nella parte inferiore del gufo e questa volta forma la prima piuma nel gruppo lilla brillante e riempi la seconda con una leggera sfumatura dal viola al blu. I colori delle altre piume nel gruppo verranno regolati automaticamente, formando una sfumatura uniforme all'interno del gruppo di fusione.
Applica nuovi vivaci colori alle file inferiori di piume su entrambi i lati del nostro gufo.
Oggetto> Miscela> Espandi tutte le righe per trasformare i gruppi di fusione in gruppi di oggetti separati. Ora possiamo selezionare piume separate e renderle più luminose con l'aiuto di Ricolora opere d'arte funzione, che si trova nel pannello di controllo superiore. Seleziona piume casuali attorno all'area degli occhi e apri il Ricolora opere d'arte finestra delle opzioni. Vai a modificare, premere sull'icona della catena su Collega i colori dell'armonia e impostare il colore valore a 185, Saturazione a 70 e Luminosità a 100, rendendo le piume selezionate più chiare.
Aggiungi qualche piuma più lilla qua e là per rendere l'immagine più diversificata. Forma la pancia del gufo creando un'ellisse con il Strumento ellisse (L) e riempendolo con una sfumatura radiale dall'arancio più scuro ai bordi al giallo brillante al centro. Speckle piccole piume su tutta la pancia, riempiendole con gli stessi colori dei punti salienti del becco del gufo e passando a Modalità di fusione schermo.
Aggiungiamo alcuni elementi swirly alla testa del gufo per renderlo più complicato. Disegna una curva liscia con il Pencil Tool (N), seleziona il suo punto di ancoraggio inferiore con il Width Tool (Shift-W) e trascina per allargare l'intera forma.
Oggetto> Espandi Aspetto della linea e utilizzare il Strumento di selezione diretta (A) per spostare i punti di ancoraggio della forma creata, dandogli un aspetto a spirale contorta. Riempi la forma con una sfumatura dorata, la stessa che abbiamo nella zona degli occhi.
Disegna altri due vortici nella forma dorata con il Pencil Tool (N). Seleziona tutti e tre gli oggetti e Dividere Loro dentro esploratore per dividere la forma dorata in tre parti separate.
Cambia la direzione dei gradienti lineari per ogni pezzo con il Strumento sfumatura (G), rendendo la forma più tridimensionale e realistica.
Posiziona le corna d'oro create sopra la testa del gufo e circondali di piume. Aggiungi delle penne ad arco più grandi nella parte superiore della testa, trasformandole con l'aiuto di Effetto deformato. A questo scopo, seleziona una piuma e vai a Effetto> Ordito> Arco, impostando il Curvatura verticale valore a 50%. Espandi Aspetto se sei soddisfatto del risultato per applicare l'effetto.
Per rendere il processo di creazione semplice e veloce, useremo i vantaggi di Aspetto pannello. Inizia facendo un cerchio uniforme e riempilo con sfumatura radiale dal bianco al centro al grigio più scuro sul bordo. Verrà visualizzato come il Riempire nel Aspetto pannello.
Aggiungi nuovo riempimento nel Aspetto pannello e applicare un vivido gradiente radiale dal giallo brillante all'arancio. Sposta il centro del gradiente più vicino alla parte superiore del cerchio.
Mantenere il nuovo giallo Riempire selezionato nel Aspetto pannello, Aggiungi un nuovo effetto e selezionare Converti in forma> Ellisse.
Nel pop-up Opzioni di forma menu, ridurre il Assoluto dimensione del Riempire, impostando il suo Larghezza e Altezza a 20 px (o un altro valore che rende il cerchio giallo più piccolo di quello grigio). Torna al grigio Riempire, selezionalo nel Aspetto pannello e modifica la sfumatura, rendendo l'area bianca più grande e spostando il grigio più vicino al bordo.
Duplica il giallo Riempire nel Aspetto pannello e cambia il colore della copia in sfumatura lineare da giallo a rosa acceso. Impostare il Opacità del lato giallo a 0% e il Opacità dal lato rosa a 60% nel Pendenza pannello. Schiaccia il gradiente con l'aiuto di Strumento sfumatura (G) e fallo coprire la parte superiore del giallo Riempire.
Se desideri aggiungere più bagliore agli occhi, aggiungine un altro Riempire sopra quello giallo e riempirlo con una sfumatura radiale da giallo trasparente a giallo brillante, creando un anello luminoso e luminoso attorno all'iride.
Circonda l'occhio con piccole penne turchesi e aggiungi riflessi agli occhi, riempiendoli di sfumature da nero a blu e passando a Modalità di fusione schermo.
Creiamo una fronte stravagante per rendere l'aspetto del gufo più serio. Disegna una forma a mano libera con il Pencil Tool (N) e riempilo con gradiente rosa dall'aspetto gustoso. Dividi la forma in due parti nello stesso modo in cui facevamo con il corno dorato, e modifica il colore di riempimento della parte inferiore, rendendola una sfumatura arancione-rosa.
Aggiungi alcuni punti salienti sulla parte superiore della forma, passando a Modalità di fusione schermo.
Posiziona la fronte sopra l'occhio e modifica le piume, rendendole più luminose con il Ricolora opere d'arte opzione.
Rendiamo il nostro gufo più tridimensionale aggiungendo ombre per separare le file di piume l'una dall'altra. Seleziona un gruppo di piume, copia e Incolla sul retro (Control-C> Control-B). Unire le parti della copia in esploratore, trasformandolo in una singola silhouette.
Riempi la silhouette creata con un gradiente lineare da bianco a viola e passa a Modalità di fusione multipla, creando così un'ombra sottile.
Aggiungi più ombre tra i gruppi di piume e intorno agli occhi, usando la stessa tecnica.
Ora possiamo File> Luogo il modello della custodia dell'iPhone nel nostro file e aggiungi delle piume aggiuntive ai bordi, coprendo gli spazi vuoti. Ricorda di tenere la faccia del gufo al centro del modello. Aggiungi uno sfondo marrone scuro sotto il gufo con il Strumento rettangolo (M) per riempire lo spazio vuoto sopra la sua testa.
Regola la dimensione del nostro tavola da disegno in base alle dimensioni del modello con l'aiuto di Strumento tavola da disegno (Shift-O). Uno dei vantaggi della grafica vettoriale è la possibilità di ridimensionare la grafica e di impostare una dimensione più volte più piccola dell'originale e quindi giusta Esportare con le dimensioni necessarie (ad esempio, 300 dpi per la stampa).
Nascondiamo le parti indesiderate che stanno attraversando i bordi della nostra tavola da disegno per rendere il nostro lavoro più ordinato e pulito. Copia il rettangolo di sfondo e Inviare esso di fronte, posizionandolo sopra tutti gli altri oggetti (Shift-Control-]). Seleziona tutti gli elementi creati, incluso il rettangolo superiore, premi il tasto tasto destro del mouse e scegliere Crea maschera di ritaglio nel menu a discesa.
Ora possiamo provare a caricare il nostro design su vari siti web che offrono la stampa della custodia per iPhone e scegliere quello più adatto.
Il nostro design del case iPhone 6 radiant owl è pronto! Spero ti sia piaciuto seguire questo tutorial e ho trovato alcuni utili suggerimenti e trucchi sull'utilizzo dello strumento di fusione e di altre funzioni di Adobe Illustrator. Buona fortuna per creare i tuoi eleganti e eleganti custodie per smartphone!
Accentsconagua