Príručka pre začiatočníkov k aplikácii Adobe Illustrator

Príručka pre začiatočníkov k aplikácii Adobe Illustrator
Táto príručka je k dispozícii na stiahnutie ako bezplatný súbor PDF. Stiahnite si tento súbor teraz . Neváhajte to skopírovať a zdieľať so svojimi priateľmi a rodinou.

Chcete sa začať učiť Adobe Illustrator , ale cítite sa ohromení? Pozrite sa na „Začíname s programom Illustrator“, prvý manuál programu Illustrator od spoločnosti MakeUseOf. Vďaka ľahko zrozumiteľným pokynom a množstvu komentovaných snímok obrazovky vám táto príručka uľahčuje učenie sa Illustratora.





Adobe Illustrator je program pre vektorové kreslenie. Často sa používa na vytváranie log, ikon, ilustrácií, tabuliek, infografík, tričiek, vizitiek, papiernictva, obálok, obalového dizajnu-pomenujete ho. Celkovo vzaté sa väčšinou používa na vytváranie grafiky s vysokým rozlíšením, ktorú je možné neskôr vytlačiť.





Na rozdiel od Photoshopu, ktorý ukladá obrazové informácie v bodoch, Illustrator pri kreslení tvarov používa matematické rovnice. Vektorové kresby môžu byť zmenšené tak, aby zodpovedali bannerom veľkosti mrakodrapu; rastrové obrázky nemôžu. Z tohto dôvodu sa Illustrator používa na vytváranie kresieb, ktoré je potrebné ľahko škálovať - ​​napríklad logá.





Táto príručka k aplikácii Adobe Illustrator vysvetľuje základné nástroje potrebné na vytvorenie loga, preto si ich pozrite. Otvorte si Illustrator sami a riaďte sa podľa nich, aby ste si mohli užiť úžasný program Adobe Vector Art.

Obsah

§1. Úvod



§2 - Pracovný priestor Illustratora

§3 - Vytvorenie loga v programe Illustrator





§4 - Vytváranie 3D textu v programe Illustrator

§5 - Niekoľko užitočných rád





§6 - Záver

1. Úvod

Ak ste sa rozhodli naučiť sa Illustrator, musíte začať od základov. Je to skutočne účinný, ale aj komplexný program. Keď sa zoznámite s rozhraním, základnými nástrojmi, paletami a pracovným priestorom, ušetríte si veľa času a nervov a váš pracovný tok bude pôsobiť plynulo a príjemne.

Adobe Illustrator je program na kreslenie vektorov. Často sa používa na vytváranie log, ikon, ilustrácií, tabuliek, infografík, tričiek, vizitiek, papiernictva, obálok, obalového dizajnu-pomenujete ho. Celkovo vzaté sa väčšinou používa na vytváranie grafiky s vysokým rozlíšením, ktorú je možné neskôr vytlačiť.

Na rozdiel od Photoshopu, ktorý ukladá obrazové informácie v bodoch, Illustrator pri kreslení tvarov používa matematické rovnice. O čo ide?

Znamená to, že vektorovú grafiku (ako kresbu Illustratora) je možné zmeniť alebo priblížiť na ľubovoľnú veľkosť bez straty kvality, zatiaľ čo rastrové obrázky (ako obrázok upravený vo Photoshope) sa budú pri mierke pixelovať:

Vektorové kresby je možné v zásade upravovať tak, aby zodpovedali bannerom veľkosti mrakodrapu; rastrové obrázky nemôžu. Ak teda plánujete použiť svoju prácu pre rôzne veľkosti, použite vektorový program, ako je Illustrator.

• Výhody vektorovej grafiky:

• Vysoké rozlíšenie v akejkoľvek veľkosti;

• malá veľkosť súboru;

• Vysoko kvalitná tlač;

• Pri úprave nedochádza k strate rozlíšenia.

Nevýhody:

Je ťažké vytvoriť realistické kresby (ale stále je to možné).

