Vodič za ilustracije: Kako stil svoje marke učiniti prepoznatljivim. Stvaranje ilustracija likova u Adobe Illustratoru

Ista riječ “ilustracija” odnosi se na slike koje se razlikuju po sadržaju i obliku, po značenju za djelo i čitatelja, po povezanosti crteža i teksta, po tehnici izvedbe.” Prema namjeni koju slika ima. , ilustracije se mogu podijeliti na znanstveni i obrazovni(karte, planovi, dijagrami, crteži itd.) i umjetničko i figurativno(tumačenje književnog djela sredstvima knjižna grafika). Ilustracije mogu biti objašnjavajuća slika za tekst, koja nadopunjuje tekst, i slika gotovo potpuno neovisna, ponekad čak i podređena tekstu".

“Ovisno o veličini i mjestu u knjizi, postoje sljedeće vrste ilustracija:

- Frontispis. Element umjetničkog oblikovanja publikacije, a to je ilustracija postavljena na lijevoj stranici u sklopu s naslovnom stranicom.

- Čuvar zaslona. Splash ilustracije se stavljaju na početak dijela ili poglavlja knjige na uvodnoj stranici zajedno s tekstom; označavaju početak jednog od dijelova priče; obično se nalaze na vrhu stranice i odvojene su iz teksta bijelom marginom. Pomažu čitatelju da se usredotoči na novi materijal i emocionalno se prilagodi njemu. Naslovi mogu prikazivati ​​scenu opisanu na početku poglavlja; pričati o glavna tema dijelovi ili poglavlja; prikazati prizor ili krajolik koji treba kod čitatelja pobuditi odgovarajuće raspoloženje. Čuvari zaslona također mogu biti dekorativni ili simbolični.

- Prugasta ilustracija (cijela stranica), polutraka (na pola stranice), dvolistica (na dvije stranice). Izbor formata ilustracije određuje se ovisno o važnosti ilustriranoga događaja, slike i sl. Sadržaj takvih ilustracija najčešće je u neposrednoj vezi s tekstom koji im prethodi ili slijedi. Za velike dvostrane ili trakaste ilustracije biraju se važni događaji iz djela. Ilustracije uvelike određuju arhitektoniku knjige, pa je potrebno paziti na njihovo ritmičko izmjenjivanje i ravnomjernu zasićenost kroz tekst.

- Obrana(mali crtež okružen tekstom), crteži na marginama - manje značajni događaji.

- Završetak ilustracija nalazi se na kraju dijelova, poglavlja ili cijele knjige. Oni, baš kao i čuvari zaslona, ​​mogu biti tematski, ornamentalni, ukrasni ili simbolični.

Početak i završetak trebaju biti izvedeni u istom stilu, budući da su međusobno povezani i često se nalaze jedan do drugoga na koricama knjige.”

Tehničar Ima puno ilustracija. Mogu se koristiti samostalno ili međusobno kombinirati. Pogledajmo neke od njih.

- Materijali za slikanje(akvarel, gvaš, akril);

- Grafički materijali(ugljen, sanguine, sos, retuš, talijanska olovka);

- Kolaž(franc. kolaž – lijepljenje, naljepnica) – tehnika stvaranja umjetničkog djela kada raznih materijala(fragmenti novina, tapeta, papira u boji, završni materijali, tkanine, žica, drvo, konop, metal) pričvršćeni su na bazu i percipiraju se kao fragment stvarnosti. Kolaž su uveli P. Picasso i J. Bracom 1912. U ovoj tehnici radili su C. Carra, G. Severini, H. Arp, A. V. Lentulov.

- Primjena - lat. applicatio – primjena). Komadići bilo kojeg materijala (tkanina, papir, krzno, slama itd.) našivaju se ili lijepe na tkaninu, papir, karton. Tako nastale slike ili ornament daju djelu posebnu reljefnost i izražajnost. .

- Fotomontaža- kompozicija sastavljena od fotografija i njihovih fragmenata, ponekad dopunjena grafičkim elementima. Korišten u dvadesetom stoljeću. u tiskanoj grafici, plakatima. Naziv su skovali berlinski dadaisti kako bi se odnosilo na radove sastavljene od fotografija. Fotomontažu su koristili J. Hartfield (1891.–1968.), A. M. Rodčenko, L. M. Lisitsky.

- računalna grafika:

„Rasterska slika je podatkovna datoteka ili struktura koja predstavlja mrežu piksela ili točaka u boji (obično pravokutnog oblika) na monitoru računala, papiru i drugim uređajima i materijalima za prikaz.

Vektorska grafika je korištenje geometrijskih primitiva kao što su točke, linije, spline i poligoni za predstavljanje slika u računalnoj grafici. Termin se koristi za razliku od rasterske grafike, koja predstavlja slike kao matricu piksela (točaka)."

3D grafika (3D, 3 dimenzije, ruski 3 dimenzije) - dio računalne grafike, skup tehnika i alata (i softvera i hardvera) dizajniranih za prikazivanje trodimenzionalnih objekata. Najviše se koristi za stvaranje slika na ravnini ekrana ili lista tiskanih materijala u arhitektonskoj vizualizaciji, kinu, televiziji, računalnim igrama, tiskanim materijalima, kao iu znanosti i industriji.

Najstariji način ilustriranja je korištenje tiskana grafika. Linorez,drvorez,cinkografija, litografija, karton, bakrorez, bakropis, mecotinta, akvatinta, suha igla.

Svaki instrument ima svoj zvuk i osjećaj u vašim prstima. Izbor alata uvelike utječe na karakter slike. Često sama tema ilustracije određuje tehniku ​​i stil slike. “Stil je uglavnom izbor instrumenta. Dobra tipografija uvijek pokazuje znak kaligrafskog alata. To nije problem ako radite ilustraciju na papiru, ali u digitalnoj grafici morate se posebno potruditi da sačuvate genetski otisak živog crteža.” Na primjer, Jonathan Edwards koristi vektor, ali njegova ilustracija živi (slika 25. Dodatak 1). Crtanje, čak i korištenje rasterske, vektorske ili 3D grafike, zahtijeva održavanje slike živom.

Ilustraciji su dostupne apsolutno sve tehnike likovne umjetnosti, prema tradiciji se u ilustraciji koriste grafički materijali, ali to je daleko od slučaja.

U suvremenoj se ilustraciji stalno stvaraju određene inovacije i trendovi, to bi mogla biti crno-bijela crtana slika (kod prikazivanja koristi se jedna crna linija, bez sjenčanja, mrlja ili ispuna), uključujući pomalo čudan neogotički stil u crtež, mogli bi biti mali op-art efekti, snažan koloristički ekspresionizam, ulična umjetnost.

No, postavlja se pitanje koji bi trend trebao podržati suvremeni ilustrator - onaj kojim obiluju razne publikacije ili onaj koji voli?

Ipak, postoje znakovi da se javnost počinje zamarati vektorskom i digitalnom grafikom općenito.

Nedavno je otkriven trend Sergej Pervušin(Sl. 26. Dodatak 1), poznati ilustrator: fotografija s rukom crtanim elementima, način da se govori o prisutnosti nepoznatog. “Prisutnost fotografskih elemenata u ilustraciji (čini se obrnuto, ovdje fotografija zauzima najveći dio prostora – ali je nacrtani elementi samouvjereno zahvataju i pretvaraju u ilustraciju) daje toliko grafičke sofisticiranosti, toliko autentičnost da je, općenito, čudno da ova priča još nije integrirana u normalnu ilustraciju, nego ostaje neka vrsta samodostatne igre.” Čim malo izađete iz ravnine lista, počinju mnogo zanimljivije stvari. Ilustratori rade s kolažom, koristeći tradicionalne materijale (papir, tkanina, fotografije) ili medije kao što su

- plastelin(Slika 27, Dodatak 1);

- papier mache;(fr. papier-mâché “žvakani papir”) - lako kalupljiva masa koja se dobiva iz mješavine vlaknastih materijala (papir, karton) s ljepilima, škrobom, gipsom itd. Papier-mâché se koristi za izradu lutki, maski, nastavnih pomagala. , igračke, kazališni rekviziti, kutije itd. U nekim slučajevima čak i ilustracije;

- skulpture iz knjiga(Sl. 28. Dodatak 1) - Knjige se ne mogu samo čitati, već se, pokazalo se, iz njih može stvarati. Kao Nicholas Jones, na primjer.

- papirna plastika(Sl. 29. Prilog 1) - po vrsti stvaralaštva vrlo je sličan kiparstvu. Ali, u papirnoj plastici, svi proizvodi unutra su prazni, svi proizvodi su ljuske prikazanog predmeta.

Kao rezultat savijanja lista papira, stvara se sustav rebara za ukrućenje za bilo koju strukturu. Za složenije proizvode, osim ravnih linija, koriste se zakrivljene. Objekti za prikaz u ovoj tehnici mogu biti i ilustracije.

Da, bilo što, glavno je da materijal odgovara temi djela. "Ručni rad- odličan način da se nadoknadi nedostatak čistih crtačkih vještina - metoda koja je učinkovitija i, što je najvažnije, trendi od nametnutih trendova povezanih s čistom upotrebom tehnologija grafičkog uređivača.”

Vrsta i tehnika ilustracije trebaju biti u funkciji kreativni zadatak. Odabir tehnike, kao kombinacija provjerenih poteza, omogućuje autoru da bude siguran u kvalitetu ilustracije.

Zaključci o drugom poglavlju

U povijesti ilustracije govorimo o njezinoj stalnoj mijeni, u skladu s razvojem kulture i umjetnosti općenito. O njegovoj sintezi s likovnom umjetnošću, dizajnom i knjižnom grafikom. Također se govori o trendovima ilustracije 20. stoljeća. utjecaj stilova secesijskog doba na nju. A glavni trendovi n. XXI stoljeća, odnose više na stranu tehnike ilustracije. Pojam ilustracije otkriva se prema trima obilježjima, a prema nekima se može svrstati u visoku umjetnost. Ono što ga izdvaja kao poseban žanr likovne umjetnosti. Riječ je o crtežima, slikarskim i kiparskim djelima koji su rađeni na književnu tematiku, ali su istovremeno imali samostalan likovni značaj. Prema drugima, ilustracija je vrsta knjižne grafike, koja je djelo namijenjeno da se percipira u određenom jedinstvu s tekstom, odnosno nalazi se u knjizi i sudjeluje u njezinoj percepciji tijekom procesa čitanja. Prema trećoj, ilustracija je objašnjenje teksta demonstracijom vizualna slika, aktivno tumačenje teksta. To su znanstvene i obrazovne ilustracije (karte, planovi, dijagrami, crteži i dr.), kao i ilustracije koje ukrašavaju uporabne proizvode (slike na novcu, marke, informativni materijali, omotnice, ambalaža). Takva se ilustracija može svrstati u primijenjenu grafiku.…………………………… Pravilan odabir tehnike i vrste ilustracije omogućuje umjetniku da bude siguran u kvalitetu i relevantnost ilustracije.

Jeste li spremni riskirati u web dizajnu? Najvjerojatnije neće svatko od vas dati potvrdan odgovor. Međutim, postoji rizik da je s vremenom postao svojevrsni standard, trend u modernom web dizajnu. Ovo "nešto" nazivamo rizikom samo zato što je važno ne samo zamisliti temu i miješati varijacije elemenata, već i zamisliti koliko je to prikladno u projektu dizajna vaše web stranice. Radi se o kombinaciji fotografija i ilustracija u jedan dizajn.

