Vidjet ćete me kako kreiram konceptnu skicu, pozadinu, a zatim postupno preciziram sliku iscrtavanjem detalja. Usput, lako možete primijeniti tehnike prikazane u ovoj lekciji kada kreirate svoje ilustracije, logotipe i druge projekte! Praćenje ovakvih tutorijala uvijek će olakšati proces crtanja, ali ako mislite da niste dovoljno dobri u crtanju, nikada nije loša ideja da jednostavno pokušate, jer je cilj ovih tutorijala da poboljšate svoje vještine, jedan na ovaj ili onaj način! Siguran sam da oni od vas koji ne umeju da crtaju crteže velikih razmera mogu da počnu sa brze skice, Volim ovo.

Koristio sam sljedeće alate:
- Photoshop CS3
- Wacom Graphire 3 USB tablet (plavi)

Korak 1: Počeo sam sa skicom. Zatim sam ofarbao površinu zemlje. Ovdje, kao što možete vidjeti na gotovom crtežu, ima puno zelene trave i podsjeća me na staru pjesmu: "Zelena zelena trava kod kuće". Zato pokušajte da zamislite nešto ovako. Možda ovdje, nedaleko od male kuće, postoji stari hrast u čijoj ste se hladovini toliko voljeli igrati kao dijete. Kada sam se odlučio za scenu, počeo sam razmišljati o bojama: glavnim i pozadinskim nijansama. Ovdje sam pokušao da zamislim jasnu sliku. Počeo sam crtati na praznoj pozadini na koju sam dodao cvijeće. Ne volim da radim sa crtežima čija je pozadina jednostavna i neekspresivna. Dodavanje različitih boja čini sliku zanimljivom i pomaže u postizanju željenog raspoloženja.

Korak 2: Dodao sam detalje pomoću četke malog promjera. Za ove ilustracije koristim samo kistove s kojima Photoshop već dolazi po defaultu. Možete preuzeti i druge kistove ako želite. Evo kistova koje sam koristio za ovu ilustraciju. U svom crtežu koristiću samo standardne četke. Pre nego što počnete da slikate, morate da namjestite četke.

Korak 3: Sada morate odabrati glavne boje za svoju kompoziciju. A evo i mojih boja za ovu ilustraciju. Kao i obično, želim da napravim veoma svetao crtež. Za pozadinu sam odabrala žute i plave nijanse. Sve ostale boje su za okoliš. Otvorite drugu datoteku i sačuvajte svoje boje. I neka ova nova datoteka bude uvijek otvorena dok crtate.

Kliknite na sliku da vidite sliku u punoj veličini i 100% kvalitetu.

Korak 4: Odlučio sam da uklonim stari auto, koji je stajao u blizini kuće. Ona se ovde zaista uopšte ne uklapa. Ovaj auto se ne uklapa sa ostatkom slike. Tako da sam morao obrisati auto i umjesto toga ofarbati stari hrast, možda biste željeli ofarbati neko drugo drvo. Napravio sam grubu skicu u boji velikim okruglim tvrdim kistom, a potom istim kistom, ali manjeg prečnika, grubo oslikao detalje. Također sam napravio novi sloj za travu i napravio grubu skicu.

Korak 5: Zatim sam počeo detaljnije da slikam po zelenoj travi sa malom tvrdom okruglom četkom i mekanim okruglim kistom da izgladim sliku... ali ću to kasnije promeniti, na primer može biti malo crvenkasto plave ili žuto cvijeće. Ali dalje ovog trenutka, mislim da je zelena trava upravo ono što ti treba.

Korak 6: Kada tražim odgovarajuća boja, ja radim ovo:

Korak 7: Sada obratite pažnju na to kako crtam drvo. U ovom tutorijalu ne prikazujem mnogo vrsta drveta. Ovdje su predstavljene samo dvije vrste: jedna za vrata, a druga za ogradu.

Korak 8: Sada mi dozvolite da promijenim veličinu platna. Kao što vidite, ako želite da dobijete crtež sa puno detalja, onda ćete morati da radite na platnu velika veličina(približno 2000 ili 2600 piksela).

Korak 9: Dodajte detalje pomoću malog kista. Ovdje obratite pažnju na to kako crtam detalje krova.

