Cum se creează o ilustrație a turnului de gardă în plajă din Adobe Illustrator

Ce veți crea

În tutorialul de astăzi vom ajunge în vibrații de vară, creând un turn de protecție singuratic pe o malul marii din Adobe Illustrator. Vom folosi instrumente și tehnici simple.

Ca de obicei, puteți achiziționa rezultatul ca parte a colecției mele de pe litoral pe GraphicRiver.

1. Cum să creați un document nou

Mai întâi, configurați a Document nou (Fișier> Nou sau Control / Comandă-N) cu următoarele setări:

  • Numărul de tablouri: 1
  • Lăţime: 1200
  • Înălţime: 1200
  • Unități: pixeli

De la Avansat fila:

  • Modul color: RGB
  • Efecte Raster: Ecran
  • Modul de examinare: Mod implicit
  • Debifați Aliniați obiectele noi la grila Pixel

2. Cum se creează partea superioară a turnului

Pasul 1

Să începem simplu prin crearea unui 127 x 127 px dreptunghi și umpleți-l cu # 98D2BE.

Luați Instrumentul de selecție directă (A) și selectați ambii ancore de vârf ale dreptunghiului. presa introduce pentru a deschide Mișcare fereastră. Seteaza Orizontală valoare pentru -32 px si Vertical valoare pentru 0 px și apăsați O.K, mișcând ancorele spre stânga.

Acest dreptunghi unghiular va acționa ca un perete frontal principal.

Pasul 2

Selectați forma și Copie folosind Control-C. Clic Control-F de două ori pentru a obține două copii pe partea de sus a dreptunghiului și mutați copia de sus spre dreapta aproximativ 60 px.

Adăugați a doua copie la selecție și utilizați Minus Front opțiunea de deschizător de drumuri panou.

Pasul 3

Selectați forma rezultată cu Instrument de selecție (V) și să diminueze dimensiunea sa Shift-tragere unul dintre colțurile de sus ale Casetă de încadrare zona albastră spre centru.

Setați culoarea formei la # 48A987 și poziționați forma în partea centrală a peretelui. Acesta va acționa ca o ușă.

Pasul 4

Copiați (Control-C) ușa și lipiți două copii în față apăsând Control-F de două ori.

Deplasați ușor forma topului spre dreapta, adăugați oa doua copie la selecție și apăsați pe intersecta pe butonul " deschizător de drumuri panou. Modificați culoarea noii forme la # 225443, formând partea umbrei interioare a intrării.

Pasul 5

Acum vom adăuga o umbră la peretele de intrare. Faceți două copii (Control-C) și lipiți-le în fața formei (Control-F de două ori) și mutați copia de sus în stânga și în jos.

Adăugați o a doua formă la selecție utilizând Minus Front opțiunea de deschizător de drumuri, obținerea unei forme înclinate.

Deoarece va acționa ca o umbră, schimbați-o Mod de amestecare la Multiplica în timp ce coborâm Opacitate la 40% în Transparenţă panou.

Pasul 6

Să adăugăm un punct culminant în partea dreaptă a peretelui.

