Kako nastaje ilustracija

June 8, 2011 in Nik Titanik Studio · 31 Komentara

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 19:09 #

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
    • Nik Titanik June 8, 2011 at 19:19 #

      Ofkors. Wacomov Cintiq.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      Reply
  2. Nunčaka June 8, 2011 at 20:01 #

    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 :)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  3. jugkala June 9, 2011 at 09:42 #

    zanimljivo….

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  4. Coflek June 9, 2011 at 10:43 #

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  5. Slunjčica June 9, 2011 at 15:54 #

    Zanimljivo! Koliko vremena treba da nastane jedna ovakva ilustracija?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
    • Nik Titanik June 9, 2011 at 17:36 #

      A jedno cca. sat vremena

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      Reply
      • gogo_ June 9, 2011 at 18:32 #

        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 :-)

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
        Reply
        • Nik Titanik June 9, 2011 at 18:40 #

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

          VN:F [1.9.22_1171]
          Rating: 0 (from 0 votes)
          Reply
          • gogo_ June 10, 2011 at 06:59 #

            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

            VA:F [1.9.22_1171]
            Rating: 0 (from 0 votes)
            Reply
  6. alexxl June 9, 2011 at 21:10 #

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
    • Jutarnji obrok July 8, 2011 at 10:04 #

      To se radi na tabletu!!!

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      Reply
  7. spacemaniac June 9, 2011 at 23:02 #

    Koji miš?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
    • Jutarnji obrok July 8, 2011 at 10:04 #

      Nema miša,radi se na tabletu!

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      Reply
  8. alexxl June 10, 2011 at 05:17 #

    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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  9. alexxl June 10, 2011 at 15:21 #

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  10. fejkmejl July 6, 2011 at 02:24 #

    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?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  11. vanesa July 7, 2011 at 17:32 #

    agahahahahahahahahahaha

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  12. ale July 7, 2011 at 17:35 #

    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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  13. ale July 7, 2011 at 17:38 #

    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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  14. ale July 7, 2011 at 17:41 #

    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š !!! ;)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  15. ale July 7, 2011 at 17:44 #

    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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  16. Jutarnji obrok July 8, 2011 at 10:06 #

    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!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  17. chiquitachiqu July 29, 2011 at 19:03 #

    24 sata
    fuj

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  18. pas August 3, 2011 at 13:52 #

    Ja sam pas. Vau!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  19. rope October 18, 2011 at 22:08 #

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
  20. mr. Jonson November 6, 2011 at 12:32 #

    Gdje si kupio tablet (ako nije tajna) :)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply
    • Nik Titanik November 9, 2011 at 05:55 #

      Finder d.o.o.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      Reply
  21. floppy November 16, 2011 at 18:07 #

    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…

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    Reply

Komentirajte:

Gravatar Image

Ukoliko želite imati svoju sliku (gravatar) pored komentara, molimo pratite ovaj link