Kliknite na sliku da vidite sliku u punoj veličini i 100% kvalitetu.

Korak 10: U sljedećim koracima, napravit ću još nekoliko slojeva za zelenu travu. Razlog za kreiranje više slojeva je taj što ćete kasnije morati prilagoditi crtež. Mnogo je lakše ispraviti greške ako su glavni elementi vašeg crteža odvojeni objekti. Crtež sam grubo obojila velikom, tvrdom okruglom četkom, a zatim dodala detalje istom četkom, ali manjeg prečnika. Napravio sam i novi sloj za kosu i napravio grubu skicu. Vraćajući se na pitanje kako nacrtati travu. Samo kliknite na ikonu četke, odaberite drugu boju i obojite kao što je prikazano na mojim skicama. Zatim samo ponovite istu radnju.

Korak 11: Sada je vrijeme da počnemo s detaljima oblaka. Kada sam crtao oblake, obojio sam oblik u bijelo na odvojenim slojevima, a zatim promijenio način miješanja sloja u Overlay kako bi efekat bio vidljiv na crtežu. A ja sam koristio samo dva sloja za oblake. Jedna boja se koristi kao osnovna boja, a druga se koristi za povećanje svjetline pozadine. Pokušajte pronaći ravnotežu kombinovanjem različitih oblikačetkice i pokušajte nacrtati oblake različitim potezima. Takođe morate definisati svetlost i senke. Fotografije pravog neba pomoći će vam u ovom pitanju. Samo pretražite Google za različite oblike oblaka.

Korak 12: Takođe sam želeo da dodam malo svetline sunčeva svetlost i drugi detalji, kao što je bljesak munje. Nakon nekoliko pokušaja, odlučio sam se na opciju prikazanu na mom crtežu. U ovoj fazi je izgledalo prilično grubo, ali na to ću se vratiti kasnije. Napominjem da je svaki element dizajna bio na svom sloju, što mi je omogućilo da brzo odaberem željeni objekt i s lakoćom promijenim boje. Pritisnite Command+Click (na Macu) ili Control+Klik (na Windows) na ikonu sloja u paleti slojeva da odaberete neprozirnost.

Korak 13: Postavke. To je veoma važno. Možeš pokupiti željenu boju i na taj način mijenjaju cjelokupnu atmosferu. Sada koristim Color Balance. Nakon toga sam promijenio svjetlinu i kontrast. Primetićete kako se efekat osvetljenja menja.

zaključci:

Sada je vrijeme da zatvorite Photoshop. Nadam se da ste uživali! Kao završni dodir, ravnom crtežu dodajem filter Smart Sharpen da dobijem oštrije i oštrije linije. Ovo pomaže u otkrivanju malih detalja kao što su naglasci. Nadam se da ste uživali čitajući ovaj vodič.

Kliknite na sliku da vidite sliku u punoj veličini i 100% kvalitetu.

Francuski umjetnik Xavier Collet objašnjava kako da proces slikanja učini efikasnijim koristeći svoj rad s mračnom vilom okruženom šumom.

Mislim da vam sljedeća pravila crtanja mogu pomoći da razvijete svoje vještine, ali ponekad se može osjećati kao da vas pokušavaju ograničiti. Pokušaj da se zadovolji širok spektar umjetničkih kriterija - kao što su dizajn likova, promišljene kompozicije i efektne sheme boja - može vas usporiti, ali... brz rad nije uvijek visokog kvaliteta, zapamtite ovo.

Vjerujem da je najbolji put do vrha naučiti osjećati, raditi stvari instinktivno. Sa praksom, viđenje stvari koje su na slici i prepoznavanje onih elemenata na kojima je još potrebno raditi postaje druga priroda, ispunjavajući podsvijest dok radite.

S praksom postaje druga priroda vidjeti stvari koje treba poboljšati.

Jedina stvar koju sam radio prije nego što sam počeo da crtam je da se odmaknem od svih i fotografija u glavi kako bi moja podsvijest mogla početi generirati ideje. Nakon toga sam se potpuno uronio u proces crtanja.

Početne skice

Ne znam dokle ću ići sa ovom ilustracijom. Ali znam da to želim glavni lik bila je neka vrsta kraljice - neko ko bi vas uplašio, uznemirio kada biste je pogledali u oči.

