Vodič za ilustracije: Kako učiniti svoj stil brenda prepoznatljivim. Kreiranje ilustracija likova u Adobe Illustratoru

Ista riječ „ilustracija“ odnosi se na slike koje se razlikuju po sadržaju i formi, po značenju za djelo i čitaoca, u vezi između crteža i teksta, u tehnici izvođenja „Prema svrsi koju slika teži , ilustracije se mogu podijeliti na naučni i obrazovni(karte, planovi, dijagrami, crteži, itd.) i umetnički i figurativni(tumačenje književnog djela sredstvima grafika knjiga). Ilustracije mogu biti objašnjavajuća slika za tekst, koja dopunjuje tekst, i slika gotovo potpuno nezavisna, ponekad čak i podređena tekstu".

“U zavisnosti od veličine i lokacije u knjizi, postoje sljedeće vrste ilustracija:

- Frontispis. Element umjetničkog oblikovanja publikacije, a to je ilustracija smještena na lijevoj strani u razmaku sa naslovnom stranom.

-Screensaver. Splash ilustracije se postavljaju na početak dijela ili poglavlja knjige na stranici za nametanje zajedno s tekstom, obično se nalaze na vrhu stranice; iz teksta belom marginom. Pomažu čitatelju da se fokusira na novi materijal i emocionalno se prilagodi njemu. Naslovi mogu oslikavati scenu opisanu na početku poglavlja; pričati o glavna tema dijelovi ili poglavlja; prikazati scenu ili pejzaž koji treba da izazove odgovarajuće raspoloženje kod čitaoca. Čuvari zaslona također mogu biti dekorativni ili simbolični.

- Ilustracija na pruge (cijela stranica), polutraka (na pola stranice), dvostrana (na dvije stranice). Izbor formata ilustracije određuje se u zavisnosti od važnosti ilustrovanog događaja, slike itd. Sadržaj takvih ilustracija obično ima direktnu vezu sa tekstom koji im prethodi ili sledi. Za velike dvostrane ili trakaste ilustracije biraju se važni događaji u radu. Ilustracije u velikoj mjeri određuju arhitekturu knjige, pa je potrebno obratiti pažnju na njihovu ritmičku izmjenu i njihovu ujednačenu zasićenost kroz cijeli tekst.

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

- Završne ilustracije nalazi se na kraju delova, poglavlja ili cele knjige. Oni, baš kao i screensaveri, mogu biti tematski, ukrasni, ukrasni ili simbolični.

Otvore i završetke treba raditi u istom stilu, jer su međusobno povezani i često se nalaze jedan pored drugog na raširenoj knjizi.”

Technician Ima puno ilustracija. Mogu se koristiti samostalno ili u kombinaciji jedni s drugima. Pogledajmo neke od njih.

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

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

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

- Aplikacija - lat. applicatio - primjena). Komadi bilo kojeg materijala (tkanina, papir, krzno, slama, itd.) se šivaju ili lijepe na tkaninu, papir, karton. Ovako stvorene slike ili ornament daju djelu poseban reljef i ekspresivnost. .

- Fotomontaža- kompozicija sačinjena od fotografija i njihovih fragmenata, ponekad dopunjenih grafičkim elementima. Korišćen u dvadesetom veku. u štampanoj grafiki, plakatima. Naziv su skovali berlinski dadaisti da se odnosi na djela sastavljena od fotografija. Fotomontažu su koristili J. Hartfield (1891–1968), A.M. Rodchenko, L.M. Lisitsky.

- kompjuterska grafika:

"Rasterska slika je datoteka ili struktura podataka koja predstavlja mrežu piksela ili tačaka u boji (obično pravougaone) na kompjuterskom monitoru, papiru i drugim uređajima i materijalima za prikaz.

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

3D grafika (3D, 3 dimenzije, ruski 3 dimenzije) - dio kompjuterske grafike, skup tehnika i alata (softverskih i hardverskih) dizajniranih za prikazivanje trodimenzionalnih objekata. Najviše se koristi za kreiranje slika na ravni ekrana ili lista štampanog materijala u arhitektonskoj vizualizaciji, bioskopu, televiziji, kompjuterskim igrama, štampanom materijalu, kao i u nauci i industriji.

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