Dobre, takže stále čítate tohto sprievodcu. To mi hovorí, že sa s Illustratorom chcete skutočne zblížiť, a preto som tu, aby som sa s vami podelil o svoje znalosti. V tejto príručke vám predstavím pracovný priestor, základné nástroje, tvary a pomocou tohto úžasného softvéru vytvoríme naše prvé logo.

Upozorňujeme, že používam Illustrator CS5 v systéme Windows, takže používatelia počítačov Mac budú musieť použiť mierne odlišné kombinácie klávesov: Velenie kľúč namiesto Ctrl a Možnosť namiesto Všetko .

2. Pracovný priestor Illustratoru

Ak ste oboznámení s Photoshopom, pracovný priestor Adobe Illustrator vás veľmi neprekvapí, pretože jeho hlavné časti sú v zásade rovnaké:

Budete primárne používať panel Nástroje, pretože sú tam všetky potrebné nástroje. Na konfiguráciu aktívneho nástroja použijete ovládací panel, kde sú zachované všetky možnosti pre aktuálny nástroj. A samozrejme, oblasť ukotvenia panela - uchováva také dôležité palety, ako sú vzorkovníky farieb, vrstvy, možnosti ťahu, vzhľad, nastavenia prechodu atď. (Všetky palety je možné zapnúť alebo vypnúť v Windows Ponuka).

Pozrime sa na Nástroje najskôr panel.

2.1 Panel nástrojov

V súprave nástrojov je k dispozícii mnoho nástrojov, ale nemusíte si všetko pamätať. Len niekoľko z nich bude vykonávať svoju prácu.

Tu je referenčná tabuľka (niektoré nástroje, ako napr Obdĺžnik , obsahuje viac nástrojov, ktoré je možné vybrať podržaním ikony nástroja):

Vždy hovorím, že najlepší spôsob učenia je cvičiť. Naučme sa teda základné nástroje skutočne používať.

3. Vytvorenie loga v programe Illustrator

Na vytváranie log pre svojich klientov zvyčajne používam Adobe Illustrator. Prečo jednu nevyskúšame?

Zavolajme našej úžasnej spoločnosti LimeWorks . Budeme musieť vytvoriť vápno a zadať pod ním názov. Páči sa ti to:

Nezabudnite však, že vytvoríme jednoduché logo, aby ste sa oboznámili s niektorými nástrojmi a metódami. Začnime kreslením segmentov vápna.

3.1 Používanie pera

Použijeme Pero nástroj, ktorý je jedným z najpoužívanejších nástrojov v programe Illustrator. Používa sa na vytváranie všetkých druhov tvarov a predmetov. Vyberte ho kliknutím na jeho ikonu v paneli nástrojov alebo použite kláves P.

ako vyrobiť domácu televíznu anténu

Pomocou nástroja Pero vytvorte svoj prvý trojuholník trojitým kliknutím na miesto, kde majú byť okraje:

Poznámka: Ako vidíte, presnejšie používam mriežku (Ctrl+).

Cestu zatvoríte kliknutím na prvý bod:

Teraz je pripravený na vyplnenie farbou. Uistite sa, že je vybratý trojuholník (kliknite naň Nástroj na výber, V ) a zvoľte žltý tón:

3.2 Výroba okrúhlych rohov

Na to, aby náš segment vápna (trojuholník) vyzeral hladšie, potrebujeme okrúhle rohy. Použijeme Okrúhle rohy účinok:

V Okrúhle rohy dialógové okno, zadajte niečo ako 4 mm (Ako jednotky používam milimetre) a kliknutím na tlačidlo OK použijete zmeny:

Vyzerá dobre. Teraz pridáme textúru, aby to vyzeralo realistickejšie.

3.3 Pridanie efektov Photoshopu

Keď v programe Adobe Illustrator prejdete do ponuky Efekty, uvidíte, že existujú efekty Illustrator a Photoshop:

Použijeme Vitráže (efekty-> textúra-> vitráže) .

Predtým však potrebujeme kópiu nášho trojuholníka nad pôvodnou vrstvou.

3.4 Kopírovanie predmetov

Ukážem vám pár rýchlych tipov, ako ľahko kopírovať a vkladať objekty nad aktuálnu vrstvu a pod ňu, pričom zachovávate presnú polohu.

