Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Jak vytvořit kresbu desktopu v Adobe Illustratoru

by
Difficulty:BeginnerLength:MediumLanguages:

Czech (Čeština) translation by Karel Krkoska (you can also view the original English article)

Final product image
What You'll Be Creating

V tomto návodu vám ukáži jak vytvořit noční desktop za užití základních tvarů a nástrojů v Adobe Illustrator. Je to jednoduché a zábavné!

Pokud hledáte inspiraci na vytvoření vašich vlastních vektorových scén, zkuste GraphicRiver.

1. Jak vytvořit novy dokument a nastavit mřížku

Stiskněte Ctrl-N a vytvořte Nový dokument. Nastavte jednotky na Obrazové body a zadejte 800 x 600 jako šířka a výška dokumentu. V Další volby vyberte RGB, Pro obrazovku (72 ppi) a ujistěte se že jste aktivovali Zarovnat nové objekty k mřížce obrazových bodů než stisknete OK.

Aktivujte mřížku (Zobrazení > Zobrazovat mřížku) a Přitahovat na mřížku (Zobrazení > Přitahovat na mřížku). Budete potřebovat mřížku každých 10 px, jednoduše stiskněte Ctrl-K pro nastavení a ve Vodítka a mřížky nastavte Čáry mřížky po na 10 a Dělení na 4. Nebojte se, mřížka vám pomůže a také může být zapnuta nebo vypnuta stisknutím Ctrl-".

Můžete aktivovat panel Informace (Okno > Informace) abyste měli přehled o velikosti a pozici tvarů. A myslete na nastavení měřící jednotky na Obrazové body v Úpravy > Předvolby > Jednotky. Toto značně zvýší rychlost vaší práce.

Set Up a Document with a canvas of 800 x 600 px

2. Jak vytvořit stůl

Začneme vytvořením toho na čem bude všechna naše výbava, stůl. K tomu použijeme úplně základní obdélník a pár elips jako šuplíky.

Krok 1

Začněte vytvořením deskou stolu pomocí Nástroj obdélník (M) obdélník 536 x 16 px. Pro výplň použíjte #61627C.

Přidejte obdélník 460 x 52 px jako šuplíky a použíjte barvu #484E69.

Creating the top of the desk

Krok 2

Nyní přidáme stolu nohy, použitím dvou obdélníků 24 x 148 px. Na které použijeme lineární přechod s barvou #565C79 jako výplň. Nastavte 100% Krytí na vrchní části a 0% Krytí na spodní, jak vidíte na obrázku.

Pro usnadnění můžete použít Nástroj Přechod (G).

Creating the legs of the desk and applying a gradient

Krok 3

Nyní nakreslete šuplíky stolu pomocí obdélníku 208 x 32 px. Nastavte barvu #61627C jako výplň a změňte radius rohů na 6 px v panelu Transformace.

Přidejte šuplíku držadla vytvořením elipsy 12 x 12 px pomocí Nástroj Elipsa (L) a barvou výplně #8C8398.

Spojte vše do skupiny a zkopírujte (Ctrl-C > Ctrl-F) šuplík. A umístěte oba podle obrázku níže.

Adding twos drawers to the desk

3. Jak vytvořit MacBook

Krok 1

První zařízení na stole bude MacBook. Vytvořte obdélník 184 x 10 px a rádius rohů 4 px. A barvu výplně #7CEECE.

Vytvořte další obdélník 48 x 8 px a změňte rádius rohů na 4 px. Odečtěte tento obdélník od druhého pomocí funkce Odečíst od z panelu Cestář. Toto bude základ.

Creating the base of the macbook

Krok 2

Jako obrazovku laptopu, vytvoříme obdélník 164 x 116 px. Nastavíme rádius rohů na 6 px a použijeme barvu #7CD5C2 na výplň. Přidáme další obdélník 52 x 4 px pod základnou, výplň #7CBDA7.

Umístěte oba obdélníky za základnu (Objekt > Uspořádat > Posunout dozadu).

Adding a rectangle for the cover

Krok 3

Přidejte obrazovku vytvořením obdélníku 152 x 98 px s výplní #7566A6. Přidejte FaceTime kameru elipsou 2 x 2 px a výplní #7CBDA7.

Adding another rectangle for the screen

Krok 4

Odraz obrazovky vytvoříme dvěma obdélníky (#FFFFFF) jeden o velikosti 172 x 44 px a druhý 8 x 172 px. Otočte o 45° pomocí Nástroj otáčení (R) a nastavte 50% Krytí v  panelu Vzhled.

Vyberte obrazovku laptopu a dva obdélníky a odečtěte rohy pomocí Nástroj pro vytváření tvarů (Shift-M). Dejte vše do skupiny (Ctrl-G) a umístěte podle obrázku níže.

Adding a highlights to the screen

4. Jak vytvořit Mac

Krok 1

Teď nakreslíme Mac. Začneme vytvořením základny, obdélníkem 74 x 8 px. Rádius rohů nastavíme na 4 px a barvu pro výplň zvolíme #7CEECE.

Přidejte další obdélník 50 x 44 px (#7CD5C2) a upravte horní šířku pomocí Libovolné transformace (E) k vytvoření lichoběžníku. Potom vytvořte obdélník 10 x 20 px a nastavte rádius rohů na 6 px a odečtěte od předchozího obdélníku pomocí Odečíst od z panelu cestáře.

Creating rectangles for the base of the Mac

Krok 2

Pokračujme monitorem u Macu. Vytvoříme obdélník 222 x 130 px (#7CEECE) s rádiusem rohů 12 px.

Obrazovku bude tvořit obdélník 204 x 106 px (#7566A6) a FaceTime kameru elipsa 4 x 4 px (#7CBDA7).

Twos rectangles for the monitor and the screen

Krok 3

Přidejte odraz obrazovky stejným způsobem jako u MacBooku. Dva obdélníky (#FFFFFF), krytí 50% a otočte je o 45°.

Odstraňte hrany pomoci Nástroj pro vytváření tvarů (Shift-M). Seskupte všechny části Macu (Ctrl-G) a umístěte je podle obrázku níže.

By adding the highlights over the screen

5. Jak vytvořit lampu

Každý stůl potřebuje roztomilou stolní lampu pro osvětlení, tak jdeme na to.

Krok 1

Začneme tvorbou podstavce pomocí obdélníku 78 x 12 px (#897FBA) a rádius horních rohů nastaven na 12 px.

By creating a base for the lamp

Krok 2

Nyní přidáme první rameno, vytvořte obdélník 12 x 90 px (#7566A6) a otočte ho o 330° pomoci panelu Transformace. Přidejte elipsu 18 x 18 px (#9DA0CC) na konec ramene.

Pamatujte na umístění ramene za podstavec (Objekt > Uspořádat > Posunout dozadu).

By creating arm and hinge at the lamp

Krok 3

Přidáme druhé rameno pomocí obdelníku 12 x 140 px a náklonem 55°. Umístíme ho za kloub ramene (Objekt > Uspořádat > Posunout dozadu) jak je zobrazeno na obrázku níže.

Another arm tilted

Krok 4

Nyní vytvoříme pro lampu horní část pomocí obdélníku 16 x 20 px (#9DA0CC) a nastavíme rádius rohů na 8 px. Přidáme další obdélník 70 x 44 px (#897FBA) a upravíme jeho horní šířku pomocí Nástroj libovolné transformace (E).

A konečně, potáhněte horní vrcholy použitím Živé rohy a Nástroj pro přímý výběr (A).

By drawing lamp with rectangles

Krok 5

Přidáme obruč kolem lampy, obdélník 72 x 8 px (#9DA0CC) a rádius rohů 4 px. Vše spojíme do skupiny (Ctrl-G) a otočíme o 340°.

Nyní spojte do skupiny celé tělo lampy (Ctrl-G) a umístěte ji podle obrázku níže.

Placing the lamp in the body

6. Jak vytvořit šálek kávy

Na dlouhé hodiny práce, je vždy dobré mít připraven šálek kávy.

Pokračujeme!

Krok 1

Vytvořte obdélník 36 x 52 px (#897FBA) pro šálek a upravte dolní rohy pomocí Nástroj volné transformace (E) a funkcí Perspektivní deformace.

Přidejte další obdélník 38 x 18 px jako pruh na šálku (#BEB2FF) a stáhněte spodní rohy, dle obrázku.

Creating the base body of coffee

Krok 2

Nyní přidáme víčko pomocí dvou obdélníků 42 x 6 px (#EDEEF0) a 32 x 4 px (#D8D9DD). Vše dáme do jedné skupiny (Ctrl-G) a umístíme podle obrázku níže.

Adding the cup ring and the cover

7. Jak vytvořit hodiny

Blížíme se ke konci!

Nyní vytvoříme hodiny pro naše pracoviště.

Krok 1

Vytvořte elipsu 112 x 112 px (#4E5471) jako základ hodin. Zduplikujte elipsu (Ctrl-C > Ctrl-F) a v panelu Transformace změňte velikost na 94 x 94 px (#61627C).

Přidejte obdélník 4 x 14 px (#818186) a zaoblete rohy. Potom pomocí Nástroj otáčení (R), zafixujte kotevní bod do středu elipsy a vytvořte tři kopie (Ctrl-D) obdélníku, každá po 90°.

Creating the clock base with ellipses

Krok 2

Nyní potřebujeme vytvořit ručičky hodin, začneme obdélníkem 4 x 46 px (#9DA0CC) jako minutovou ručičkou a zaoblete všechny rohy. Umístěte ji do středu ciferníku a otočte pomocí Nástroj otáčení (R), zafixujte kotevní bod na střed.

Přidejte obdélník 8 x 46 px (#818186) jako hodinovou ručičku a zaoblete její rohy. Otočte ji opět pomocí Nástroj otáčení (R).

A konečně, přidejte elipsu 14 x 14 px (#BAB5C1) do středu hodin. Vše spojte do skupiny (Ctrl-G) a umístěte ji podle obrázku níže.

Adding the hands of the clock

8. Jak vytvořit pozadí

Krok 1

Vytvoříme pár hvězd pomocí obdélníku 4 x 14 px (#CEECE) se zaoblenými rohy. Který zduplikujeme (Ctrl-C > Ctrl-F) a otočíme o 90°. Vše seskupíme (Ctrl-G) a šestkrát zduplikujeme, jako barvy výplně volíme #7CEECE nebo #9DA0CC.

Trochu si pohrajte s velikostí a umístěním jako je zobrazeno na obrázku níže.

Creating the stars for the background with rectangles

Krok 2

Nyní vytvoříme obdélník 800 x 600 px (#333656), stejná velikost jako je plátno a posuneme ho dozadu (Pravé tlačítko > Uspořádat > Posunout dozadu).

A jako finální detail lampy, nakreslíme lichoběžník pomocí Nástroj Pero (P) na který použijeme lineární přechod dvou barev #FFFFFF a #00FFFF. A barvě #FFFFFF nastavíme 0% krytí.

Adding the background and the light in the lamp

Blahopřeji! Jste u konce!

Ano! Konečně máme vše hotovo a výsledek je více než báječný. Miluji tento plochy design protože z něj dýchá minimalismus bez ztráty radosti.

Doufám, že jste se naučili nové věci a vše využijete. Rád bych viděl vaše výsledky!

Final result
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.