Svaki instrument ima svoj zvuk i osećaj u vašim prstima. Izbor alata uvelike utič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 grafiki morate se posebno potruditi da sačuvate genetski otisak živog crteža.” Na primjer, Jonathan Edwards koristi vektor, ali njegova ilustracija živi (Sl. 25. Dodatak 1). Crtanje, čak i korištenjem rasterske, vektorske ili 3D grafike, zahtijeva održavanje slike živom.

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

U modernoj ilustraciji, određene inovacije i trendovi se konstantno formiraju, to bi mogla biti umjetnost crnih i bijelih linija (koristeći jednu crnu liniju prilikom prikazivanja, bez sjenčanja, mrlja ili ispuna), uključujući i malo čudnog neogotičkog stila u crteža, moglo bi biti malih op-art efekata, snažnog ekspresionizma boja, ulične umjetnosti.

No, postavlja se pitanje koji trend bi moderni ilustrator trebao podržati - onaj koji ima u izobilju u raznim publikacijama ili onaj koji mu se sviđa?

Pa ipak, postoje znaci 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 sa ručno nacrtanim elementima, način da se govori o prisustvu nepoznatog. “Prisutnost fotografskih elemenata u ilustraciji (čini se prije obrnuto, ovdje fotografija zauzima najveći dio prostora - ali nacrtani elementi je samouvjereno pometu i pretvaraju u ilustraciju) daje joj toliko grafičke sofisticiranosti, toliko autentičnosti da je, općenito, čudno što ova priča još nije integrirana u normalnu ilustraciju, već ostaje neka vrsta samodovoljne igre.” Čim malo izađete izvan 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 oblikovana masa dobijena od mješavine vlaknastih materijala (papir, karton) sa ljepilima, škrobom, gipsom itd. Papier-mâché se koristi za izradu lutki, maski, nastavnih pomagala , igračke, kazališne rekvizite, kutije itd. U nekim slučajevima čak i ilustracije;

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

- papirna plastika(Sl. 29. Dodatak 1) - po vrsti kreativnosti veoma je sličan skulpturi. Ali, u papirnoj plastici, svi proizvodi unutra su prazni, svi proizvodi su školjke prikazanog predmeta.

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

Da, bilo šta, glavno je da materijal odgovara temi rada. „Ručni rad- odličan način da se nadoknadi nedostatak čistih vještina crtanja - 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. Izbor tehnike, kao kombinacija provjerenih poteza, omogućava umjetniku da bude siguran u kvalitetu ilustracije.

Zaključci o drugom poglavlju

U istoriji ilustracije govorimo o njenoj stalnoj promeni, u skladu sa razvojem kulture i umetnosti uopšte. O njegovoj sintezi sa likovnom umjetnošću, dizajnom i grafikom knjiga. Razmatraju se i trendovi ilustracije 20. stoljeća. uticaj stilova secesije na nju. I glavni trendovi n. XXI vijeka, više se odnose na stranu tehnike ilustracije. Koncept ilustracije se otkriva prema tri karakteristike, prema nekim karakteristikama može se svrstati u visoku umjetnost. Ono što ga izdvaja kao poseban žanr likovne umjetnosti. Riječ je o crtežima, slikarskim i skulpturalnim djelima koji su rađeni na književne teme, ali su istovremeno imali samostalan umjetnički značaj. Prema drugima, ilustracija je vrsta knjižne grafike, koja je djelo namijenjeno da se percipira u određenom jedinstvu sa tekstom, odnosno da se nalazi u knjizi i da učestvuje u njenom opažanju tokom procesa čitanja. Prema trećem, ilustracija je objašnjenje teksta demonstracijom vizuelna slika, aktivno tumačenje teksta. To su naučne i edukativne ilustracije (karte, planovi, dijagrami, crteži itd.), kao i ilustracije koje ukrašavaju utilitarne proizvode (slike na novcu, marke, informativni materijali, koverte, ambalaža). Takva ilustracija se može svrstati u primijenjenu grafiku.………………………… Pravilan izbor tehnike i vrste ilustracije omogućava umjetniku da bude siguran u kvalitet i relevantnost ilustracije.

Jeste li spremni preuzeti rizik u web dizajnu? Najvjerovatnije, neće svako od vas dati potvrdan odgovor. Međutim, postoji rizik da je 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 pomiješati varijacije elemenata, već i zamisliti koliko je to prikladno u projektu dizajna vaše web stranice. Radi se o kombinovanju fotografija i ilustracija u jedan dizajn.

Fotografija se sada koristi za dodavanje realizma. izgled projekta, mogućnost usmjeravanja pažnje posjetitelja na činjenicu da je riječ o veoma važnim i neophodnim stvarima u životu svake osobe. Ilustracija ili crtež je češće prikladan za usko fokusirane projekte i podsvjesno je povezan s akcijom, "crtanošću" ili čak neozbiljnošću.

Ali web dizajn je umjetnost inovacije i profesionalizma grafički uređivači. Stoga je kombiniranje dvije vrste slika sasvim moguće. Danas ćemo pogledati ne samo opcije za to kako webmasteri koriste ovu vrstu slike, već i zamršenosti njihovog kreiranja u Photoshopu.

Custom Accents

Uključivanje ilustracija u web dizajn je gotovo jednostavno sve dok predstavljaju elemente korisničkog sučelja. Ali oni također ne moraju biti ručno nacrtani ili samo određeni gumbi/strelice. Ovo može biti visokokvalitetna vektorska grafika. U primjerima ispod možete vidjeti kako su ilustracije oživjele dizajn (www.wittycookie.com), pri čemu lik heroja predstavlja mogućnosti kompanije.

Ilustracija slike logotipa

Ako volite ilustraciju kao takvu i planirate se fokusirati na nju u svom projektu web dizajna, onda dobra opcija bit će korištenje ilustrovane slike logotipa. Prvi projekat madebyfew.com to savršeno predstavlja. Štaviše, crteži su se posvuda koristili kao zasebni elementi dizajna u obliku krugova, serpentinastih vrpci, osmijeha i minijatura za materijale. Budući da je stranica posvećena konferenciji i prikazuje njene učesnike, ovakva slika se može koristiti umjesto masovne fotografije učesnika.

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

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

Tipografska ilustracija

Postoji način da dodate natpise preko fotografije. Ali zamislite ručno nacrtanu tipografiju, pa čak i animiranu tipografiju (archrival.com). Ovaj "trik" se može koristiti na vrhu postojećeg videa ili slike.

Steptoandson.co.uk/about/ izgleda skromnije, gdje su tipografija i parovi fontova korišteni ne kao ilustracija, već kao sloj teksta. Međutim, pravi stil stvara utisak da je fotografija naslikana i napisana rukom, kaligrafijom ili šablonom.

Ispričaj priču

Projekat mamyfactory.com/fr/ je zanimljiv jer se crteži koriste bukvalno svuda, ali u kombinaciji sa fotografijama. Stvaranje takvog dizajna je teže. Prvo, trebat će vam prava fotografija ruku koje se bave pletenjem, a drugo, morat ćete pažljivo odabrati niti i pletenje 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 prekrasnom kombinacijom ilustracije i fotografije. Ovdje su fotografije dizajnirane u prijelomima stranica, otisci, naslovi se kreiraju u obliku poteza kistom i ilustrovane tipografije.

Slično izgleda i Gili-lankanfushi.com, u čijem dizajnu su ilustrovane ikone i natpisi postavljeni na vrhu fotografija Maldiva, listova, u bočnoj traci i podnožju dodatno pojačavaju efekat 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 su također dostupni.

• Stil ilustracija treba da odgovara cjelokupnom dizajnu. To znači da ikone i piktogrami, kao i tekst, takođe treba da budu u skladu sa opštim stilom.
• Bolje je koristiti ilustracije za ikone i gumbe, dodatne male slike, ali za vizualni naglasak i interakciju s korisnicima - samo fotografije.
• Počnite kreiranjem šablona sa ilustracijama, a zatim dodajte akcente dodavanjem fotografija i video zapisa.
• Ne samo slike, već i animirani elementi izgledaju sjajno pored fotografija. Na primjer, tmfp.co.uk; jedva su uočljive u blizini fotografija i uopšte ne odvlače korisnika od proučavanja informacija.
• U obliku crteža, prikladno je napraviti etiketu ili logo kompanije i postaviti ih pored ili na fotografije.
• Ilustracije pomažu posjetitelju da se kreće po stranici, ispričaju mu priču i vode korisnika kroz stranice projekta.

Kreiranje ilustracija uPhotoshop

Unatoč činjenici da se “rizik” o kojem smo govorili na početku pokazao i nije toliko strašan, postavlja se pitanje na koji način je najlakše napraviti ilustraciju. S jedne strane, možete koristiti klipart, kojih na internetu ima mnogo slobodno licenciranih. Ali s druge strane, možete sami kreirati crtež.