Creați din nou două copii frontale ale peretelui și mutați copia de sus în partea dreaptă. Adăugați o altă copie la selecție în timp ce utilizați Minus Front opțiunea de deschizător de drumuri, asigurându-vă că schimbați culoarea formei rezultate în alb (#FFFFFF).

Pasul 7

Este timpul să adăugați contururi la forme.

Selectați dreptunghiul principal și copiați-l. Apoi dați clic o dată pe partea ușii umbră și apăsați Control-F, obținând o copie a peretelui din fața intrării.

Seteaza Completati din copie la Nici unul, Accident vascular cerebral culoarea la # 3d342d, si Greutate la 6 px.

Da 6 px contururi groase (# 3d342d) La părțile ușii.

Pasul 8

Construiește o 152 x 127 px dreptunghi (# 6ebea2) pentru peretele lateral, plasându-și ancora din stânga sus în spatele ancorei din dreapta sus a peretelui frontal și ascunzându-l în spatele secțiunii anterioare.

Așa cum am făcut și cu peretele anterior, dați-l pe cel curent într-o parte a umbrei făcând două copii frontale, deplasând copia de sus spre stânga și spre fund și folosind Minus Front opțiunea de deschizător de drumuri pentru cele două forme, asigurându-vă că schimbați Mod de amestecare a formei rezultante Multiplica în timp ce coborâm Opacitate la 40%. 

Pasul 9

Lucrând în același mod, adăugați o altă umbră laterală pe perete.

Să adăugăm un contur pe peretele lateral. Copie (Control-C) peretele lateral, faceți clic pe umbra superioară și lipiți forma din fața lui Control-F. Scoateți Completati în timp ce setați Accident vascular cerebral culoarea la # 3d342d si Greutate la 6 px.

Pasul 10

Adauga o 210 x 16,5 px dreptunghi (# 6ebea2) pe partea superioară a peretelui lateral și aliniați-o la centrul formei.

Așa cum am făcut pentru secțiunile anterioare, dați dreptunghiului curent două umbre și a 6 px grosime (# 3d342d).

Pasul 11

Forma o 129 x 16,5 px dreptunghi (# 98d2be) pe partea stângă exterioară a formei create anterior.

Folosind aceleași metode, construiți o evidențiere pe partea stângă și o umbră pe partea dreaptă a benzii, urmată de a 6 px (# 3d342d).

Grup (Control-G) toate părțile împreună.

3. Cum se creează secțiunea inferioară a turnului

Pasul 1

Să începem să lucrăm la secțiunea de jos a turnului nostru, formând o 290 x 16,5 px dreptunghi (# 48a987) sub secțiunea superioară, aliniați-o la marginea dreaptă a acoperișului.

Faceți-l mai mult 230,5 x 16,5 px banda de aceeasi culoare sub prima.

Rotiți dreptunghiul prin 30 de grade de Alt-clic pe ancora din stânga jos cu Rotiți scula (R), setarea Unghi la 30 de grade.

Atașat forma înclinată spre partea stângă a orizontală, poziționând ancora de sus pe ancora stângă sus a dreptunghiului orizontal.

Pasul 2

Selectați dreptunghiul înclinat și apăsați introduce pentru a deschide Mișcare fereastră de opțiuni. Seteaza Orizontală valoare pentru -100 px si Vertical valoare pentru 0 px și apăsați Copie, obținerea unui duplicat pe partea stângă.

Luați Instrumentul de selecție directă (A) și trageți ancora din dreapta-jos a duplicatului pe punctul de sus al formei originale înclinate.

Apoi selectați ancora din stânga-jos a formei înclinate stâng și poziționați-o pe ancora stângă-sus a dreptunghiului original.

Setați culoarea formei rezultate la # 98d2be.

Pasul 3

Luați Instrumentul dreptunghiular (M) și adăugați un mic dreptunghi (# 48a987) Sub partea inferioară a formei mari înclinate, asigurându-vă că plasați marginea inferioară pe același nivel cu ancora inferioară a benzii drepte cu unghi drept.

Selectați marginea inferioară a figurii create cu Instrumentul de selecție directă (A) și trageți-o spre dreapta, poziționând partea sa dreaptă pe marginea din stânga a benzii înclinate învecinate.

Pasul 4

Acum hai să lucrăm la cele mai importante.

Faceți o copie mai mare a dreptunghiului lateral înclinat. Selectați-l împreună cu forma originală și cu dreptunghiul orizontal și tăiați partea excepțională prin Alt-clic pe ea cu Shape Builder Tool (Shift-M). Modificați culoarea formei rezultate în alb (#FFFFFF).

Utilizarea deschizător de drumuri metodă, așa cum am făcut înainte, adăugăm un al doilea accent pe panta.

Pasul 5

Dați umbre la banda laterală orizontală și panta.

Selectați dreptunghiul înclinat și banda orizontală și uniți cele două într-o singură formă mai mare folosind deschizător de drumuri„s Activați modul Shape.

Adăuga 6 px contururi groase (# 3d342d) cu Intră în runda la toate piesele de jos.

Pasul 6

Începeți să lucrați la gard prin crearea unui 11,5 x 29 px dreptunghi (# 6ebea2) pentru post, oferindu-i o umbră urmată de a 4 px grosime (# 3d342d). grup (Control-G) toate părțile împreună și plasați o copie a postului pe partea de sus a pantei. 

Pasul 7

Selectați postarea inițială, deschideți Mișcare fereastră de opțiuni (introduce) și setați valoarea orizontală la 65 px. Faceți clic pe Copie, obținerea unui duplicat al postului pe partea dreaptă. Păstrați duplicatul selectat, apăsați Control-D de două ori, obținând încă două copii.

Grup (Control-G) toate cele patru posturi împreună și rotiți grupul cu 30 de grade folosind Rotiți scula (R).

Atașați grupul de posturi la marginea din stânga pantei.

Pasul 8

Acum avem nevoie de o șină așezată peste posturi.

Copiați schița neagră a pantei și trageți-o pe rândul lateral al posturilor, făcând ca marginea stângă să stea pe partea superioară a acesteia, după cum se arată în imaginea de mai jos.

Șterge marginile drepte și inferioare ale conturului.

Glisați punctele sale finale cu Instrumentul de selecție directă (A), plasând unul dintre ele pe marginea din stânga a cabinei și altul pe ancora din stânga sus a postului stâng. A stabilit Round Cap pentru calea ferată.

Pasul 9

Făcând aceleași manipulări, copiind și trăgând posturile și șina, creați un alt gard pe partea dreaptă a turnului.

Pasul 10

Să creăm piloți care susțin cabina noastră.

Construiește o 14 x 113 pixeli dreptunghi (# 48a987) pe partea dreaptă de sub cabină. Dați-i o umbră urmată de a 6 px grosime (# 3d342d).

Grup (Control-G) toate părțile împreună și faceți un duplicat în stânga.

Pasul 11

Desenați două 6 px linii orizontale groase (# 3d342d) Mergând de la o grămadă la alta, făcând ca vârfurile stângi să se suprapună ușor postului stâng.

Grup (Control-G) construcția de piloți și creați o copie, mutați-o în stânga și ascunzându-o în spatele turnului, precum și făcând culoarea mai întunecată.

4. Cum sa faci un windsock si sa adaugi detalii

Pasul 1

Să adăugăm un windsock care curge pe acoperișul turnului nostru de plajă.

Formați a 62 x 24 px dreptunghi (# d65428) pentru forma principală a vântului.

Apoi adăugați un punct de ancorare în mijlocul marginii drepte cu Adăugați un instrument de puncte de ancorare (+). Șterge ancorele de sus și de jos, obținerea unui triunghi și a face colțul drept rotunjit prin tragerea lui Live Corner indicator la centrul cu Instrumentul de selecție directă (A).

Adauga o 15,5 x 24 px elipsă (# a8411f) în partea stângă a triunghiului.

Pasul 2

Selectați elipsa și mergeți la Obiect> Cale> Calea offset. introduce 10 px în ofset și apăsați O.K, obținerea unei schițe.

Păstrați elipsa exterioară selectată, utilizați Calea offset din nou, setarea ofset valoare pentru 5 px.

Selectați ambele forme exterioare și mergeți la Obiect> Cale> Calea offset din nou. Seteaza ofset la 20 px, obținerea a încă două forme exterioare.

Selectați forma conului, obțineți o copie în față și selectați copia împreună cu cele patru elipse exterioare folosind Divide opțiunea de deschizător de drumuri panou.

Ștergeți toate piesele divizate, cu excepția celor două benzi, schimbându-le culoarea # fbf8f1.

Pasul 3

Dați forma pe care tocmai am creat-o, urmată de a 4 px grosime (# 3d342d) cu Intră în runda. Adăugați aceeași contur la elipsă.

Creați două frânghii care atașează windsock-ul nostru la pol. Utilizați două 4 px linii groase pentru corzi și a 6 px grosime pentru pol.

Grup (Control-G) toate piesele de ciorapi împreună și poziționați-o pe acoperișul turnului.

Pasul 4

Aproape am terminat cu turnul de gardă al plajei.

Dați turnului nostru un aspect mai interesant și mai elegant, prin deschiderea unor contururi. Pentru a face acest lucru, folosiți doar Adăugați un instrument de ancorare (+) pentru a adăuga ancore suplimentare pe contururi și apoi Șterge căile între aceste ancore, asigurându - vă că setați Capac a contururilor rămasela Rundă din interiorul Accident vascular cerebral panou.

Ia-ți timp și, după ce termini, adaugă și altele 4 px linii groase în apropierea marginilor ilustrației noastre.

Finalizați turnul adăugând câteva linii mai jos pentru nivelul solului.

5. Cum să creați un fundal tropical al plajei

Să plasăm turnul de gardă al plajei pe un paradis tropical, creând un peisaj marin pe fundal.

Pasul 1

Formați a 1200 x 1200 pixeli dreptunghi (# fb9f31) în spatele clădirii noastre pentru fundal.

Adăugați câteva 6 px linii groase de # f8cc6b culoare sub turn pentru a imita suprafața apei. Faceți-le mai interesante și pline de viață adăugând niște liniuțe și variind dimensiunile lor.

Pasul 2 

Adauga o 300 x 300 px cerc (# f37f10) pentru setarea soarelui și a două cercuri exterioare pentru strălucirea soarelui. Utilizați culoarea albă și Modul Blending ecran cu 30% opacitate pentru strălucire.

Ștergeți partea inferioară inferioară a cercului exterior selectând-o și Alt-tragere peste partea excepțională cu Instrumentul de ștergere (Shift-E).

Pasul 3

Avem nevoie de câteva elemente suplimentare pentru a finaliza compoziția.

Creați un palm simplu făcut din câteva frunze și un trunchi dreptunghiular. Putem obține o frunză folosind intersecta opțiunea de deschizător de drumuri panou pentru două elipse suprapuse. Apoi atașați un dreptunghi pentru trunchi și formați o coroană prin copierea și mutarea frunzelor. Utilizare # f37f10 pentru culoare.

Apoi faceți un nor format din cercuri suprapuse și un dreptunghi rotunjit. Doar eliminați orice piese nedorite cu ajutorul Shape Builder Tool (Shift-M), îmbina toate formele într - una cu Uni opțiunea de deschizător de drumuri, și setați culoarea la# fbe2aa.

Răspândiți palmele și norii peste scenă, creând o compoziție echilibrată.

Asta e! Ilustrația turnului de gardă din plajă este pregătită

Felicitări! Scena casei noastre cu apartamente Baywatch este terminată.

Am decis să adaug două fundaluri de pajiști în fundal pentru a spori atmosfera apusului de pe litoral. Puteți simți acum briza de vară și surful maritim stropind pe o coastă tropicală? Lecția noastră se termină aici, iar noi aventuri încep.

Sper că v-ați bucurat de acest proces și ați descoperit ceva nou și de ajutor pe parcurs.

Această ilustrație a plajei de gardă a plajei este doar o parte a colecției mele de pe litoralul de vară, iar în portofoliul meu mai sunt mult mai multe ilustrații de călătorie și aventură pe grafica.