Fotografija se sada koristi za dodavanje realizma. izgled projekt, mogućnost usmjeravanja pozornosti posjetitelja na činjenicu da je riječ o vrlo važnim i potrebnim stvarima u životu svakog čovjeka. Ilustracija ili crtež češće su prikladni za usko usmjerene projekte i podsvjesno se povezuju s akcijom, "crtanjem" ili čak neozbiljnošću.

Ali web dizajn je umjetnost inovacije i profesionalizma grafički urednici. Stoga je kombiniranje dvije vrste slika sasvim moguće. Danas ćemo razmotriti ne samo opcije kako webmasteri koriste ovu vrstu slika, već i zamršenost njihovog stvaranja u Photoshopu.

Prilagođeni naglasci

Uključivanje ilustracija u web dizajn gotovo je jednostavno sve dok one predstavljaju elemente korisničkog sučelja. Ali također ne moraju biti ručno nacrtani ili samo određeni gumbi/strelice. To može biti visokokvalitetna vektorska grafika. U primjerima u nastavku možete vidjeti kako su ilustracije oživjele dizajn (www.wittycookie.com), s likom heroja koji predstavlja sposobnosti tvrtke.

Ilustracija logotipa

Ako volite ilustraciju kao takvu i planirate se usredotočiti na nju u svom projektu web dizajna, onda dobra opcija bit će korištenje ilustrirane slike logotipa. Prvi projekt madebyfew.com to savršeno predstavlja. Štoviše, crteži su se posvuda koristili kao zasebni elementi dizajna u obliku krugova, zmijolikih vrpci, osmijeha i minijatura za materijale. Budući da je stranica posvećena konferenciji i prikazuje njezine sudionike, takva se slika može koristiti umjesto masovne fotografije sudionika.

Drugi primjer s onehappycampernj.org je nešto skromniji, a koristi teksturu s biljnim elementima kao ilustraciju. Posebnost je u tome što je slika stvorena samo za jedan odjeljak na glavnoj stranici. To vam omogućuje da usredotočite pozornost na informacije, oživite stranicu i naglasite posebnost informacija. U jednom od naših prethodnih materijala već smo govorili o ogromnim zbirkama tekstura. Zatim samo trebate promijeniti boju u Photoshopu, prozirnost.

Belgijska građevinska tvrtka konosair.be također je odlučila napraviti ilustraciju iznad fotografije. U isto vrijeme, ručno crtane slike više se ne koriste u dizajnu web stranica. Međutim, čak i kod početna stranica Ova kombinacija izgleda vrlo zanimljivo.

Ilustracija tipografije

Postoji način dodavanja naslova preko fotografije. Ali zamislite ručno crtanu tipografiju, pa čak i animiranu tipografiju (archrival.com). Ovaj se "trik" može koristiti povrh postojećeg videa ili slike.

Steptoandson.co.uk/about/ izgleda skromnije, gdje se tipografija i parovi fontova koriste ne kao ilustracija, već kao sloj teksta. No, pravi stil stvara dojam da je fotografija slikana i pisana rukom, kaligrafijom ili šablonom.

Ispričati priču

Projekt mamyfactory.com/fr/ zanimljiv je jer se crteži koriste doslovno posvuda, ali u kombinaciji s fotografijama. Stvaranje takvog dizajna je teže. Kao prvo, trebat će vam prava fotografija ruku koje pletu, a kao drugo, morat ćete pažljivo odabrati konce i pletivo magnetskim lasom u Photoshopu, a zatim sve to pretvoriti u nacrtani oblik. Ovo može zahtijevati dodatke, vještine crtanja ili jednostavno znanje o tome kako pretvoriti fotografiju u crtež.

Web dizajn projekta discoveryphototours.com/photo-tours/ također se može nazvati lijepom kombinacijom ilustracije i fotografije. Ovdje se fotografije dizajniraju u prijelomima stranica, printovima, naslovi se kreiraju u obliku poteza kista i ilustrirane tipografije.

Slično izgleda i Gili-lankanfushi.com, u čijem su dizajnu ilustrirane ikone i natpisi smješteni na vrhu fotografija Maldiva, lišća, u bočnoj traci i podnožju dodatno pojačavaju učinak crteža.

Pravila korištenja ilustracija

Korištenje ilustracija i fotografija u jednom projektu prilika je za razvoj mašte, dodavanje intrige projektu i dodavanje malo sofisticiranosti dizajnu. Ali potrebno je pridržavati se nekih pravila. Da, da, nažalost, ali čak i za kombinaciju fotografija i slika također su dostupni.

• Stil ilustracija treba odgovarati cjelokupnom dizajnu. To znači da ikone i piktogrami, kao i tekst, također trebaju biti u skladu s općim stilom.
• Bolje je koristiti ilustracije za ikone i gumbe, dodatne male slike, ali za vizualni naglasak i interakciju s korisnicima - samo fotografije.
• Započnite stvaranjem predloška s ilustracijama, a zatim dodajte naglaske dodavanjem fotografija i videozapisa.
• Ne samo slike, već i animirani elementi izgledaju sjajno uz fotografije. Na primjer, tmfp.co.uk; oni su jedva primjetni u blizini fotografija i uopće ne ometaju korisnika od proučavanja informacija.
• U obliku crteža prikladno je izraditi naljepnicu ili logotip tvrtke te ih staviti uz ili na fotografije.
• Ilustracije pomažu posjetitelju u kretanju po stranici, ispričaju mu priču i vode korisnika kroz stranice projekta.

Izrada ilustracija uPhotoshop

Unatoč tome što se “rizik” o kojem smo govorili na početku pokazao i nije tako strašan, postavlja se pitanje kako najlakše napraviti ilustraciju. S jedne strane, možete koristiti clipart, kojih ima mnogo besplatno licenciranih na internetu. Ali s druge strane, možete sami izraditi crtež.

