Share
Cosa starai creandoNel tutorial di oggi, esploreremo il processo di creazione di una bella illustrazione estiva, utilizzando alcune delle forme e degli strumenti più geometrici che Illustrator ha da offrire.
Prima di iniziare, non dimenticare che puoi sempre aggiungere nuove funzionalità al risultato finale andando a GraphicRiver, dove troverai una grande selezione di elementi vettoriali a tema estivo.
Detto questo, saltiamo dritto dentro!
Dato che spero che tu abbia già installato Illustrator in esecuzione in background, portalo su e configuriamo a Nuovo documento (File> Nuovo o Control-N) per il nostro progetto utilizzando le seguenti impostazioni:
E dal Avanzate tab:
Anche se oggi non stiamo lavorando su icone, vorremmo comunque creare l'illustrazione utilizzando un flusso di lavoro perfetto per i pixel, impostando una piccola Grid in modo da avere il pieno controllo sulle nostre forme.
Vai al Modifica> Preferenze> Guide e griglia sottomenu e regola le seguenti impostazioni:
Consiglio rapido: puoi imparare di più sulle griglie leggendo questo approfondimento su Come funziona il Grid System di Illustrator.
Una volta che abbiamo impostato la nostra griglia personalizzata, tutto ciò che dobbiamo fare per assicurarci che le nostre forme sembrino nitide è abilitare il Aggancia alla griglia opzione trovata sotto vista menu (che è se si sta utilizzando una versione precedente di Illustrator).
Ora, se sei nuovo all'intero "flusso di lavoro perfetto per i pixel", ti consiglio vivamente di dare un'occhiata al mio tutorial Come creare un'opera d'arte Pixel-Perfect, che ti aiuterà ad ampliare le tue capacità tecniche in pochissimo tempo.
Una volta che abbiamo finito di impostare il nostro file di progetto, sarebbe una buona idea strutturare il nostro documento usando diversi livelli, poiché in questo modo possiamo mantenere un flusso di lavoro costante concentrandoci su una sezione dell'illustrazione alla volta.
Quindi fai apparire il Livelli pannello e creare un totale di sei livelli, che verranno rinominati come segue:
Consiglio rapido: Ho colorato tutti i miei strati usando lo stesso valore verde, poiché è il più semplice da visualizzare quando si usano per evidenziare le forme selezionate (sia chiuse che aperte).
Daremo il via al progetto creando lo sfondo del tramonto, quindi assicurati di essere sul livello giusto (quello sarebbe il primo), quindi blocca tutti gli altri livelli in modo da poter iniziare.
Creare un 480 x 480 px cerchio, a cui applicheremo un gradiente lineare sottile, usando # EFFF56 per il colore sinistro e # EF6B43 per quello giusto. Impostare l'angolo su 90º, centro allineare la forma alla tavola da disegno più grande.
Inizia a lavorare sulla luminosità del sole, creando un più piccolo 384 x 384 px cerchio (# ED7743), che regoleremo abbassando il suo Opacità a 40%, centro allineare la forma risultante allo sfondo.
Aggiungi la seconda sezione bagliore usando una più piccola ancora 288 x 288 px cerchio (# ED7743) con un 48% di opacità livello, che centreremo allineato a quello del passaggio precedente.
Crea il sole usando a 192 x 192 px cerchio, che coloreremo usando # E87243 e quindi centrare allineato alla forma precedentemente creata. Prenditi il tuo tempo e, una volta che hai finito, seleziona e raggruppa tutte e quattro le forme usando il Controllo-G scorciatoia da tastiera, bloccando il livello corrente prima di passare alla fase successiva.
Supponendo che hai finito di lavorare sullo sfondo, assicurati di essere sul livello giusto (quello sarebbe il secondo) e cominciamo a lavorare sulla prossima sezione dell'illustrazione.
Creare un 512 x 512 px rettangolo con una sfumatura lineare (colore a sinistra: # 6FA0CD; giusto colore: # 7DDBCD; angolo: 90º), che posizioneremo nella metà inferiore del cerchio più grande dello sfondo.
Consiglio rapido: potresti notare che abbiamo dato il rettangolo a 16 px imbottitura sui lati sinistro, destro e inferiore per infallire il nostro design, poiché lo maschereremo nel seguente passaggio.
Maschera la forma che abbiamo appena creato, usando una copia (Control-C) dello sfondo, che incolleremo sullo strato corrente (Control-F), selezionando sia esso che la copia e poi fare clic con il tasto destro> Crea maschera di ritaglio.
Iniziare a lavorare sul riflesso esterno dell'acqua creando un 240 x 32 px rettangolo arrotondato (#FFFFFF) con un Raggio angolare di 16 px, seguito da un restringimento 176 x 32 px uno (#FFFFFF), che impileremo verticalmente a una distanza di 32 px l'uno dall'altro, posizionandoli 32 px dal bordo superiore dell'acqua (visto che aggiungeremo due nuovi rettangoli su quegli spazi vuoti).
Inizia a riempire gli spazi vuoti creati dalle forme del passaggio precedente, creando un 192 x 32 px rettangolo (#FFFFFF), che posizioneremo sul primo spazio, e un più piccolo 128 x 32 px uno (#FFFFFF) che andrà sul secondo.
Regola i rettangoli che abbiamo appena creato tagliando a 32 x 32 px cerchio (evidenziato con il rosso) da ciascuna delle sue sezioni laterali usando esploratore'S Meno forma frontale.
Aggiungi la sezione finale usando a 64 x 48 px rettangolo (#FFFFFF), che posizioneremo sotto il rettangolo arrotondato più piccolo come si vede nell'immagine di riferimento. Una volta posizionata la forma, selezionare e unire tutte le forme di composizione del riflesso in un'unica forma più grande utilizzando esploratore'S Unite Shape Mode.
Regola la forma risultante selezionando singolarmente ciascuno degli angoli del centro in basso usando il Strumento di selezione diretta (A), e poi impostando il loro Raggio a 32 px con l'aiuto di Angoli vivi strumento. Ripeti lo stesso processo per gli angoli quadrati, usando un valore più piccolo (16 px) per il loro Raggio.
Aggiungi le piccole sezioni laterali usando due 48 x 32 px rettangoli arrotondati (#FFFFFF) con un Raggio angolare di 16 px, che posizioneremo a una distanza di 16 px dalla prima e dalla seconda sezione arrotondata del riflesso.
Dal momento che vorremmo che la riflessione più grande e le sezioni laterali agiscano come una singola forma più grande, dovremo selezionarle e quindi usarle esploratore creare un Forma composta.
Una volta creata la nostra forma composta, possiamo applicare un gradiente lineare bianco uniforme, con a 20% di opacità per la fermata del colore sinistro e 60% per quello giusto, assicurandosi di impostare il Angolo a 90º.
Aggiungi il riflesso più piccolo usando una copia (Control-C> Control-F) di quello più grande, che scaleremo usando il Scala strumento (tasto destro> Trasforma> Scala> Uniforme> 50%).
Posiziona la forma risultante sul bordo superiore del riflesso più grande, selezionando e raggruppando (Controllo-G) tutte le forme insieme prima di passare alla fase successiva.
Assicurati di essere sul livello giusto (quello sarebbe il terzo) e iniziamo ad aggiungere alcuni dettagli alla sezione centrale dell'illustrazione.
Prendi il Strumento penna (P), e usalo per disegnare la piccola isola usando # C4583B come principale Riempire colore. Prenditi il tuo tempo e, una volta terminato, passa al passaggio successivo.
Dare all'isola una certa profondità aggiungendo un paio di sezioni più scure usando # AA4531 come il tuo Riempire colore, assicurandosi di selezionare e raggruppare (Controllo-G) tutte le sue forme composte in seguito.
Crea la piccola nave da crociera usando alcuni rettangoli (# C4583B), che regoleremo spingendo alcuni dei loro punti di ancoraggio all'interno. Prenditi il tuo tempo, e una volta che hai finito, assicurati di selezionare e raggruppare tutte le sue forme di composizione usando il Controllo-G scorciatoia da tastiera.
Poiché la sezione destra dell'isola probabilmente uscirà dalla superficie dello sfondo, vorremmo mascherarla usando una copia (Control-C) del cerchio più grande, che incolleremo (Control-F) sullo strato corrente (fare clic con il tasto destro> Crea maschera di ritaglio).
Supponendo che hai finito di lavorare nella sezione precedente, salta al livello successivo (quello sarebbe il quarto), dove creeremo rapidamente le nuvole.
Inizia a lavorare sul primo set di nuvole creando un 80 x 16 px rettangolo arrotondato (#FFFFFF) con un Raggio d'angolo di 8 px, che posizioneremo a una distanza di 56 px dal bordo sinistro dello sfondo e 102 px dalla sua cima.
Creane un altro 80 x 16 px rettangolo arrotondato (#FFFFFF) con un Raggio d'angolo di 8 px, che posizioneremo al di sotto, a una distanza di 88 px dal bordo sinistro dello sfondo e 16 px dal precedente segmento cloud.
Crea il segmento interno usando un più piccolo 32 x 16 px rettangolo (#FFFFFF) che regoleremo tagliando a 16 x 16 px cerchio da ciascuna delle sue sezioni laterali utilizzando esploratore'S Meno forma frontale.
Crea segmenti laterali più piccoli usando a 32 x 16 px rettangolo arrotondato (#FFFFFF) con un Raggio d'angolo di 8 px, che posizioneremo a una distanza di 16 px dal più ampio segmento inferiore. Una volta che hai finito, seleziona e raggruppa tutte e quattro le forme usando il Controllo-G scorciatoia da tastiera.
Crea il secondo gruppo cloud usando lo stesso processo, ma questa volta impiega un paio di momenti e gioca un po 'con i valori di lunghezza dei segmenti, posizionando le forme risultanti sul lato destro dello sfondo.
Seleziona entrambi i gruppi cloud e trasformali in più grandi Forma composta, applicando un gradiente lineare bianco con a 90º su di loro, usando un 80% di opacità per il primo arresto del colore e 20% per il secondo.
Completa la sezione corrente aggiungendo le tracce del piano usando due 80 x 4 px rettangoli (#FFFFFF) con 2 px angolo sinistro Raggio, che impileremo verticalmente 12 px l'uno dall'altro, applicando un gradiente lineare sottile (60% di opacità per la fermata del colore a sinistra; 10% di opacità per il giusto colore stop) a loro.
Assicurati di essere sul livello giusto (quello sarebbe il quinto), quindi crea rapidamente l'evidenziazione circolare.
Crea una copia (Control-C) del cerchio più grande dello sfondo, che incolleremo (Control-F) sul layer corrente, quindi regolare prima impostando il suo colore su bianco (#FFFFFF) e quindi rimuovendo un più piccolo 448 x 448 px cerchio (evidenziato con il rosso) dal suo centro.
Completa l'evidenziazione impostando la forma risultante Opacità a 30%.
Siamo ora giù per l'ultima sezione della nostra illustrazione, quindi supponendo che hai bloccato il livello precedente e ti sei posizionato su quello successivo (che sarebbe il sesto), avvolgiamo le cose!
Incolla un'altra copia (Control-F) del cerchio più grande dello sfondo sul livello corrente, assicurandoti di cambiarne il colore in nero (# 000000).
Seleziona il cerchio e poi applica a Grano tessere su di esso, andando verso Effetto> Effetti di Photoshop> Texture> Grano e impostando il suo Intensità a 11, suo Contrasto a 100, e la sua Tipo di grano a Spruzzatori.
Regola la texture risultante impostandola Modalità di fusione a Luce soffusa e la sua Opacità a 20% dall'interno del Trasparenza pannello.
Completa l'illustrazione selezionando e mascherando la sua texture in modo che rimanga vincolata alla superficie dello sfondo.
Eccoti qui: un breve e semplice tutorial su come creare la tua illustrazione estiva personale. Spero che tu sia riuscito a tenere il passo con ogni passo, e abbia imparato qualcosa di nuovo durante il processo.
Accentsconagua