Advertisement
  1. Design & Illustration
  2. Illustration
Design

Jak vytvořit cizí únos ilustrace

by
Difficulty:BeginnerLength:LongLanguages:

Czech (Čeština) translation by Ondřej Dokoupil (you can also view the original English article)

Final product image
What You'll Be Creating

Jako dítě jsem zvyklá trávit noci sledoval Akta X a jestli opravdu existuje něco jiného ve vesmíru, něco, co by mohlo změnit způsob, jakým jsme si ale nejdůležitější Pomozte nám vidět naše místo v něm.

Ať je to malí zelení mužíčci nebo šedé ty, naše představivost má vždy spustit vytváření báchorkách, které mohou nebo nemusí být pravda, že takže dnes budeme snažit a získat nějaké důkazy vytvořením naší vlastní cizí únos ilustrace. Jistě budeme dělat všechno to naše tvůrčí představivost a pár tvarů a nástroje v Adobe Illustratoru.

To bylo řečeno, jít nalít džus kouzelnou fazoli v té zvláštní agent hrnek a můžeme začít!

Oh a nezapomeňte, vždy se můžete rozšířit váš projekt okruhu do GraphicRiver, kde najdete velký výběr mimozemsky laděných vektor aktiv.

1. jak vytvořit nový soubor projektu

Za předpokladu, že již máte ilustrátor nahoru a běží na pozadí, jej vychovávat a vytvoříme nový dokument (soubor video nový nebo CTRL-N) pro náš projekt pomocí následující nastavení:

  • Počet pláten: 1
  • Šířka: 920 px
  • Výška: 680 px
  • Jednotky: pixelů

A z Upřesnit tabulátoru:

  • Barevný režim: RGB
  • Rastrové efekty: Obrazovka (72 ppi)
  • Zobrazit náhled režim: výchozí
setting up a new document

2. jak nastavit vlastní mřížky

I když dnešní projekt není ikonami, my stále chtít vytvořit obrázek pomocí pracovního postupu pixel perfektní, takže Připravme se pěkné malé mřížky tak, že můžeme mít plnou kontrolu nad naší obrazců.

Krok 1

Přejděte do části Upravit video předvolby video průvodci & Grid podnabídky a upravte následující nastavení:

  • Mřížky každých: 1 px
  • Dělení: 1
setting up a custom grid

Rychlý tip: Další informace o tabulky načtením této hloubkové kus na jak Illustrator Grid systém funguje.

Krok 2

Jakmile jsme vytvořili náš vlastní mřížky, je vše, co musíme udělat, aby se ujistěte se, že naše obrazce vypadat svěží, umožňuje Přichytit k mřížce našel v nabídce Zobrazit (to je, pokud používáte starší verzi aplikace Illustrator).

Nyní Pokud jste nový na celou "pixel perfektní pracovní postup", doporučuji že si projít můj jak vytvořit Pixel-perfektní kresba tutoriál, který vám pomůže rozšířit vaše technické dovednosti v žádném okamžiku.

3. jak nastavit vrstvy

Jakmile jsme po dokončení nastavení našeho souboru projektu, bylo by vhodné strukturovat naši dokument pomocí několika vrstev, protože tímto způsobem udržujeme stabilní pracovní postup se zaměřením na jednu část obrázku najednou.

To bylo řečeno, se v panelu Vrstvy a vytvořit celkem ze čtyř vrstev, které jsme takto přejmenuje:

  • Vrstva 1: pozadí
  • Vrstva 2: hlavní složení
  • vrstva 3: textury
  • vrstva 4: překrytí hud
setting up the layers

Rychlý tip: jsem všechny mé vrstvy pomocí stejné zelené hodnotu, protože je to ten nejjednodušší, kdy zvýraznění vybraných obrazců (ať už jsou to uzavřené či otevřené cesty) barevné.

4. jak vytvořit pozadí

Jak jsme vrstvený našeho dokumentu, můžeme začít pracovat na projektu vytvořením tmavé pozadí, takže ujistěte se, že si pozici v první vrstvě a jdeme skákat přímo do něj.

Krok 1

Vytvořte obdélník px 920 x 680, který bude barevný, pomocí #2C2D2D a potom centra zarovnat k podkladové plátno pomocí panelu Zarovnat vodorovně a svisle zarovnat na střed možnosti.

creating the background

Krok 2

Zamknout aktuální vrstvy, pomocí panelu Vrstvy a pak se pohybovat na až ten příští, (to by byl druhý) kde budeme postupně budovat naši kompozici.

locking the background layer

5. jak vytvořit vchodu do sklepa

S pozadím na místě můžeme začít pracovat na našich surrealistická kompozice a uděláme tak vytvořením dojde k vchodu do sklepa, kde je osoba za objektivem fotoaparátu dokumentující close.

Krok 1

Vytvořte obdélník 280 x 536 px (#656868), který jsme střed zarovnat k základní kreslicí plátno a potom proměnit v jemný světelný závěs použitím lineární gradient na to. Použití stejné #656868 šestnáctkové hodnoty pro obě barevné záložky, ujistěte se, nastavit ten levý je krytí na 0 %.

creating the light curtain

Krok 2

Přidejte do sklepa vstup pomocí 280 x 396 px obdélník (#868989), které budeme na ten, který jsme právě vytvořili, center zarovnání na své základní funkce horní okraj.

creating the entrance for the cellar

Krok 3

Upravte menší obdélník, jednotlivě výběrem jejího DNA kotevních bodů pomocí nástroje přímý výběr (A) a pak tlačí na vnitřní 20 px nástrojem pro přesun (klepněte pravým tlačítkem myši video transformovat video přesunout video horizontální video +/-20 px záleží na které straně začnete s).

adjusting the shape of the entrance

Krok 4

Přiblížit na dokumentu a pak začít pracovat na parapet vchodu vytvořením 240 x 16 px obdélník (#6A6D6D), který můžeme umístit pod dříve upravený tvar.

adding the sill to the cellar entrance

Krok 5

Přidejte další kratší 248 x 4 px obdélník, který budeme barev s použitím okna #515454 a pak umístit v referenční bitové kopii.

adding the bottom section to the sill

Krok 6

Vyberte nástroj pero (P), pomocí #2C2D2D jako draw barvu výplně lesíka a praskliny a pomocí referenční obraz jako hlavní vodítko. Udělejte si čas a jakmile budete hotovi, vyberte a seskupte je všechny dohromady pomocí klávesové zkratky CTRL-G, dělá totéž pro všechny aktuální sekce skládání obrazců.

adding the wood cracks to the sill

Krok 7

Vytvořit schodiště pomocí obdélník 240 x 28 px pro ten nejvyšší, následovaný 256 x 28 px pro centrum, jeden a ještě větší 272 x 28 px pro spodní. Barva všech tří obrazců pomocí #515454, ujistěte se, že vertikálně stohovat je 8 px od sebe navzájem.

creating the stairs

Krok 8

Dejte každé schodiště decentní zvýraznění pomocí tří 2 px vysokých obdélníků, které budeme barev s použitím okna #6A6D6D a pak střed zarovnat na jejich horních okrajů.

adding the highlights to the stairs

Krok 9

Přidejte ostré stíny pomocí tří zakřivené segmenty, které budeme barev s použitím okna #2C2D2D a umístěte na větší obdélníky spodní hrany v referenční bitové kopii.

adding the shadows to the stairs

Krok 10

Jak jsme to udělali s parapetem, trvat několik okamžiků a nakreslete několik trhlin na každém schodě, pomocí #2C2D2D jako barvu výplně. Udělejte si čas a jakmile budete hotovi, vyberte a jednotlivě seskupit (CTRL-G) každé schodiště s jeho odpovídající detaily, dělá totéž pro celé sady později.

adding the cracks to the stairs

6. jak vytvořit hvězdy

Co nejdříve dokončili jsme práce na schodech, můžeme se zaměřit na přidání podrobností o pozadí obklopen našeho sklepa vstup a uděláme to tak, že vytvoříte malé hvězdy.

Pomocí několika 4 x 4 kruhy px (#B1B5B5), postupně naplnit na noční obloze, ujistěte se, vyberte a seskupit všechny z nich dohromady, pak pomocí klávesové zkratky CTRL-G.

adding the stars

7. jak vytvořit větrný mlýn

S hvězdami na místě můžeme začít rozvíjet naše složení tím, že staví některé zemědělské nástroje, ten první na našem seznamu je větrný mlýn.

Krok 1

Vytvořit hlavní tvar pro větrný mlýn, 72 x 248 px obdélník pomocí 4 px tloušťku tahu (#2C2D2D) s kr. spojit, které jsme se umístit na spodní straně od vchodu, jak je vidět v referenční bitové kopii.

creating the main shape for the body of the windmill

Krok 2

Upravte tvar, který jsme právě vytvořili, tím, že přidá nový kotevní bod do středu jeho horního okraje s nástrojem přidat kotevní bod (+) a poté odstranění jeho rohová pomocí nástroj odstranit kotevní bod (-).

adjusting the shape of the body of the windmill

Krok 3

Přidáte přetažení sestavení potrubí pomocí 248 px vysoký 4 px silný tah linky (#2C2D2D), který jsme střed zarovnat k tělu na větrný mlýn.

adding the drop pipe to the windmill

Krok 4

Přidat vodorovnou strukturu nosníků pomocí dvou 4 px silný tah linky (#2C2D2D), které můžeme umístit na mill má větší tělo, jak je vidět v referenční bitové kopii.

adding the horizontal beams to the windmill

Krok 5

Nakreslete diagonální nosníky pomocí několika mírně tenčí 2 px tah linky (#2C2D2D), které jsme se umístit mezi horizontálními, které jsme právě vytvořili. Udělejte si čas a jakmile budete hotovi, vyberte a seskupit všechny tělesné skládání obrazců dohromady pomocí klávesové zkratky CTRL-G.

adding the diagonal beams to the windmill

Krok 6

Začít pracovat na hlavu přitisknutou vytvořením kruh 16 x 16 px s 1 px tloušťku tahu (#2C2D2D), který jsme střed zarovnat větší tělo tip.

creating the main shape for the head of the windmill

Krok 7

Vytvořte kruh px 24 x 24 s 2 px tloušťku tahu (#2C2D2D), následuje mírně větší 48 x 48 px, jeden (#2C2D2D), které se bude soustředit zarovnat do dříve vytvořeného tvaru.

adding the thicker circles to the head of the windmill

Krok 8

Přidat detaily vertikální a horizontální čáry pomocí dvou 2 px tlusté tahy (#2C2D2D), které jsme střed zarovnat do hlavy menší kruh.

adding the center beams to the head of the windmill

Krok 9

Vytvořit svislé dvojice čepele pomocí dvou 8 x 28 px obdélníky (#2C2D2D), které budeme přizpůsobit individuálně výběrem a tlačí jejich vnitřní směřující kotevních bodů na vnitřní 2 px nástrojem pro přesun (klepněte pravým tlačítkem myši video transformovat video přesunout video horizontální video +/-2 px dependi na které straně začnete s NG). Jakmile budete hotovi, skupiny (CTRL-G) a výsledné obrazce umístit na hlavy menší kruh.

creating the vertical windmill blades

Krok 10

Přidejte zbývající čepele pomocí tří kopií (CTRL-C video CTRL-F) z těch, které právě jsme vytvořili skupinu, které upravíme, nástrojem otáčení (klepněte pravým tlačítkem myši video transformovat video otočit video 90 ° pro horizontální odchylky a 45 ° pro šikmé ty). Jakmile budete hotovi, vyberte možnost a skupina (CTRL-G) hlavy skládání obrazců, dělá totéž pro celý větrný mlýn později.

adding the remaining windmill blades

8. jak vytvořit telefonní sloup

Hned, jak dokončíte, budování windmill, můžeme přesunout pár pixelů doprava a začít pracovat na telefonního sloupu.

Krok 1

Vytvořte hlavní tělo stožáru pomocí px obdélník 4 x 108, které budeme barev s použitím okna #2C2D2D a umístěte na pravé straně do sklepa parapet v referenční bitové kopii.

creating the body of the phone poll

Krok 2

Pomocí několika #2C2D2D barevné obdélníky, postupně přidejte zbylé části k pólu, ujistěte se, vyberte a seskupit je všechny dohromady, pak pomocí klávesové zkratky CTRL-G.

adding details to the phone poll

Krok 3

Přidejte telefonní linky pomocí 48 x 12 px elipsy s 2 px tloušťku tahu (#2C2D2D), který upravíme odstraněním její horní polovina výběrem jeho horní kotevní bod pomocí nástroje přímý výběr (A) a poté odstranit stisknutím klávesy Delete. Jakmile budete hotovi, umístěte výsledný obrazec na skupina (CTRL-G) všechny jeho skládání obrazců předtím, než přejde k další části a oddílu horizontální závazky, ujistěte se, že vybrat na pól.

adding the line to the phone poll

9. jak vytvořit létající talíř

S pólem telefon na místě konečně můžeme začít pracovat na děsivější část naší složení, kde se dostaneme k vytvoření impozantní létající talíř.

Krok 1

Chceme začít rychle kreslení plovoucí krávu, která je ukryt pomocí #2C2D2D jako naši barvu výplně, umístění Výsledný tvar, jak je vidět v referenční bitové kopii.

drawing the floating cow

Krok 2

Vytvořit hlavní tvar na talířek horní části pomocí elipsu px 80 x 40, který bude barevný, pomocí #515454 a pak na pozici 42 px od horního okraje vchod do sklepa.

creating the upper section of the saucer

Krok 3

Přidat pevný stín pomocí 200 x 64 px elipsa (#2C2D2D), který můžeme umístit 8 px od horního okraje obrazce, který jsme právě vytvořili. Maska je větší tvar složen pomocí kopie (CTRL-C) ten z pod (zvýrazněn červeně) které budeme vkládat vpředu (CTRL-F) a pak klepněte pravým tlačítkem myši video vytvořit ořezovou masku, ujistěte se, že výběr a seskupení (CTRL-G) dva společně později.

adding the hard shadow to the upper section of the saucer

Krok 4

Začít pracovat na spodní části těla na talířek vytvořením 200 x 64 px obdélník, který budeme barev s použitím okna #6A6D6D a umístěte ve vzdálenosti 12 px od horního okraje v předchozí části.

creating the main body of the saucer

Krok 5

Přidejte pomocí sekce dole tmavší 200 × 56 elipsa px (#2C2D2D), který jsme střed Zarovnat spodní okraj tvaru, který jsme právě vytvořili.

creating the bottom section of the saucer

Krok 6

Vytvořte kruhovou vkládání pomocí 12 x 8 px elipsa (#2C2D2D), který jsme pozici, jak je vidět v referenční bitové kopii. Jakmile máte tvar, výběr a skupina (CTRL-G) všechny spodní části těla skládání obrazců před přesunutím k dalšímu kroku.

adding the circular insertion to the saucer

Krok 7

Vytvořte hlavní tvar pro vlečný paprsek pomocí elipsu px 80 x 12, který budeme barev s použitím okna #6A6D6D a umístěte v referenční bitové kopii.

creating the base section of the tractor beam

Krok 8

Přidání obdélníku px 80 x 8 (#6A6D6D) do dolní polovině elipsy, kterou jsme právě vytvořili, takže nezapomeňte nastavit nový tvar jednotlivě výběrem a tlačí jeho dolní kotevní body na vnitřní 8 px nástrojem pro přesun (klepněte pravým tlačítkem myši video transformovat video přesunout video Horiz ontal video +/-8 px, záleží na které straně začínat).

creating the center section of the tractor beam

Krok 9

Vytvořte vlečný paprsek spodní části pomocí 64 x 12 px elipsa (#515454), nad níž přidáme menší 48 x 6 px, jeden (#2C2D2D), umístění dvou na dolním okraji obrazce, který jsme právě vytvořili. Jakmile máte elipsy na místě, vyberte a skupina (CTRL-G) aktuální sekce skládání obrazců, dělá totéž pro celý talíř později.

creating the bottom section of the tractor beam

Krok 10

Vytvořit skutečný paprsek tahání kráva ze země pomocí px obdélník 32 x 296 (#B1B5B5), které můžeme umístit na spodní polovině tmavší elipsy a pak upravit výběrem a tlačí jeho levého dolního ukotvení poukazují na vnější 36 px (klepněte pravým tlačítkem myši video Trans formulář video přesunout video horizontální video -36 px).

creating the tractor beam ray

Krok 11

Vytvořte horní části nosníku pomocí 64 x 2 px elipsa (#B1B5B5), který upravíme odstraněním jeho pravá polovina, umístění Výsledný tvar na větší obrazec. Potom vyberte dva a spojit je do jediného většího tvaru pomocí možnosti vytvořit složený tvar si Pathfinder.

adding the upper section to the tractor beam ray

Krok 12

Na řadě paprsek do přechod pomocí #B1B5B5 pro obě jeho barevných zarážek, takže nezapomeňte nastavit ten levý je krytí na 0 %. Jakmile budete hotovi, vyberte a seskupení létající talíř a paprsek pomocí klávesové zkratky CTRL-G.

adding a gradient to the tractor beam ray

Krok 13

Přidejte menší talíře pomocí dvou 48 x 2 obdélníky px (#B1B5B5) s 1 px pravém rohu Radius, které jsme se změní přechody po procesu pro paprsek, ujistěte se, že opustit úhel nastaven na 0 °. Pozici výsledné tvary, jak je vidět v referenční bitovou kopii, ujistěte se, do skupiny (CTRL-G) je dohromady předtím, než přejde k dalšímu kroku.

creating the smaller saucers

10. jak vytvořit plot

Jak vidíte, naše složení se postupně formuje, takže pojďme pokračovat v práci tím, že vytvoří dva Plotové dílce.

Krok 1

Vytvořte levá část plotu pomocí několika #2C2D2D barevné obdélníky, které budeme umístit a upravit, jak je vidět v referenční bitové kopii. Udělejte si čas a jakmile budete hotovi, vyberte a seskupení (CTRL-G) všechny obrazce, které jsou dohromady předtím, než přejde k dalšímu kroku.

creating the left fence section

Krok 2

Vytvořit správné sekce pomocí kopie (CTRL-C video CTRL-F) ten, který právě jsme dokončili práce na, které se budeme odrážet svisle (klepněte pravým tlačítkem myši video transformovat video zrcadlení video vertikální) a umístěte na opačné straně od vchodu do sklepa.

creating the right fence section

Krok 3

Jakmile dokončíte práci na plot, můžeme zvolit a group (CTRL-G) všechny obrazce složení rámem u vchodu do sklepa, maskování je poté pomocí kopie (Control-C video CTRL-F) základní obrazce klepnutím pravým tlačítkem video vytvořit ořezovou masku.

masking the main composition

11. jak vytvořit Alien

Vzhledem k tomu, v tomto okamžiku naše složení je skoro hotovo, můžeme přidat centrální část našeho obrázku, malý šedý muž.

Krok 1

Vytvořit hlavní tělo cizince pomocí 28 x 12 px obdélník (#2C2D2D), který jsme se upravit nastavením poloměr jeho horní rohy 8 px, polohování, výsledný tvar ve středu vstup parapet.

creating the torso of the alien

Krok 2

Přidat sekci krku pomocí dvou 8 x 16 px elipsy (zvýrazněn červeně), které budeme vodorovně rozmístit 4 px jeden od druhého, úprava a odstranění jejich horní a vnější kotevních bodů. Výsledné cesty sjednotit do jediného většího tvaru stisknutím Control-J dvakrát, nastavení jeho barvu na #2C2D2D.

creating the neck of the alien

Krok 3

Vytvořit hlavičku pomocí 40 x 40 px kruh (#2C2D2D), které budeme přizpůsobit výběrem a tlačí jeho spodní ukotvení poukazují na vnější 8 px nástrojem pro přesun (klepněte pravým tlačítkem myši video transformovat video přesunout video vertikální video 8 px).

creating the head of the alien

Krok 4

Dávají Výsledný tvar decentní zvýraznění, který bude barevný, pomocí #515454.

adding the highlight to the head of the alien

Krok 5

Oddělte ruce od svého těla pomocí dvou 2 x 2 px (#868989) 1 px horním rohu poloměr, který můžeme umístit ve vzdálenosti 4 px z trupu je stran. Jakmile budete hotovi, vyberte a group (CTRL-G) všechny jeho skládání obrazců dohromady, než přejdeme k další části.

finishing off the alien

Krok 6

Přidat stíny vrhané malý šedý muž hlavu na schodech pomocí elipsa px 56 x 158 (#2C2D2D) s 64 % krytí jako základní tvar, postupně přidává 8 px na každé nové kopie (CTRL-C video CTRL-F) a maskování je pomocí kopie odpovídající schodišťové výplně shap e. Jakmile skončíte, výběr a skupina (CTRL-G) všechny současné vrstvy je skládání obrazců před pohybující se na ten příští.

casting the shadows onto the stairs

12. Jak vytvořit textury

Jak dokončili jsme práce na své složení, můžeme začít přidávat některé vizuální efekty na něj. Takže, za předpokladu, že jste pozici sám na další vrstvu (to by se ten třetí), Pojďme udělat právě to použitím některé jemné textury.

Krok 1

Proveďte na obrázku vypadají, jako by to byl zastřelen na film, přidáním pár 920 x 2 px obdélníků (#FFFFFF), které budeme vertikálně stohovat 2 px od sebe. Jakmile budete hotovi, skupina (CTRL-G) a pak střed Zarovnat obrazce k podkladové plátno, ujistěte se, že snížit jejich krytí na 6 %.

adding the horizontal texture lines

Krok 2

Dejte na obrázku nějaký hluk tím, že vytvoří obdélník px 920 x 680 (#2C2D2D), které jsme se změní texturu přechodem efekt video efekty aplikace Photoshop Video textura video obilí, kde zadáme intenzita 40, kontrast 50 a obilí typ, který má tečkované.

adding the grain texture

Krok 3

Nastavte krytí výsledná textura na 12 %, změna z normální její režim prolnutí Zesvětlit.

adjusting the grain texture

13. jak vytvořit HUD

Jakmile uděláte přidáním textury, je vše, co musíme udělat, aby se dokončit naši ilustraci, vytvoření malé kamery HUD. To bylo řečeno, dál až do čtvrté a poslední vrstvu a pojďme si zabalit věci!

Krok 1

Začněte tím, že vytváří Průvodce rámců pomocí čtyř 76 x 52 px obdélníky s 4 px tloušťku tahu (#868989), který můžeme umístit ve vzdálenosti 28 px z rohů kreslicí plátno a poté upravit jednotlivě výběrem a odstranění jejich vnitřní směřující kotevní bod.

creating the hud framing guides

Krok 2

Zvětšení návrhovou plochu levého dolního rohu a vytvořte indikátor úrovně baterie pomocí px obdélník 30 x 16 px s 4 px silný tah (#D8D8D8) pro jeho hlavní část. Přidání úrovní pomocí tří 4 x 8 px obdélníky (#D8D8D8) vodorovně rozložené 2 px jeden od druhého, následovaný nosu pomocí obdélníku 6 x 8 px (#D8D8D8). Jakmile budete hotovi, vyberte a seskupení (CTRL-G) všechny jeho skládání obrazců dohromady, umístěte je v referenční bitové kopii.

creating the battery

Krok 3

Přidejte záznam stavu pomocí 16 x 16 px kruhu (#F26A46), který můžeme umístit ve vzdálenosti 12 px od pravého horního rámce guide. Přidejte text "REC" (#F26A46) před použitím písma dle vašeho výběru.

adding the recording state

Krok 4

Dokončit vypnout HUD a spolu s ním samotného projektu, přidáním indikátor uplynulý čas na dno rámování průvodce, ujistěte se, že výběr a seskupení (CTRL-G) všechny jeho skládání obrazců dohromady před zasažením to Uložit tlačítko.

finishing off the illustration

Skvělá práce!

Tady máte, kolega konspirační teorie milenci, podrobný kurz krok za krokem jak vytvořit obrázek cizí únos.

Doufám, že jste dokázal držet krok s každý krok a především naučil něco nového a užitečné po cestě.

Že bylo řečeno, já těším se na setkání na konečný výsledek a pokud máte jakékoliv dotazy, nebojte se je zaúčtovat v sekci komentáře a já se vrátím k vám co nejdříve to půjde!

finished project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.