Bitno je da se kvaliteta konačnog materijala može dugo poboljšavati, posvjetljivati, potamnjivati, igrati kontrastom i bojom. I da, postoji mnogo stilova ilustracija, crtanje rukom.

Ali mi ćemo donijeti mali primjer kako uopće izraditi ilustraciju i kako je dalje koristiti. Imajte na umu da se tada može pretvoriti u vektor ili napraviti vektor, možete koristiti gumicu za uklanjanje nepotrebnih detalja i ostaviti samo obrise. Na primjer, potreban vam je crtež torbice ili cipele, ali ne postoji odgovarajući isječak ili stil crtanja. Prijeđite u Photoshop, a zatim uklonite sve nepotrebne stvari, učinite ih zasićenijima konturne linije i..voila, crtež je spreman.

Na primjer, uzmimo mače.

Otvorite Photoshop, kopirajte fotografiju na novi sloj, napravite kopiju sloja. Tako da postoji pozadina i dva sloja sa fotografijom.

Odaberite posljednji sloj (gornji) i zamuti ga pomoću Gaussian-a. Parametar je odabran "po oku", jer su sve fotografije različite u detaljima i boji. Ali nakon par pokušaja na različitim razinama zamutiti, vidjet ćete točno ono što vam je potrebno.

Nakon toga nanesite svojstva ovog sloja – Split. Već ćete dobiti prazninu za crtež olovkom.

Sada su u pitanju sitnice. Kopirajte sadržaj na novi sloj (Ctrl+Shift+Alt+E) i Ukloni zasićenost (Image-Adjustments-Desaturate).

Sada izradite kopiju ovog sloja i odaberite opciju Linearni dimer.

To je sve. Sada posebno crna područja mogu se posvijetliti s alatne trake. Možete stvoriti još više slojeva, postižući jasnoću. Sive dijelove možete popraviti četkom kako biste izbjegli mrlje. Ali sve ovisi o specifičnom materijalu i vašoj mašti.

Što sada učiniti s naizgled nerazumljivom ilustracijom? Može se umetnuti u predložak. Odabrali smo jedan s mačićima, gdje postoji odjeljak s dijelovima i ubacili našeg mačića u jedan od njih. Osim toga, dodali smo više slojeva i učinili ga jasnijim. Ako koristite druge crteže mačića u blizini različite poze, dajte malo drugačiji stil, učinite mačiće više oblikovanim, tada ćete dobiti personifikaciju teme našeg materijala. Izvor je preuzet odavde: templatemonster.com/ru/demo/47111.html.

Što se tiče teksta ispod šape, on se na ovom mjestu može razdvojiti, a pozadina mačića može biti ukrašena prijelomom stranice. Osim toga, prilagodite rubove, ispravite mrlje okolo gumicom, primijenite izoštravanje ili čak pošaljite u Illustrator na crtanje i pretvaranje u vektor. Prikladnije je prevesti arhitekturu i lica u crteže.

Završetak

Korištenje ilustracija u kombinaciji s fotografijama unutar dizajna jedne web stranice sasvim je moguće. Čak izgleda nevjerojatno, ali teško ga je izraditi ako točno potrebni crteži nisu dostupni i morate ga sami izraditi u grafičkim uređivačima. To je teže učiniti ako niste osobito dobri u crtanju po prirodi iu životu. Međutim, moguće je stvoriti ilustraciju, samo trebate imati ideju kakav stil želite. Ako je analog mamyfactory.com/fr/, onda možete sami nacrtati zgradu trgovine, ali prenesite psa s fotografije, odaberite konture i uklonite sve što se pojavljuje unutra (točke, artefakte, piksele) gumicom.

Web dizajn je kreativna profesija koja zahtijeva ne samo vrijeme, već i maštu, ljubav prema umjetnosti i potragu za inspiracijom. I znanje također.

Post sadrži izbor lekcija za obuku o stvaranju vektorske grafike. Po mom mišljenju, većina materijala će se činiti zanimljivom početnicima koji tek počinju shvaćati vektorsku umjetnost. Ali mislim da će stručnjaci također moći pronaći korisne lekcije za sebe.

Upute su besplatne, ali gotovo sve je besplatno Engleski jezik. Radi praktičnosti, podijeljeni su u tri kategorije: početak rada, stvaranje lica, dizajn likova, krajolik i okoliš te specijalni efekti.

Dakle, idemo:

Ovaj vodič objašnjava kako izraditi vektorske ilustracije pomoću Adobe Illustrator. Objašnjeni su ključni parametri i alati, nadopunjeni stručnim savjetima.

U ovom opsežnom vodiču naučit ćete osnovne pojmove, tijekove rada i tehnike koje će vam pomoći da počnete s vektorskom grafikom.

Alat za olovku jedan je od glavnih u arsenalu programa; posebno je važan za početno ovladavanje vektorskom grafikom. Ovaj detaljan vodičželi vas upoznati sa značajkama i metodama rada s nezaobilaznim alatom tvrtke Adobe. I također s najracionalnijim načinima korištenja.

Ovaj video vodič doista je vrijedan izvor koji objašnjava kako stvoriti vektorsku grafiku u Illustratoru i ulogu crteža u tom procesu.

Od korištenja točaka Bezierove krivulje do poteza, ispuna i izrade vektorske grafike prirodan izgled- ovo su samo neke od tajni Illustrator iz lekcije koje će značajno proširiti arsenal početnika.

Naučite kako stvoriti jednostavne organske oblike u Illustratoru uz ovaj jednostavan vodič Veerlea Pietersa, grafičkog i web dizajnera.

7. Dodavanje teksture vektorskim ilustracijama

Dodavanje teksture izvrstan je način da svoju vektorsku grafiku učinite izražajnijom i naglasite njihovu perspektivu. Ovo je vrlo dostupan video Ilustratorica Alexandra Cecilio pokazuje kako se to radi.