Bitno je da se kvalitet finalnog materijala može dugo poboljšavati, posvjetljivati, potamniti, igrati kontrastom i bojom. I da, postoji mnogo stilova ilustracija, crtanje rukom.

Ali mi ćemo doneti mali primjer kako napraviti ilustraciju općenito i kako je dalje koristiti. Zapamtite da se tada može pretvoriti u vektor ili napraviti u vektor, možete koristiti gumicu za uklanjanje nepotrebnih detalja i ostaviti samo obrise. Na primjer, potreban vam je crtež torbe ili cipele, ali ne postoji odgovarajući isječak ili stil crtanja. Prebacite u Photoshop i 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 u novi sloj, kreirajte kopiju sloja. Tako da postoji pozadina i dva sloja sa fotografijom.

Odaberite posljednji sloj (vrh) i zamaglite ga koristeći Gaussian. Parametar se bira „na oko“, jer se sve fotografije razlikuju po detaljima i boji. Ali nakon par pokušaja na različitim nivoima blur, vidjet ćete tačno ono što vam treba.

Nakon toga prijavite se svojstva ovog sloja - Split. Već ćete dobiti prazninu za crtež olovkom.

Sada su u pitanju male stvari. Kopirajte sadržaj na novi sloj (Ctrl+Shift+Alt+E) i Desaturate (Image-Adjustments-Desaturate).

Sada kreirajte kopiju ovog sloja i odaberite opciju Linearni dimmer.

To je sve. Sada posebno crne oblasti se mogu osvetliti sa trake sa alatkama. Možete kreirati još više slojeva, postižući jasnoću. Siva područja možete popraviti četkom kako biste izbjegli mrlje. Ali sve ovisi o konkretnom materijalu i vašoj mašti.

Šta sada učiniti s naizgled nerazumljivom ilustracijom? Može se umetnuti u šablon. Odabrali smo jednu sa mačićima, gdje je dio sa sekcijama i ubacili našeg mačića u jedan od njih. Dodatno, dodali smo još 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 konturiranijim, 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 prelomom stranice. Osim toga, prilagodite rub, ispravite mrlje okolo gumicom, primijenite izoštravanje ili ga čak pošaljite Illustratoru radi praćenja i pretvaranja u vektor. Pogodnije je prevesti arhitekturu i lica u crteže.

Završetak

