Ste pripravení riskovať vo webdizajne? S najväčšou pravdepodobnosťou nie každý z vás dá kladnú odpoveď. Existuje však riziko, že sa časom stal akýmsi štandardom, trendom moderného webdizajnu. Toto „niečo“ nazývame rizikom len preto, že je dôležité nielen predstaviť si tému a namiešať variácie prvkov, ale tiež si predstaviť, ako je to vhodné vo vašom projekte dizajnu webovej stránky. Ide o spojenie fotografií a ilustrácií do jedného dizajnu.

Fotografia sa dnes používa na to, aby bol vzhľad projektu realistickejší a aby upriamil pozornosť návštevníka na skutočnosť, že hovoríme o veľmi dôležitých a potrebných veciach v živote každého človeka. Ilustrácia alebo kresba sa častejšie hodí k úzko zameraným projektom a podvedome sa spája s akčnosťou, „karikatúrnosťou“ až ľahkomyseľnosťou.

Webdizajn je ale umenie inovácie a profesionality v práci s grafickými editormi. Preto je celkom možné kombinovať dva typy obrázkov. Dnes sa pozrieme nielen na možnosti, ako webmasteri využívajú tento typ obrázkov, ale aj na zložitosť ich vytvárania vo Photoshope.

Vlastné akcenty

Začlenenie ilustrácií do webového dizajnu je takmer jednoduché, pokiaľ predstavujú prvky používateľského rozhrania. Ale tiež nemusia byť nakreslené ručne alebo len špecifické tlačidlá/šípky. Môže to byť kvalitná vektorová grafika. V nižšie uvedených príkladoch môžete vidieť, ako ilustrácie priviedli dizajn k životu (www.wittycookie.com), pričom postava hrdinu predstavuje schopnosti spoločnosti.

Ilustračný obrázok loga

Ak máte radi ilustráciu ako takú a plánujete sa na ňu zamerať vo svojom webdesignovom projekte, potom by bolo dobré použiť ilustrovaný obrázok loga. Prvý projekt madebyfew.com to dokonale reprezentuje. Okrem toho sa kresby používali všade ako samostatné dizajnové prvky vo forme kruhov, hadovitých stuh, úsmevov a miniatúr pre materiály. Keďže stránka je venovaná konferencii a zobrazuje jej účastníkov, takýto obrázok možno použiť namiesto hromadnej fotografie účastníkov.

Ďalší príklad z onehappycampernj.org je o niečo skromnejší a ako ilustráciu používa textúru s rastlinnými prvkami. Zvláštnosťou je, že obrázok bol vytvorený len pre jednu sekciu na hlavnej stránke. To vám umožní zamerať pozornosť na informácie, oživiť stránku a zdôrazniť osobitosť informácií. V jednom z našich predchádzajúcich materiálov sme už hovorili o obrovských zbierkach textúr. Potom už len stačí zmeniť farbu vo Photoshope, priehľadnosť.

Belgická stavebná spoločnosť konosair.be sa tiež rozhodla vytvoriť ilustráciu nad fotografiou. Ručne kreslené obrázky sa zároveň už nepoužívajú v dizajne webových stránok. Už na úvodnej stránke však táto kombinácia vyzerá veľmi zaujímavo.

Typografická ilustrácia

Existuje spôsob, ako pridať popisy k fotografii. Predstavte si však ručne kreslenú typografiu a dokonca animovanú typografiu (archrival.com). Tento „trik“ je možné použiť nad existujúcim videom alebo obrázkom.

Steptoandson.co.uk/about/ pôsobí skromnejšie, kde typografia a dvojice fontov neboli použité ako ilustrácia, ale ako textová vrstva. Správny štýl však vytvára dojem, že fotografia bola namaľovaná a napísaná ručne, kaligrafiou alebo šablónou.

Povedz príbeh

Projekt mamyfactory.com/fr/ je zaujímavý tým, že kresby sa používajú doslova všade, no v kombinácii s fotografiami. Vytvorenie takéhoto dizajnu je náročnejšie. Po prvé, budete potrebovať skutočnú fotografiu rúk zapojených do pletenia a po druhé, budete musieť starostlivo vybrať vlákna a pletenie pomocou magnetického lasa vo Photoshope a potom to všetko previesť do kreslenej podoby. To môže vyžadovať pluginy, zručnosti kreslenia alebo jednoduché znalosti, ako previesť fotografiu na kresbu.

Krásnym spojením ilustrácie a fotografie možno nazvať aj webdizajn projektu discoveryphototours.com/photo-tours/. Tu sú fotografie navrhnuté v zlomoch strán, tlače, nadpisy sú vytvorené vo forme ťahov štetcom a ilustrovanej typografie.

Podobne vyzerá Gili-lankanfushi.com, v dizajne ktorého sú ilustrované ikony a nápisy umiestnené na vrchu fotografií Maldív, listov, v bočnom paneli a päte ešte umocňujú efekt kresby.

Pravidlá používania ilustrácií

Použitie ilustrácií a fotografií v jednom projekte je príležitosťou na rozvoj fantázie, pridať do projektu intrigy a pridať trochu sofistikovanosti do dizajnu. Ale je potrebné dodržiavať niektoré pravidlá. Áno, áno, bohužiaľ, ale aj pre kombináciu fotografií a obrázkov sú tiež k dispozícii.

• Štýl ilustrácií by mal korešpondovať s celkovým dizajnom. To znamená, že ikony a piktogramy, ako aj text, by tiež mali byť v súlade so všeobecným štýlom.
• Je lepšie použiť ilustrácie pre ikony a tlačidlá, ďalšie malé obrázky, ale pre vizuálne zdôraznenie a interakciu s používateľmi - iba fotografie.
• Začnite vytvorením šablóny s ilustráciami a potom pridajte akcenty pridaním fotografií a videí.
• Nielen obrázky, ale animované prvky vyzerajú vedľa fotografií skvele. Napríklad tmfp.co.uk; sú sotva viditeľné v blízkosti fotografií a vôbec neodvádzajú pozornosť používateľa od štúdia informácií.
• Vo forme kresieb je vhodné vytvoriť štítok alebo logo spoločnosti a umiestniť ich vedľa alebo na fotografie.
• Ilustrácie pomáhajú návštevníkovi orientovať sa na stránke, povedia mu príbeh a prevedú používateľa stránkami projektu.

Tvorba ilustrácií vPhotoshop

Napriek tomu, že „riziko“, o ktorom sme hovorili na začiatku, nebolo až také hrozné, vynára sa otázka, aký je najjednoduchší spôsob vytvorenia ilustrácie. Na jednej strane môžete použiť kliparty, ktorých je na internete veľa voľne licencovaných. Ale na druhej strane si môžete vytvoriť kresbu sami.

Dôležité je, že kvalita výsledného materiálu sa dá dlhodobo zlepšovať, zosvetľovať, stmavovať, hrať sa s kontrastom a farbou. A áno, existuje veľa štýlov ilustrácií, ručná kresba.

Dáme si ale malý príklad, ako sa dá vytvoriť ilustrácia vo všeobecnosti a ako ju ďalej využiť. Pamätajte, že potom sa dá previesť na vektor alebo urobiť vektorový výkres; môžete použiť gumu na odstránenie nepotrebných detailov a ponechať iba obrysy. Potrebujete napríklad kresbu kabelky alebo topánky, no neexistuje vhodný klipart alebo štýl kreslenia. Preneste do Photoshopu a potom odstráňte všetok prebytok, urobte obrysové čiary nasýtenejšie a... voila, kresba je pripravená.

Napríklad, zoberme si mačiatko.

Otvorte Photoshop, skopírujte fotografiu do novej vrstvy, vytvorte kópiu vrstvy. Aby tam bolo pozadie a dve vrstvy s fotkou.

Vyberte poslednú vrstvu (vrchnú) a rozmazať pomocou Gaussian. Parameter sa vyberá „podľa oka“, pretože všetky fotografie sa líšia v detailoch a farbách. Po niekoľkých pokusoch na rôznych úrovniach rozmazania však uvidíte presne to, čo potrebujete.

Potom aplikujte vlastnosti tejto vrstvy - Split. Na kresbu ceruzkou už dostanete polotovar.

Teraz ide o maličkosti. Skopírujte obsah do novej vrstvy (Ctrl+Shift+Alt+E) a Desaturate (Image-Adjustments-Desaturate).

Teraz vytvorte kópiu tejto vrstvy a vyberte možnosť Lineárny stmievač.

To je všetko. Teraz obzvlášť čierne plochy je možné zosvetliť z panela nástrojov. Môžete vytvoriť ešte viac vrstiev, čím dosiahnete jasnosť. Šedé miesta môžete upraviť štetcom, aby ste sa vyhli škvrnám. Všetko ale závisí od konkrétneho materiálu a vašej fantázie.

Čo teraz robiť so zdanlivo nezrozumiteľnou ilustráciou? Dá sa vložiť do šablóny. Vybrali sme si jeden s mačiatkami, kde je časť so sekciami a do jednej z nich vložili naše mačiatko. Dodatočne sme pridali ďalšie vrstvy a sprehľadnili to. Ak použijete iné kresby mačiatok v rôznych pózach vedľa seba, dáte trochu iný štýl, urobíte mačiatka viac tvarovanými, potom získate zosobnenie témy nášho materiálu. Zdroj bol prevzatý odtiaľto: templatemonster.com/ru/demo/47111.html.

