Vytvorte vo Photoshope cyberpunkovú postavu

Na tomto workshope vás prevediem fázami tvorby umeleckých diel pre kartové hry - v tomto prípade postava Noise for Android: Netrunner, ktorú vyrába spoločnosť Fantasy Flight Games.

Ilustrácia obrázkov pre kartové hry musí mať na pamäti niektoré špeciálne aspekty, ktoré ju robia jedinečnou pri iných druhoch tvorivej práce. Čitateľnosť je vždy problém, pretože obrázky z kartových hier sú často vytlačené veľmi malé a mali by byť na prvý pohľad rozpoznateľné.



To neznamená, že nemôžu byť podrobné, ale zložitosť býva často spojená s cenou. Obzvlášť v hernom svete pre Android môže byť vyhýbanie sa príliš komplikovaným snímkam zložité, pretože toto prostredie prirodzene kombinuje futuristické technológie, zložité rozhrania a zložité postavy s pozadím drsného a dystopického sveta. Dosiahnutie rovnováhy medzi vytvorením pútavej scény a tým, čo je potrebné komunikovať, sa stáva umeleckou formou samo o sebe.



Aj keď existuje veľa prístupov, ktoré vám to umožnia dosiahnuť, kľúčom je dosiahnutie tohto vyváženia. Skladanie efektívnej ilustrácie karty si vyžaduje prax, a zatiaľ čo sa stále učím,

Dúfam, že sa podelím o niektoré techniky, ktoré som sa pri tom naučil, ktoré vám pomôžu prekonať niektoré zvyčajné úskalia.



ako sa dostať k dobru v digitálnom umení
Obrázok 1 zo 14

Môže byť pre vás užitočné ponechať si

Možno bude pre vás užitočné uchovať si „inšpiračnú dosku“ - môže to byť referencia, štýl alebo dokonca textúra

01. Posúdenie stručných a podporných materiálov

Stručný materiál pochádza od umeleckého riaditeľa a obsahuje názov obrázku, druh karty, popis toho, čo sa deje na scéne, a niekoľko odkazov. Pre tento obrázok predstavuje skratka postavu Noise, ktorá preberá kontrolu nad systémami nočného klubu. Noise som už namaľoval: je to samoľúba, samoúčelná postava antihrdinovského typu a jeho osobnosť bude stáť v popredí.

Obrázok 2 zo 14

To



Je dôležité pristupovať na svoje plátno - v tomto prípade je to veľmi konkrétne!

02. Zvážte šablónu rámu

Keď viem, o aký typ karty ide, môžem sa pozrieť na rámovací prvok, s ktorým budem pracovať. Z hľadiska herného dizajnu pomáha rám oddeliť karty, ktoré sú v hre

pri stole a pomáha hráčom na prvý pohľad rozoznať, o aký typ karty ide. Pre umelca je však tento rámovací prvok dôležitý pri určovaní spôsobu nastavenia kompozície vášho obrázka.

Obrázok 3 zo 14

Pravidelne oddiaľujte, aby ste skontrolovali, či je váš obrázok vhodný pre malú veľkosť karty

Pravidelne oddiaľujte, aby ste skontrolovali, či je váš obrázok vhodný pre malú veľkosť karty

03. Vyrábajte náčrty

Začnem vytvárať náčrty, ktoré uspokoja zadanie, ako aj prácu v hraniciach rámu. Sústredím sa na jednoduchú kompozíciu, ktorá zdôrazňuje osobnosť postavy. Viem, že nebudem mať veľa zázemí na hranie, a musím sprostredkovať prostredie nočného klubu, takže sa rozhodnem vykresliť postavu, akoby bola uprostred tanečného parketu.

Obrázok 4 zo 14

Pomocou vrstiev môžete usporiadať prvky popredia a pozadia

Pomocou vrstiev môžete usporiadať prvky popredia a pozadia

04. Usporiadanie prvkov na scéne

Prvky back-, mid- a foreground oddelím na jednotlivé vrstvy pomocou nástroja Lasso a výber skopírujem / prilepím. Toto nielenže zefektívni prácu pre mňa, ale aj keď sa umelecký riaditeľ rozhodne presunúť alebo zmeniť mierku niektorého z týchto prvkov, je to ľahké urobiť bez toho, aby ste narušili ostatné alebo aby ste potrebovali veľa prefarbenia na vyplnenie medzier. Kvôli malému množstvu stredu a pozadia na tomto obrázku sa rozhodnem tieto dva prvky zoskupiť a oddeliť iba znak v popredí.

Obrázok 5 zo 14

Pomocou vrstiev môžete ľahko prepínať zaostrenie z popredia na pozadie a vytvoriť tak presnejšiu perspektívu