Korištenje ilustracija u kombinaciji sa fotografijama u okviru dizajna jedne web stranice sasvim je moguće. Čak i izgleda nevjerovatno, ali ga je teško kreirati ako tačno crteži koji su potrebni nisu dostupni i morate ih sami kreirati u grafičkim uređivačima. To je teže učiniti ako niste posebno dobri u crtanju po prirodi i životu. Međutim, moguće je napraviti ilustraciju, samo trebate imati ideju koji stil želite. Ako je analog mamyfactory.com/fr/, tada možete sami nacrtati zgradu trgovine, ali prenesite psa sa fotografije, odaberite konture i uklonite sve što se pojavljuje unutra (tač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đe.

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

Tutorijali su besplatni, ali gotovo sve jeste engleski jezik. Radi praktičnosti, podijeljeni su u tri kategorije: početak rada, kreiranje lica, dizajn likova, pejzaž i okruženje i specijalni efekti.

Dakle, idemo:

Ovaj vodič objašnjava kako kreirati vektorske ilustracije koristeći Adobe Illustrator. Objašnjeni su ključni parametri i alati, dopunjeni stručnim savjetima.

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

Alat za olovku je jedan od glavnih u arsenalu programa, posebno je važan za početno savladavanje vektorske grafike. Ovo detaljan vodič ima za cilj da vas upozna sa karakteristikama i metodama rada sa nezamenljivim alatom kompanije Adobe. I sa najracionalnijim načinima korištenja.

Ovaj video vodič je zaista vrijedan resurs koji objašnjava kako napraviti vektorsku grafiku u Illustratoru i ulogu koju crtanje igra u tom procesu.

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

Naučite kako kreirati jednostavne organske oblike u Illustratoru uz ovaj jednostavan vodič Veerle Pieters, grafičkog i web dizajnera.

7. Dodavanje teksture vektorskim ilustracijama

Dodavanje teksture je odličan način da svoju vektorsku grafiku učinite izražajnijom i naglasite njihovu perspektivu. Ovo je veoma pristupačan video Stručnjak za ilustratore Alexandra Cecilio pokazuje kako se to radi.

Ovaj vodič Andreja Mariusa pomoći će vam da kreirate vektor linijski graf. Korak po korak: počevši od jednostavne mreže za usmjeravanje linija, koristeći samo panel Appearance (jedan od najmoćnijih alata u Adobe Illustratoru) s dodatkom nekoliko jednostavnih dijelova teksta i finog senčenja.

Kreiranje lica

Ovo je veoma koristan video tutorijal koji pokazuje proces stvaranja vektorskog oka, kao i potamnjivanje kože.

Ovo je dubinski video kurs koji će vam pomoći da savladate umjetnost kreiranja vektorskih portreta od fotografija.

Još jedan sjajan tutorijal o vektorskoj grafiki. Ruslan Khasanov pokazuje kako se manipuliše radom vektorskih linija i gradijenata kako bi se dala dinamika radu.

Sa ponovnom pojavom geometrijskog trenda, pošteno je reći da WPAP može biti predstavljen u više i različitim aspektima dizajna. Ovaj vodič će vam pokazati kako sami kreirati WPAP u Illustratoru koristeći WPAP čarobnjak.

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

U ovom vodiču moći ćete da kreirate ilustrovani autoportret u geometrijskom stilu. Vaša vlastita fotografija će se koristiti kao osnova za ilustraciju. Ona će vam pomoći da nacrtate skicu, a zatim završite ostatak posla.

Ilustrator i dizajner Julija Sokolova pokazuje kako napraviti set portreta koji je idealan za društvene mreže ili, na primjer, za obilježavanje razne kategorije i zanimanja na vašoj web stranici.

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

U ovom vodiču ćete lako i zabavno kreirati vrlo jednostavnu šablonu na kojoj se može koristiti razne površine(uključujući majice, zidove, platna). Bajka L. Carrolla "Aliceine avanture u zemlji čuda" inspirirala je autora da kreira vektorsku sliku i napiše tutorijal.

Uz ovaj tutorial, 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.

Vodič vas vodi kroz proces stvaranja jednostavnog anime lika od početka do kraja.

Naučite kako stvoriti slatke zečiće u ovom tutorijalu za vektorsku umjetnost. Trening koristi jednostavni oblici i gradijenti koji se lako mogu primijeniti na ilustracije drugih likova.

Ovaj vodič uvodi mnogo osnovnih oblika za postizanje stvarno elegantnog stila ilustracije. A onda "animira" jetija koristeći paletu hladnih boja.

Ovdje možete vidjeti kako se stvaraju likovi iz video igara. Imaćete priliku da pogledate rad od prve skice do samog finala.

Ako ste strastveni ljubitelj fudbala, onda će vam ovaj tutorijal biti posebno koristan. U lekciji Sergej Kandakov stvara svijetlu ilustraciju s efektom retro stila.

Pejzaž i okruženje

Ovaj vodič vektorskog umjetnika Andreja Mariusa pokazuje kako napraviti jednostavan dizajn kartice u Illustratoru.

Ovaj tutorijal pokazuje kako stvoriti zadivljujući pejzaž u Illustratoru. okruženje. Osnovno poznavanje programskih alata bit će dovoljno za završetak zadatka.

Vrlo jednostavna i dosljedna lekcija Diane Toma, koja pokazuje kako nacrtati prekrasno cvijeće koristeći gradijentne mreže.

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

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

U ovom tutorijalu napravićemo jednostavan i lijep orijentalni uzorak u Adobe Illustratoru koji će se sastojati od raznih azijskih kulturnih objekata.

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

Koristeći Illustrator, možete kreirati besprijekornu vektorsku grafiku. Ali ponekad su potrebne ilustracije koje liče na umjetničke skice napravljene brzo rešenje. Lekcija pokazuje kako nacrtati vektorski crtež u ovom stilu.

Slijedeći ovaj vodič možete kreirati blještavi efekat u Adobe Illustratoru. Ilustracija je zasnovana na tri efekta: papir za note, vitraž i poderane ivice. Brzo praćenje ih pretvara u sjajnu vektorsku teksturu.

Poluton je način reprodukcije jednobojne slike. Zasnovan je na specifičnoj percepciji slike od strane ljudskog oka, za koju je područje slike ispunjeno velikim tačkama povezano s tamnijim tonovima. Suprotno tome, područje ispunjeno manjim tačkama se doživljava kao svjetlije. Umjetnik Chris McVeigh vam pokazuje kako da napravite vektorski poluton.

U ovom vodiču ćete naučiti kako kreirati grafički Batman logo koristeći jednostavne oblike u Adobe Illustratoru. Koriste se jednostavni alati, kao što su Ellipse Tool (L) i Shape Builder Tool (Shift + M).

36. Pretvori rasterska slika na vektor

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

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

Ciara Phelan će vam pokazati kako možete napraviti neverovatan kolaž kombinovanjem vektorskih slika i fotografija.

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

Ovaj vodič vam pokazuje kako da kreirate efekat ukrštenog boda u Adobe Illustratoru. Za to će se koristiti panel Izgled i uzorci.

Za mnoge umjetnike stvaranje ilustracije počinje olovkom i komadom papira. U ovom tutorijalu, Andreas Preis će vam pokazati kako da napravite prelepu ilustraciju mešovitih medija. Za početak će skicirati ilustraciju na papiru, a zatim dodati boje i efekte u Photoshopu.

Konačna slika:

Prije nego što počnete, pogledajte video o tome kako je skica napravljena:

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.

Korak 3

Sada nacrtajte obrise:

Korak 4

Ovo je posljednji korak: počnite crtati tintom. Ako ilustracija ima puno 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 datoteka veća, to će računar raditi sporije. Nakon skeniranja, otvorite ilustraciju u Photoshopu.

Korak 7

Morate poboljšati kontrast slike pomoću naredbe Curves(Slika - Korekcija - Krive) (Ctrl + M). Morate dodati što više bijelih i crnih nijansi na sliku:

Korak 8

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

Koristeći alate Clarifier I Dimmer(Alat Burn/Dodge) (O). Uklonite sva neslaganja, a zatim ponovo okrenite sliku.

Korak 9

Sada morate 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).

Idite od maske do sloja klikom na njenu sličicu i ispunite platno crnom bojom.

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

Korak 13

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

Korak 14

Sada dodajte sloj bijele pozadine.

Korak 15

Odaberite sliku pomoću alata čarobni štapić(Alat za štapić) (W) i okrenite selekciju (Ctrl + Shift + I). Smanjite odabir za 5 piksela (Izbor - Izmjena - Sažimanje) (Odabir > Izmjena > Ugovor). Napravite novi sloj (Shift + Ctrl + N) ispod sloja ilustracije i popunite ga tamne boje- ovo će biti boja kose.

Korak 16

Iznad sloja kose kreirajte novi sloj - to će biti sloj lica. Za farbanje lica koristite Bijela boja i alat za četkicu ( Alat za četkicu)(B).

Korak 17

Za svaki pojedinačni dio koji ćete farbati napravite poseban sloj. Sada ispod sloja za lice kreirajte novi sloj za šal.

Korak 18

Na kraju, kreirajte novi sloj pod nazivom "Pearls" i nacrtajte bisere u kosi.

Korak 19

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

Korak 20

Sada trebate obojiti kosu u različite nijanse. Ovo se može uraditi pomoću alata Četkica ( Alat za četkicu) (B).

Korak 21

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

Korak 22

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

U prozoru koji se otvori postavite naziv četkice:

Korak 23

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

Idite na karticu Dinamika oblika(Dinamika oblika) i eksperimentirajte s postavkama podrhtavanja veličine i ugla.

Korak 24

Koristeći ovu četku, počnite dodavati svjetlost i sjenu svakom sloju. Počnite sa svojom 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 sa licem je najviše teži deo. Morate smisliti gdje dodati sjene i svjetla. Pogledajte snimak ekrana:

Korak 28

Kreirajte novi sloj pod nazivom "Šminka", obojite šminku na njega i promijenite način miješanja u Množenje(Množenje).

Korak 29

Pređimo na kreiranje pozadine. Da biste ga stvorili, možete koristiti bilo koju vrstu boje: akril, aerosole i četke. Nemojte se plašiti eksperimentisanja.

Korak 30

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

Korak 31

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

Ovo su fotografije dva dijela pozadine (na primjer):

Korak 32

Skenirajte pozadinu koju ste kreirali (uvjerite se da je boja suha). Preporučljivo je koristiti prilično visoka rezolucija(oko 900 piksela).

Korak 33

Prenesite skeniranu pozadinu na glavnu sliku. Možete izbrisati sloj bijele pozadine i smjestiti sve slojeve koji se odnose na ilustraciju u posebnu grupu. Da biste promijenili boju pozadine, dodajte joj (Nijansa/Zasićenost).