Ovaj vodič Andreja Mariusa pomoći će vam da stvorite vektor linijski grafikon. Korak po korak: počevši od jednostavne mreže za usmjeravanje linija, koristeći samo ploču Izgled (jedan od najmoćnijih alata u Adobe Illustratoru) uz dodatak nekoliko jednostavnih dijelova teksta i finog sjenčanja.

Stvaranje lica

Ovo je vrlo koristan video tutorial koji prikazuje proces stvaranja vektorskog oka, kao i potamnjivanje kože.

Ovo je dubinski video tečaj koji će vam pomoći da savladate umjetnost stvaranja vektorskih portreta iz fotografija.

Još jedan sjajan vodič o vektorskoj grafici. Ruslan Khasanov pokazuje kako manipulirati radom vektorskih linija i gradijenata da bi se rad dobio na dinamičnosti.

S oživljavanjem geometrijskog trenda, pošteno je reći da se WPAP može predstaviti u više i različitih aspekata dizajna. Ovaj vodič će vam pokazati kako sami izraditi WPAP u Illustratoru pomoću čarobnjaka za WPAP.

Crtanje kose u vektoru može biti prilično nezgodno. Ovaj vam vodič korak po korak pokazuje kako se kosa s fotografije pretvara u vektorsku kosu.

U ovom ćete vodiču moći izraditi ilustrirani autoportret u geometrijskom stilu. Kao osnova za ilustraciju poslužit će vaša vlastita fotografija. Ona će vam pomoći nacrtati skicu i zatim dovršiti ostatak posla.

Ilustratorica i dizajnerica Yulia Sokolova pokazuje kako stvoriti set portreta koji su idealni za društvene medije ili, na primjer, za označavanje razne kategorije i zanimanja na vašoj web stranici.

Jonathan Ball, osnivač Poked studija, objašnjava kako koristiti Illustrator za geometrijske figure transformirati u jedinstvene, živopisne likove.

U ovom ćete vodiču lako i zabavno izraditi vrlo jednostavnu šablonu na kojoj se možete koristiti razne površine(uključujući majice, zidove, platna). Bajka L. Carrolla "Alice's Adventures in Wonderland" inspirirala je autora da stvori vektorsku sliku i napiše poduku.

Uz ovaj vodič, Mary Winkler će vam pokazati kako nacrtati chibi lik od nule koristeći Shape Builder Tool (Shift-M), Pen Tool (P), transparentne gradijente i mnoge druge Illustrator alate.

Udžbenik vas vodi kroz proces stvaranja jednostavnog anime lika od početka do kraja.

Naučite kako izraditi slatke zečiće u ovom vodiču za vektorsku umjetnost. Trening koristi jednostavnih oblika i gradijente koji se lako mogu primijeniti na ilustracije drugih likova.

Ovaj vodič predstavlja puno osnovnih oblika za postizanje stvarno glatkog stila ilustracije. A onda "oživljava" jetija koristeći paletu hladnih boja.

Ovdje možete vidjeti kako nastaju likovi iz video igrica. Imat ćete priliku pregledati rad od prve skice do samog finala.

Ako ste strastveni ljubitelj nogometa, onda će vam ovaj vodič biti od posebne pomoći. U lekciji Sergey Kandakov stvara svijetlu ilustraciju s efektom retro stila.

Krajolik i okoliš

Ovaj vodič vektorskog umjetnika Andreia Mariusa pokazuje kako stvoriti jednostavan dizajn kartice u Illustratoru.

Ovaj vodič pokazuje kako stvoriti zapanjujući pejzaž u Illustratoru. okoliš. Osnovno poznavanje programskih alata bit će dovoljno za izvršenje zadatka.

Vrlo jednostavna i dosljedna lekcija od Diane Toma, koja pokazuje kako nacrtati prekrasno cvijeće pomoću gradijentnih mreža.

U tome vodič korak po korak Naučit ćete kako stvoriti "električni" tekst u vektoru.

Tom Mac pokazuje kako stvoriti portret s efektom kapanja u Illustratoru pomoću alata Pen i nekih dodatnih tehnika.

U ovom vodiču ćemo napraviti jednostavan i lijep istočnjački uzorak u Adobe Illustratoru koji će se sastojati od raznih azijskih kulturnih objekata.

Tijekom godina, vintage ilustracije i retro stilovi ponovno su postali popularni u dizajnu. U ovom vodiču programer Ben Steers dijeli svoje tehnike koje će vam pomoći transformirati vektorsku umjetnost u retro stil.

Koristeći Illustrator, možete stvoriti besprijekornu vektorsku grafiku. Ali ponekad su potrebne ilustracije koje nalikuju umjetničkim skicama napravljenim na brzo rješenje. Lekcija pokazuje kako nacrtati vektorski crtež u ovom stilu.

Prateći ovaj vodič moći ćete stvoriti efekt svjetlucanja u Adobe Illustratoru. Ilustracija se temelji na tri efekta: papir za bilješke, obojeno staklo i poderani rubovi. Brzim tragom pretvaraju se u sjajnu vektorsku teksturu.

Poluton je način reprodukcije jednobojne slike. Temelji se na specifičnoj percepciji slike od strane ljudskog oka, pri čemu je područje slike ispunjeno velikim točkama povezano s tamnijim tonovima. Nasuprot tome, područje ispunjeno manjim točkicama percipira se kao svjetlije. Umjetnik Chris McVeigh pokazuje vam kako stvoriti vektorski poluton.

U ovom ćete vodiču naučiti kako izraditi grafički Batman logo pomoću jednostavnih oblika u Adobe Illustratoru. Su korišteni jednostavni alati, poput Ellipse Tool (L) i Shape Builder Tool (Shift + M).

36. Pretvoriti rasterska slika vektorirati

Ovaj Inkscape vodič pokazuje kako pretvoriti rastersku sliku u vektorsku pomoću funkcije Trace Bitmap.