Ak chcete vložiť kópiu vybratého objektu nad pôvodný na presné miesto, najskôr ho skopírujte ( Ctrl+C) a potom ho prilepte pomocou Ctrl+F (ak používate Ctrl+V prilepí ho do stredu obrazovky). Ak ho chcete vložiť pod pôvodný objekt, použite Ctrl+B. :

Dobre, takže teraz poznáte triky kopírovania/vkladania.

Skopírujte a prilepte náš trojuholník priamo pred seba (Ctrl+F) a vložený objekt vyplňte bielou farbou:

Otvor Farebné sklo dialógové okno a nastaviť ako moje ( Veľkosť bunky = 17; Hrúbka okraja = 2; Intenzita svetla = 0 ):

3.5 Rozbaliť vzhľad

Rozbaliť vzhľad sa nachádza v Objekt ponuka a je jedným z najdôležitejších nástrojov aplikácie Illustrator. Podrobný popis môže vyžadovať samostatnú príručku, ale dnes sa učíme iba základy.

Jednoducho povedané, Rozbaliť vzhľad sa používa na rozdelenie objektu na samostatné cesty alebo obrázky po použití efektu. No, to znie trochu mätúco. Využime to a uvidíme to v akcii.

Uistite sa, že ste vybrali svoj biely trojuholník pomocou Farebné sklo vplyv na to a choďte na Objekt-> Rozbaliť vzhľad . Náš objekt je teraz obrázok:

3.6 Živá stopa

Ďalšia skvelá funkcia programu Adobe Illustrator, Živá stopa sa používa na konverziu rastrových obrázkov na sledovacie objekty. K dispozícii sú už niektoré predvolené predvoľby sledovania, ale použijeme vlastné nastavenia.

Ísť do Objekt-> Živá stopa -> Možnosti sledovania a nastavte hodnoty ako je uvedené nižšie:

3.7 Rozbaliť

Rozbaliť sa používa na konverziu sledovacích objektov na upraviteľné cesty (vektorové). Po vysledovaní rastrového obrázku by ste mali použiť Rozbaliť .

Pretože je náš textúrovaný objekt teraz vysledovaný a pripravený na návrat na cesty, použijeme Rozbaliť :

Ako vidíte, naša textúra je teraz súborom cesty , ale musíme zmeniť jeho farbu z čiernej na bielu. Tentoraz použijeme Mŕtvica (pretože textúra je sada ťahov):

OK. Teraz je to však príliš ostré. Trochu to rozmaznáme.

3.8 Efekt rozostrenia

Ísť do Efekty-> Rozostrenie-> Gaussovské rozostrenie , nastavte polomer na 2,8 pixela a mali by ste mať toto:

V tomto mieste sme s plátkom limetky hotoví. Ostatné je jednoduchšie.

3.9 Zoskupovanie objektov

V tomto mieste je náš klin vápna pripravený a musíme ho duplikovať. Skladá sa však z viacerých vrstiev (objektov), ​​takže aby sme si to uľahčili pri duplikácii, poďme na to Skupina ich.

Ak chcete zoskupiť skupinu objektov, vyberte ich všetky potiahnutím myši a kliknutím Ctrl+G . Ďalším pohodlným spôsobom výberu viacerých objektov je podržanie Smena a klikanie na objekty.

Pretože však na našom kresle nemáme žiadne ďalšie objekty, môžete namiesto toho vybrať všetky objekty ( Ctrl+A. ) a zoskupte ich ( Ctrl+G ):

3.10 Použitie nástroja Otočiť

Točiť sa nástroj (R) slúži na ... hádajte čo? Áno, na otáčanie predmetov alebo tvarov.

Vyberte nástroj Otočiť a Alt + kliknutie v hornej časti trojuholníka, aby sme nastavili stred otáčania. V rozbaľovacom poli nastavte nasledovne a kliknite na Kopírovať :

Teraz by ste mali mať toto:

3.11 Malý trik

Existuje malý trik (jeden z mnohých), ktorý vám v budúcich projektoch uľahčí prácu s programom Adobe Illustrator. Trik je iba v klávesovej skratke ( Ctrl+D ). Zopakuje alebo použije najnovšiu transformáciu na vybratý objekt.