Korak 34

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

Korak 35

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

Korak 36

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

Korak 37

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

Korak 38

Idite od maske do sloja, a sada ponovo idite na masku, ali bez pritiskanja tipke Alt. Na ovaj način možete vidjeti šta se dešava na platnu, ali možete i nastaviti rad na maski. Sada pokrenite naredbu Curves(Krive) (Ctrl + M).

Korak 39

Svijetla područja na drugoj pozadini sada će postati vidljiva:

Korak 40

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

Korak 41

Sada dodajte još mrlja u boji. Ovo će ilustraciji dati osjećaj "ulične umjetnosti". Svaku kap nacrtajte na posebnom sloju.

Korak 42

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

Korak 43

Odaberite sve slojeve sa kapljicama dok držite pritisnutu tipku Shift i stavite ih u grupu (Ctrl + G). Dodajte masku grupi sa kapljicama i raznim četkicama uklonite neke dijelove kapi kako biste im dali zanimljiviji izgled.

Korak 44

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

Korak 45

Prenesite sliku starog papira u naš dokument i postavite je iznad svih slojeva i grupa. Dodajte tome Hue/Saturation sloj za podešavanje(Sloj - Sloj za podešavanje - Nijansa / Zasićenost) (Sloj > Novi sloj za podešavanje > Nijansa/zasićenost) i smanjite svjetlinu teksture.

Korak 46

Da biste spojili teksturu starog papira s pozadinom koja je obojena bojama, promijenite način miješanja teksture starog papira na Množenje(Množenje). 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 kapi. Dodajte masku u grupu “Žena” (sadrži sve slojeve koji se odnose na ilustraciju). Sada obrišite neke sitni dijelovi sa slike različite četke da dodate teksturu.

prijevod: Slutskaya Svetlana

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

Ovaj crtež će u potpunosti biti kreiran u Photoshopu CS2.

Korak 1: Skica
Počnite kreiranjem novog dokumenta u Photoshopu. Njegove dimenzije bi trebale biti oko 800x778 piksela. Počeo sam stvarajući brza skica, što odražava moju glavnu ideju. Evo skice glavnog okruženja oko glavnog lika.

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

Korak 2: Postavljanje četkica u Photoshopu
Ovo je jedan i jedini kist kojim slikam svoju heroinu. Za slikanje ću koristiti standardne četke.

Pre nego što počnete da slikate, morate da podesite četkicu. Započnite odabirom alata Četka(Četka), zatim koristite standardnu ​​četku prikazanu ispod.

(kliknite na sliku za uvećanje)

Korak 3: Paleta boja
Morate odlučiti o bojama koje ćete koristiti prije nego počnete slikati. Evo mojih boja koje koristim u radu:

Korak 4: Slojevi (slojevi)
Stvoriti Novi sloj(Novi sloj) i nazovite ga Sketch. Ovu skicu možete kreirati u Photoshopu ili na papiru. Nakon što kreirate sloj skice, promijenite ga Blend Mode(Način miješanja) uključen Množenje(Umnožite) i uvijek ga držite na vrhu svih slojeva kako biste mogli vidjeti preko čega slikate.
Sada pogledajte moju paletu slojeva. Ovdje su zasebni slojevi za svaki objekt skice. Slikanje svakog detalja na novom sloju olakšava prilagođavanje dok slikate. Mnogo je lakše ispraviti greške ako se glavni elementi vaše ilustracije nalaze na odvojenim slojevima. Ovaj korak je zaista veoma važan!

Korak 5: Rad na boji pozadine
Evo da vam pokažem kako bojim pozadinu. Odabir alata Fill(Kanta za boju) (G). Kada ispunite pozadinu, ona bi trebala izgledati ovako. Provjerite jesu li slojevi raspoređeni kako je prikazano na slici ispod.

Korak 6: Bojanje osnovnih oblika
Prije nego počnemo bojati, dozvolite mi da vam ponovo pokažem redoslijed slojeva. Promijenio sam ga jer bi sloj skice trebao biti iznad svih slojeva, a također je postavljen na Množenje(Množenje). On u ovoj fazi možemo početi bojati skicu i identificirati osnovne oblike. Korištenje alata Četka(Četka) (B), počnite slikati glavnog lika i stablo na odvojenim slojevima. Budi siguran da Krutost(Tvrdoća) četke je postavljena na 100%. Četkica s mekim rubovima može rezultirati pomalo zamućenim rezultatom.

