Home-theater-designers
Chcete se začít učit Adobe Illustrator , ale cítíte se ohromeni? Podívejte se na „Začínáme s Illustratorem“, první příručku Illustratoru od MakeUseOf. Díky snadno srozumitelným pokynům a spoustě komentovaných snímků obrazovky usnadňuje tato příručka učení Illustratoru.
Adobe Illustrator je program pro kreslení vektorů. Často se používá k vytváření log, ikon, ilustrací, tabulek, infografik, triček, vizitek, papírnictví, obálek, obalového designu-pojmenujete ho. Celkově vzato se většinou používá k vytváření grafiky s vysokým rozlišením, kterou lze později také vytisknout.
Na rozdíl od Photoshopu, který ukládá obrazové informace v bodech, Illustrator při kreslení tvarů používá matematické rovnice. Vektorové kresby lze zmenšit tak, aby se vešly na bannery velikosti mrakodrapů; rastrové obrázky nemohou. Z tohoto důvodu se Illustrator používá k vytváření výkresů, které je třeba snadno škálovat - například loga.
Tato příručka k Adobe Illustratoru vysvětluje základní nástroje potřebné k vytvoření loga, proto si jej prohlédněte. Otevřete si Illustrator sami a postupujte podle něj, abyste si udělali představu o úžasném programu vektorového umění Adobe.
Obsah
§2 - Pracovní prostor Illustratoru
§3 - Vytvoření loga v Illustratoru
§4 - Vytvoření 3D textu v Illustratoru
1. Úvod
Pokud jste se rozhodli naučit se Illustrator, musíte začít od základů. Je to opravdu silný, ale také složitý program. Jakmile se seznámíte s rozhraním, základními nástroji, paletami a pracovním prostorem, ušetříte spoustu času a nervů a váš pracovní tok bude působit hladce a příjemně.
Adobe Illustrator je program pro kreslení vektorů. Často se používá k vytváření log, ikon, ilustrací, grafů, infografik, triček, vizitek, papírnictví, obálek, obalového designu-pojmenujete ho. Celkově vzato se většinou používá k vytváření grafiky s vysokým rozlišením, kterou lze později také vytisknout.
Na rozdíl od Photoshopu, který ukládá obrazové informace v bodech, Illustrator při kreslení tvarů používá matematické rovnice. O co jde?
To znamená, že vektorová grafika (jako kresba Illustratoru) může být zmenšena nebo zvětšena na libovolnou velikost bez ztráty kvality, zatímco rastrové obrázky (jako obrázek upravený ve Photoshopu) budou při škálování pixelovat:
V zásadě lze vektorové kresby škálovat tak, aby se vešly na bannery velikosti mrakodrapů; rastrové obrázky nemohou. Pokud tedy plánujete použít svou práci pro různé velikosti, použijte vektorový program, jako je Illustrator.
• Výhody vektorové grafiky:
• Vysoké rozlišení v jakékoli velikosti;
• Malá velikost souboru;
• Vysoce kvalitní tisk;
• Při úpravách nedochází ke ztrátě rozlišení.
Nevýhody:
• Je těžké vytvořit realistické kresby (ale stále je to možné).
Dobře, takže stále čtete tuto příručku. To mi říká, že se s Illustratorem opravdu chcete sblížit, a tak jsem tu, abych se s vámi podělil o své znalosti. V této příručce vám představím pracovní prostor, základní nástroje, tvary a vytvoříme naše první logo pomocí tohoto úžasného softwaru.
Vezměte prosím na vědomí, že ve Windows používám Illustrator CS5, takže uživatelé počítačů Mac budou muset použít mírně odlišné kombinace kláves: Příkaz klíč místo Ctrl a Volba namísto Všechno .
2. Pracovní prostor Illustratoru
Pokud znáte Photoshop, pak vás pracovní prostor Adobe Illustrator moc nepřekvapí, protože jeho hlavní části jsou v zásadě stejné:
Panel nástrojů budete primárně používat, protože jsou tam všechny potřebné nástroje. Ke konfiguraci aktivního nástroje použijete ovládací panel, kde jsou zachovány všechny možnosti aktuálního nástroje. A samozřejmě oblast ukotvení panelu - uchovává tak důležité palety, jako jsou vzorníky barev, vrstvy, možnosti tahu, vzhled, nastavení přechodu atd. (Všechny palety lze zapnout nebo vypnout v Okna Jídelní lístek).
Podívejme se na Nástroje nejprve panel.
2.1 Panel nástrojů
V sadě nástrojů je k dispozici mnoho nástrojů, ale nemusíte si vše pamatovat. Jen pár z nich tuto práci zvládne.
Zde je referenční tabulka (některé nástroje, jako např Obdélník , obsahují uvnitř více nástrojů, které lze vybrat podržením ikony nástroje):
Vždy říkám, že nejlepší způsob učení je procvičování. Pojďme se tedy naučit základní nástroje jejich skutečným používáním.
3. Vytvoření loga v Illustratoru
K vytváření log pro své klienty obvykle používám Adobe Illustrator. Proč jeden nezkusíme?
Zavolejme naší úžasné společnosti LimeWorks . Budeme muset vytvořit vápno a pod něj zadat název. Takhle:
Mějte však na paměti, že vytvoříme jednoduché logo, abyste se seznámili s některými nástroji a metodami. Začněme kreslením segmentů vápna.
3.1 Použití nástroje Pen
Použijeme Pero nástroj, který je jedním z nejpoužívanějších nástrojů v Illustratoru. Používá se k vytváření všech druhů tvarů a objektů. Vyberte jej kliknutím na jeho ikonu v panelu nástrojů nebo použijte klávesu P.
přidat k obrázku ohraničení
Pomocí nástroje Pero vytvořte svůj první trojúhelník třikrát kliknutím na místo, kde mají být okraje:
Poznámka: jak vidíte, používám Grid (Ctrl+), abych byl přesnější.
Cestu zavřete kliknutím na první bod:
Nyní je připraven k vyplnění barvou. Ujistěte se, že je vybrán trojúhelník (klikněte na něj pomocí Nástroj pro výběr, V. ) a vyberte žlutý tón:
3.2 Výroba kulatých rohů
Potřebujeme kulaté rohy, aby náš vápenný segment (trojúhelník) vypadal hladší. Použijeme Kulaté rohy účinek:
V Kulaté rohy dialogové okno, vložte něco jako 4 mm (Jako jednotky používám milimetry) a kliknutím na OK použijete změny:
Vypadá dobře. Nyní přidejme texturu, aby to vypadalo realističtěji.
3.3 Přidání efektů Photoshopu
Když v aplikaci Adobe Illustrator přejdete do nabídky Efekty, uvidíte, že existují efekty Illustrator a Photoshop:
Budeme používat Vitráže (efekty-> textura-> vitráže) .
Předtím ale potřebujeme kopii našeho trojúhelníku nad původní vrstvou.
3.4 Kopírování objektů
Ukážu vám pár rychlých tipů, jak snadno kopírovat a vkládat objekty nad aktuální vrstvu a pod ni, a přitom zachovat přesnou polohu.
Chcete -li vložit kopii vybraného objektu nad původní na přesné místo, nejprve jej zkopírujte ( Ctrl+C) a poté jej vložte pomocí Ctrl+F (pokud používáte Ctrl+V vloží jej doprostřed obrazovky). Chcete -li jej vložit pod původní objekt, použijte Ctrl+B :
Dobře, takže teď znáte triky kopírování/vkládání.
Zkopírujte a vložte náš trojúhelník přímo před sebe (Ctrl+F) a vložte vložený objekt bílou barvou:
Otevři Vitráže dialogové okno a nastavit jako moje ( Velikost buňky = 17; Tloušťka okraje = 2; Intenzita světla = 0 ):
3.5 Rozbalte vzhled
Rozbalte Vzhled se nachází v Objekt nabídky a je jedním z nejdůležitějších nástrojů aplikace Illustrator. Podrobný popis může vyžadovat samostatný průvodce, ale dnes se učíme jen základy.
Jednoduše řečeno, Rozbalte Vzhled se používá k rozdělení objektu na samostatné cesty nebo obrázky poté, co je na něj aplikován efekt. No, to zní trochu matoucí. Pojďme to použít a uvidíme to v akci.
Ujistěte se, že jste vybrali svůj bílý trojúhelník pomocí Vitráže účinek na to a přejděte na Objekt-> Rozbalit vzhled . Nyní je naším objektem obrázek:
3.6 Živá stopa
Další skvělá funkce Adobe Illustratoru, Živá stopa slouží k převodu rastrových obrázků na trasovací objekty. Existuje již několik výchozích předvoleb trasování, ale použijeme vlastní nastavení.
Jít do Objekt-> Živá stopa -> Možnosti trasování a nastavte hodnoty níže:
3.7 Rozbalit
Rozšířit slouží k převodu trasovacích objektů na upravitelné cesty (vektorové). Po trasování rastrového obrázku byste měli použít Rozšířit .
Protože je náš texturovaný objekt nyní vysledován a připraven k vrácení na cesty, použijeme Rozšířit :
Jak vidíte, naše textura je nyní souborem cesty , ale musíme změnit jeho barvu z černé na bílou. Tentokrát použijeme Mrtvice (protože textura je sada tahů):
OK. Ale teď je to trochu příliš ostré. Pojďme to trochu rozmazat.
3.8 Efekt rozostření
Jít do Efekty-> Rozostření-> Gaussovské rozostření , nastavte poloměr na 2,8 pixelu a měli byste mít toto:
V tuto chvíli jsme s plátkem limetky hotovi. Zbytek je jednodušší.
3.9 Seskupování objektů
V tomto okamžiku je náš klín vápna připraven a musíme jej duplikovat. Je však složen z více vrstev (objektů), takže abychom to při kopírování usnadnili, pojďme na to Skupina jim.
Chcete -li seskupit sadu objektů, vyberte je všechny přetažením myši a kliknutím Ctrl+G . Dalším pohodlným způsobem výběru více objektů je podržení Posun a kliknutím na objekty.
Protože ale na kreslicí ploše nemáme žádné jiné objekty, můžete místo toho vybrat všechny objekty ( Ctrl+A. ) a seskupte je ( Ctrl+G ):
3.10 Pomocí nástroje Otočit
Točit se nástroj (R) slouží k ... hádejte co? Ano, otáčet objekty nebo tvary.
Vyberte nástroj Otočit a Alt + kliknutí v horní části trojúhelníku nastavíme střed otáčení. Ve vyskakovacím okně nastavte následující a klikněte kopírovat :
Nyní byste měli mít toto:
3.11 Malý trik
Existuje malý trik (jeden z mnoha), který vám usnadní práci s Adobe Illustrator v budoucích projektech. Trik je pouze v klávesové zkratce ( Ctrl+D ). Opakuje nebo aplikuje nejnovější transformaci na vybraný objekt.
Je to užitečné i pro naši praxi. Vyberte nový řez a použijte Ctrl+D 6krát:
Voila! Máme chutný citron. Nyní několik podrobností.
Nejprve seskupte všechny řezy dohromady, aby byly věci v pořádku. Poté se ujistěte, že nic není vybráno, kliknutím na jiné místo na kreslicí ploše.
3.12 Kreslení kruhu
Vyberte světle zelenou barvu pro Vyplnit a nikdo pro Mrtvice :
Vybrat Elipsa nástroj (dílčí nástroj pod Obdélník nebo udeřit THE ):
Držet Shift + Alt , namiřte myš do středu vápna a táhněte myší, dokud nezískáte kruh, který pokrývá celé vápno:
Poznámka: pro začátek nemusíte hledat přesný střed - objekty zarovnáme později.
3.13 Uspořádání předmětů
Jak nyní vidíte, zelený kruh je před nebo výše naše vápno. Odeslat zadní nebo níže , vyberte jej a stiskněte Ctrl+[(Ctrl+], abyste jej přenesli nad aktuální vrstvu):
Dobrý. Vyberte tento kruh a duplikujte jej pod sebe (jako jsme to udělali v 3.4.) Pomocí Ctrl+C. a pak Ctrl+B :
Podržením Shift+Alt a přetažením jednoho z jeho referenčních bodů změňte jeho barvu výplně na tmavší zelenou a udělejte ji o něco větší než první kruh:
To vypadá docela dobře. Ještě lépe: máme hotovo s těžkou částí.
3.14 Přidávání textu
Pojďme přidat název naší společnosti pod vápno. Vybrat Typ nářadí ( T ), klikněte pod vápnem a napište LimeWorks :
Nyní vše zarovnáme na střed.
3.15 Vyrovnání objektů
Chcete -li objekty dokonale zarovnat, použijte nástroje Zarovnání. Tyto nástroje jsou umístěny v ovládacím panelu, když je aktivní nástroj pro výběr. Níže porozumíte různým zarovnáním:
Tyto příklady platí pro Zarovnat na Artboard :
Pokud se rozhodnete Zarovnat k výběru , pak budou objekty zarovnány s ohledem na vnější hranice výběru.
OK. Vyberte všechny objekty (Ctrl+A) a na ovládacím panelu klikněte na Střed horizontálního zarovnání (číslo 2):
A je to. Nyní si můžete hrát s velikostmi a barvami, pokud chcete.
Pokud vápno zmenšíte a změníte barvy textu, bude vypadat mnohem lépe:
Dobře, gratulujeme k vašemu prvnímu logu!
Pojďme k ukládání a exportu.
3.16 Ukládání a export
Chcete -li uložit soubory aplikace Illustrator, stačí kliknout na Ctrl+S (jako vždy) a uloží to do . do formát.
Pokud chcete uložit své logo do. png , pak můžete použít jeden ze dvou způsobů: Soubor-> Exportovat nebo Soubor-> Uložit pro web a zařízení .
Zatímco druhý způsob exportuje celý Artboard, první způsob vám umožňuje exportovat pouze vaše objekty.
Zde je příklad:
Poznámka : velikost svého Artba můžete kdykoli změnit oard (Soubor-> Nastavení dokumentu a klikněte na Upravit kreslicí plátna ). Poté, když použijete Ušetřete za web a zařízení uvidíte, že velikost obrázku je novou velikostí vašeho Artboardu.
Poznámka: můžete zkontrolovat Průhlednost při ukládání na web budete mít své logo s průhledným pozadím.
Projděme si další tutoriál, abychom se naučili další základní nástroje. Vytvoříme 3D text s výstředním pozadím.
4. Vytvoření 3D textu v aplikaci Adobe Illustrator
Zatímco vektorová grafika je obvykle dvourozměrná, můžete vytvářet i pěkně vypadající 3D objekty. V tomto tutoriálu vytvoříme jednoduchý 3D text s výstředním pozadím jako níže:
Jak jsem řekl, nyní se učíme základy, abyste se lépe seznámili s rozhraním a některými užitečnými nástroji. Jakmile to uděláte, uvidíte, že tomu, co můžete s Illustratorem dělat, se meze nekladou.
4.1 Přidání výstředního pozadí
Začněme se skvělým pozadím.
Přejděte na svůj oblíbený web a získejte zdarma textury a pozadí a najděte pěkné výstřední pozadí. Vzal jsem jeden z Stock obrázek :
Zkopírujte jej a vložte do dokumentu Adobe Illustrator. S největší pravděpodobností bude příliš velká, takže ji budete muset zmenšit. Použití Transformační panel pro ovládání velikosti obrázku:
Poznámka: můžete použít své vlastní hodnoty, jen se ujistěte, že to odpovídá dokumentu.
Nyní máme připravený obrázek na pozadí, ale přidejme k němu další efekty. Nejprve vytvoříme obdélník a poté přidáme efekt Vnitřní záře a pomocí panelu Průhlednost změníme prolnutí mezi obrázkem a obdélníkem.
4.2 Vytvoření obdélníku
Vyberte možnost Obdélník z Nástroje (M), nakreslete obdélník stejné velikosti jako obrázek na pozadí (můžete použít Přeměnit panel pro nastavení přesných hodnot) a nastavte Vyplnit barva až světle hnědá a bez tahu:
4.3 Přidání efektu vnitřní záře
Jít do Efekt-> Stylizace-> Vnitřní záře a nastavte hodnoty podle obrázku:
Co byste měli mít:
4.4 Použití panelu Průhlednost
Vždy můžete použít Průhledný panel chcete -li změnit způsob, jakým se objekt nebo vrstva mísí s vrstvami níže. Nejprve pošleme náš obdélník za obrázek. Vyberte obdélník kliknutím na něj a použijte Ctrl+[ .
Nyní vyberte vrstvu obrázku kliknutím na obrázek a otevřete Panel průhlednosti (okno-> Průhlednost) a vyberte si Násobit jako režim míchání:
Pěkný. Skončili jsme s pozadím. Pojďme k samotnému 3D textu.
4.5 Práce s nástrojem Typ
Za použití Typový nástroj (T) napište MakeUseOf nějakým pěkným písmem (vybral jsem si Diavlo Bold , které lze stáhnout na exljbris Slévárna písem ). Udělejte to dostatečně velké jako 65 bodů , nastavte sledování na -dvacet a vyberte Bílý barva:
4.6 Vytváření obrysů
Použití Vytvářejte obrysy - klikněte pravým tlačítkem na text a vyberte Vytvářejte obrysy , pro převod textu na vektorové cesty:
4.7 Přidání 3D efektů
3D efekty lze použít na libovolné objekty i text. Vyberte text, přejděte na Efekt-> 3D-> Extrude & Bevel a aplikujte následovně:
To je to, co byste měli mít tak daleko:
Nyní musíme od sebe oddělit tváře textu a náš 3D efekt. Použití Rozbalte Vzhled udělat to ( Objekt-> Rozbalit vzhled ).
S Nástroj pro přímý výběr (A) , vyberte pouze tváře textu (podržte Posun pro výběr více objektů):
Spropitné : při výběru se ujistěte, že jsou kotvy modrý a nikdo z nich nebyl bílý. Chcete -li to provést, trochu zvětšete objekt a klikněte někam doprostřed objektů (zde - textové plochy).
4.8 Použití panelu Unite from Pathfinder
Nyní zkopírujte a vložte svůj výběr a použijte Sjednocený z Průkopník panel pro připojení všech vybraných ploch do jedné seskupené cesty:
Umístěte novou vrstvu na starou a nastavte ji Barva tahu na bílou a Hmotnost zdvihu do 1 bodu:
Už tam skoro jsme.
4.9 Přidání stylu přechodu
Přidání přechodu je velmi snadné - stačí vybrat objekt a kliknout na Spád panelu vpravo a nastavte si barvy. Kromě toho můžete vždy použít předdefinované Knihovny z Okno-> Swatch knihovny-> Přechody . Ale tentokrát to nastavíme ručně.
V Spád panel, sada Typ na Lineární , nastavte první barvu na 0% umístění na tmavě červenou, druhou barvu na 80% umístění na oranžovou a konečnou barvu na 100% na jasně červenou, úhel do -90 °:
Spropitné : pomocí horního posuvníku ovládejte barevný rozsah přechodu.
4.10 Přidání stínu
Aby měl náš text určitou hloubku, přidejme mu nějaký stín. Použijeme Gaussovské rozostření účinek.
Nejprve zkopírujte ( Ctrl+C. ) naši novou vrstvu a vložte ji dopředu ( Ctrl+F ). Poté změňte jeho barvu na černou a nastavte tah na žádný, odešlete jej za vrstvu 3D efektu pomocí Ctrl+[ (ujistěte se, že je nad vrstvami pozadí):
Přesuňte jej dolů pomocí kláves se šipkami (souřadnice Y můžete také změnit na panelu Transformace, abyste byli přesnější):
4.11 Použití Gaussova rozostření
Náš stín teď nevypadá realisticky; musíme to trochu rozmazat. Jít do Efekt-> Rozostření-> Gaussovské rozostření a nastavte Radius na 9 pixelů:
Jsme hotovi!
5. Několik užitečných rad
Tipů a triků je nepřeberné množství, ale ukážu vám některé z nich:
• Zamknout vrstvy - když chcete vybrat nějaké malé objekty, které jsou před jinými objekty (jako pozadí), místo Shift+kliknutí na každou z nich můžete jednoduše zamknout pozadí pomocí Ctrl+2 nebo vložit zámek panel Vrstvy.
• Vždy zkontrolujte paletu Vrstvy - při práci s mnoha objekty a vrstvami je opravdu užitečné pojmenovat vrstvy a zkontrolovat, jak jsou vaše vrstvy zarovnány (zda je vrstva nad nebo pod druhou, zda je uzamčena atd.);
• Upravte styly vrstev kdykoli budete potřebovat- ano, nastavení stylu nebo efektu, které jste na objekt nebo vrstvu již dříve použili, můžete kdykoli změnit pomocí panelu Vzhled (Okno-> Vzhled);
• Použít knihovny-existuje několik pěkných předdefinovaných knihoven, které můžete ve svých dílech využít. Přejděte na Okno-> Knihovny a vyberte z Kartáčových knihoven, Vzorníkových knihoven, Knihoven grafického stylu nebo Symbolových knihoven. Je jich spousta.
6. Závěr
Doufám, že bylo vše dostatečně jasné, abyste mohli začít milovat Adobe Illustrator. To, co jsem popsal v této příručce, je jen základ. Příště ukážu složitější použití dalších úžasných nástrojů a triků. Do té doby - praxe .
Průvodce Publikováno: srpen 2012
Podíl Podíl tweet E-mailem Jak získat přístup k integrované úrovni bublin Google v systému AndroidPokud jste se někdy potřebovali ujistit, že je něco v malém, můžete nyní v několika sekundách získat úroveň bubliny v telefonu.
Číst dále Související témata- Tvořivý
- Počítačem podporovaný design
- Dlouhá forma
- Longform Guide
Přihlaste se k odběru našeho zpravodaje
Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!
Kliknutím sem se přihlásíte k odběru