Čo sa týka textu pod labkou, dá sa na tomto mieste odsunúť a pozadie mačiatka ozdobiť zalomením strany. Okrem toho upravte okraj, opravte miesta okolo pomocou gumy, použite zaostrenie alebo ho dokonca odošlite do aplikácie Illustrator na obkresľovanie a konverziu na vektor. Je pohodlnejšie preložiť architektúru a tváre do výkresov.

Dokončenie

Použitie ilustrácií v kombinácii s fotografiami v rámci dizajnu jednej webovej stránky je celkom možné. Vyzerá to dokonca úžasne, ale je ťažké vytvoriť, ak nie sú k dispozícii presne požadované výkresy a musíte si ich vytvoriť sami v grafických editoroch. To je ťažšie urobiť, ak nie ste obzvlášť dobrý v kreslení od prírody a v živote. Je však možné vytvoriť ilustráciu, len musíte mať predstavu, aký štýl chcete. Ak je analógom mamyfactory.com/fr/, môžete si budovu obchodu nakresliť sami, ale preneste psa z fotografie, vyberte obrysy a odstráňte všetko, čo sa objaví vo vnútri (bodky, artefakty, pixely), pomocou gumy.

Webdizajn je kreatívna profesia, ktorá si vyžaduje nielen čas, ale aj fantáziu, lásku k umeniu a hľadanie inšpirácie. A znalosti tiež.

Moja virtuálna škola organizuje kurzy a školenia o práci v Adobe Illustrator. V roku 2012 som nahral krátky video kurz „Adobe Illustrator v jednom, dva, tri“, ktorý stále bezplatne distribuujem svojim predplatiteľom.

Potom som v roku 2014 spolu so svojím tímom spustil online školenie o tvorbe vektorových ilustrácií pre mikroakcie. Školenie sa ukázalo ako veľmi obľúbené a úspešné - 4 krát sme naverbovali skupiny 50-70 ľudí.

Počas kurzu mnohí naši študenti dokázali nielen vytvárať vysokokvalitné portfóliá, ale dokonca začali zarábať na mikroakciách!

Niekoľko prác účastníkov školenia

Ak chcete zobraziť celý obrázok, kliknite na jeho miniatúru

Absolventi nášho školenia Adobe Illustrator sa ma často pýtali, či plánujem pripraviť nové školenie pokročilých ilustrátorov.

Otázka je celkom logická, pretože vo vektorovej ilustrácii, rovnako ako v dizajne, neexistuje žiadna hranica dokonalosti!

Keď sa človek naučil kresliť jednoduché ikony, ornamenty a textúry, ktoré sa začínajú predávať na microstockoch, príde tomu na chuť. Kreslenie vektorových ilustrácií sa pre neho stáva nielen koníčkom, ale aj neustále rastúcim príjmom. Samozrejme, každý chce zarobiť čo najviac, a preto musíte byť konkurencieschopní a neustále zlepšovať svoje zručnosti.

Nie je žiadnym tajomstvom, že na mikroakciách je obrovská konkurencia. Ak vstúpite na tento trh so štandardnou sadou ikon, abstraktných pozadí a makiet, bude pre vás mimoriadne ťažké odlíšiť sa od tisícov konkurentov s podobnými portfóliami.

Aby si vašu prácu všimli, musí byť nejakým spôsobom iná, mať svoje "chuť".

Sú na to 2 spôsoby:

Prvá cesta: vytrvalo hľadať nové neštandardné formy a štýly vizualizácie s cieľom vyčnievať z davu ilustrátorov.

Druhý spôsob: nájdite si výklenok s relatívne malou konkurenciou a staňte sa v ňom jedným z najlepších.

Nemusíte byť profesor sociológie, aby ste prišli na to, že druhá možnosť má oveľa väčšiu šancu na úspech.

Ale ako nájsť taký výklenok? A ako viete, že v tom môžete naozaj uspieť?

Jedného dňa som pri hľadaní materiálov na lekcie práce s prechodovou sieťou v aplikácii Adobe Illustrator našiel ilustrácie na internete Andrej Pančenko.

Okrem „dospelých“ tém v portfóliu autora som videl veľa vtipných „kreslených“ postavičiek – väčšinou ilustrácií roztomilých zvieratiek s veľkými očami a plachými úsmevmi. Kvalita a atraktivita týchto postáv tiež nevzbudzovala pochybnosti o autorovej šikovnosti.

Hľadal som Andreyho prácu na niekoľkých burzách a zistil som to
že majú dobré hodnotenie – nie je náhoda, že sa pri vyhľadávaní detských kreslených postavičiek objavia na prvej stránke Google.

Rozhodol som sa kontaktovať Andrey a prediskutovať možnú spoluprácu. Ukázalo sa, že stvorenie ilustrácie postáv- pomerne ziskový skladový priestor, pretože na rozdiel od iných v ňom zatiaľ nie je veľa konkurentov.

Andrey predal svoju prvú ilustráciu na microstock pred 9 rokmi, keď jeho portfólio obsahovalo len niekoľko základných diel. Práca má navyše ďaleko od „zabijáka“. Sám Andrej dnes hovorí, že vtedy mohol urobiť len málo. Odvtedy sa však jeho ilustrácie predávajú takmer každý deň a autorovi prinášajú stabilný príjem, ktorý nie je nijako ovplyvnený výkyvmi kurzu rubľa a dolára!

Dozvedel som sa tiež, že sám Andrey dlho uvažoval o tom, že bude učiť iných, dokonca nahral niekoľko videí pre YouTube, no nikdy sa nedostal k ničomu viac... Jedným slovom, ochotne súhlasil, že sa stane jedným z učiteľov našej virtuálnej Škola .

Zoznámte sa:
Andrej Pančenko
ilustrátor,
microstoker.

„Ilustrovaniu sa venujem asi 10 rokov. Najprv to bol koníček, ale teraz je to moja hlavná profesionálna činnosť.

Podieľal sa na mnohých projektoch na voľnej nohe, najmä pracoval pre Disney Channel. Spolupracoval s niekoľkými veľkými nábytkárskymi spoločnosťami, ako napríklad OJSC Vector a Leader, na dizajne predškolských výrobkov.

V súčasnosti predávam svoje ilustrácie na microstocks – aktívne pracujem s takmer všetkými hlavnými microstocks a kreslím ilustrácie na mieru.“

Andreyho portfólio:

Rozhodli sme sa pripraviť nové školenie na tému tvorenie ilustrácie postáv. Prečo na túto tému?

Po prvé, ako som už povedal, oblasť ilustrácií postáv je pomerne žiadaná s relatívne malou konkurenciou. Tým, že sa microstock ilustrátor alebo freelancer naučí vytvárať takéto ilustrácie, môže výrazne zvýšiť svoj pravidelný príjem.

Po druhé, kreslenie vektorových znakov vyžaduje vysokú úroveň znalostí v nástrojoch Adobe Illustrator. Preto bude takýto kurz užitočný najmä pre všetkých, ktorí si chcú poriadne „zdokonaliť“ svoje profesionálne zručnosti.

No, po tretie, veľmi ma inšpiroval pracovný postup tvorby ilustrácií v podaní Andrey. Jeho práca sa vyznačuje vysokou presnosťou, sebadôverou a racionalitou všetkých akcií. Je jednoducho hypnotizujúce sledovať, ako sa vám na čistom hárku papiera pred očami objavujú vtipné, nezbedné postavičky – kocúr v čižmách, tigrík alebo ovca.

Som si istý, že pre začínajúcich ilustrátorov bude mimoriadne užitočné získať majstrovské lekcie od Andrey.

Najzaujímavejšie je, že Andrey pri svojej práci zámerne nepoužíva grafický tablet - všetky ilustrácie kreslí bežnou myšou! Navyše vôbec nemá tablet. Jasne tak búra mýtus, že kvalitné ilustrácie sa dajú vytvárať len pomocou tabletu Wacom.

Nezabudnite si zapnúť zvuk v počítači

Vývoj a vytvorenie kurzu nám trvalo viac ako šesť mesiacov. Výsledkom bolo, že Andrey nahral 30 podrobných video lekcií, v ktorých podrobne ukázal proces vytvárania vektorovej ilustrácie profesionálnej postavy - od náčrtu ceruzkou až po konečnú implementáciu v Adobe Illustrator.

Ahoj! Volám sa Hatice Bayramoglu, som 3D umelkyňa a ilustrátorka z Turecka. V tejto lekcii vám ukážem, ako nakresliť a vyfarbiť hrdinu - ilustráciu pre detskú knihu. Ako lekcia postupuje, vysvetlím svoj výber určitých nástrojov a svoje myšlienky o ilustrácii. Môj tutoriál ukazuje, ako vytvorím ilustráciu od počiatočného náčrtu až po úplnú kresbu. Verím, že po prečítaní tejto lekcie nájdete niečo užitočné pre seba. Na vytvorenie diela použijem Photoshop a tablet Wacom.

Tento výkres bude celý vytvorený vo Photoshope CS2.

Krok 1: Náčrt
Začnite vytvorením nového dokumentu vo Photoshope. Jeho rozmery by mali byť približne 800 x 778 pixelov. Začal som vytvorením rýchleho náčrtu, ktorý vystihol moju hlavnú myšlienku. Tu je náčrt hlavného prostredia okolo hlavnej postavy.

Takže, ako vidíte, tento náčrt zobrazuje hlavnú postavu - malé dievčatko stojace vedľa jablone s jablkom v rukách. Usmieva sa, pretože je šťastná a možno aj trochu smutná.

Krok 2: Nastavenie štetcov vo Photoshope
Tu je jediný štetec, ktorý používam na maľovanie svojej hrdinky. Na maľovanie použijem štandardné štetce.

Než začnete maľovať, musíte si nastaviť štetec. Začnite výberom nástroja Kefa(Kefka), potom použite štandardnú kefu zobrazenú nižšie.

(kliknutím na obrázok zväčšíte)

Krok 3: Paleta farieb
Než začnete maľovať, musíte sa rozhodnúť, aké farby použijete. Tu sú moje farby použité v mojej práci:

Krok 4: Vrstvy (vrstvy)
Vytvorte Nová vrstva(Nová vrstva) a pomenujte ju Skica. Túto skicu môžete vytvoriť vo Photoshope alebo na papieri. Po vytvorení vrstvy náčrtu ju zmeňte Režim miešania(Režim miešania) zapnutý Násobenie(Vynásobte) a vždy ho majte navrchu všetkých vrstiev, aby ste videli, na čo maľujete.
Teraz sa pozrite na moju paletu vrstiev. Tu sú samostatné vrstvy pre každý objekt náčrtu. Maľovanie každého detailu na novú vrstvu uľahčuje vykonávanie úprav počas maľovania. Je oveľa jednoduchšie opraviť chyby, ak sú hlavné prvky vašej ilustrácie umiestnené v samostatných vrstvách. Tento krok je naozaj veľmi dôležitý!

Krok 5: Práca na farbe pozadia
Tu vám ukážem, ako farbím pozadie. Výber nástroja Vyplňte(vedro farby) (G). Po vyplnení pozadia by to malo vyzerať takto. Uistite sa, že sú vrstvy usporiadané tak, ako je znázornené na obrázku nižšie.

Krok 6: Farbenie základných tvarov
Skôr ako začneme s farbením, opäť vám ukážem poradie vrstiev. Zmenil som to, pretože vrstva náčrtu by mala byť na vrchu všetkých vrstiev a tiež nastavená na Násobenie(Vynásobte). V tomto bode môžeme začať vyfarbovať náčrt a môžeme identifikovať hlavné tvary. Pomocou nástroja Kefa(Štetec) (B), začnite maľovať hlavnú postavu a strom na samostatné vrstvy. Uistite sa, že Tuhosť(Tvrdosť) kefy je nastavená na 100%. Štetec s mäkkými okrajmi môže mať za následok trochu rozmazaný výsledok.

A v tomto kroku by som chcel zmeniť veľkosť môjho súboru, pretože chcem pridať jemnejšie detaily. Tak otváram Obrázok(obrázok) - Veľkosť obrazu(Veľkosť obrázka) a zväčšite veľkosť súboru na 1500 x 1495.

Krok 7: Pridanie podrobností
Teraz môžem začať pridávať podrobnosti. V tomto kroku som začal maľovaním tváre hlavnej postavy. Pred lakovaním sa uistite, že pracujete na správnej vrstve.

A tu som vytvoril kópiu stromovej vrstvy a pridal do nej nejaké detaily. Prvú vrstvu som schovala aj so stromčekom.

Tu je snímka obrazovky, ktorá vám ukáže podrobnosti. Do kresby som začal pridávať ešte viac detailov, ako je tráva a malé kvety. V tomto bode som vytvoril vrstvu s názvom Kvety.

Pridávam ešte viac farieb a jemných detailných línií na dreve.

Teraz sa pozrite na detaily, ktoré som práve vytvoril. Pokračujem v pridávaní detailov a v prípade potreby vytváram nové vrstvy.

Krok 8: Osobitná pozornosť venovaná hlavnej postave
Teraz, keď som spokojná s detailovaním dekorácií a dreva, pridám detail na dievčenskom outfite. V tejto fáze som si všimol, že moja postava vyzerá veľmi jednoducho a nie veľmi príťažlivo, tak som si myslel, že by som si mal nájsť čas na nejaké zmeny. Snažil som sa dať hrdinke trochu iný pohľad a pokračoval som v pridávaní ďalších detailov. Opäť dávajte pozor na poradie vrstiev. Ako vidíte, v tomto kroku mám ešte niekoľko nových vrstiev. Všetky vrstvy majú svoje názvy.

Teraz začínam pridávať malé detaily k hrdinke, pridávam viac žltej a zelenej. Mimochodom, nezabudnite, že v tomto kroku nemusíte všetko rozpisovať. V tejto fáze pracujem na hlavných detailoch a svetle, kým nedosiahnem pekný kontrast. Občas zmením nejaké farby. Už som takmer dokončil maľovanie jej oblečenia a tela. Vrstvu náčrtu som tiež posunul trochu na jednu stranu, aby ste videli, ako hrdinka vyzerá bez základu náčrtu.

Krok 9: Pridanie zvýraznení a kontrastu
Použil som nástroj Čistič(Dodge) (O) na rozjasnenie oblastí. Takto vyzerá práca po všetkých úpravách vykonaných nástrojmi Čistič(Uhnúť) (O) a Stmievač(Spáliť). Pokračujem v pridávaní ďalších detailov do stromu pomocou štetcov rôznych veľkostí a farieb. Akonáhle bolo pridaných dostatok detailov, začal som ho vyhladzovať pomocou mäkkej kefy. Používam aj nástroje Čistič(Uhnúť) (O) a Stmievač(Spáliť) dať tieň vetvám.

Pridávam aj pár ťahov nástrojom Prst(Šmuha). Používam to, pretože chcem pridať jemné rozmazané oblasti do oblakov a pozadia. V tejto fáze som si všimol, že moje oblaky neboli veľmi podrobné. Tak som vytvoril novú vrstvu na maľovanie detailov do cloudu pomocou dvoch nástrojov: Prst(Smudge) a Kefa(Kefa).

Krok 10: Pridanie ďalších podrobností
V tejto fáze som si všimol, že potrebujem do kresby pridať viac kvetov. Takže vytvorím novú vrstvu a ako vidíte, nakreslím nejaké roztomilé a jednoduché kvety. Pokračujem v pridávaní ďalších podrobností. Pridanie niektorých dotykov pomocou nástroja Čistič(Dodge) (O), robím to preto, lebo chcem pridať nejaké mierne osvetlené plochy trávy.

Teraz, keď sú tráva a pozadie hotové, môžem začať pridávať ďalšie detaily do vlasov a tváre dievčaťa. Výber režimu štetca Základy osvetlenia(Color Dodge) a pridajte jej pár ťahov do tváre.

Teraz si všimnite detaily, ktoré som pridal iba pomocou štetca v režime Základy osvetlenia(Color Dodge).

Krok 11: Korekcia farieb
Kresba je takmer hotová okrem farebnej korekcie. Začať Vypustiť(Zlúčiť) všetky vrstvy. Teraz v Obrázok(obrázok) - Opravy(Úpravy) - Jas/Kontrast(Jas/Kontrast) poďme trochu zmeniť farbu. Chcem dať ilustrácii viac slnečný efekt.

Nastavte parametre, ktoré som nastavil. Takto vyzerá ilustrácia - slnečnejšia a radostnejšia.

Hotová ilustrácia
Tu je hotová ilustrácia, dúfam, že vás tento návod zaujal. Vďaka za prečítanie.

Za posledných pár dní som zažil nejaký bezprecedentný kreatívny a pracovný vzostup. V neposlednom rade mám rád svoju vlastnú tvorbu, robenú pre zákazníkov aj pre zásoby. Preto sa to ľahko kreslí a rozmiestňuje, je to pekné a robí mi to radosť.
Chcem trochu poodhaliť tajomstvo pracovného postupu. Už dlho som chcel natočiť video o tom, ako sa kreslia predmety na sklad, ale zatiaľ som sa k ničomu nedostal, takže to ukážem len obrázkami a slovami.

Krok 1. Vyberte si tému
Kde sa práca začína? Od výberu témy. Aby som bol úprimný, ešte nie som príliš sofistikovaný v trendoch, vyberám si výklenky (možno preto mám v peňaženke skromné ​​čísla), kreslím si, čo chcem. Vybral som si štýl, ktorý som nazval „multirealizmus“, to znamená dostatočne realistický na to, aby sprostredkoval objem a tiene, ale zároveň zanechal kreslený hnev a lesk. Momentálne sa venujem žánru „objekty“, no neskôr sem plánujem zaradiť aj ľudí a malé príbehy.

Nikdy sa nestretávam s otázkou „Čo nakresliť“, skôr „Čo nakresliť ako prvé“. Imponuje mi úplne všetko: jedlo v kaviarňach, výklady, krásne fotografie ľudí, diela iných autorov. Našťastie nemusím sedieť pri monitore a ťahať rôzne kvety tam a späť v nádeji, že z toho vyjde niečo slušné. Úplne som upustil od vytvárania pozadí, textúr, vizitiek a iných vecí, ktoré boli medzi ostatnými skladníkmi dosť obľúbené. Jednoducho to nevyšlo, proces ich výroby ma nebavil, a preto sa vôbec nepredávali.
Keď si sadnem k počítaču, vždy už mám predstavu o tom, čo chcem ako výsledok vidieť, ale trochu predbieham.

Takže výber témy. Vždy a všade so sebou nosím diár, ktorý ma, mimochodom, tiež celkom kreatívne naladí. A hneď ako ma napadne nápad, pridám ho do Myšlienkovej mapy. Nebudem zachádzať do podrobností o tom, čo to je, tieto informácie sa dajú ľahko vygoogliť, len objasním, že metóda je naozaj skvelá. Umožňuje štruktúrovať nápady bez toho, aby ste ich stláčali do rámca, čo umožňuje neobmedzený rozvoj jednej myšlienky.
Takto zvyčajne vyzerajú moje karty.
Nápady sa zapisujú na web, potom sa premyslia a analyzujú. Niečo sa odloží a niečo dostane život v druhej fáze.

Etapa 2. Náčrty
Všetko je tu veľmi jednoduché a jasné, ak si vyberiem tému, uvediem, ktoré položky sa jej môžu týkať. A potom hľadám obrázky potrebných vecí a skopírujem ich do môjho moleskine. Je potrebné kopírovať, stock fotografie neumožňujú použiť cudzie fotografie ako priame referencie (prekresľovanie cudzích fotografií), ale ak vyberiete viacero obrázkov, zoberte niečo z jedného, ​​niečo z druhého a prípadne si zaobstarajte vlastnú kresbu, potom je všetko v poriadku, autorské právo nebolo dotknuté.
Aby som bol úprimný, kreslím tak-tak, moja ruka nie je zameraná na vytváranie rovných čiar, ale to nie je zvlášť potrebné, a preto milujem vektor.
Náčrty tu slúžia ako približné schematické náčrty, z ktorých vezmem všeobecný tvar. Nástroje aplikácie Illustrator vám neskôr pomôžu vyhnúť sa krivým čiaram, čo vám umožní kresliť rovnomerné kruhy a obdĺžniky.

Fáza 3. Ako to robia ostatní?
Pre seba som stanovil základný princíp práce so skladom: moje obrázky by nemali mať horšiu kvalitu ako tie, ktoré sú prezentované na prvých stránkach populárnych. Ak práca nie je na úrovni, budem sa v nej pohrávať, kým nebudem spokojný s výsledkom. Prirodzene, tu hovoríme o dielach na rovnakú tému a v rovnakej technike ako ja.

Včera som sa rozhodla čerpať na tému Fast Food. Pomocou tohto vyhľadávacieho dopytu som našiel roztomilé klobásy v ceste, zemiaky, cola. Vybrala som si, čo by som si sama kúpila, keby som mala takúto objednávku a jednoducho to, čo potešilo oko. Obrázky, ktoré nájdem, hodím priamo na hárok, kde idem pracovať. Neberiem od nich nič, ani farbu, ani tvar, ani štýl. Potrebujem len všeobecný dojem, všetko ostatné vyplynie z mojich náčrtov a vybraných paliet.

Etapa 4. Príprava základných formulárov.
Potom začne práca s počítačom. Mám grafický tablet, ale používam ho veľmi zriedka. Rád sa pochvaľujem, že všetku prácu som robil pomocou myši, čo je mimochodom úplná pravda. Hlavný nástroj: pero. Tí, ktorí rozumejú vektorom, pochopia, čo je podstatou. Stručne povedané, pero vám umožňuje kresliť zakrivené čiary akéhokoľvek tvaru pomocou bodov a vektorov.
Perom (pre predmety, ktoré vyžadujú rovnomernosť: hrnčeky, taniere, škatule - elipsy, obdĺžniky) načrtnem hlavné detaily, namaľujem ich v chaotických farbách, len aby som určil tvar.
V dôsledku toho získate také neatraktívne ilustrácie, ale všeobecná myšlienka je už jasná, potom iba komplikácia.


Tento 5. Výber farieb.
Výber farieb je jedným z najdôležitejších momentov, ktorému kategoricky neverím a sám si farby nevyberám. Existuje veľa služieb, ktoré vám umožňujú zbierať krásne palety, ale nie je to úplne to isté. Hlavným pomocníkom pri výbere farieb bola služba: shutterstock.labs. Zaujímavá vec, odporúčam pohrabať sa, aj to len kvôli všeobecnému rozvoju. Stránka vám umožňuje vybrať fotografie na témy, ktoré vás zaujímajú, berúc do úvahy preferovanú paletu. Napríklad viem, že na kreslenie Fast Food budem s najväčšou pravdepodobnosťou potrebovať žltú, červenú, oranžovú, hnedú a ich odtiene. Vytvorím zodpovedajúci vyhľadávací dopyt a program mi poskytne hotové fotografie s rovnakými párkami v rožku, zemiakmi atď., a dokonca v jasných, krásnych farbách, ktoré neskôr vďaka nástroju kvapkadlo použijem pri svojej práci.

Etapa 6. Rozvoj predmetu.
Hrubá časť procesu je dokončená, začnime vytvárať. Pre vykreslené detaily vyberiem farby z nájdených fotografií a potom pridám nové detaily: tiene, svetlá, svetlo, textúra. Výsledkom je, že dostanem sadu jednotlivých položiek, ktoré sa teraz dajú zostaviť.


Etapa 7. Skladanie skladieb.
Položky sú nakreslené, je čas premýšľať, ako ich prezentovať. Aj počas mojej krátkej činnosti skladníka som si stihol uvedomiť, že kompozície sa predávajú lepšie ako len predmety na bielom pozadí (aj keď ich aj v tejto podobe nahrávam a občas si ich kúpia). Preto teraz jednoducho celú našu kolekciu spájam do rôznych obrázkov, s pozadiami, bez pozadí, s nápismi, bez nich. Čím viac môžete vytvoriť z jednej kolekcie obrázkov, tým lepšie. Obzvlášť sa mi páči, keď sa niektoré položky dajú prevziať z minulých diel. Do setu “Fast Food” som napríklad pridala zmrzlinu z kolekcie “Summer”. Preto sa snažím kresliť rovnakým štýlom, aby som mohol všetko skombinovať.


Takto vyzerá moja práca na obrázkoch. Zistil som, že takéto etapy zanechali v mojej dizajnérskej práci odtlačok, začal som vyrábať produkty iného štýlu a oveľa vyššej kvality, čo je tiež príjemné.

Mnohí umelci si určite viackrát položili otázku, ako vytvoriť digitálne ilustrácie, a to nielen uspokojivej úrovne, ale kvalitných diel, ktoré vyrazia dych každému sofistikovanému divákovi. Toto, ako každé remeslo, si vyžaduje neustálu pozornosť a čas.

Najprv musíte pochopiť proces vytvárania digitálnej maľby, ktorý sa môže rozvíjať niekoľkými smermi. Článok vám povie o týchto možnostiach, medzi ktorými si môžete vybrať ten, ktorý vám vyhovuje.

Vytvorenie ilustrácie z fotografie

Hlavnou výhodou tejto metódy je, že je vhodná pre každého bez výnimky a dáva príležitosť tým, ktorí sa nemôžu pochváliť schopnosťou dobre kresliť. Princíp takéhoto skicovania je nasledovný: pôvodná fotografia slúži ako základ pre kresbu, kým sa umelec necíti dobre pokračovať v práci bez nej.

Ak napríklad pracujete v programe Adobe Photoshop, potom znížením priehľadnosti fotografie a vytvorením novej vrstvy môžete bezpečne vytvoriť ilustráciu, ťah po ťahu, opakovaním všetkých čiar a záhybov objektov. Dá sa to urobiť buď myšou, alebo pomocou špeciálneho tabletu so stylusom – doplnkom v podobe malého tenkého pera na ovládanie zariadenia s dotykovým rozhraním.

Nižšie je video zobrazujúce túto metódu vytvárania takýchto ilustrácií:

Vytvorenie ilustrácie z naskenovaného výkresu

Táto metóda je už pre ľudí, ktorí sa aktívne venujú tvorbe kvalitných ilustrácií, teda vedia kresliť.

Hotové (alebo čiastočne hotové) dielo sa teda naskenuje a otvorí v príslušnom programe v počítači na ďalšie nanášanie ťahov na výkres.

Nasledujúce videá ukážu túto metódu v praxi:

https://youtu.be/UVGxAJL7dSQ

Vytvorte ilustráciu priamo v počítači

Ako už názov napovedá, ide o najťažšiu úroveň, ktorú aktívne využívajú profesionáli v tejto oblasti.

Príslušné videá sú priložené: