Share
Cosa starai creandoNel tutorial di oggi entreremo in vibrazione estiva mentre creiamo una solitaria torre di guardia in riva al mare in Adobe Illustrator. Useremo semplici strumenti e tecniche.
Come al solito, puoi acquistare il risultato come parte della mia collezione Summer Seaside su GraphicRiver.
Innanzitutto, imposta a Nuovo documento (File> Nuovo o Controllo / Comando-N) con queste impostazioni:
Dal Avanzate tab:
Iniziamo semplice creando un 127 x 127 px rettangolo e riempirlo con # 98D2BE.
Prendi il Strumento di selezione diretta (A) e selezionare entrambe le ancore superiori del rettangolo. stampa accedere per aprire il Mossa finestra. Impostare il Orizzontale valore a -32 px e il Verticale valore a 0 px e premere ok, spostando le nostre ancore a sinistra.
Questo rettangolo ad angolo fungerà da parete frontale principale.
Seleziona la forma e copia esso, usando Control-C. Clic Control-F due volte per ottenere due copie nella parte superiore del rettangolo e spostare la copia in alto a destra di circa 60 px.
Aggiungi la seconda copia alla selezione e usa il Fronte meno opzione del esploratore pannello.
Seleziona la forma risultante con il Strumento di selezione (V) e riduci le sue dimensioni di Maiusc-trascinamento uno degli angoli superiori del Rettangolo di selezione area blu al centro.
Imposta il colore della forma su # 48A987 e posizionare la forma nella parte centrale del muro. Funzionerà come una porta.
Copia (Control-C) la porta e incollare due copie nella parte anteriore premendo Control-F due volte.
Spostare leggermente la forma in alto a destra, aggiungere una seconda copia alla selezione e premere il tasto intersecare pulsante sul esploratore pannello. Cambia il colore della nuova forma in # 225443, formando la parte dell'ombra interna dell'ingresso.
Ora stiamo per aggiungere un'ombra al muro d'ingresso. Fai due copie (Control-C) e incollarli davanti alla forma (Control-F due volte) e spostare la copia in alto a sinistra e in basso.
Aggiungi una seconda forma alla selezione usando il Fronte meno opzione di esploratore, ottenendo una forma angolata.
Dal momento che agirà come un'ombra, cambierà Modalità di fusione a Moltiplicare mentre si abbassa il Opacità a 40% nel Trasparenza pannello.
Aggiungiamo un punto culminante sulla parte destra del muro.
Crea nuovamente due copie frontali del muro e sposta la copia in alto a destra. Aggiungi un'altra copia alla selezione mentre usi il Fronte meno opzione di esploratore, assicurandosi di cambiare il colore della forma risultante in bianco (#FFFFFF).
È tempo di aggiungere contorni alle forme.
Seleziona il rettangolo principale e copialo. Quindi fare clic una volta sulla parte della porta ombreggiata e premere Control-F, ottenere una copia del muro di fronte all'ingresso.
Impostare il Riempire della copia a Nessuna, il Ictus colore a # 3d342d, e il Peso a 6 px.
Dare 6 px contorni spessi (# 3d342d) Alle parti della porta.
Costruire un 152 x 127 px rettangolo (# 6ebea2) per la parete laterale, posizionando l'ancora in alto a sinistra dietro l'ancora in alto a destra della parete frontale e nascondendola dietro la sezione precedente.
Come abbiamo fatto con il muro precedente, diamo a quello attuale una parte ombra facendo due copie frontali, spostando la copia in alto a sinistra e in basso e usando il Fronte meno opzione del esploratore per le due forme, assicurandosi di cambiare il Modalità di fusione della forma risultante a Moltiplicare mentre si abbassa il Opacità a 40%.
Lavorando allo stesso modo, aggiungi un'altra ombra laterale sul muro.
Aggiungiamo un contorno alla parete laterale. copia (Control-C) la parete laterale, fai clic sull'ombra superiore e incolla la forma davanti a essa con Control-F. Rimuovi il Riempire mentre si imposta il Ictus colore a # 3d342d e il Peso a 6 px.
Aggiungere un 210 x 16,5 px rettangolo (# 6ebea2) sulla parte superiore della parete laterale e allinearlo al centro della forma.
Come abbiamo fatto per le sezioni precedenti, dai al rettangolo corrente due ombre e a 6 px contorno spesso (# 3d342d).
modulo di un 129 x 16,5 px rettangolo (# 98d2be) sul lato sinistro esterno della forma precedentemente creata.
Utilizzando gli stessi metodi, crea un'evidenziazione sulla parte sinistra e un'ombra sul lato destro della striscia, seguita da a 6 px contorno largo (# 3d342d).
Gruppo (Control-G) tutte le parti insieme.
Iniziamo a lavorare sulla sezione inferiore della nostra torre formando un 290 x 16,5 px rettangolo (# 48a987) sotto la sezione superiore, allineandola al bordo destro del tetto.
Ne fai uno di più 230,5 x 16,5 px striscia dello stesso colore sotto il primo.
Ruota il rettangolo di 30 gradi di Alt-clic sull'ancora in basso a sinistra con il Ruota strumento (R), impostando il Angolo a 30 gradi.
Attaccato la forma ad angolo al lato sinistro di quello orizzontale, posizionando l'ancoraggio superiore sull'ancora in alto a sinistra del rettangolo orizzontale.
Seleziona il rettangolo angolato e premi accedere per aprire il Mossa finestra delle opzioni. Impostare il Orizzontale valore a -100 px e il Verticale valore a 0 px e premere copia, ottenendo un duplicato sul lato sinistro.
Prendi il Strumento di selezione diretta (A) e trascina l'ancoraggio in basso a destra del duplicato sul punto superiore della forma ad angolo originale.
Quindi seleziona l'ancora in basso a sinistra della forma angolata sinistra e posizionala sull'ancora in alto a sinistra del rettangolo originale.
Imposta il colore della forma risultante in # 98d2be.
Prendi il Strumento rettangolo (M) e aggiungi un piccolo rettangolo (# 48a987) Sotto il lato inferiore della grande forma ad angolo, avendo cura di posizionare il bordo inferiore allo stesso livello dell'ancoraggio inferiore della striscia ad angolo retta.
Seleziona il bordo inferiore della figura creata con il Strumento di selezione diretta (A) e trascinalo verso destra, posizionando il lato destro sul bordo sinistro della striscia ad angolo adiacente.
Ora lavoriamo sui punti salienti.
Fai una copia più grande del rettangolo ad angolo laterale. Selezionalo insieme alla forma originale e al rettangolo orizzontale e taglia la parte in sospeso di Alt-clic su di esso con il Strumento di creazione forme (Shift-M). Cambia il colore della forma risultante in bianco (#ffffff).
Usando il esploratore metodo, come abbiamo fatto prima, aggiungere un secondo highlight alla pendenza.
Dare ombre alla striscia laterale orizzontale e alla pendenza.
Seleziona il rettangolo ad angolo e la striscia orizzontale e unisci i due in un'unica forma più grande usando esploratore'S Unite Shape Mode.
Inserisci 6 px contorni spessi (# 3d342d) con un Round Join a tutti i pezzi in basso.
Inizia a lavorare sulla recinzione creando un 11,5 x 29 px rettangolo (# 6ebea2) per il post, dandogli un'ombra seguita da a 4 px contorno spesso (# 3d342d). Gruppo (Control-G) tutte le parti insieme e posizionare una copia del post sulla cima del pendio.
Seleziona il post originale, apri il Mossa finestra di opzione (accedere) e impostare il valore orizzontale su 65 px. Clicca sul copia, ottenendo un duplicato del post sul lato destro. Mantenendo il duplicato selezionato, premere Control-D altre due volte, ottenendo altre due copie.
Gruppo (Control-G) tutti e quattro i post insieme e ruotano il gruppo di 30 gradi usando il Ruota strumento (R).
Attacca il gruppo di post sul margine sinistro della pendenza.
Ora abbiamo bisogno di una guida che si siede sopra i posti.
Copia il contorno nero della pendenza e trascinalo sulla fila laterale dei post, facendo sedere il bordo sinistro sulla loro parte superiore come mostrato nell'immagine qui sotto.
Elimina i bordi destro e inferiore del contorno.
Trascina i suoi punti finali con il Strumento di selezione diretta (A), posizionandone uno sul bordo sinistro della cabina e un altro sull'ancora in alto a sinistra del palo sinistro. Impostato Tappo rotondo per la ferrovia.
Facendo le stesse manipolazioni, copiando e trascinando i messaggi e il binario, crea un altro recinto sul lato destro della torre.
Creiamo pile portanti per sostenere la nostra cabina.
Costruire un 14 x 113 px rettangolo (# 48a987) sul lato destro sotto la cabina. Dagli un'ombra seguita da a 6 px contorno spesso (# 3d342d).
Gruppo (Control-G) tutte le parti insieme e fare un duplicato a sinistra.
Disegna due 6 px linee orizzontali spesse (# 3d342d) Passando da una pila all'altra, rendendo gli endpoint di sinistra leggermente sovrapposti al post sinistro.
Gruppo (Control-G) la costruzione dei pali portanti crea una copia, spostandola verso sinistra e nascondendola dietro la torre, oltre a rendere il colore più scuro.
Aggiungiamo una manica a vento sul tetto della nostra torre sulla spiaggia.
Forma a 62 x 24 px rettangolo (# d65428) per la forma principale del windsock.
Quindi aggiungi un punto di ancoraggio al centro del bordo destro con il Aggiungi lo strumento Punto di ancoraggio (+). Elimina le ancore superiore e inferiore, ottenendo un triangolo, e arrotondare il suo angolo destro tirando il Angolo dal vivo indicatore al centro con il Strumento di selezione diretta (A).
Aggiungere un 15.5 x 24 px ellisse (# a8411f) sulla parte sinistra del triangolo.
Seleziona l'ellisse e vai a Oggetto> Percorso> Percorso offset. accedere 10 px nel Compensare valore campo e premere ok, ottenere un contorno.
Mantenendo selezionata l'ellisse esterna, utilizzare il pulsante Offset Path di nuovo, impostando il Compensare valore a 5 px.
Seleziona entrambe le forme esterne e vai a Oggetto> Percorso> Percorso offset ancora. Impostare il Compensare a 20 px, ottenendo altre due forme esterne.
Seleziona la forma del cono, prendi una copia in primo piano e seleziona la copia insieme ai quattro ellissi esterni usando il Dividere opzione del esploratore pannello.
Elimina tutti i pezzi divisi tranne le due strisce, cambiando il loro colore in # fbf8f1.
Dare la forma che abbiamo appena creato un punto culminante seguito da a 4 px contorno spesso (# 3d342d) con un Round Join. Aggiungi lo stesso contorno all'ellisse.
Crea due corde che attaccano la nostra manica a vento al palo. Usa due 4 px linee spesse per le corde e a 6 px linea spessa per il palo.
Gruppo (Control-G) tutte le parti del calzino insieme e posizionarlo sul tetto della torre.
Abbiamo quasi finito con la torre di guardia della spiaggia.
Dai alla nostra torre un aspetto più interessante ed elegante aprendo alcuni dei contorni. Per farlo, basta usare il Aggiungi strumento Punto di ancoraggio (+) aggiungere ulteriori ancore sui contorni e poi Elimina percorsi tra queste ancore, assicurandosi di impostare il berretto dei contorni rimanentia Il giro dall'interno del Ictus pannello.
Prenditi il tuo tempo e, una volta terminato, aggiungi qualcosa in più 4 px linee spesse vicino ai bordi della nostra illustrazione.
Termina la torre aggiungendo alcune righe sotto per il livello del suolo.
Collochiamo la nostra torre di guardia sulla spiaggia in un paradiso tropicale creando uno scenario marino sullo sfondo.
Forma a 1200 x 1200 px rettangolo (# fb9f31) dietro il nostro edificio per lo sfondo.
Aggiungi alcuni 6 px linee spesse di # f8cc6b colore sotto la torre per imitare la superficie dell'acqua. Rendili più interessanti e vivaci aggiungendo alcuni trattini e variando le loro dimensioni.
Aggiungere un 300 x 300 px cerchio (# f37f10) per il sole al tramonto e due cerchi esterni per il bagliore del sole. Usa il colore bianco e Modalità di fusione schermo con 30% di opacità per il bagliore.
Elimina la parte inferiore eccezionale del cerchio esterno selezionandola e Alt-trascinamento oltre la parte eccezionale con il Strumento Gomma (Shift-E).
Abbiamo bisogno di alcuni elementi aggiuntivi per completare la composizione.
Crea una semplice palma composta da poche foglie e un tronco rettangolare. Possiamo ottenere una foglia usando il intersecare opzione del esploratore pannello per due ellissi sovrapposte. Quindi collega un rettangolo per il tronco e forma una corona copiando e spostando le foglie. Uso # f37f10 per il colore.
Quindi crea una nuvola composta da cerchi sovrapposti e un rettangolo arrotondato. Basta rimuovere eventuali pezzi indesiderati con l'aiuto del Strumento di creazione forme (Shift-M), Unisci tutte le forme in una con il Unire opzione di esploratore, e imposta il colore a# fbe2aa.
Allarga i palmi e le nuvole sulla scena, creando una composizione equilibrata.
Congratulazioni! La nostra scena house in stile Baywatch è finita.
Ho deciso di aggiungere due sagome di gabbiani sullo sfondo per migliorare l'atmosfera del tramonto sul mare. Ora senti la brezza estiva e il mare che sguazza su una costa tropicale? La nostra lezione sta finendo qui e stanno iniziando nuove avventure.
Spero ti sia piaciuto il processo e ho scoperto qualcosa di nuovo e utile lungo la strada.
Questa illustrazione della torre di guardia sulla spiaggia è solo una parte della mia collezione Summer Seaside e nel mio portfolio ci sono molte più illustrazioni di viaggi e avventure su GraphicRiver.
Accentsconagua