Klizač je popularan element web dizajna. Ovaj vodič prikazuje opciju za stvaranje klizača u vektoru.

Ciara Phelan pokazat će vam kako možete stvoriti nevjerojatan kolaž kombiniranjem vektorskih slika i fotografija.

Ovaj vodič dizajnerskog studija pokazuje vam kako jednostavno nacrtati i ocrtati fotografiju. Primjer koristi jednostavnu gradijentnu ispunu za stvaranje realistične ilustracije.

Ovaj vam vodič pokazuje kako stvoriti efekt križnog uboda u Adobe Illustratoru. Za to će se koristiti ploča Izgled i uzorci.

Za mnoge umjetnike stvaranje ilustracije počinje olovkom i komadom papira. U ovom vodiču Andreas Preis pokazat će vam kako izraditi prekrasnu ilustraciju mješovitih medija. Za početak će skicirati ilustraciju na papiru, a zatim dodati boju i efekte u Photoshopu.

Konačna slika:

Prije nego počnete, pogledajte video kako je nastala skica:

Korak 1

Sve počinje s bijelim listom papira. Možete nacrtati ilustraciju koju je autor koristio ili možete nacrtati svoju.

Korak 2

Prije svega, napravite skicu ilustracije olovkom.

3. korak

Sada nacrtajte obrise:

Korak 4

Ovo je posljednji korak: počnite crtati tintom. Ako ilustracija ima mnogo detalja, crtanje može potrajati.

Korak 5

Nakon nekoliko sati crtanja, ilustracija izgleda ovako:

Korak 6

Skenirajte skicu u sivim tonovima, postavite rezoluciju između 600-800 piksela. Međutim, imajte na umu da što je veća datoteka, to će računalo raditi sporije. Nakon skeniranja otvorite ilustraciju u Photoshopu.

Korak 7

Morate poboljšati kontrast slike pomoću naredbe Krivulje(Slika - Ispravak - Krivulje) (Ctrl + M). Na sliku morate dodati što više bijelih i crnih nijansi:

Korak 8

Sada morate ispraviti neke netočnosti na ilustraciji (na primjer, ukloniti suvišne linije). Okrenite sliku (Ctrl + I) - tada će biti lakše vidjeti one netočnosti koje treba ispraviti.

Korištenje alata Bistrilo I Dimer(Alat za snimanje/izbjeljivanje) (O). Uklonite sve nedosljednosti i zatim ponovno okrenite sliku.

Korak 9

Sada trebate odvojiti sliku od bijela pozadina. Da biste to učinili, odaberite sliku (Ctrl + A) i kopirajte (Ctrl + C), a zatim dodajte maska. Kliknite na masku dok držite pritisnutu tipku ALT. Sada možete zalijepiti ilustraciju na masku (Ctrl + V).

Korak 10

Okrenite masku sloja ( Ctrl + I).

Prijeđite s maske na sloj klikom na njegovu sličicu i ispunite platno crnom bojom.

Nanesite masku: prvo pritisnite Ctrl + G, a zatim Ctrl + E (ova metoda će prvo smjestiti sloj slike u grupu, a zatim spojiti grupu).

Korak 13

Ako je potrebno, možete prilagoditi proporcije na slici. Da biste to učinili, koristite Plastični filter(Filter - plastika) (Filter > Liquify) Ovdje možete promijeniti neke linije i krivulje.

Korak 14

Sada dodajte bijeli pozadinski sloj.

Korak 15

Odaberite sliku pomoću alata čarobni štapić(Wand Tool) (W) i obrnite odabir (Ctrl + Shift + I). Smanjite odabir za 5 piksela (Odabir - Izmjena - Sažimanje) (Odabir > Izmjena > Ugovor). Napravite novi sloj (Shift + Ctrl + N) ispod sloja ilustracije i ispunite ga tamna boja- ovo će biti boja kose.

Korak 16

Iznad sloja kose napravite novi sloj - to će biti sloj lica. Za slikanje lica koristite bijela boja i alat Kist ( alat za četke)(B).

Korak 17

Za svaki pojedini dio koji ćete slikati napravite poseban sloj. Sada ispod sloja lica stvorite novi sloj za šal.

Korak 18

Na kraju, stvorite novi sloj pod nazivom "Biseri" i nacrtajte bisere u kosi.

Korak 19

Sada morate zaključati neprozirnost za svaki sloj koji je obojen. To će vam pomoći da izbjegnete prelazak preko rubova svakog sloja kada ih potamnite.

Korak 20

Sada morate obojiti kosu u različitim nijansama. To se može učiniti s alatom Kist ( Brush Tool) (B).

Korak 21

Za stvaranje svjetla i sjene koristit ćemo različite kistove. Preuzmite sliku tamne mrlje iz resursa lekcije - koristit ćemo je za izradu kista.

Korak 22

U ovoj fazi morate ponovno povećati kontrast slike. Da biste to učinili, izradite kist i sliku tamne točke ( Uređivanje - Definiraj kist /Uredi > Definiraj unaprijed postavljenu kist).

U prozoru koji se otvori postavite naziv kista:

Korak 23

Otvorite paletu Četke(F5) i odaberite novostvoreni kist:

Idi na karticu Dinamika oblika(Shape Dynamics) i eksperimentirajte s postavkama Size Jitter i Angle Jitter.

Korak 24

Koristeći ovaj kist, počnite dodavati svjetlo i sjenu svakom sloju. Počnite s kosom.

Korak 25

možeš koristiti dodatne boje, na primjer, one koje sam koristila prilikom bojanja šala.

Korak 26

Obojite bisere različite nijansežute i smeđe boje:

Korak 27

Rad s licem je najviše teži dio. Morate smisliti gdje dodati sjene i svjetla. Pogledajte snimak zaslona:

Korak 28

Napravite novi sloj pod nazivom "Šminka", nanesite šminku na njega i promijenite način miješanja na Množenje(Pomnožiti).

