(52 puta ocijenjeno, prosjek: 4.77 od 5)

Kako nastaje ilustracija

Na primjeru izrade ilustracije za web stranicu preko koje se možete pretplatiti na dnevno dobivanje novina 24sata u poštanski sandučić, pokazat ću vam kako nastaje komercijalna ilustracija. Neću predetaljno ulaziti u samu izvedbu što se tiče izbora pojedinih alata u samom Photoshopu, prvenstveno zato što sam mišljenja da se razni potezi mogu izvesti na razne načine i svaki autor može odabrati onaj koji mu najbolje odgovara.

Dakle, ovu prezentaciju ne treba shvatiti kao klasični tutorial, već samo kao prezentaciju mog osobnog načina rada.

Pa, krenimo…

1. OPIS PROJEKTA
Klijent mi je poslao mail u kojem me traži da osmislim nekakav vizual, tj. ilustraciju koja bi trebala dodatno motivirati čitatelje portala 24sata.hr da se pretplate na dnevno dobivanje tiskanog izdanja novina u poštanski sandučić. Idealna situacija za tako nešto je prikazati jutarnju scenu iz doma obitelji Jambriščak (čiji članovi Štefica, Joža i Slavek su moji karakteristični likovi) posebice stoga što se mnogi mogu poistovjetiti s njima i događajima koje proživljavaju u brojnim karikaturama.

2. SKICA
Skicu sam izradio u olovci (preciznije, digitalno simulirajući olovku pomoću Brush alata u Photoshopu) koristeći Hard Round Brush širine 3 piksela i namještanjem transparentnosti layera na 50%.

3. TUŠIRANJE
Nakon stvaranja novog layera kojeg sam postavio iznad ovog na kojem je skica u olovci slijedilo je tzv. tuširanje, tj. izvlačenje crnih punih linija preko linija u olovci. Za ovo sam koristio Hard Round Brush širine 5 piksela.

U ovom koraku se inače više-manje definira izgled ilustracije, a u ovom slučaju primjetno je i dodavanje detalja koji nisu bili u prethodnoj fazi (pas, grmlje i džezva kave).

4. BOJANJE
Uslijedio je šareniji dio posla, tj. bojanje. Koristeći alat Paint Bucket ispunio sam plohe odgovarajućim bojama.

5. ODSJAJI
Iako se tzv. odsjaji mogu dodati i na kraju posla, ja sam ih dodao u ovom koraku. Kod njihovog dodavanja treba paziti gdje je izvor svjetla, a radio sam ih koristeći bijelu boju s alatom Soft Round Brush širine 30 piksela i namještanjem opcije Flow na 2%.

6. UZORCI
U ovom koraku sam obojao Slavekovu košulju tako da sam površinu košulje prvo selektirao alatom Magic Wand s opcijom Tolerance namještenom na 100%, a zatim sam odabrao uzorak koristeći naredbe iz padajućeg menija kako slijedi: Edit > Fill > Contents Use: Pattern > Custom Pattern

7. SJENČENJE
Na vrhu sam kreirao novi layer, blending mode layera sam postavio na Multiply, a Opacity na 20%. Koristeći crnu boju za predmete i odjeću, te tamno smeđu boju za kožu, upotrebom alata Soft Round Brush širine 25 piksela, obojao sam sve dijelove ilustracije koji su u sjeni.

8. UKRASI
Ukrase, tj. cvjetiće na Štefičinoj haljini i zavjesama napravio sam koristeći alat Custom Shape, a točkice na vrču i šalicama pomoću žute boje i alata Hard Round Brush širine 10 piksela.

9. NOVINE
Naslovnicu novina sam dodao tako što sam prvo pomoću alata Magic Wand selektirao plohu novina, zatim sam unaprijed pripremljenu sliku naslovnice koju sam kopirao na Clipboard, zalijepio u tu plohu koristeći naredbe Edit > Paste Special > Paste Into. Simulaciju zakrivljenog 3D oblika sam dobio koristeći naredbe Edit > Transform > Warp.

… i tako, na kraju je još samo trebalo dodati potpis i ilustracija je gotova! :)

