Advertisement
  1. Design & Illustration
  2. Illustration
Design

Ako vytvoriť scénu strašidelné ulice aplikácii Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Slovak (Slovenčina) translation by Jakub Dokoupil (you can also view the original English article)

Final product image
What You'll Be Creating

Vitajte späť na ďalšie Illustrator tutorial, v ktorom sme sa prijať úzkej pozrieť na proces vytvárania strašidelné scény. Uvidíte, aké ľahké je dať dohromady pomocou nič viac než pár geometrické tvary a nástroje.

Takže predpokladáme, že ste už chytil čerstvé Hrnček kávy, poďme začať!

Tiež nezabudnite, môžete vždy pridať nové prvky ilustrácie okruh cez GraphicRiver, kde nájdete veľký výber desivé vektor aktív.

1. ako nastaviť nový súbor projektu

Za predpokladu, že už máte Illustrator hore a beží v pozadí, vychovávať ho a poďme nastaviť nový dokument (súbor > New alebo Control-N) ktoré upravíme nasledovne:

  • Viacero kresliacich plôch: 1
  • Šírka: 800 px
  • Výška: 600 px
  • Jednotky: pixelov

A z okna rozšírených kartu:

  • Farebný režim: RGB
  • Rastrové účinky: Obrazovky (72ppi)
  • V režime náhľadu: predvolené
setting up a new document

2. ako nastaviť vrstvy

Raz sme už dokončili nastavenie náš súbor projektu, by bolo dobré štruktúry nášho dokumentu pomocou niekoľko vrstiev, pretože týmto spôsobom môžeme udržať stabilný tok činností so zameraním na jednej časti ilustrácie v čase.

Že bolo povedané, vychovávať na paneli vrstvy, a vytvoriť celkom dve vrstvy, ktoré sme premenovať takto:

  • vrstva 1: pozadie
  • vrstva 2: popredia
setting up the layers

Rýchly tip: som farebné všetky moje vrstiev pomocou zelenej rovnakú hodnotu, pretože je to najjednoduchšie jeden Zobraziť pri použití zvýraznite vybrané tvary (či ste uzavreté alebo otvorené cesty).

3. ako vytvoriť tvar hlavného pozadia

Teraz, že sme dokončili vrstvenie náš dokument, môžeme začať pracovať na projekte skutočné a sme to tak, že postupne buduje na pozadí. Bolo povedané, uistite sa, že ste si umiestnili na prvú vrstvu, a poďme si skočiť rovno do toho!

Pomocou nástroja obdĺžnik (M), vytvorte obdĺžnik s 800 x 600 px, ktorý budeme farba pomocou #2A323D a potom umiestnite do stredu podkladového Artboard pomocou panela zarovnať vodorovne a zvislo Centrovať možností.

creating the main background shape

4. ako vytvoriť tehlová stena

Hlavný pozadie tvar na mieste, môžeme presunúť naše zameranie cez stred Artboard, kde vytvoríme výreze tehlové múry.

Krok 1

Štart vytvorením 480 x 396 px obdĺžnik, ktorý budeme farby pomocou #F76C5E a potom stred Zarovná podkladových Artboard, umiestnenie vo vzdialenosti 78 px jeho horným okrajom.

creating and positioning the main shape for the brick wall

Krok č. 2

Úprava hornej časti tvaru jednotlivo výberom svojich dvoch kotviace body pomocou priamy výber Tool (A), a potom sa tlačí vnútri 200 px pomocou nástroja Move (kliknite pravým tlačidlom myši > transformovať > presunúť > horizontálne > +/-200 px v závislosti na ktorej strane začať s).

adjusting the shape of the brick wall

Krok 3

Začnite pridávať prvý rad tehál pomocou šestnásť 32 x 16 px obdĺžniky s 4 px hrubé zdvih (#DD4C45), ktoré sme sa zoskupiť pomocou kontrolu-G klávesová skratka a potom centra Zarovnať k spodnej steny, uistite sa, že obrys spodnej spadá mimo jej povrch.

creating the first row of bricks

Krok 4

Vytvorte kópiu (Ctrl-C > Control-F) riadok, ktorý sme usporiadali len, a potom umiestnite ho vyššie, uistite sa, že tlačiť vpravo 16 px pomocou smerových šípok alebo nástroj presun (kliknite pravým tlačidlom myši > transformovať > presunúť > horizontálne > 16 px).

adding the second row of bricks

Krok 5

Pridajte zostávajúce tehly výberom dva riadky, ktoré v súčasnosti máme a potom ich presuniete myšou na začiatok stlačeným Alt a posun kľúče, uistite sa, že ich obrysy prekrývajú ako je vidieť referenčné obraz.

Akonáhle máte prvej duplikáty, pridajte zostávajúce stlačením klávesovej skratky CTRL-D, kým ste naplnil v stene. Až budete hotoví, odstráňte extra horný riadok a potom vyberte a skupiny (Control-G) všetky zostávajúce spolu pred prechodom na ďalší krok.

adding the remaining rows of bricks

Krok 6

Ďalej budeme maskovať riadky, ktoré sme usporiadali len pomocou kópie (Ctrl-C) základnej steny, ktoré budeme prilepiť v prednej (Control-F) a potom s oboma z nich vybrali, jednoducho kliknite pravým tlačidlom myši > urobiť orezovú masku.

masking the brick rows

Krok 7

Trvať niekoľko okamihov a vylepšiť niektoré z tehál dvojité kliknutí na nich izolovať ich a potom otvára ich hornej alebo dolnej cesty, ako je vidieť referenčné obraz. Až budete hotoví, stlačte klávesu ESC ukončite režim izolácie a vyberte tehly a steny a skupina je dohromady pomocou klávesovej skratky kontrolu-G.

opening up the paths of some of the bricks

5. ako vytvoriť chodníku

Teraz, keď sme dokončili práce na tehlové múry, môžeme pohybovať smerom k spodnej ploche Artboard, kde budeme rýchlo stavať chodníku.

Krok 1

Vytvoriť hlavný tvar pre projekciou svetla pomocou 560 x 48 px elipsy, ktoré budeme farby pomocou #F76C5E a potom umiestnite pod stenu, ako je vidieť referenčné obraz.

creating the main shape for the projected light

Krok č. 2

Pridať viditeľné časti chodníka pomocou 560 x 24 px obdĺžnik (#2A323D), ktoré môžeme umiestniť na hornej polovice elipsy, uistite sa, že vybrať a zoskupiť dva dodatočne pomocou klávesovej skratky kontrolu-G.

creating the main shape for the sidewalk

6. ako vytvoriť pozastavené Street svetelný

Steny a chodníka na mieste, môžeme teraz sústrediť na posledný kus na pozadí, ktoré budeme vytvárať jeden tvar naraz.

Krok 1

Vytvoriť vertikálne telo po použití px zaoblený obdĺžnik s 8 x 48 (#2A323D) s 4 px polomeru rohového dielu, ktorý sme centrum zarovnať hornú hranu steny ako je vidieť referenčné obraz.

creating the vertical section of the light post

Krok č. 2

Pridať vodorovný segmente drží post na stenu pomocou 16 x 12 px obdĺžnik (#2A323D), ktoré môžeme umiestniť 8 px z predchádzajúcich tvar dolného okraja.

creating the horizontal section of the light post

Krok 3

Vytvoriť malé bočné detaily pomocou dvoch 2 x 4 px obdĺžniky, ktoré farby pomocou #2A323D a budeme potom umiestniť ako je vidieť referenčné obraz. Až budete hotoví, vyberte a skupina štyroch tvarov dohromady pomocou klávesovej skratky kontrolu-G.

adding the side segments to the base of the light post

Krok 4

Pridanie svetelného zdroja pomocou elipsa px 28 x 16, ktorý budeme farby pomocou #FFE7C5 a potom umiestnite na hornej časti stojane tak, aby jeho horná polovica ide mimo povrchu steny.

creating the light bulb

Krok 5

Upraviť tvar, ktorý sme práve vytvorili odstránením jeho horná polovica. Môžete si, že výberom jeho top kotvy bodu pomocou priamy výber Tool (A) a potom stlačíte kláves Delete, uistite sa, že Zatvorte výsledná cesta pomocou klávesovej skratky kontrolu-J. Až budete hotoví, vyberte a skupiny (Control-G) svetla skladanie tvarov dohromady, robí to isté pre celé pozadie pred zamykanie aktuálnej vrstve a prejdeme k ďalšej časti ilustrácie.

adjusting the shape of the light bulb

7. ako vytvoriť vstupné dvere

Teraz, keď máme naše pozadie na mieste, môžeme presunúť naše zameranie nad do popredia, kde sme sa pokračovať v práci na našej scéne. Takže predpokladáme, že ste sami umiestnili v druhej vrstve, poďme začať pracovať na trochu rámu dverí.

Krok 1

Vytvoriť vnútornú časť miestnosti pomocou 120 x 278 px obdĺžnik, ktorého sme sa farba pomocou #2A323D a potom Zarovnať na stred horného okraja chodníka.

creating the inner visible section of the room

Krok č. 2

Začať pracovať na pravej časti rámu dverí vytvorením 18 x 278 px obdĺžnik (#FFE7C5), ktoré môžeme umiestniť na ľavej strane predchádzajúceho formovať.

creating the main shape for the left section of the door frame

Krok 3

Pridajte ozdobné vloženie spodnej pomocou px obdĺžnik 10 x 96 (#2A323D), na vrchole ktorého budeme pridávať menšie 2 x 88 px, jeden (#FFE7C5), ktorý budeme skupiny (Control-G), a potom pozíciu 4 px z predchádzajúceho formovať dolný okraj.

adding the bottom decorative insertion to the right section of the door frame

Krok 4

Vytvoriť Horné vkladanie pomocou kópie (Ctrl-C > Control-F) ten, ktorý sme práve zoskupené, ktoré sme sa potom umiestniť na opačnej strane rámu, Nezabudnite zachovať rovnaký rozdiel 4 px.

adding the top decorative insertion to the right section of the door frame

Krok 5

Pridať zvislý detail linky pomocou troch 2 x 70 px obdĺžniky (#2A323D), ktorý budeme vodorovne stack 2 px, zoskupovanie (Control-G) a potom ich umiestnenie medzi dvoma dekoratívne vložené.

adding the decorative lines to the right section of the door frame

Krok 6

Dokončiť aktuálnu sekciu rámu pridaním pevný tieni pomocou 18 x 8 px obdĺžnik, ktorý budeme farba pomocou #2A323D a potom sa zarovnávajú horná hrana rámu. Až budete hotoví, vyberte a skupiny (Control-G) všetky jeho skladanie tvarov spolu pred prechodom na ďalší krok.

adding the hard shadow to the right section of the door frame

Krok 7

Vytvorenie časti ľavého rámu pomocou kópie (Ctrl-C > Control-F) ten, ktorý sme práve dokončili prácu na, ktoré môžeme umiestniť na opačnej strane od vchodu.

adding the left section of the door frame

Krok 8

Začať pracovať na hornej časti rámu vytvorením obdĺžnika px 172 x 18 (#FFE7C5), ktoré budeme funkcia nad vchodom, ako je vidieť referenčné obraz.

creating the upper section of the door frame

Krok 9

Pridať okrúhle ozdobné prvky pomocou dvoch 14 x 14 px kruhy (#FFE7C5), ktoré môžeme umiestniť na hornej časti rámu, uistite sa, že stred Zarovnať k rámu bočné časti.

adding the circular decorative pieces to the upper section of the frame

Krok 10

Vytvoriť ozdobné vloženie pomocou 164 x 10 px obdĺžnik (#2A323D), na vrchole ktorého budeme pridávať menšie 156 x 2 px, jeden (#FFE7C5), zoskupenie (Control-G) a potom umiestnenie dva v strede hornej časti rámu.

adding the decorative insertion to the upper section of the frame

Krok 11

Pridajte hlavný tvar pre časť zdvihol pomocou 108 x 12 px obdĺžnik, ktorý budeme farby pomocou #FFE7C5 a potom umiestnite ako je vidieť referenčné obraz.

adding the raised segment to the upper section of the door frame

Krok 12

Vytvoriť bočné zakrivenie pomocou dvoch 6 x 6 px kruhy (#FFE7C5), ktoré budeme pozíciu po bokoch predchádzajúceho formovať a potom upraviť výberom svojich top a vonkajšie kotviace body pomocou priamy výber Tool (A) a potom ich odstráňte stlačením odstrániť. Uzavretie výsledných dráh pomocou Pen Tool (P), a akonáhle budete hotoví, prejsť na ďalší krok.

adding the round side sections to the raised portion of the door frame

Krok 13

Pridať zvislý riadky použitím trinásť 4 x 8 obdĺžnikov px (#2A323D) vodorovne skladaný 4 px jedna od druhej, zoskupovanie (Control-G) a potom center zarovnávanie na spodnom okraji vyvýšenej časti. Urobte si čas a akonáhle budete hotoví, uistite sa, že vyberiete a skupiny (Control-G) všetky časti aktuálnej skladanie tvarov spolu, robia to isté pre celé dvere neskôr.

adding the vertical insertion lines to the raised segment of the door frame

8. ako vytvoriť zvonček

Akonáhle sme dokončili prácu na vchode, môžeme prejsť na jej pravej strane a rýchlo vytvoriť malý zvonček.

Krok 1

Vytvorenie základne bell pomocou 8 x 12 px obdĺžnik, ktorého sme sa farba pomocou #FFE7C5 a potom pozíciu 14 px z rámu dverí vpravo časť a 16 px z jeho troch zvislý riadkov.

creating and positioning the main shape for the doorbell

Krok č. 2

Pridať menšie bočné časti pomocou dvoch 2 x 8 px obdĺžniky, ktoré farby pomocou #FFE7C5 a budeme potom umiestniť ako je vidieť referenčné obraz.

adding the side sections to the doorbell

Krok 3

Vytvoriť kolo koncové body pomocou dvoch 4 x 4 px kruhy (#FFE7C5), ktoré budeme funkcia na zvonček prostredný tvar tak, aby ich vnútornej polovice prekrývali.

adding the circular endpoints to the doorbell

Krok 4

Dopracujte zvonček pridaním pomocou 4 x 4 px kruh, ktorý budeme farba pomocou #2A323D a potom centra malý tlačidla zarovnať väčšie telo. Až budete hotoví, vyberte a skupiny (Control-G) všetky jeho skladanie tvarov, pred prechodom na ďalšiu časť ilustrácie.

adding the circular button to the doorbell

9. ako vytvoriť desivé monštrum

Akonáhle sme dokončili prácu na zvonček, môžeme presunúť naše zameranie späť ku vchodu, kde budeme meniť náladu scény pridaním tmavé ale priateľské prítomnosť.

Krok 1

Začať pracovať na ústach vytvorením 56 x 8 px elipsy, ktorá farba pomocou #F76C5E a budeme potom centra zarovnať do vchodu, umiestnením 84 px jeho horným okrajom.

creating the main shape for the mouth of the monster

Krok č. 2

Upraviť tvar, ktorý sme práve vytvorili ho najprv vyberiete a potom štípající jeho ľavej a pravej kotviace body pomocou nástroja Anchor Point (Shift-C).

adjusting the outer anchor points of the mouth

Krok 3

Vyberte výsledný tvar top kotviaceho bodu pomocou priamy výber Tool (A) a potom ju potiahnuť na dno 16 px pomocou nástroja Move (kliknite pravým tlačidlom myši > transformovať > presunúť > vertikálne > 16 px).

adjusting the shape of the mouth

Krok 4

Výplne farby nastavené #2A323D, kresliť krivé zuby pomocou z pera nástroj (P), pomocou referenčné obraz ako hlavný sprievodca. Až budete hotoví, vyberte výsledný tvar a ústa a skupinu dva dohromady pomocou klávesovej skratky kontrolu-G.

drawing the teeth

Krok 5

Vytvoriť hlavný tvar pre pravé oko pomocou kruhu px 10 x 10 (#F76C5E), ktoré budeme upraviť výberom a tlačí jeho hornej a dolnej ukotvovacie body na pravej strane 1 px a jeho ľavé a pravé tie na dne ďalší 1 px. Až budete hotoví, umiestnite výsledný tvar nad ústím, ako je vidieť referenčné obraz.

creating the main shape for the right eye

Krok 6

Pridať dúhovky pomocou 2 x 6 px elipsa (#2A323D), ktoré budeme center zarovnanie výsledné okom, uistite sa, že ju do polohy 3 px od jeho pravého okraja. Akonáhle budete mať tvar na miesto, vyberte a skupiny dva dohromady pomocou klávesovej skratky kontrolu-G.

adding the iris to the right eye

Krok 7

Vytvoriť ľavého oka pomocou kópie (Ctrl-C > Control-F) jedného, ktorý sme práve dokončili práce, ktoré budeme vertikálne odrážať (kliknite pravým tlačidlom myši > transformovať > Karat > vertikálne) a potom umiestnite na opačnej strane úst. Akonáhle máte hotovo, vyberte a skupiny (Control-G) všetky monštrum je skladanie tvarov, pred prechodom na ďalšiu časť.

adding the left eye

10. ako vytvoriť loptu

Teraz sme až v poslednej časti našej málo zloženie, ktoré vám pomôžu nám dosiahnuť túto úroveň scariness, ktoré chceme náš obrázok vykresliť. Áno, za predpokladu, že som dokončil prácu na monštrum, presunúť svoje zameranie na spodnej časti vchodu a poďme zabaliť veci!

Krok 1

Vytvoriť hlavný tvar loptu pomocou 28 x 28 px kruh, ktorý budeme farby pomocou #F76C5E a potom zosúladiť vchod dolný okraj.

creating and positioning the main shape for the ball

Krok č. 2

Pridať malé krúžky pomocou štyroch 32 x 16 px elipsy s 2 px hrubé zdvih (#2A323D), ktoré upravíme výberom a odstránenie ich top kotevných bodov zvislo stohovanie výsledné tvary 4 px jeden od druhého. Až budete hotoví, vyberte a skupiny (Control-G) všetky krúžky spoločne, robí to isté pre celú loptu potom.

adding the rings to the ball

Krok 3

Vytvoriť hlavný tvar pre odkvapkávanie krvi pomocou 4 x 8 px obdĺžnik (#F76C5E), ktoré budeme upraviť nastavením polomer jeho spodné rohy 2 px od v paneli transformácií objektov obdĺžnik, polohovanie výsledný tvar na chodníku, ako je vidieť v referenčné obraz.

creating the main shape for the dripping blood

Krok 4

Pridať stranu sekcie pomocou dvoch 4 x 4 px kruhy (#F76C5E), ktoré upravíme odstránením ich spodnej a vonkajšie kotviace body, zatváranie a polohovanie výsledné cesty po bokoch predchádzajúci tvary, ako je vidieť referenčné obraz. Uistite sa, že vybrať a skupiny (Control-G) všetky tri z nich potom.

adding the side sections to the dripping blood

Krok 5

Dokončiť off v aktuálnej sekcii a s ním projekt sám, pridaním projektovanej tieň, ktorý vytvoríme pomocou 24 x 20 px elipsa (#2A323D). Umiestnite ho na spodnú časť chodníka vo vzdialenosti 10 px projekciou svetla dolným okrajom. Až budete hotoví, vyberte a zoskupiť všetky v popredí skladanie tvarov pomocou klávesovej skratky kontrolu-G pred zasiahnutím, ktoré uložiť tlačidlo.

finishing off the illustration

Skvelá práca!

Ako vždy, dúfam, že ste mal zábava pracovať na projekte a najdôležitejšie podarilo naučiť niečo nové a užitočné na ceste.

Ak máte akékoľvek otázky, neváhajte a po nich v sekcii komentáre, a ja sa vrátim k vám hneď ako budem môcť!

finished project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.