Je to praktické aj pre našu prax. Vyberte nový plátok a použite Ctrl+D 6 krát:

Voila! Máme chutný citrón. Teraz niekoľko podrobností.

Najprv spojte všetky plátky, aby boli veci v poriadku. Potom sa uistite, že nič nie je vybraté kliknutím niekde inde na kresliace plátno.

3.12 Nakreslenie kruhu

Vyberte svetlo zelenú farbu pre Vyplniť a nikto pre Mŕtvica :

Vyberte položku Elipsa nástroj (pomocný nástroj pod Obdĺžnik alebo udrieť THE ):

Vydrž Shift + Alt , namierte myš do stredu vápna a ťahajte myšou, kým sa nedostanete do kruhu, ktorý pokrýva celé vápno:

Poznámka: na začiatku nemusíte nájsť presný stred - objekty zarovnáme neskôr.

3.13 Usporiadanie predmetov

Ako teraz vidíte, zelený kruh je pred alebo vyššie naše vápno. Poslať späť alebo nižšie , vyberte ho a stlačením klávesov Ctrl+[(Ctrl+] ho umiestnite nad aktuálnu vrstvu):

Dobre. Vyberte tento kruh a duplikujte ho pod seba (ako sme to urobili v bode 3.4.) Pomocou Ctrl+C. a potom Ctrl+B. :

Zmeňte jeho farbu výplne na tmavšiu zelenú a urobte ju o niečo väčšou ako prvý kruh podržaním Shift+Alt a potiahnutím jedného z referenčných bodov:

To vyzerá celkom dobre. Ešte lepšie: končíme s ťažkou časťou.

3.14 Pridávanie textu

Pridajte názov našej spoločnosti pod vápno. Vyberte Napíšte nástroj ( T ), kliknite pod vápno a zadajte LimeWorks :

Teraz zarovnajme všetko do stredu.

3.15 Zarovnanie predmetov

Na dokonalé zarovnanie predmetov použite nástroje Zarovnanie. Keď je nástroj na výber aktívny, tieto nástroje sa nachádzajú na ovládacom paneli. Nižšie nájdete informácie o porozumení rôznym zarovnaniam:

Uvedomte si, že tieto príklady platia pre Zarovnať s kresbou :

Ak sa rozhodnete Zarovnať k výberu , potom budú objekty zarovnané vzhľadom na vonkajšie hranice výberu.

OK. Vyberte všetky objekty (Ctrl+A) a na ovládacom paneli kliknite na Stred horizontálneho zarovnania (číslo 2):

To je všetko. Teraz môžete hrať s veľkosťami a farbami, ak chcete.

Ak vápno zmenšíte a zmeníte farby textu, bude to vyzerať oveľa lepšie:

Dobre, blahoželáme vám k vášmu prvému logu!

Poďme na ukladanie a export.

3.16 Ukladanie a export

Ak chcete uložiť svoje súbory Illustratora, stačí kliknúť Ctrl+S (ako vždy) a uloží sa do .do formát.

Ak chcete uložiť svoje logo do. png , potom môžete použiť jeden z dvoch spôsobov: Súbor-> Exportovať alebo Súbor-> Uložiť pre web a zariadenia .

Kým druhý spôsob exportuje celú Artboard, prvý spôsob vám umožňuje exportovať iba vaše objekty.

Tu je príklad:

Poznámka : veľkosť svojho Artba môžete kedykoľvek zmeniť oard (Súbor-> Nastavenie dokumentu a kliknite na položku Upraviť kresliace plátna ). Potom, keď použijete Šetrite za web a zariadenia uvidíte, že veľkosť obrázku je novou veľkosťou vášho Artboardu.

Tiež si všimnite: môžete skontrolovať Transparentnosť pri ukladaní na web budete mať svoje logo s priehľadným pozadím.

Prejdeme si ďalší návod a naučíme sa ďalšie základné nástroje. Vytvoríme 3D text s výstredným pozadím.

4. Vytvorenie 3D textu v programe Adobe Illustrator