Zato ću početi sa grubom skicom da dobijem ideju kakva će biti kompozicija. Ona šeta šumom i posmatra te. Pa, hajde da počnemo da crtamo nekoga ko će vas naterati da osetite pravi strah i očaravajući užas.

Pedeset nijansi sive

Važno je uzeti u obzir dubinu slike i odlučiti se o ravnima: pozadina sa dva ili tri nivoa dubine; glavna ravan i prvi plan vašeg lika.

Počinjem u mono – brže je i lakše će nešto promijeniti. Odabrao sam paletu mnogih nijansi sive i, dodajući rogove i duga haljina u punoj visini, počeo sam da određujem njen karakter.

Polazna tačka

Svi imamo svoje male slabosti. Moje je to što ne mogu odoljeti da ne nacrtam lice lika u ranoj fazi. Često se kaže da izolovani detalji nisu dobra praksa jer na kraju propuštate širu sliku.

Koristan savjet, bez sumnje, ali ne mogu podnijeti činjenicu da će na licu biti samo nekoliko detalja, užasno me svrbi da ih dodam. Zato sam odvojio malo vremena da nacrtam lice, krunu, rogove i kosu.

Ponekad je vrlo teško odrediti u kojim bojama će ilustracija biti. Dakle, evo malog savjeta za vas. Uzmi stari crtež ili čak fotografija, nije važno. Duplirajte sloj slike i primijenite Gaussian Blur efekat na duplikat. Zatim promijenite Opcije miješanja – Način miješanja – Preklapanje. I provjerite hoće li vas ova shema boja inspirirati za vašu radnu ilustraciju.

Potražite temu u boji

Nakon toga sam podesila Hue/Saturation i slikala kistom u načinu rada u boji. Još jedan savjet je da primijenite automatske nivoe ili automatski kontrast, a zatim se poigrate s načinima miješanja slojeva. Ponekad će vas srećne nesreće inspirisati i pomoći vam da savladate zid „nekreativnosti“.

Dodajte detalje

Počinjem crtati detalje lika, počevši od glave i poprsja, prije nego što pređem na dizajn odjeće.

Ne radim nikakve ideje za odijevanje kao što sam rekla, samo prelistavam veliki izbor različitih slika da mi kreativni sok poteče kako bih mogao doći do ideja neobičan dizajn za haljinu.

Kontrast

Dobro je ako na crtežu postoji kontrast. Konkretnije: kontrast oblika, svjetline i boje. Moj izbor za ovu ilustraciju je plavkasto svjetlo koje će ukazati magična moć i kontrolu nad svim živim bićima na ovoj slici.

Više detalja

Sada kada sam zadovoljan bojama koje sam odabrao, mogu finalizirati njen kostim dodavanjem detalja poput nakita i uvesti niz materijala kao što su krzno, koža, metal i svjetlucavi koji svi zajedno čine dizajn zanimljivijim .

Plastična hirurgija je vaš prijatelj

Zapamtite prednosti digitalnih grafičkih programa. Photoshop Plastični filter je moćna uređivačka opcija. Ovdje u svojoj ilustraciji koristim ga da popravim lice vile jer sam odlučio da je predugačak.

Završimo s njom

Vrijeme je da dovršite posljednje detalje lika. Dodao sam završne detalje njenom korzetu, naslikao lobanju na njenom štapu, dodao plavi sjaj njenom kostimu, itd.

Sada je vrijeme da pozadinu začinite malo svjetla i malo buke. Išarani kistovi u Foundation Lightening modu su savršeni za mene.

Mi stvaramo kućne ljubimce

Želim da moja mračna vila ima... kućne ljubimce. Dno kompozicije je malo labavo, tako da je savršeno mjesto za crtanje stvorenja koja oživljavaju njenom mračnom magijom.

Nemam konkretnu ideju o tome šta ću raditi, pa to skiciram tamnim kistom, a zatim koristim kist u Dodge modu da dodam detalje poput očiju i usta sa čarolijama koje izlaze. Od njih.

Menažerija čudovišta