Na ovom linku možete pogledati kako je klijent iskoristio ilustraciju na svom siteu:

http://www.24sata.hr/pretplata


Tags:, , ,

31 komentara na “Kako nastaje ilustracija”

  1. Ojkan June 8, 2011 at 7:09 pm #

    Može li se znati koji grafički tablet koristiš?

    Like or Dislike: Thumb up 3 Thumb down 1

    • Nik Titanik June 8, 2011 at 7:19 pm #

      Ofkors. Wacomov Cintiq.

      Like / Dislike? Thumb up 8 Thumb down 1

  2. Nunčaka June 8, 2011 at 8:01 pm #

    O, ovo ti je bila baš dobra ideja, malo nas uputiti kako nastaju karikature oko kojih ratujemo. Zbilja ima puno posla oko njih, a i ova na kojoj si pokazao kako se to radi je baš slatka :)

    Like / Dislike? Thumb up 6 Thumb down 1

  3. jugkala June 9, 2011 at 9:42 am #

    zanimljivo….

    Like or Dislike: Thumb up 2 Thumb down 1

  4. Coflek June 9, 2011 at 10:43 am #

    Sažeto… jasno… razumljivo svakom tko se imalo kuži
    u Photoshop. Ovaj tutorial je jako dobra ideja. Thumb up!

    Like / Dislike? Thumb up 7 Thumb down 1

  5. Slunjčica June 9, 2011 at 3:54 pm #

    Zanimljivo! Koliko vremena treba da nastane jedna ovakva ilustracija?

    Like or Dislike: Thumb up 2 Thumb down 1

    • Nik Titanik June 9, 2011 at 5:36 pm #

      A jedno cca. sat vremena

      Like or Dislike: Thumb up 2 Thumb down 1

      • gogo_ June 9, 2011 at 6:32 pm #

        za nacrtat ,al treba izmislit karikaturu a ne sam nacrtat …nije to lako … al dobro to ti je poso , lakse ti crtat neg da moras orat i kopat :-)

        Like or Dislike: Thumb up 0 Thumb down 2

        • Nik Titanik June 9, 2011 at 6:40 pm #

          U pravu si, gogo_, neki put traženje prikladne teme i smišljanje fore traje satima.

          Like / Dislike? Thumb up 4 Thumb down 0

          • gogo_ June 10, 2011 at 6:59 am #

            pa normalno da sam u pravu :-)
            Nuncaka ,znam da ti je sad tesko zbog toga sto je meni Nik odgovorio a tebi nije , a jebi ga takvi ti je zivot :-D

            Like / Dislike? Thumb up 3 Thumb down 5

  6. alexxl June 9, 2011 at 9:10 pm #

    “olovka”,….nju pomičeš mišem, jel tak?
    Ak je tak,….jebeno ju je micati da se dobi takva skica.

    Like or Dislike: Thumb up 1 Thumb down 3

    • Jutarnji obrok July 8, 2011 at 10:04 am #

      To se radi na tabletu!!!

      Like or Dislike: Thumb up 0 Thumb down 1

  7. spacemaniac June 9, 2011 at 11:02 pm #

    Koji miš?

    Like or Dislike: Thumb up 1 Thumb down 0

    • Jutarnji obrok July 8, 2011 at 10:04 am #

      Nema miša,radi se na tabletu!

      Like or Dislike: Thumb up 0 Thumb down 1

  8. alexxl June 10, 2011 at 5:17 am #

    E jesam retardinjo, a i genijalac ujedno.
    I mislim si je o “olovci” i mislim i jel su to ljudi već zmislili? i kak se to zove? i pade mi na pamet PenMouse i ukucam ti ja to u Google, kadli,………..

    Znači s tim crtaš? Ni to ni skupo.
    Neg, crtaš li po ekranu, ili kakvom “tabletiću”-podlšku?
    Valjda sad nebum ispal glup!
    Jeba me patak, ak si ja to ne kupim.
    Di, kaj, zakaj, daj molim te malo o tome.

    S običnim mišem vuć……katastrofa!
    Pozdrav

    Like or Dislike: Thumb up 3 Thumb down 0

  9. alexxl June 10, 2011 at 3:21 pm #

    Thx frend, pametnom dost!
    Taj sam, i po telu i oko njega!

    Like or Dislike: Thumb up 0 Thumb down 0

  10. fejkmejl July 6, 2011 at 2:24 am #

    imam jedno pitanje nevezano za ovaj topic! zašto dopuštaš one debilne komentare (tipa prvi, drugi, deseti i sl.)na svojim karikaturama na 24sata.hr?

    Like or Dislike: Thumb up 2 Thumb down 1

  11. vanesa July 7, 2011 at 5:32 pm #

    agahahahahahahahahahaha

    Like or Dislike: Thumb up 0 Thumb down 0

  12. ale July 7, 2011 at 5:35 pm #

    a kako to napraviš , mislim na kom. jer ja sam najbolja u okolici , a nemogu da napravim nešto takvo gde , kad i kako ??? daj odgovori

    Like or Dislike: Thumb up 0 Thumb down 0

  13. ale July 7, 2011 at 5:38 pm #

    a evo jedan mali savet , ako ti se svdi , naravno !
    ja bih napravila tu skicu šta li je već gde bi ta štefica mučila nika da opere sve njene cipele . a gde govori : još 154 , 153 …. izvrsna idea , možda ??? a i štaće ti kad veimaš puno idea , nezzz odluči sam

    Like or Dislike: Thumb up 0 Thumb down 1

  14. ale July 7, 2011 at 5:41 pm #

    a slušaj ne bi da te morim svojim ideama
    al stvarno ako bi me poslušao , bilo bi lepo . bila bih ti puno zahvalna . uvek sam želela raditi kao i ti , al eto ti tako ti je to .a šta ćeš ???? p.s. to ti je lep posao , nemoj da ga izgubiš !!! ;)

    Like or Dislike: Thumb up 0 Thumb down 1

  15. ale July 7, 2011 at 5:44 pm #

    a i riši malo i o lepoj breni , hehehehe ili borutu a možeš i amy whinehouse joj , što se osramotila , ocrnela je ceo beograd

    Like or Dislike: Thumb up 0 Thumb down 2

  16. Jutarnji obrok July 8, 2011 at 10:06 am #

    Ja,jutarnji sam obrok na ovo stolu,Nik titanik me crtaaaaaa,ja sam vrlo vedar i jako veseo,ako moj prijatelj želiš biti napravi fini gablec!

    Like or Dislike: Thumb up 2 Thumb down 0

  17. chiquitachiqu July 29, 2011 at 7:03 pm #

    24 sata
    fuj

    Like or Dislike: Thumb up 1 Thumb down 2

  18. pas August 3, 2011 at 1:52 pm #

    Ja sam pas. Vau!

    Like or Dislike: Thumb up 0 Thumb down 1

  19. rope October 18, 2011 at 10:08 pm #

    Ma Nik je kralj,uvjek pokaez pravu situaciju i istinu.Pogotovo sto se tice onih lopova u Saboru :D

    Like or Dislike: Thumb up 1 Thumb down 0

  20. mr. Jonson November 6, 2011 at 12:32 pm #

    Gdje si kupio tablet (ako nije tajna) :)

    Like or Dislike: Thumb up 1 Thumb down 0

    • Nik Titanik November 9, 2011 at 5:55 am #

      Finder d.o.o.

      Like or Dislike: Thumb up 1 Thumb down 0

  21. floppy November 16, 2011 at 6:07 pm #

    mislim si, neću niš komentirat, al ne mogu! koje gluposti ljudi tu još neće napisat, bolje da ne gledam neku drugu temu…a opet, nije zgoreg pokazat kak neki ljudi rezoniraju. to je plus vama nik, jer objavljujete i takve bezvezne komentare, a ne samo pohvale i divljenja. kako bi inače znali da ima i takvih, ha? ak hoće ostavit trag, bolje da naprave nešto korisno ili nacrtaju nešto makar na razini malog djeteta, sigurno će ispast bolje nego da daju neki žnj komentar…

    Like or Dislike: Thumb up 0 Thumb down 0