In questo tutorial impareremo come creare un set di icone gemme semplici e alla moda in stile piatto in Adobe Illustrator! Usando le forme di base e le modalità di fusione, faremo brillare e brillare le nostre gemme preziose. Non hai bisogno di particolari abilità o dispositivi di disegno, quindi iniziamo!
Avvia Adobe Illustrator e crea un Nuovo documento (Control-N) di 600 x 600 pixel, nel Modalità colore RGB.
Per comodità, useremo Guide del righello. Appena clicca-hold sul Righelli (Control-R) e trascina le linee guida sulla tavola da disegno. Allinearli al centro della tavola da disegno usando il Allineare pannello.
Ora possiamo iniziare a creare il nostro diamante! Inizieremo con la sua parte inferiore. Utilizzare il Strumento Poligono con 3 lati per creare un triangolo. Impostare il Raggio a 150 pixel e posiziona la tua forma come mostrato nello screenshot qui sotto.
Duplica il tuo triangolo e schiaccia la copia tenendo premuto il tasto alt chiave e spostando uno dei suoi lati più vicino al centro.
Vai avanti e crea la parte superiore del nostro diamante aggiungendo un rettangolo con il Strumento rettangolo (M).
Prendi il Strumento di selezione diretta (A), selezionare il punto di ancoraggio in alto a destra e spostarlo più vicino al centro (tenere premuto) Cambio tasto per spostare il punto in senso orizzontale). Ripeti le stesse mosse per il punto di ancoraggio in alto a sinistra del rettangolo. La nostra forma di diamante diventa sempre più riconoscibile!
Facciamo la parte superiore del nostro diamante più dettagliato! Inizia aggiungendo un altro rettangolo, inscritto nel centro della parte superiore. Forma una piccola forma triangolare all'interno della forma appena creata e usa il Rifletti strumento (O) per specchiarlo sull'asse orizzontale.
Ora possiamo colorare il nostro diamante e farlo brillare! Useremo la seguente palette:
Per tua comodità, usa il Strumento Eyedropper (I) e scegli i colori direttamente dallo screenshot o usa i codici colore RGB elencati qui.
Inizia a colorare dalla parte inferiore e passa gradualmente a quelli in alto. Riempi la forma triangolare inferiore con il colore celeste (R = 173, G = 230, B = 255) e la parte superiore con il blu più chiaro (R = 208, G = 239, B = 252). Riempi quelle forme in cima con il bianco puro e riduci leggermente la trasparenza degli oggetti impostando il Opacità valore a 50%, rendendo così il diamante più realistico e luminoso.
Varia l'opacità di ogni elemento per enfatizzare i diversi bordi della gemma.
Facciamolo brillare! Prendi il Star Tool e creare a 4 punte stella semplice Regola la nitidezza dei suoi angoli e la lunghezza dei suoi raggi tenendo premuto il tasto Premuto il tasto Control mentre realizzi l'oggetto. Crea un'altra stella sulla prima e ruotala su 45 gradi usando il Ruota strumento (R).
Cambia il colore di riempimento della nostra scintilla in bianco. Fai diverse copie della scintilla e posizionale sulla gemma, giocando con le loro dimensioni.
Ora dobbiamo aggiungere una forma di icona di base come sfondo. Crea una cerchia usando il Strumento ellisse (L) e riempirlo con un gradiente lineare dal viola scuro (R = 95, G = 61, B = 129) in basso a lilla (R = 195, G = 125, B = 207) sulla cima.
L'ultima, ma non meno importante, è quella di rendere popolare tra gli effetti grafici in stile piatto di una lunga ombra. Inizia formando un rettangolo di qualsiasi colore con il Strumento rettangolo (M). Ruotarea 45 gradi e allinea il suo lato con il bordo destro del tuo diamante.
Posiziona l'oggetto sotto il diamante (Controllo-[) per nascondere qualsiasi parte non necessaria di esso. Seleziona sia il cerchio dello sfondo che la forma del rettangolo e usa il Strumento di creazione forme (Shift-M) per eliminare la parte non necessaria facendo clic su di essa, mentre si tiene premuto il tasto alt chiave. Infine, riempi la forma con un gradiente lineare dal blu grigiastro (R = 154, G = 176, B = 197) al bianco. Cambia il Modalità di fusione a Moltiplicare,formando così un'ombra, gettata dal nostro diamante.
La nostra icona diamante è pronta! Passiamo alla prossima gemma!
Inizia formando un quadrato con il Strumento rettangolo (M) e ruotarlo a 45 gradi.
Prendi il Strumento Segmento di linea (\), crea due linee di incrocio diritte e posizionale proprio al centro del quadrato. Seleziona tutto e usa il Dividere funzione nel esploratore pannello per dividere il quadrato in quattro sezioni separate.
Ora possiamo riempire ogni parte con colori diversi per enfatizzare le sfaccettature della nostra gemma. Ho usato la seguente palette per il rubino:
Abbiamo bisogno di aggiungere più riflessi e riflessi al nostro rubino per mostrare la sua struttura di vetro. Per questo scopo, copia e incolla davanti (Control-C> Control-F) la sezione in alto a destra del rubino e la rende leggermente più piccola della forma originale. Riempi la nuova copia con sfumatura lineare da giallo polveroso (R = 209, G = 181, B = 96) per oscurare e passare alla modalità di fusione Schermo, in questo modo creando un punto culminante. Utilizzare il Rifletti strumento (O) per rendere la copia specchiata del momento saliente dall'altra parte della nostra gemma.
Continua ad aggiungere piccoli dettagli al nostro rubino, rendendolo più dimensionale. Metti un quadrato più piccolo, ruotato a 45 gradi, in cima alla gemma e allinearla al centro dell'immagine. Riempi la nuova forma con sfumatura lineare dal rosa più scuro (R = 228, G = 20, B = 64) al rosa-rosa (R = 225, G = 107, B = 126) colore. Infine, decorare il nostro rubino con alcune stelle scintillanti che abbiamo creato in precedenza per il diamante.
Metti il rubino su un cerchio, pieno di sfumatura lineare dal verde più scuro (R = 81, G = 163, B = 37) accendino giallo-verde (R = 201, G = 230, B = 85), e forma una bella lunga ombra per conferire all'icona un popolare aspetto di design piatto.
L'icona di rubino è finita! Preparati per il prossimo, sarà ancora più divertente!
Prendi il Strumento rettangolo arrotondato e creare una forma di circa 233 x 233 dimensione dei pixel e Raggio dell'angolo impostato 30 pixel. Utilizzare il Converti strumento punto di ancoraggio (Shift-C), cliccando sui punti di ancoraggio uno per uno, per convertirli in angoli(o usa semplicemente il Converti i punti di ancoraggio selezionati nell'angolo funzione nel pannello di controllo sopra per trasformare tutti i punti contemporaneamente). Ora abbiamo un quadrato con gli angoli tagliati.
Andare avanti e aggiungere più sfaccettature alla nostra gemma preziosa. Utilizzare il Strumento Poligono per creare un triangolo, trasformarlo e posizionarlo in modo che l'angolo più acuto sia rivolto verso il centro delle tavole da disegno, come mostrato nello screenshot.
Utilizzare il Rifletti strumento (O) per riflettere e copiare le sfaccettature su tutti i lati della forma di base smeraldo.
Applicare un delicato gradiente lineare dal verde scuro (R = 21, G = 155, B = 24) a verde erba più brillante (R = 143, G = 220, B = 46) alla forma di smeraldo di base e riempire le sfaccettature con sfumature di verde grigiastro (R = 148, G = 199, B = 65) al nero, passando a Schermo modalità.
Facciamo in modo che la nostra gemma sia più modellata. Forma un altro triangolo sopra altre parti dello smeraldo, girando il suo angolo al centro della tavola da disegno. Elimina le parti non necessarie usando il Strumento di creazione forme (Shift-M) e ridimensiona la nuova forma, rendendola leggermente più piccola della base smeraldo.
Ora possiamo riempire la nuova forma con lo stesso gradiente lineare delle faccette e attivarla Schermo modalità (o semplicemente usa il Strumento Eyedropper (I) con le sue impostazioni predefinite per selezionare l'aspetto dell'oggetto necessario). Duplica questa forma per posizionare la copia nella parte superiore della nostra gemma.
Duplica la forma di smeraldo di base e riordina la sua posizione, portando esso in primo piano (Shift-Control-]) e posizionando sopra tutti gli altri oggetti. Passa il colore di riempimento al gradiente lineare dal verde pallido (R = 201, G = 235, B = 120) al verde più scuro-verde (R = 83, G = 192, B = 44). Infine, aggiungi delle scintille per rendere la nostra gemma lucida e attraente.
Aggiungi un tocco finale all'icona formando un cerchio, riempito con sfumatura lineare dal rosa più scuro (R = 247, G = 62, B = 87) per accendino Barbie-rosa (R = 255, G = 132, B = 185) e disegna una lunga ombra. Ora hai finito con lo smeraldo! È ora di passare alla prossima gemma.
Useremo il Strumento Poligono di nuovo per fare una forma base di circa 130 pixel dimensione, ma questa volta impostare il lati quantità a 8, formando così un ottagono. Ruota, se necessario, in modo che gli angoli siano allineati con il Guide. Creare una linea retta con il Strumento Segmento di linea (\) e usa il Ruota strumento (R), impostando il Angolo valore a 45 gradi e colpendo il copia pulsante per duplicare la linea.
Continua a fare copie della linea con il Rifletti strumento (O) così che attraversano ogni angolo dell'ottagono formando un mazzo di raggi stilizzati, convergenti nel centro. Infine, seleziona le linee e l'ottagono e usa il Dividere funzione nel pannello Pathfinder per separare l'oggetto.
Ora la parte facile! Basta selezionare ogni fetta del nostro ottagono, uno per uno, e riempirlo con varie sfumature di blu. Ecco la mia tavolozza, i colori sono stati applicati in sequenza, spostando in senso orario.
Completa il rendering del nostro zaffiro mettendo in alto l'ottagono più piccolo e riempiendolo con un gradiente lineare dal celeste chiaro (R = 183, G = 238, B = 255) al blu più scuro (R = 38, G = 183, B = 255). Sapore la tua gemma con un pizzico di scintille.
Completa l'icona riempiendo la sua base con una sfumatura lineare calda dall'arancione (R = 255, G = 132, B = 0) al giallo miele (R = 255, G = 242, B = 88) e mettendo un'ombra gentile.
Ottimo lavoro! Il nostro zaffiro è finito. Siamo pronti a passare al prossimo elemento del set.
Inizia facendo un quadrato semplice e vai a Oggetto> Percorso> Aggiungi punti di ancoraggio. Seleziona il punto di ancoraggio, che è apparso proprio nel mezzo del lato superiore del quadrato e tiralo su un po '. Ripeti lo stesso per il punto di ancoraggio inferiore, formando un bel esagono esteso.
Disegna diverse linee rette che formano un gruppo di raggi, che dividerà l'oggetto, come abbiamo fatto con la forma basica dello zaffiro.
Riempi ogni segmento con delicati colori ambrati dalla tavolozza, rendendo la gemma luminosa e calda.
Coprire la forma con un altro esagono di dimensioni più piccole e riempirlo con una leggera sfumatura dal giallo brillante (R = 255, G = 232, B = 54) ad arancione pallido (R = 255, G = 178, B = 72), approfondendo il bagliore interno del gioiello.
Arricciate la nostra ambra con un paio di scintille e finite l'icona applicando una sfumatura blu ricca di tonalità più scura (R = 66, G = 135, B = 155) da un lato e più leggero (R = 87, G = 241, B = 255) dall'altra.
Stai benissimo, vero? Passiamo a quello finale!
Questa volta la nostra gemma avrà una forma triangolare. Disegnalo con l'aiuto di Strumento Poligono, impostando la dimensione a circa 150 pixel e il lati valore a 3.
Ora dobbiamo creare un altro triangolo, schiacciarlo leggermente e ruotarlo, posizionandolo come mostrato nello screenshot qui sotto. Lascia che uno dei suoi lati sia allineato con il lato destro della forma di base della tua gemma. Aggiungi il triangolo simile per il lato sinistro e per la parte inferiore della forma base.
Riempi ogni forma con diverse tonalità di colore lilla, secondo la seguente palette:
Duplica entrambi i triangoli laterali e crea le copie leggermente più piccole dell'originale. Riempi la copia giusta con sfumatura lineare da viola chiaro (R = 197, G = 132, B = 209) al nero, impostando il suo Modalità di fusione a Schermo. Usa lo stesso metodo per la copia di sinistra, applicando il gradiente dal viola più scuro (R = 115, G = 56, B = 181) annerire.
Per rendere la nostra gemma più dimensionale, metti un piccolo triangolo in alto e riempilo con un gradiente lineare da un lilla chiaro (R = 232, G = 181, B = 255) al viola più scuro (R = 172, G = 77, B = 219). Non dimenticare di aggiungere alcune piccole scintille.
Completare aggiungendo la base dell'icona e riempiendolo con una sfumatura lineare da arancione-rossastro (R = 255, G = 88, B = 46) colore nella parte inferiore a giallo brillante (R = 255, G = 233, B = 87) in cima.
Sembra che la nostra ametista sia finita con successo!
Congratulazioni, hai appena finito di creare l'intero set di icone di gemme scintillanti in uno stile piatto popolare! Spero che tu abbia apprezzato il processo e trovato alcuni utili consigli e trucchi in questo tutorial.