Do sada radim instinktivno i prilično sam zadovoljan dizajnom svog stvorenja. Sada mogu dodati i druge. Koristim isti tok rada: kreirajte malu skicu, a zatim dodajte detalje pomoću kista u osnovnom modu za izbjegavanje.

Zamućeni elementi

Skoro sam završio s ovom ilustracijom i sada ću primijeniti neke od trikova koje sam naučio tokom godina. Želim da moja vila gleda u posmatrača - posmatrača koji se krije u šumi.

Tako da ću grane završiti čvrstim potezima kista. Nema potrebe da ih detaljno crtate. Zatim sam im dodao Gaussian Blur efekat i to je to - spremni su!

Zrno dodaje teksturu

Volim da dodajem teksturu svojim crtežima. Ponekad je to samo tekstura papira kreirana pomoću sloja preklapanja. Ali sada ću učiniti nešto sasvim drugo.

Dodao sam neutralni sivi sloj (Saturation - 0, Brightness - 50) i dva puta primijenio Filter>Noise>Add Noise (podešen na maksimum) i Filter>Blur>Blur tri puta. Zatim sam ovaj sloj postavio na Overlay (Overlay) i kliknuo na Layer Opacity, postavljajući postavke na 5-6%

Magičniji život

Odlučio sam da je slika potrebna više života. Moje rješenje je brzo crtanje leptira prednji plan, ponovo dajte crtežu veću dubinu.

Poslednji trik

Poslednji savet. Jednostavan način da dodate neke više raznolikosti u vašoj umjetnosti je da napravite novi sloj i popunite ga mekim kistom za oblake.

Postavite osnovnu boju na svijetlo sivu i koristite meku četku za oblake da biste stvorili kontrast. Zatim postavite ovaj sloj na Blend Mode.

Poslušala sam svoj savjet i završila crtež!

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. Ovaj detaljni vodič ima za cilj da vas upozna sa karakteristikama i metodama rada sa Adobe-ovim neophodnim alatom. 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, ispune i da vektorska grafika izgleda prirodnije, ovo su samo neke od tajni Illustratora u ovom vodiču koje će uvelike poboljšati 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. U ovom vrlo pristupačnom videu, stručnjak za Illustrator Alexandra Cecilio demonstrira kako se to radi.

Ovaj vodič Andrei Marius će vam pomoći da napravite vektorski linijski graf. Korak po korak: od jednostavne mreže do vodećih linija, koristeći samo tablu Izgled (jedan od najmoćniji alati u Adobe Illustratoru) s dodanim jednostavnim tekstom i finim sjenčanjem.

Kreiranje lica

9. Kreiranje vektorskog oka

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 bi WPAP mogao biti uveden u većem broju razne aspekte dizajn. 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 Julia Sokolova pokazuje kako napraviti set portreta koji je savršen za društvenim medijima ili, na primjer, da odredite različite kategorije i profesije na vašoj web stranici.

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

U ovom vodiču ćete lako i zabavno kreirati vrlo jednostavnu šablonu koja se može koristiti na raznim površinama (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 tutorijal, Mary Winkler će vam pokazati kako nacrtati chibi lik od nule koristeći Shape Builder Tool (Shift-M), Alat za olovke(P), transparentni gradijenti i mnogi drugi Illustrator alati.

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 vodič biti posebno koristan. U lekciji Sergej Kandakov stvara svijetlu ilustraciju s efektom retro stila.

Pejzaž i okruženje

25. Kreiranje vektorske infografske slike

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

Ovaj vodič pokazuje kako stvoriti zadivljujući pejzaž okoliša u Illustratoru. To će biti dovoljno da završite zadatak osnovno znanje o programskim alatima.

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.

Prateći ovaj tutorijal moći ćete da kreirate sjajni efekat u Adobe Illustratoru. Ilustracija je zasnovana na tri efekta: papir za note, vitraž i poderane ivice. Brzim tragom pretvaraju se u sjajnu vektorsku teksturu.

Poluton je način reprodukcije jednobojne slike. Zasnovan je na specifičnoj percepciji slike ljudskim okom za koje 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. Pretvorite rastersku sliku u vektorsku

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 vam pokazuje kako da kombinujete vektorske slike i fotografijama možete napraviti neverovatan kolaž.

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.

Iz Al Power dizajnerskog studija o tome zašto je važno da svaki brend razvije vlastiti stil ilustracija i kako za njih stvoriti pristupačne smjernice.

Ilustracija je oblik dizajna. Bez propisanih ograničenja, ovo je samo element umjetnosti. Koristimo smjernice kako bismo uveli jasnoću u naše ilustracije.

čemu služi

Ključ za identifikaciju vašeg stila je prepoznavanje vaših osnovnih vrijednosti i opravdavanje upotrebe ilustracija. Jednom kada kreirate određeni stilski niz, imat ćete opšti stil, koji će biti u skladu sa vašim slikama. To će značiti da svaki ilustrator može lako raditi s vašom platformom i biti siguran da neće poremetiti cjelokupni stil.

Da biste stvorili dosljedan stil, bitno je identificirati ključne indikatore kao što su sema boja ili debljina fonta. Međutim, ne zaboravite na važnost ilustracija za vaš cjelokupni stil i funkciju koju služe na vašoj platformi.

Primjer stila ilustracije

Ne možete ga samo uzeti i nacrtati

Prije nego što započnete bilo koji projekt, važno je odlučiti šta vi i vaši dionici želite postići projektom.

Obično postavljam nekoliko pitanja koja pomažu meni i zainteresovanoj strani da bolje razumemo šta pokušavamo da dobijemo od projekta.

Ciljevi

• Zašto želite da dodate ilustracije?
• Kako ćete ocijeniti projekat?

Postojeći vodič za stil

Imati vodič za stil koji već postoji obično mnogo pomaže. Ne bi trebalo da se zasniva na ilustracijama. Osnovne smjernice dizajna i sve ono što razlikuje određeni brend na platformi pomoći će vam da se pravilno fokusirate na projekt.

Također morate razumjeti kako će se ilustracije uklopiti u postojeću shemu boja. Samo zato što kompanija ima sopstvenu šemu boja ne znači da će ilustracije biti u skladu sa njom. Uostalom, ilustracije bi trebale da se izdvajaju od ostalih elemenata interfejsa, tako da korišćenje boja brenda na slikama može imati negativan efekat.

Vrijednosti

Koliko mislite da su ilustracije prikladne za vašu platformu? Mislite li da će naglasiti ličnost vašeg brenda? Hoće li biti jasni, jasni, smiješni, detaljni, itd.?

U suštini, ovo je glavna karakteristika stila. Čak i prije početka rada, trebali biste razumjeti koju ulogu dodjeljujete ilustracijama u interfejsu. Kako ćete ih koristiti: kao korisnički vodič, za popunjavanje praznina ili jednostavno za dodavanje osobnosti vašem projektu.

Moodboards

Kreirajte stilske table raspoloženja koje dobro nadopunjuju vaš proizvod. Ovo će ilustratoru olakšati razumijevanje trenutka kada dioničar pokaže na element stila i kaže: „Želim to“. Naravno da neće konačna odluka, ali barem će to dati dizajneru razumijevanje šta žele od njega.

Kada kreirate moodboard, ne biste trebali ulaziti u detalje. Mood boardi služe više za postavljanje vektora smjera za dalji rad. Postoji mnogo resursa za istraživanje u ovoj oblasti, kao što su Behance, Dribbble, Pinterest, iStock ili ista dobra stara Google pretraga slika. Ovo je sve učinjeno kako bi se prikupilo što više informacija prije nego što počnete stvarati prvu ploču.

Ne žurite odmah na posao. Prvo, shvatite šta radite i zašto.

Vrijeme je da zasučete rukave

Na sreću, takve smjernice sam već napravio. Kada sam se pridružio Globoforce timu, dobio sam zadatak da kreiram ilustrovani stil za upotrebu na našoj white-label platformi.

Glavna svrha ilustracija bila je da dodaju malo osobnosti područjima u kojima se naš projekat činio nedovršenim. Na najosnovnijoj razini, to je bilo: stvoriti zajednički ilustrativni stil koji će donijeti dosljednost na cijeloj platformi.

Pokušajte, pokušajte i pokušajte ponovo

Niko ne kaže da je ovaj proces brz i lak. Istražili smo mnoge stilove koji na kraju nisu radili za nas. Sve je u istraživanju ideja. Ništa se ne radi uzalud, sve ideje pomažu u oblikovanju konačne odluke. To je kao da preskočite još jednu prepreku prije cilja.

Neki stilovi funkcioniraju, neki ne. I morate biti spremni da odbacite ideje koje su očigledno dobre, ali nisu prikladne za vaš projekat.

Jezik ilustracija

Važno je da svi govore istim jezikom kada je reč o terminologiji. Morate kreirati jezik termina koji će svima biti razumljiv i pogodan. Pronađite pojmove koje će ljudi razumjeti. Ne morate ulaziti u detalje: potreban vam je samo određeni skup riječi koji će omogućiti dizajnerima i dionicima da komuniciraju.

Naše ikone

Da bismo poboljšali upotrebljivost naše stranice, koristimo ikone. Naš stilski vodič opisuje pravila za njihovo korištenje, kao i odabir njihove veličine (od 12 do 64 piksela).

Ikonografija

Naše tekstualne ilustracije

Ilustracija teksta pomaže u demonstraciji određena karakteristika ili opišite neko iskustvo. Takve ilustracije su ugodne oku, ne zauzimaju puno prostora na stranici i dodaju osobnost interfejsu.

Ilustracije teksta

Naše ilustracije neokupirane države

Ilustracije nezauzetog stanja koriste se za objašnjenje neke karakteristike, ali nikada kao glavni fokus komponente. U većini slučajeva, oni su potrebni da ukažu na potrebu popunjavanja praznog prostora.

Ilustracije neokupiranog stanja

Ilustracije scena

Ilustracije scena smještene su u veći prostor i služe u funkciji detaljnijeg objašnjenja neke značajke ili scenarija korisniku.

Ilustracije scena

Naš pristup

Ilustracije se mogu koristiti za oživljavanje interfejsa. Služe za informiranje korisnika i privlačenje njegove pažnje.

Pojednostavi

Budući da je naš proizvod označen bijelom etiketom, ilustracije će se koristiti za širok raspon kategorija kupaca. Zato smo se odlučili držati što jednostavnijeg i pasivnijeg stila.

Korištenje znakova

Uzdržavamo se od upotrebe likova posvuda. Upotreba znakova postavlja pitanja o rasi i spolu, a s obzirom na raznolikost naših klijenata, jednostavnost je najbolja.

Sema boja

Naša shema boja odabrana je na osnovu poslovnih ciljeva. Njena nenametljiva priroda odražava našu. široki krug klijenti. Naš cilj je da korisnike oduševimo ilustracijama, a ne da ulazimo u razumijevanje boja brenda.

Balans boja

Općenito, prestali smo koristiti puno boja u ilustracijama. Pokušali smo da se fokusiramo na našu "bijelu duh", koristeći druge boje u šemi isključivo radi ravnoteže.

Bijela je naša glavna boja. Pokušajte ga koristiti za ključne elemente na ilustraciji

Uzroci

Boju ne treba birati subjektivno. Ilustracije treba da budu pasivne i da ne privlače previše pažnje. Boje se mogu koristiti, ali selektivno. Stil treba da bude uredan i prigušen.

Šema boja za ilustraciju neaktivnih stanja

Za opciju neaktivnih stanja, koristili smo našu "ghost white" boju i potez. Ovdje se koristi samo sjena, a ne boje. Kako bismo smanjili vizualno opterećenje, koristili smo transparentnost od 50%.

Ilustracija praznog stanja

Moždani udar

Obično koristimo potez od šest piksela. Ako postoje mali detalji, odaberite potez od tri piksela. Također koristimo zaobljenja na uglovima svuda. Boja poteza je uvijek ista - #8A8EA0.

Dakle

Glavni cilj vodiča za ilustracije je stvoriti dosljedan, prepoznatljiv stil, koji odražava osnovne vrijednosti vaše platforme. Da biste to učinili potrebno je slijediti tri koraka:

1. Odredite zašto su vam potrebne ilustracije.
2. Kreirajte stil koji odgovara vama i vašim poslovnim ciljevima.
3. Dokumentirajte svoj stil na takav način da ga možete lako klonirati za druge koncepte.

Kompletnu studiju možete pogledati.