aké typy fotoaparátov používajú profesionálni fotografi
Pomocou vrstiev môžete ľahko prepínať zaostrenie z popredia na pozadie a vytvoriť tak presnejšiu perspektívu

05. Farbenie pozadia

Niekoľko neónových farieb periem na pozadí na farebnej vrstve. Stmavenie vrstiev pomáha zmierniť svetlejšie oblasti a dosiahnuť vyššiu sýtosť, zatiaľ čo vrstvy Color Dodge zosilňujú zdroje svetla. Chcem navodiť dojem rušného tanečného parketu, ako aj podpory tvaru hlavnej postavy. Taktiež sa vyhýbam dizajnovým prvkom, ktoré dodajú Noise zvláštnu siluetu.

Obrázok 6 zo 14

Pri zachovaní konzistentnej farebnej schémy pozadia, aby sa tak zvýraznil jeho znak

Pri zachovaní konzistentnej farebnej schémy pozadia, aby sa zvýraznil charakter, je tiež dôležité, aby sa v ňom odohrala trochu dráma

06. Dramatické osvetlenie

Keď pracujem na pozadí, uvedomujem si, že som celkom nedosiahol svoj cieľ, ktorým je vytvorenie zaujímavého vzoru na pozadí, a to je mierne zmätené. Aby som to napravil, pridám k znakom tvrdé červené osvetlenie, ktoré ich pomáha nakresliť, a dodáva pozadiu dramatickejšie nastavenie osvetlenia.

Obrázok 7 zo 14

Prižmúrte oči, aby vám pomohli zistiť vaše zameranie

Prižmúrte oči, aby vám pomohli zistiť vaše zameranie

07. Zameranie zamerania

Na vyleštenie pozadia neutrácam príliš veľa energie. Nielenže to nebude viditeľné pri konečnej veľkosti karty, ale tiež sa chcem vyhnúť vizuálnemu zmätku s úrovňami podrobností.

Namiesto toho sa viac zameriavam na to, ako sa pozadie javí v malej veľkosti, a považujem to za vzor farieb a tvarov, podobne ako to vyzerá, keď prižmúrite oči.

Obrázok 8 zo 14

Pridajte jemné rozostrenie pozadia, aby sa vaša postava v popredí objavila!

Pridajte jemné rozostrenie pozadia, aby sa vaša postava v popredí objavila!

08. Používajte techniky rozmazania poľa

Chcem ešte viac znížiť dôležitosť postáv, takže pridám jemné rozostrenie. Najskôr duplikujem pozadie a zbalím ho do jednej vrstvy. Nechcem stratiť zmysel pre hĺbku, takže používam pole Blur, ktoré mi umožňuje umiestniť špendlíky na vrstvu a ovládať úroveň rozmazania pre každý špendlík. Teraz môžem rozmazať pozadie vo väčšej miere ako tanečníci v strede poľa.

Obrázok 9 zo 14

Dodajte osobný charakter už zavedenému znaku

Dodajte osobný charakter už zavedenému znaku

09. Hlavná udalosť

Keď je pozadie hotové, prechádzam k hlavnej postave. Začínam používaním farieb a stmavenia vrstiev na umývanie farieb a tieňov, čím si dávam dobrý základ na prácu. Opäť ide o existujúcu postavu vo svete Androidu, takže jeho farebná paleta už bola zavedená.

Obrázok 10 zo 14

Nezabudnite otvoriť novú vrstvu, aby boli chyby ľahko vyriešené!

ako si všimnúť google
Nezabudnite otvoriť novú vrstvu, aby boli chyby ľahko vyriešené!

Vytvorte orezové masky

Keď pracujem na postavách, nemaľujem priamo na vrstvu skice pre prípad, že by som sa k nej potreboval vrátiť. Po oddelení na začiatku pracujem na vrstvách, ktoré sú k nej pripevnené ako orezová maska. Dosiahnem to vytvorením novej vrstvy nad základnou vrstvou, kliknutím pravým tlačidlom myši a výberom možnosti Vytvoriť orezovú masku alebo Vrstva> Vytvoriť orezovú masku.

Obrázok 11 zo 14

Venujte pozornosť menším detailom, ktoré pomôžu ilustrovať postavu

Venujte pozornosť menším detailom, ktoré pomôžu ilustrovať postavu

11. Podrobnosti, podrobnosti, podrobnosti

Pri vykresľovaní postavy je dôležité venovať pozornosť malým detailom: jeho úškrn, gombíky a nášivky, diery v tričku, tetovanie atď. Všetky tieto prvky pomáhajú rozprávať príbeh postavy mimo toho, čo sa deje na scéne, a odlišujú ju od seba ako postavu, ktorá žije nielen za účelom splnenia účelu tohto jedného umeleckého diela.

Obrázok 12 zo 14

Vaša postava by mala vyniknúť, ale nie na úkor straty súdržnosti

Vaša postava by mala vyniknúť, ale nie na úkor straty súdržnosti

12. Zabezpečenie súdržnosti vecí

Poslednou etapou maľovania postavy je zabezpečiť, aby som ju primerane osvetlila, aby okrem toho, že bol ústredným bodom, vyzeral ako súčasť scény. Svieti rovnakým tvrdým červeným svetlom, ktoré ovplyvňuje ostatné postavy, ale zachováva si väčšinu svojho prirodzeného sfarbenia, ktoré mu pomáha vyniknúť. Dbám na to, aby som do scény vmiešal všetky prvky, ktoré sa mu zdajú byť nevhodné alebo na ktoré príliš upozorňujú.

Obrázok 13 zo 14

Pomocou vrstiev Color Doge dajte svojmu rozhraniu peknú holografickú žiaru

Pomocou vrstiev Color Doge dajte svojmu rozhraniu peknú holografickú žiaru

13. Vytvorenie rozhrania

Pre hackerské rozhranie Noise používam program Photoshop na zostavenie samostatného hárku s rôznymi technickými návrhmi, ktoré by som mohol kombinovať, aby som vytvoril sériu digitálnych projekcií. Používam vrstvy Color Dodge, čo mu dodáva pekný holografický lesk. Tiež mu dávam purpurovú farbu, aby som ju spojil s celkovou farebnou schémou a vytvoril z nej podporný prvok, namiesto toho, aby z nej bola kontrastná farba.

Obrázok 14 zo 14

Otočenie obrázka> Horizontálne prevrátené plátno) 'class =' ​​lazy-image-van optional-image 'onerror =' if (this.src && this.src.indexOf ('missing-')! == -1) { return true;}; this.parentNode.replaceChild (window.missingImage (), this) 'sizes =' (min-width: 1000px) 970px, calc (100vw - 40px) 'data-normal =' https: // vanilla. futurecdn.net/creativebloq/media/img/missing- 'data-srcset =' https: //cdn.mos.cms.futurecdn.net/SAWEyJGgWgcvzepGYV6Azk-320-80.jpg.webp 320w, https: // cdn.mos.cms.futurecdn.net/SAWEyJGgWgcvzepGYV6Azk-650-80.jpg.webp 650 w, https://cdn.mos.cms.futurecdn.net/SAWEyJGgWgcvzepGYV6Azk-970-80.jpg.web.webp mos = 'img / feature / 00 / create-cyberpunk-character-photoshop-15.jpg' src = 'img / feature / 00 / create-cyberpunk-character-photoshop-15.jpg'> Otočenie obrazu> Flip Canvas Horizontal) 'class =' ​​lazy-image-van optional-image 'onerror =' if (this.src && this.src.indexOf ('missing-')! == -1) {return true;}; this. parentNode.replaceChild (window.missingImage (), toto) 'sizes =' (minimálna šírka: 1 000 pixelov ) 970px, calc (100vw - 40px) 'data-normal =' https: //vanilla.futurecdn.net/creativebloq/media/img/missing- 'data-srcset =' https: //cdn.mos. cms.futurecdn.net/SAWEyJGgWgcvzepGYV6Azk-320-80.jpg 320 w, https://cdn.mos.cms.futurecdn.net/SAWEyJGgWgcvzepGYV6Azk-650-80.jpg 650 w, https: //cdn.mos.c.cms net / SAWEyJGgWgcvzepGYV6Azk-970-80.jpg 970w 'data-original-mos =' img / feature / 00 / create-cyberpunk-character-photoshop-15.jpg 'src =' img / feature / 00 / create-cyberpunk-character -photoshop-15.jpg '> Correct any errors by mirroring your image (Image>Otočenie obrazu> Horizontálne prevrátené plátno)

Opravte všetky chyby zrkadlením svojho obrázka (Obrázok> Otočenie obrázka> Flip Canvas Horizontal)

14. Použite efekt farebnej aberácie

Kliknem na Vybrať všetko> Kopírovať zlúčené a prilepím kópiu hotového obrázka do novej vrstvy. Dvakrát kliknem na túto vrstvu a v dialógovom okne pod položkou Kanály zruším začiarknutie políčok Zelený a Modrý kanál a potom kliknem na OK. Obrázok potom transformujem a celkovo ho mierne upravím. Týmto sa vyrovná vrstva a obraz bude mať mierne chybný vzhľad, aby skutočne predal tému cyberpunk