Korak 29

Prijeđimo na stvaranje pozadine. Da biste ga stvorili, možete koristiti bilo koju vrstu boje: akril, aerosole i četke. Ne bojte se eksperimentirati.

Korak 30

Pozadina može biti bilo što, uključujući boju i ogrebotine.

Korak 31

Za ovaj određeni dio trebat će vam mrlje u boji, kapljice itd.

Ovo su fotografije dva dijela pozadine (na primjer):

Korak 32

Skenirajte pozadinu koju ste izradili (provjerite je li boja suha). Preporučljivo je koristiti prilično visoka rezolucija(oko 900 piksela).

Korak 33

Prenesite skeniranu pozadinu na glavnu sliku. Možete izbrisati bijeli pozadinski sloj i smjestiti sve slojeve koji se odnose na ilustraciju u zasebnu grupu. Da biste promijenili boju pozadine, dodajte joj (Hue/Saturation).

Korak 34

Kao pozadinu možete koristiti bilo koju boju. Odabrala sam tirkiznu nijansu.

Korak 35

Dodajte drugu pozadinu i zakrenite je (Ctrl + T).

Korak 36

Napravite novi sloj (Shift + Ctrl + N) ispod drugog pozadinskog sloja, ispunite ga crnom bojom i spojite ovaj pozadinski sloj sa slojem ispunjenim crnom (Ctrl + E).

Korak 37

Dodajte masku spojenom sloju i učitajte odabir (Ctrl + A). Držite pritisnutu tipku ALT i kliknite na sličicu maske. Pritisnite Ctrl + V da sve zalijepite. Pozadina u boji sada radi kao maska.

Korak 38

Idite s maske na sloj, a sada ponovno idite na masku, ali bez pritiskanja tipke Alt. Na taj način možete vidjeti što se događa na platnu, ali možete i nastaviti raditi na maski. Sada pokrenite naredbu Krivulje(Krivulje) (Ctrl + M).

Korak 39

Sada će postati vidljiva svijetla područja na drugoj pozadini:

Korak 40

Napravite novi sloj iznad svih slojeva i dodajte sjenu na ramena.

Korak 41

Sada dodajte više mrlja u boji. To će ilustraciji dati dojam "ulične umjetnosti". Nacrtajte svaku kap na zasebnom sloju.

Korak 42

Smanjite neprozirnost svakog sloja kapljica na približno 33%.

Korak 43

Odaberite sve slojeve s kapljicama dok držite pritisnutu tipku Shift i smjestite ih u grupu (Ctrl + G). Dodajte masku u skupinu s kapljicama i raznim četkicama uklonite neke dijelove kapljica kako biste dobili zanimljiviji izgled.

Korak 44

Sada ću upotrijebiti teksturu starog papira - možete je pronaći na internetu ili je možete skenirati.

Korak 45

Prenesite sliku starog papira u naš dokument i postavite je iznad svih slojeva i grupa. Dodajte tome Sloj za podešavanje nijanse/zasićenja(Layer - Adjustment Layer - Hue / Saturation) (Layer > New Adjustment Layer > Hue/Saturation) i smanjite svjetlinu teksture.

Korak 46

Kako biste stopili teksturu starog papira s pozadinom koja je obojena bojama, promijenite način stapanja teksture starog papira na Množenje(Pomnožiti). Dodajte masku sloju teksture starog papira i uklonite staru teksturu papira na nekim mjestima slike (na primjer, s lica).

Korak 47

Sada možete koristiti isti trik koji ste koristili za stvaranje obojenih kapljica. Dodajte masku u grupu "Žena" (sadrži sve slojeve koji se odnose na ilustraciju). Sada izbrišite neke male dijelove od slike različite četke za dodavanje teksture.

Prijevod: Slutskaya Svetlana

Zdravo! Moje ime je Hatice Bayramoglu, ja sam 3D umjetnica i ilustratorica iz Turske. U ovoj lekciji pokazat ću vam kako nacrtati i obojiti junaka - ilustraciju za dječju knjigu. Kako lekcija bude napredovala, objasnit ću svoj izbor određenih alata i svoja razmišljanja o ilustraciji. Moj vodič pokazuje kako stvaram ilustraciju od početne skice do potpunog crteža. Vjerujem da nakon čitanja ovu lekciju naći ćete nešto korisno za sebe. Za izradu rada koristit ću Photoshop i Wacom tablet.

Ovaj će crtež biti u potpunosti izrađen u Photoshopu CS2.

Korak 1: Skica
Započnite stvaranjem novog dokumenta u Photoshopu. Njegove dimenzije trebaju biti oko 800x778 piksela. Krenuo sam od stvaranja brza skica, što odražava moju glavnu ideju. Evo skice glavnog okruženja oko glavnog lika.

Dakle, kao što vidite, ova skica prikazuje glavni lik - djevojčicu koja stoji pored stabla jabuke s jabukom u rukama. Smiješi se jer je sretna, a možda i pomalo tužna.

Korak 2: Postavljanje kistova u Photoshopu
Ovdje je jedan i jedini kist kojim slikam svoju junakinju. Za slikanje ću koristiti standardne kistove.

Prije nego počnete slikati, morate namjestiti kist. Započnite odabirom alata Četka(Četka), zatim upotrijebite standardnu ​​četku prikazanu u nastavku.

(kliknite na sliku za povećanje)

Korak 3: Paleta boja
Morate odlučiti koje ćete boje koristiti prije nego što počnete bojati. Evo mojih boja koje koristim u svom radu:

Korak 4: Slojevi (slojevi)
Stvoriti Novi sloj(Novi sloj) i nazovite ga Skica. Ovu skicu možete izraditi u Photoshopu ili na papiru. Nakon što ste izradili sloj skice, promijenite ga Način miješanja(Način miješanja) uključen Množenje(Umnožite) i uvijek ga držite na vrhu svih slojeva kako biste mogli vidjeti što slikate preko.
Sada pogledajte moju paletu slojeva. Ovdje su zasebni slojevi za svaki objekt skice. Slikanje svakog detalja na novom sloju olakšava prilagodbe tijekom slikanja. Mnogo je lakše ispraviti pogreške ako se glavni elementi vaše ilustracije nalaze na zasebnim slojevima. Ovaj korak je zaista vrlo važan!

Korak 5: Rad na boji pozadine
Ovdje ću vam pokazati kako bojim pozadinu. Odabir alata Ispunite(Kanta za boju) (G). Nakon što ispunite pozadinu, trebala bi izgledati ovako. Provjerite jesu li slojevi raspoređeni kao što je prikazano na slici ispod.

Korak 6: Bojanje osnovnih oblika
Prije nego počnemo bojati, dopustite mi da vam ponovno pokažem redoslijed slojeva. Promijenio sam to jer bi sloj skice trebao biti na vrhu svih slojeva, a također je postavljen na Množenje(Pomnožiti). Na u ovoj fazi možemo početi bojati skicu i možemo prepoznati osnovne oblike. Korištenje alata Četka(Kist) (B), počnite slikati glavnog lika i stablo na zasebnim slojevima. Uvjerite se da Krutost(Tvrdoća) četke postavljena je na 100%. Kist s mekim rubovima može rezultirati pomalo mutnim rezultatom.

U ovom koraku želio bih promijeniti veličinu svoje datoteke jer želim dodati suptilnije detalje. Pa otvaram Slika(Slika) - Veličina slike(Veličina slike) i povećajte veličinu datoteke na 1500x1495.

Korak 7: Dodavanje pojedinosti
Sada mogu početi dodavati detalje. U ovom koraku počela sam slikati lice. glavni lik. Provjerite radite li na odgovarajućem sloju prije slikanja.

I ovdje sam napravio kopiju sloja stabla i dodao joj neke detalje. Prvi sloj sam također sakrio s drvetom.

Evo snimke zaslona koja vam prikazuje pojedinosti. Počeo sam dodavati još više detalja na svoj crtež, poput trave i malih cvjetova. U ovom trenutku stvorio sam sloj pod nazivom Cvijeće.

Dodajem još više boje i finih detaljnih linija na drvo.

Sada pogledajte detalje koje sam upravo stvorio. Nastavljam dodavati detalje i, ako je potrebno, stvaram nove slojeve.

Korak 8: Posebna pozornost na glavnog lika
Sad kad sam zadovoljna detaljima ukrasa i drva, dodat ću detalje djevojčinoj odjeći. U ovoj sam fazi primijetio da moj lik izgleda vrlo jednostavno i ne baš privlačno, pa sam pomislio da bih trebao uzeti vremena za neke promjene. Pokušao sam dati malo drugačiji izgled junakinji i nastavio dodavati više detalja. Opet obratite pozornost na redoslijed slojeva. Kao što vidite, u ovom koraku imam još nekoliko novih slojeva. Svi slojevi imaju svoja imena.

Sada počinjem dodavati male detalje heroini, dodajući još žute i zelene boje. Usput, ne zaboravite da ne morate sve detaljno opisati u ovom koraku. U ovoj fazi radim na glavnim detaljima i svjetlu dok ne dobijem lijep kontrast. Ponekad promijenim neke boje. Skoro sam završio s slikanjem njezine odjeće i tijela. Također sam pomaknuo sloj skice malo u stranu kako biste mogli vidjeti kako junakinja izgleda bez baze skice.

Korak 9: Dodavanje svjetla i kontrasta
Koristio sam alat Bistrilo(Dodge) (O) za posvjetljivanje područja. Ovako izgleda rad nakon svih podešavanja alata Bistrilo(Izbjeći) (O) i Dimer(Spaliti). Nastavljam dodavati još detalja stablu koristeći kistove različitih veličina i boja. Nakon što je dodano dovoljno detalja, počeo sam ga izravnavati četkom s mekim rubovima. Koristim i alate Bistrilo(Izbjeći) (O) i Dimer(Spaliti) da daju sjenu granama.

Također dodajem nekoliko poteza alatom Prst(Mrlja). Koristim ovo jer želim dodati meka zamućena područja oblacima i pozadini. U ovoj fazi primijetio sam da moji oblaci nisu baš detaljni. Tako sam stvorio novi sloj za slikanje detalja u oblaku koristeći dva alata: Prst(Razmazati) i Četka(Četka).

Korak 10: Dodavanje više pojedinosti
U ovoj sam fazi primijetio da moram dodati više cvijeća svom crtežu. Stoga sam stvorio novi sloj i, kao što vidite, nacrtao sam neko slatko i jednostavno cvijeće. Nastavljam dodavati više detalja. Dodavanje detalja pomoću alata Bistrilo(Dodge) (O), radim ovo jer želim dodati neka lagano osvijetljena područja trave.

Sada kada su trava i pozadina gotovi, mogu početi dodavati još detalja djevojčinoj kosi i licu. Odabir načina rada kista Osnove osvjetljavanja(Color Dodge) i dodajte joj nekoliko poteza na lice.

Sada primijetite detalje koje sam dodao koristeći samo kist u modu Osnove osvjetljavanja(Color Dodge).

Korak 11: Korekcija boja
Crtež je skoro gotov osim korekcije boje. Početi Ocijediti(Spoji) sve slojeve. Sada unutra Slika(Slika) - Ispravci(Prilagodbe) - Svjetlina/kontrast(Brightness/Contrast) promijenimo malo boju. Želim ilustraciji dati više sunčan učinak.

Postavi parametre koje sam postavio. Ovako izgleda ilustracija - više sunčana i vesela.

Gotova ilustracija
Evo gotove ilustracije, nadam se da vam je ovaj vodič bio zanimljiv. Hvala na čitanju.