Aj keď je vektorová grafika spravidla dvojrozmerná, môžete vytvárať aj pekne vyzerajúce 3D objekty. V tomto návode vytvoríme jednoduchý 3D text s výstredným pozadím, ako je uvedené nižšie:

Ako som už povedal, teraz sa učíme základy, aby ste sa lepšie zoznámili s rozhraním a niektorými užitočnými nástrojmi. Keď to urobíte, uvidíte, že sa neobmedzuje na to, čo môžete v programe Illustrator robiť.

4.1 Pridanie výstredného pozadia

Začnime s chladným pozadím.

Prejdite na svoj obľúbený web, kde nájdete bezplatné textúry a pozadia, a nájdite pekné výstredné pozadie. Vzal som jeden z Stock obrázok :

Skopírujte ho a prilepte do dokumentu Adobe Illustrator. S najväčšou pravdepodobnosťou bude príliš veľký, takže ho budete musieť zmenšiť. Použite Transformačný panel ak chcete ovládať veľkosť obrázka:

Poznámka: Môžete použiť svoje vlastné hodnoty, len sa uistite, že sa hodia k dokumentu.

Teraz máme pripravený obrázok na pozadí, ale pridajme k nemu ďalšie efekty. Najprv vytvoríme obdĺžnik a potom pridáme efekt Vnútorná žiara a pomocou panela Priehľadnosť zmeníme prelínanie medzi obrázkom a obdĺžnikom.

4.2 Vytvorenie obdĺžnika

V nástrojoch vyberte položku Obdĺžnik (M), nakreslite obdĺžnik rovnakej veľkosti ako obrázok na pozadí (možno budete chcieť použiť Transformovať panel na nastavenie presných hodnôt) a nastavte Vyplniť farba až svetlohnedá a bez ťahu:

4.3 Pridanie efektu vnútornej žiary

Ísť do Efekt-> Stylizácia-> Vnútorná žiara a nastavte hodnoty podľa obrázku:

Čo by ste mali mať:

4.4 Používanie panela priehľadnosti

Vždy môžete použiť Priehľadný panel zmeniť spôsob, akým sa predmet alebo vrstva prelína s vrstvami nižšie. Najprv pošlime svoj obdĺžnik za obrázok. Vyberte obdĺžnik kliknutím naň a použite Ctrl+[ .

Teraz vyberte vrstvu obrázku kliknutím na obrázok a otvorte ho Panel priehľadnosti (okno-> priehľadnosť) a vyber si Znásobiť ako režim miešania:

Pekný. Skončili sme s pozadím. Prejdeme k samotnému 3D textu.

4.5 Práca s nástrojom Typ

Pomocou Písací nástroj (T) napíšte MakeUseOf nejakým pekným písmom (vybral som si Diavlo Bold , ktoré je možné stiahnuť na exljbris Zlieváreň písem ). Nech je dostatočne veľký ako 65 bodov , nastavte sledovanie na -dvadsať a vyberte položku biely farba:

4.6 Vytváranie obrysov

Použite Vytvárajte obrysy - kliknite pravým tlačidlom myši na text a zvoľte Vytvárajte obrysy , na prevod textu na vektorové cesty:

4.7 Pridanie 3D efektov

3D efekty je možné použiť na akékoľvek objekty aj na text. Vyberte text, prejdite na Efekt-> 3D-> Extrude & úkos a aplikujte nasledovne:

To je to, čo by ste doteraz mali mať:

Teraz musíme od seba oddeliť tváre textu a náš 3D efekt. Použite Rozbaliť vzhľad urobiť to ( Objekt-> Rozbaliť vzhľad ).

S Nástroj pre priamy výber (A) , vyberte iba tváre textu (podržte Smena na výber viacerých objektov):

Tip : pri výbere sa uistite, že sú kotvy Modrá a nikto z nich nie je biely. Za týmto účelom trochu priblížte objekt a kliknite niekde v strede objektov (tu - textové tváre).

4.8 Použitie panela Unite z panelu Pathfinder

Teraz skopírujte a prilepte svoj výber a použite United od Pathfinder panel na spojenie všetkých vybratých tvárí do jednej zoskupenej cesty:

Položte novú vrstvu na starú a nastavte ju Farba ťahu na biele a Hmotnosť zdvihu do 1 bodu:

Už sme skoro tam.

4.9 Pridanie štýlu prechodu

Pridanie prechodu je veľmi jednoduché - stačí vybrať objekt a kliknúť na ikonu Gradient panel vpravo a nastavte svoje farby. Okrem toho môžete vždy použiť vopred definované Knižnice od Okno-> Klávesnice Swatch-> Prechody . Teraz to však nastavíme ručne.

V Gradient panel, sada Napíšte do Lineárne , nastavte prvú farbu na 0% na tmavo červenú, druhú na 80% na oranžovú a konečnú farbu na 100% na jasne červenú, uhol do -90 °:

Tip : pomocou horného posúvača ovládajte rozsah farieb prechodu.

4.10 Pridanie tieňa

Aby mal náš text určitú hĺbku, dodajme mu nejaký tieň. Použijeme Gaussovské rozostrenie účinok.

Najprv skopírujte ( Ctrl+C. ) našu novú vrstvu a prilepte ju dopredu ( Ctrl+F ). Potom zmeňte jeho farbu na čiernu a nastavte ťah na žiadny, pošlite ho za vrstvu 3D efektu pomocou Ctrl+[ (uistite sa, že je nad vrstvami pozadia):

Posuňte ho nadol pomocou klávesov so šípkami (súradnice Y môžete zmeniť aj na paneli Transformácia, aby ste boli presnejší):

4.11 Aplikácia Gaussovho rozostrenia

Náš tieň teraz nevyzerá realisticky; musíme to trochu rozmazať. Ísť do Efekt-> Rozostrenie-> Gaussovské rozostrenie a nastavte Radius na 9 pixelov:

Sme hotoví!

5. Niekoľko užitočných rád

Tipov a trikov je neúrekom, ale ukážem vám niektoré z nich:

• Uzamknúť vrstvy - ak chcete vybrať niektoré malé objekty, ktoré sú pred inými objektmi (napríklad pozadie), namiesto Shift+kliknutia na každú z nich môžete jednoducho uzamknúť pozadie pomocou klávesov Ctrl+2 alebo vložiť znak zámku panel Vrstvy.

• Vždy skontrolujte paletu Vrstvy - pri práci s mnohými objektmi a vrstvami je skutočne užitočné pomenovať vrstvy a skontrolovať, ako sú vrstvy zarovnané (či je vrstva nad alebo pod druhou, či je uzamknutá atď.);

• Upravte štýly vrstiev kedykoľvek budete potrebovať- áno, vždy môžete zmeniť nastavenia štýlu alebo efektu, ktoré ste už na objekt alebo vrstvu použili predtým, prostredníctvom panela Vzhľad (Okno-> Vzhľad);

• Použiť knižnice-existuje niekoľko pekných preddefinovaných knižníc, ktoré môžete použiť vo svojich dielach. Prejdite na položku Okno-> Knižnice a vyberte si z Kartáčových knižníc, Vzorkovníkových knižníc, Knižníc grafického štýlu alebo Knižníc symbolov. Je ich vela.

6. Záver

Dúfam, že bolo všetko dostatočne jasné, aby ste mohli začať milovať Adobe Illustrator. To, čo som pokryl v tejto príručke, je len základ. Nabudúce ukážem komplexnejšie použitia ďalších úžasných nástrojov a trikov. Dovtedy - prax .

Sprievodca Publikované: august 2012

zdieľam zdieľam Tweet E -mail Ako získať prístup k vstavanej úrovni bublín Google v systéme Android

Ak ste sa niekedy potrebovali uistiť, že je niečo v zlomku, teraz môžete do telefónu v priebehu niekoľkých sekúnd dostať úroveň bubliny.

Čítajte ďalej
Súvisiace témy
  • Kreatívne
  • Počítačom podporovaný dizajn
  • Dlhý formulár
  • Longform Guide
O autorovi Azamat Denibekovich Esenaliev(3 publikované články) Viac od Azamata Denibekovicha Esenalieva

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber