7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Flat Design

Jak vytvořit kresbu desktopu v Adobe Illustratoru

Read Time: 6 mins

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

Final product imageFinal product imageFinal 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 pxSet Up a Document with a canvas of 800 x 600 pxSet 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 deskCreating the top of the deskCreating 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 gradientCreating the legs of the desk and applying a gradientCreating 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 deskAdding twos drawers to the deskAdding 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 macbookCreating the base of the macbookCreating 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 coverAdding a rectangle for the coverAdding 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 screenAdding another rectangle for the screenAdding 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 screenAdding a highlights to the screenAdding 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 MacCreating rectangles for the base of the MacCreating 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 screenTwos rectangles for the monitor and the screenTwos 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 screenBy adding the highlights over the screenBy 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 lampBy creating a base for the lampBy 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 lampBy creating arm and hinge at the lampBy 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 tiltedAnother arm tiltedAnother 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 rectanglesBy drawing lamp with rectanglesBy 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 bodyPlacing the lamp in the bodyPlacing 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 coffeeCreating the base body of coffeeCreating 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 coverAdding the cup ring and the coverAdding 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 ellipsesCreating the clock base with ellipsesCreating 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 clockAdding the hands of the clockAdding 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 rectanglesCreating the stars for the background with rectanglesCreating 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 lampAdding the background and the light in the lampAdding 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 resultFinal resultFinal result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads