7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Halloween

Izradite Misterioznu Halloween Scenu u Adobe Illustratoru

Scroll to top
Read Time: 10 mins

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Noć Vještica je začarani praznik koji uvijek donosi mnogo zabave sa svojom zastrašujućom, misterioznom atmosferom! Pridružite mi se u ovom tutorialu da u Adobe Illustratoru izradimo začaranu scenu koja prikazuje ukletu kuću na brdu. Upotrijebiti ćemo Pencil alat, Gradient alat, Blending Mode načine i našu bezgraničnu maštu. Naoštrite svoje digitalne olovke i krenimo!

1. Počnite iz Temelja i Oblikujte Svoju Paletu Boja

1. korak

Ja obično počinjem kreirati svoj rad izradom grube skice. Kada je skica spremna, izradite New Document (novi dokument) prikladne veličine u Adobe Illustratoru i podesite ga u RGB Color Mode.

create a New Documentcreate a New Documentcreate a New Document

Idite na File > Place da smjestite svoju skicu u dokument i dvaput kliknite na sloj u Layers kartici kako biste otvorili Layer Options izbornik. Označite Template okvir, čime zaključavate sloj i zatamnjujete sliku.

Place your sketch in the documentPlace your sketch in the documentPlace your sketch in the document

2. korak

Formirajte paletu boja koja će nam pomoći da izradimo prikladno mistično raspoloženje za naš rad. Počnite izradom dva malena, jednaka kvadrata, jedan iznad drugog, koristeći Rectangle Tool (M). Ispunite gornji kvadrat tamno plavom bojom i donji kvadrat ružičastom bojom.

Selektirajte oba kvadrata i idite na Object > Blend > Make ili upotrijebite Blend Tool (W) da kreirate grupu kvadrata. Možete promijeniti Blend Options u Object > Blend > Blend Options i podesiti Spacing na Specified Distance od 60 px.

Izradite drugu Blend Group, koristeći žutu i tamno narančastu boju te zatim idite na Object > Expand da ekspandirate obje grupe.

form a color paletteform a color paletteform a color palette

3. korak

Selektirajte tamno ljubičastu paletu koju smo upravo izradili i kliknite New Color Group gumb (ikona mape) u Swatches kartici, izrađujući grupu uzoraka (swatch). Iste poteze učinite sa žuto-narančastom paletom.

create a group of swatchescreate a group of swatchescreate a group of swatches

4. korak

Učinimo naš proces crtanja fluidnijim i ugodnijim. Smjestite naš Sketch Layer (sloj sa skicom) na vrh Layers kartice i podesite Blending Mode skice na Multiply (morati ćete kliknuti otključati sloj na neko vrijeme, klikom na ikonu lokota). Upotrijebite donji sloj crteža, tako da vam skica ostane vidljiva iznad svih slojeva.

set the Blending Mode of the sketch image to Multiplyset the Blending Mode of the sketch image to Multiplyset the Blending Mode of the sketch image to Multiply

2. Konturirajte Osnovne Oblike Skice Sa Pencil Tool Alatom

1. korak

Podesimo i prilagodimo našu digitalnu olovku! Dvaput kliknite na Pencil Tool (N) ikonu u Tools kartici i podesite Fidelity i Smoothness vrijednosti na 2 u Pencil Tool Options skočnom prozoru. Označite Fill new pencil strokes i Edit selected paths kućice za označivanje. Sve ostale postavke ostavite kao što su zadane.

Selektirajte drugu najtamniju boju naše palete i slobodnim pokretom ruke ocrtajte siluetu uklete kuće, prateći linije skice.

edit pencil tool options and draw a house silhouetteedit pencil tool options and draw a house silhouetteedit pencil tool options and draw a house silhouette

2. korak

Izradite pravokutnik za pozadinu, koristeći Rectangle Tool (M), i pošaljite straga na Send to Back (Shift-Control-[). Ispunite pozadinu radijalnim gradijentom, primjenjujući žute i lila tonove naše palete. Pomaknite središnju točku gradijenta gore i u lijevo, koristeći Gradient Tool (G) kako biste izradili prikladno svijetlo okruženja za našu buduću kompoziciju.

Create a rectangle for the backgroundCreate a rectangle for the backgroundCreate a rectangle for the background

3. korak

Nastavite ocrtavati neobično brdo i ispunite ga linearnim gradijentom od tamno plave do svijetlo ljubičaste boje, stvarajući jak kontrast sa pozadinom.

draw a hilldraw a hilldraw a hill

4. korak

Nacrtajte još jedno brdo iza prvog. Napravite ga malo svjetlijim da stvorite dojam kako se nalazi daleko u daljini, naglašavajući time perspektivu.

draw another hilldraw another hilldraw another hill

5. korak

Dodajte nekoliko silueta drveća: sablasno iskrivljeno stablo sa ogoljenim granama u pozadini i grupu borova s desne strane uklete kuće. Prizor počinje izgledati zanimljivije i tajanstvenije.

Add a few tree silhouettesAdd a few tree silhouettesAdd a few tree silhouettes

6. korak

Dodajmo najsvjetliji, najuočljiviji element naše kompozicije - čudnovati mjesec! Preciznije, mladi mjesec. Ocrtajte mu siluetu sa Pencil Tool (N), čineći pritom koliko je god moguće najviše udubina i izbočina. Dodajte neke fine detalje, poput djelića mjesečeva kamena koji levitira između vrhova polumjeseca i nekih malih padajućih oblika kako biste kreirali efekt kapajuće' površine.

make a whimsy moonmake a whimsy moonmake a whimsy moon

7. korak

Idite dalje i dodajte nekoliko silueta oblaka, djelomično prekrivajući mjesec kako biste sliku učinili intrigantnijom. Upotrijebite drugu najsvjetliju boju s naše plavo-ljubičaste palete.

add a few cloud silhouettes add a few cloud silhouettes add a few cloud silhouettes

Nastavite dodavati oblake i graditi detaljniju sliku. Smjestite nekoliko oblaka na vrh i sakrijte ostale iz mjeseca šaljući ih straga pomoću Send to Back (Shift-Control-[).

add more clouds and rearrange themadd more clouds and rearrange themadd more clouds and rearrange them

8. korak

A sada zabavni dio! Uzmite Pencil Tool (N), podesite Fill boju u None i Stroke boju u najsvjetliju žutu. Šarajte po mjesecu kružnim pokretima ruke, kreirajući grub, skicirajući efekt.

Scribble around the moon with pencil toolScribble around the moon with pencil toolScribble around the moon with pencil tool

3. Ispunite Detaljima Osnovne Elemente Vašeg Djela

1. korak

Učinimo mjesec više realističnim i dimenzionalnim Olovkom ocrtajte oblik unutar polumjeseca, prateći njegov donji dio, ali ga učinite manjim. Ispunite novo kreirani element sa linearnim gradijentom od svjetlo žute (iste kao što je polumjesec) do tamno žute, tako da se lijepo 'izblenda' sa glavnim oblikom.

Pencil a shape inside of the crescent and fill with gradientPencil a shape inside of the crescent and fill with gradientPencil a shape inside of the crescent and fill with gradient

2. korak

Dodajte drugi oblik za gornji dio polumjeseca i ispunite ga linearnim gradijentom od žute do crne. Prebacite Blending Mode u Screen, čineći mjesec uglađenim i sjajnim.

Add another shape for the upper part of the crescent in Screen modeAdd another shape for the upper part of the crescent in Screen modeAdd another shape for the upper part of the crescent in Screen mode

3. korak

Dodajte manji, eliptični oblik oblikujući udubinu. Prebacite u Multiply Blending Mode i ispunite oblik sa linearnim gradijentom od žute do bijele, stvarajući sjenu i dojam dubine.

form a dimpleform a dimpleform a dimple

4. korak

Duplicirajte izrađenu udubinu i smjestite je na drugu stranu polumjeseca, dodajući još udubina. Učinite ulegnuće izbočeno smještajući svjetlu, tanku prugu u Screen Blending Mode načinu uzduž ruba rupe.

add another holeadd another holeadd another hole

5. korak

Kopirajte oblik koji smo kreirali ranije u donjem dijelu polumjeseca i ispunite ga tamnijom nijansom žute. Idite na Effect > Stylize > Feather i primijenite blago zamagljeni efekt sa 30 px Radius vrijednosti.

apply Feather effectapply Feather effectapply Feather effect

Konačno, naš polumjesec izgleda kao šećerna vata i privlači pažnju gledatelja sa svojim glatkim oblikom! Nastavimo sada dalje i dekorirajmo druge elemente našeg rada u istom obasjanom stilu.

check the finished mooncheck the finished mooncheck the finished moon

6. korak

Prije svega, svakom oblaku ćemo morati dodati neke detalje. Ovaj proces može biti pomalo naporan, ali ako ste vješti sa crtanjem slobodnim potezom ruke, uživati ćete promatrajući kako vaša slika poprima svoj konačan oblik. Nacrtajte 'zavijutke' i 'vrtloge' na svakoj izbočini oblaka - svjetlije za obasjane dijelove i tamnije za sjene.

add details to a cloudadd details to a cloudadd details to a cloud

7. korak

Ispunite tamniji oblik sa linearnim gradijentom, jedan kraj od svake ima jednaku boju kao i oblak, dok je drugi kraj malo tamniji. Za obasjane dijelove, upotrijebite Screen Blending Mode način i linearni gradijent sa svijetlo narančastom na jednom kraju i crnom na drugom.

Rotirajte gradijente koristeći Gradient Tool (G) tako da se tonski neprimjetno uklope u osnovni oblik oblaka.

make the cloud parts glossy with Multiply and Screen modesmake the cloud parts glossy with Multiply and Screen modesmake the cloud parts glossy with Multiply and Screen modes

8. korak

Dodajte manje refleksije da pojačate intenzitet mjesečeva sjaja, stvarajući sjajni efekt na ispupčenim dijelovima oblaka.

Add smaller reflections to intensify the moonlightAdd smaller reflections to intensify the moonlightAdd smaller reflections to intensify the moonlight

9. korak

Nastavite raditi dalje na oblacima, obraćajući pažnju na njihove boje: Donje oblake učinite svjetlijima od gornjih, kao da su skriveni u nizinama i nemojte reflektirati toliko mjesečeve svjetlosti.

compare the clouds colorscompare the clouds colorscompare the clouds colors

Nastavite dodavati sjajnu svjetlinu gornjem dijelu kompozicije.

add luminance to the upper part add luminance to the upper part add luminance to the upper part

Nacrtajte malene 'zavijutke' i oblike poput šapa koristeći Pencil Tool (N) i prirodni, neprekidni pokret rukom.

Draw swirls with the Pencil Tool Draw swirls with the Pencil Tool Draw swirls with the Pencil Tool

10. korak

Boje 'nad-tonova' trebale bi biti u skladu sa prirodnim osvjetljenjem. Ustvari, donji oblaci bi trebali imati hladnije tonove, plavkaste odsjaje, dok oblaci koji su bliže mjesecu zadržavaju svoje tople, žuto-narančaste tonove.

Create the environment lightingCreate the environment lightingCreate the environment lighting

11. korak

Pogledajmo cjelokupnu kompoziciju kako bismo se uvjerili da nam ništa ne nedostaje.

take a look at the overall compositiontake a look at the overall compositiontake a look at the overall composition

Upotrijebite Shape Builder Tool (Shift-M) da popravite dijelove oblaka koji se preklapaju sa brdom, ili samo pritisnite Control-[ da prerasporedite objekte, pomičući oblak ispod brda.

Use the Shape Builder Tool Shift-M to fix some parts Use the Shape Builder Tool Shift-M to fix some parts Use the Shape Builder Tool Shift-M to fix some parts

12. korak

Uredite boje drveća na isti način, tako da se njihov donji dio 'izblenda' sa tlom.

Edit the color of the treesEdit the color of the treesEdit the color of the trees

13. korak

Dodajte put koji vodi do uklete kuće. Napravite mu donji dio širi da naglasite perspektivu i prikažete da je kuća prilično udaljena od promatrača.

Add a path leading to the haunted houseAdd a path leading to the haunted houseAdd a path leading to the haunted house

14. korak

Upotrijebite Rectangle Tool (M) da izradite tanke trake i kombinirajte ih tako da dobijete grupu dasaka koje oblikuju potpornu strukturu kuće.

form a supporting structure for the houseform a supporting structure for the houseform a supporting structure for the house

15. korak

Hajde da stvorimo iluziju osvjetljenja koje dopire kroz prozore kuće, dodajući dašak misterioznosti. Naša skica već sadrži neke prozore, pa ih samo trebamo ocrtati konturom. Ja za ovaj korak koristim Pen Tool (P) kako bih izradila oblik polu-elipse ali vi, ako želite, možete upotrijebiti Pencil Tool (N) ili samo obrišite dio elipse da napravite isti luk prozora kao što vidite ispod na slici.

use the Pen Tool P to create a windowuse the Pen Tool P to create a windowuse the Pen Tool P to create a window

16. korak

Ispunite izrađeni oblik tamno-plavim linearnim gradijentom i dodajte manju kopiju istog oblika iznad, i ispunite ga linearnim gradijentom od svijetlo narančaste do tamno narančaste.

Fill the created shape with linear gradient Fill the created shape with linear gradient Fill the created shape with linear gradient

17. korak

Duplicirajte tamni oblik i selektirajte njegovu gornju točku sidrišta sa Direct Selection Tool (A) alatom.  Povucite točku sidrišta dolje kako bite smjestili oblik ravno na tlo.

put the shape flat on the groundput the shape flat on the groundput the shape flat on the ground

18. korak

Prilagodite gradijente, kreirajući dojam svjetlosti koja prodire na tlo kroz otvoreni prozor (ili je vjerojatnije da će to biti prednja vrata).

create a sense of light pouring on the ground create a sense of light pouring on the ground create a sense of light pouring on the ground

Upotrijebite Reflect Tool (O) da zrcalno reflektirate izrađeni oblik preko Vertical Axis (vertikalne osi). Napravite nekoliko kopija reflektiranog prozora i smjestite ih na suprotne zidove, povećavajući im veličinu.

Use the Reflect Tool O to mirror the created elementUse the Reflect Tool O to mirror the created elementUse the Reflect Tool O to mirror the created element

19. korak

Izradite višestruke kopije prozora i smjestite ih na prikladna mjesta.

Create multiple copies of the windowsCreate multiple copies of the windowsCreate multiple copies of the windows

20. korak

Nastavite dalje i oblikujte lijevu stranu zida dodajući zakrivljeni pravokutni oblik. Ispunite oblik nježnim lila-bijelim linearnim gradijentom i prebacite ga u Multiply Blending Mode način, tako stvarajući sjenu i dodajući kući dimenzionalnost.

make the house dimensionalmake the house dimensionalmake the house dimensional

Renderirajte krov kuće na isti način kao i zid.

Render the roof of the house Render the roof of the house Render the roof of the house

Iznad krova dodajte oštri, cik-cak oblik. Selektirajte oba objekta i upotrijebite Minus Front funkciju u Pathfinder kartici da oblikujete pukotine.

use the Minus Front function in Pathfinder to form cracksuse the Minus Front function in Pathfinder to form cracksuse the Minus Front function in Pathfinder to form cracks

Na jednak način radite preko drugih dijelova kuće, renderirajući sjene i stvarajući realističan izgled.

render shadows render shadows render shadows

4. Dodajte Dašak Magije

1. korak

Kako bismo stvorili misterioznu, 'Halloween' atmosferu slike, dodati ćemo neke sporedne detalje. Individualno, oni će na prvi pogled biti jedva primjetni ali svi zajedno stvaraju upravo onaj efekt koji mi tražimo. Hajde da tu i tamo dodamo neke od ovih malenih elemenata kako bismo malo popunili naš rad.

Prije svega, prozorima dodajte više svjetlosti, stoga dodajte oblik stošca i ispunite ga svijetlim gradijentom u Screen Blending Mode načinu.

dd a conelike shape and fill it with a gradient in Screen modedd a conelike shape and fill it with a gradient in Screen modedd a conelike shape and fill it with a gradient in Screen mode

2. korak

Napravimo sada malen, ali veoma važan element, koji stvara suptilan, čaroban efekt - svjetlucavu iskru! Iskre uvijek stvaraju dojam nečeg misterioznog i nadprirodnog.

Izrada iskre je prilično jednostavna: Izradite dva kruga i ispunite ih radijalnim gradijentima kao što je prikazano ispod na slici. Upotrijebite žuto-crni gradijent sa malenom sredinom za jedan krug i narančasto-crni gradijent sa većom sredinom za drugi krug.

Smjestite jedan krug iznad drugog i prebacite ih u Screen Blending Mode način. Crna boja će postati transparentna, stvarajući topli sjaj. Zaista čarobno!

make a sparkle in Screen modemake a sparkle in Screen modemake a sparkle in Screen mode

3. korak

Rasporedite iskre ispred ulaznih vrata, kao da odlijeću iz kuće.

put the sparkles in front of a doorput the sparkles in front of a doorput the sparkles in front of a door

Koristeći isu tehniku dekorirajte još nekoliko prozora. Ipak, izbjegavajte dodavati iskre na sve prozore kako ne biste pretrpali sliku malim detaljima, jer oni stvaraju "buku", što može prilično odvraćati pažnju promatrača.

Decorate several more windows with sparksDecorate several more windows with sparksDecorate several more windows with sparks

4. korak

Naša slika je skoro završena! Dodajmo još neke zanimljive elemente koji će privući više pažnje i oživjeti kompoziciju. Potrebni su nam neki likovi prikladni za 'Halloween' temu. Kao što se sjećate, već smo imali ogoljeno stablo u prednjem planu, pa hajdemo mu dodati šišmiša koji visi naopako na jednoj od grana.

Nacrtajte zakrivljeni oblik koristeći Pencil Tool (N) da nacrtate lijevi dio siluete šišmiša. Pomoću Reflect funkcije reflektirajte oblik preko vertikalne osi (Vertical Axis) i spojite polovice, oblikujući jednu siluetu. Iznad dodajte tamniji oblik, formirajući krilo, omotano oko šišmiša. Dodajte dva crvena oka i napravite im šiljasti rub da postignete zao pogled.

create a simple bat charactercreate a simple bat charactercreate a simple bat character

5. korak

Smjestimo šišmiša na stablo. Ako je potrebno, potamnite ga da naglasite kontrast između lika i pozadine.

put the bat on a treeput the bat on a treeput the bat on a tree

Upotrijebite jednu od iskrica koje smo izradili u jednom od prethodnih koraka i smjestite je preko šišmiševa oka kako bi im dodali crveni sjaj.

create glowing eyes with a sparkcreate glowing eyes with a sparkcreate glowing eyes with a spark

6. korak

Nacrtajte 'naškrabani' oblik, imitirajući koru drveta. Upotrijebite istu gradijentnu ispunu koji smo upotrijebili na zidovima kuće, ali prebacite u Multiply Blending Mode način.

draw tree barkdraw tree barkdraw tree bark

7. korak

Ostao nam je još posljednji korak! Dodajmo našoj slici svjetlinu kako bi postala živopisnija i zasićenija. Napravite veliki pravokutnik koji prekriva cijelu radnu površinu(Artboard) i ispunite ga radijalnim gradijentom koji se sastoji od narančaste, ružičaste i tamno-ljubičaste boje, kao što je prikazano na sljedećoj slici.

Prebacite Blending Mode u Overlay i smanjite Opacity na 30%. Ova jednostavna metoda dodaje nam osvjetljeni izgled poput bombona! Boje sada izgledaju mnogo bolje.

add an Overlay object to brighten the colorsadd an Overlay object to brighten the colorsadd an Overlay object to brighten the colors

8. korak

Izradite još jedan pravokutnik jednake veličine kao što je radna površina (Artboard) i klikom na Shift-Control-] ga smjestite iznad svih drugih elemenata. Sve selektirajte (Control-A) i kliknite desnim gumbom miša da otvorite izbornik u skočnom prozoru. Funkcijom Make Clipping Mask izradite masku da sakrijete dijelove izvan radne površine.

make a clipping mask to hide the unneeded piecesmake a clipping mask to hide the unneeded piecesmake a clipping mask to hide the unneeded pieces

Jej! Naša ukleta kuća na brdu je završena!

Čestitam! Dovršili ste izgradnju misteriozne Halloween scene i trebali biste biti ponosni na sebe. Nadam se da ste uživali prateći ove smjernice i pronašli neke korisne savjete i trikove za vaše buduće radove. Sretna Noć Vještica, ljudi!

final imagefinal imagefinal image
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.