I u ovom koraku želio bih promijeniti veličinu svog fajla jer želim dodati još suptilnijih detalja. Pa otvaram Slika(Slika) - Veličina slike(Veličina slike) i povećajte veličinu datoteke na 1500x1495.

Korak 7: Dodavanje detalja
Sada mogu početi sa dodavanjem detalja. U ovom koraku sam počeo sa farbanjem lica. glavni lik. Uvjerite se da radite na odgovarajućem sloju prije farbanja.

I ovdje sam napravio kopiju sloja stabla i dodao mu neke detalje. Takođe sam sakrio prvi sloj sa drvetom.

Evo snimka ekrana da vam pokažem detalje. Počeo sam da dodajem još više detalja svom crtežu, kao što su trava i malo cveće. U ovom trenutku sam napravio sloj pod nazivom Cvijeće.

Dodajem još više boja i finih detaljnih linija na drvetu.

Sada pogledajte detalje koje sam upravo napravio. Nastavljam sa dodavanjem detalja i, ako je potrebno, kreiram nove slojeve.

Korak 8: Posebna pažnja na glavnog lika
Sada kada sam zadovoljna detaljima ukrasa i drveta, dodaću detalje u odjevni predmet djevojke. U ovoj fazi sam primijetio da moj lik izgleda vrlo jednostavno i ne baš privlačno, pa sam pomislio da bih trebao odvojiti vrijeme da napravim neke promjene. Pokušao sam da dam malo drugačiji izgled heroini i nastavio da dodajem više detalja. Opet, obratite pažnju na redosled slojeva. Kao što vidite, u ovom koraku imam još nekoliko novih slojeva. Svi slojevi imaju svoja imena.

Sada počinjem da dodajem male detalje heroini, dodajući još žutih i zelenih. Usput, ne zaboravite da u ovom koraku ne morate sve detaljno opisivati. U ovoj fazi radim na glavnim detaljima i svjetlu dok ne dobijem lijep kontrast. Ponekad promenim neke boje. Skoro sam završio sa slikanjem njene odeće i tela. Takođe sam pomerio sloj skice malo u stranu tako da možete da vidite kako junakinja izgleda bez baze za skicu.

Korak 9: Dodavanje svjetla i kontrasta
Koristio sam alat Clarifier(Izbjegnite) (O) za posvjetljivanje područja. Ovako izgleda rad nakon svih podešavanja alata Clarifier(Dodge) (O) i Dimmer(Spali). Nastavljam dodavati više detalja stablu koristeći četke različitih veličina i boja. Nakon što je dodano dovoljno detalja, počeo sam ga izglađivati ​​četkom s mekim rubovima. Koristim i alate Clarifier(Dodge) (O) i Dimmer(Spali) da daju hlad granama.

Također dodajem nekoliko poteza pomoću alata Prst(Smudge). Koristim ovo jer želim da oblacima i pozadini dodam mekana zamućena područja. U ovoj fazi sam primijetio da moji oblaci nisu baš detaljni. Tako sam kreirao novi sloj da slikam detalje u oblak koristeći dva alata: Prst(Smudge) i Četka(četka).

Korak 10: Dodavanje više detalja
U ovoj fazi sam primijetio da moram dodati još cvijeća svom crtežu. Tako da kreiram novi sloj i, kao što vidite, nacrtam neko slatko i jednostavno cvijeće. Nastavljam da dodajem više detalja. Dodavanje nekih dodira pomoću alata Clarifier(Dodge) (O), ovo radim jer želim dodati neke lagano osvijetljene površine trave.

Sada kada su trava i pozadina gotovi, mogu početi dodavati više detalja djevojčinoj kosi i licu. Odabir načina rada četke Lightening Basics(Color Dodge) i dodajte nekoliko poteza njenom licu.

Sada primijetite detalje koje sam dodao koristeći samo kist u načinu rada Lightening Basics(Boja Dodge).

Korak 11: Korekcija boje
Crtež je skoro gotov osim korekcije boje. Početi Drain(Spoji) sve slojeve. Sada unutra Slika(Slika) - Ispravke(Podešavanja) - Svjetlina/kontrast(Svjetlina/kontrast) promijenimo malo boju. Želim ilustraciji dati više sunčanog efekta.

Podesite parametre koje sam postavio. Ovako izgleda ilustracija - sunčanija i radosnija.

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