Kezdő útmutató az Adobe Illustrator programhoz

Kezdő útmutató az Adobe Illustrator programhoz
Ez az útmutató ingyenesen letölthető PDF -ként. Töltse le most ezt a fájlt . Nyugodtan másolja és ossza meg barátaival és családjával.

Szeretne elkezdeni tanulni Adobe Illustrator , de túlterheltnek érzi magát? Nézze meg a MakeUseOf első Illustrator kézikönyvét, az „Első lépések az Illustratorral”. Ez a kézikönyv könnyen követhető utasításokkal és rengeteg jegyzetekkel ellátott képernyőképével egyszerűsíti az Illustrator tanulását.





Az Adobe Illustrator egy vektoros rajzoló program. Gyakran használják emblémák, ikonok, illusztrációk, diagramok, infografikák, pólók, névjegykártyák, írószerek, borítékok, csomagolás kialakítására-ahogy nevezed. Mindent összevetve többnyire nagy felbontású grafikák készítésére használják, amelyeket később ki is lehet nyomtatni.





Ellentétben a Photoshoppal, amely a képadatokat pontokban tárolja, az Illustrator matematikai egyenleteket használ az alakzatok rajzolásakor. A vektoros rajzok méretezhetők a felhőkarcoló méretű bannerekhez; raszteres képek nem. Emiatt az Illustrator segítségével könnyen méretezhető rajzokat készíthet - például emblémákat.





Ez az Adobe Illustrator kézikönyv elmagyarázza a logó készítéséhez szükséges alapvető eszközöket, ezért nézze meg. Nyissa meg az Illustrator programot, és kövesse nyomon, hogy valóban átérezze az Adobe csodálatos vektorgrafikus programját.

Tartalomjegyzék

§1. Bemutatkozás



2. § - Az Illustrator munkaterület

§3 - Logó létrehozása az Illustratorban





§4 - 3D szöveg létrehozása az Illustratorban

§5 - Néhány hasznos tipp





§6. Következtetés

1. Bemutatkozás

Ha úgy döntött, hogy megtanulja az Illustrator programot, akkor az alapokkal kell kezdenie. Ez egy nagyon erős program, de egyben összetett is. Miután megismerkedett a kezelőfelülettel, az alapvető eszközökkel, a palettákkal és a munkaterülettel, sok időt és ideget takaríthat meg, és a munkafolyamat simának és kellemesnek tűnik.

Adobe Illustrator egy vektoros rajzoló program. Gyakran használják emblémák, ikonok, illusztrációk, diagramok, infografikák, pólók, névjegykártyák, írószerek, borítékok, csomagolás kialakítására-ahogy nevezed. Mindent összevetve többnyire nagy felbontású grafikák készítésére használják, amelyeket később ki is lehet nyomtatni.

Ellentétben a Photoshoppal, amely a képadatokat pontokban tárolja, az Illustrator matematikai egyenleteket használ az alakzatok rajzolásakor. Miről van szó?

Ez azt jelenti, hogy a vektorgrafika (például az Illustrator -rajz) bármilyen méretre méretezhető vagy nagyítható a minőség romlása nélkül, míg a raszteres képek (például a Photoshopban szerkesztett képek) pixelesednek a méretezés során:

Alapvetően a vektoros rajzok méretezhetők a felhőkarcoló méretű bannerekhez; raszteres képek nem. Tehát ha azt tervezi, hogy a munkáját különböző méretekben szeretné használni, használjon vektor alapú programot, például az Illustrator programot.

• A vektorgrafika előnyei:

• Nagy felbontás bármilyen méretben;

• Kis fájlméret;

• Kiváló minőségű nyomtatás;

• A felbontás nem csökken szerkesztés közben.

Hátrányok:

Nehéz reális rajzokat készíteni (de még mindig lehetséges).

Rendben, tehát még mindig olvassa ezt az útmutatót. Ez azt sugallja, hogy valóban közelebb szeretne kerülni az Illustratorhoz, ezért itt vagyok, hogy megosszam veletek a tudásomat. Ebben az útmutatóban bemutatom a munkaterületet, az alapvető eszközöket, formákat, és elkészítjük első logónkat ezzel a fantasztikus szoftverrel.

Kérjük, vegye figyelembe, hogy az Illustrator CS5 -öt használom Windows rendszeren, így a Mac felhasználóknak kissé eltérő billentyűkombinációkat kell használniuk: Parancs kulcs helyett Ctrl és választási lehetőség ahelyett Minden .

2. Az Illustrator munkaterület

Ha ismeri a Photoshopot, akkor az Adobe Illustrator munkaterület nem fog meglepni, mivel a fő részei alapvetően ugyanazok:

Elsősorban az Eszközök panelt fogja használni, mivel minden szükséges eszköz ott van. Egy aktív eszköz konfigurálásához használja a Vezérlőpultot, ahol az aktuális eszköz összes beállítása megmarad. És természetesen a panel dokkolóterülete - olyan fontos palettákat tárol, mint a színminta, a rétegek, a vonalbeállítások, a megjelenés, a színátmenet beállításai stb. (Minden paletta ki- és bekapcsolható ablakok menü).

Nézzük meg a Eszközök panel először.

2.1 Eszközök panel

Az eszköztárban sok eszköz áll rendelkezésre, de nem kell mindent megjegyeznie. Közülük csak néhányan látják el a feladatot.

Itt van egy referencia táblázat (néhány eszköz, pl Téglalap , több eszközt tartalmaz, amelyeket az eszköz ikonjának lenyomásával lehet kiválasztani):

Mindig azt mondom, hogy a tanulás legjobb módja a gyakorlás. Tehát tanuljuk meg az alapvető eszközöket azok tényleges használatával.

3. Logo készítése az Illustratorban

Általában Adobe Illustrator programot használok emblémák készítéséhez ügyfeleim számára. Miért nem próbálunk ki egyet?

Hívjuk fantasztikus társaságunkat LimeWorks . Lime -t kell készítenünk, és alá kell írnunk a nevet. Mint ez:

Ne feledje azonban, hogy létrehozunk egy egyszerű logót, csak hogy megismerkedhessünk néhány eszközzel és módszerrel. Kezdjük mészszegmensek rajzolásával.

3.1 A Pen Tool használata

Használni fogjuk a Toll eszköz, amely az Illustrator egyik leggyakrabban használt eszköze. Mindenféle alakzat és tárgy létrehozására használják. Válassza ki az eszköztár ikonjára kattintva, vagy használja a P gombot.

ingyenes hangkiegyenlítő a Windows 10 rendszerhez

A Toll eszközzel hozza létre az első háromszöget úgy, hogy háromszor kattint az élek kívánt helyére:

Megjegyzés: mint látható, a Grid (Ctrl+) billentyűt használom, hogy pontosabb legyek.

Az útvonal bezárásához kattintson az első pontra:

Most készen áll egy színnel való feltöltésre. Győződjön meg róla, hogy a háromszög ki van választva (kattintson rá a gombbal Kiválasztó eszköz, V. ), és válasszon egy sárga tónusot:

3.2 Kerek sarkok készítése

Kerek sarkokra van szükségünk annak érdekében, hogy a mészszegmensünk (háromszög) simább legyen. Használni fogjuk a Kerek sarkok hatás:

Ban,-ben Kerek sarkok párbeszédpanelt, írjon valami hasonlót 4 mm (Millimétereket használok egységként), és kattintson az OK gombra a módosítások alkalmazásához:

Jól néz ki. Most adjunk hozzá néhány textúrát, így reálisabbnak tűnik.

3.3 Photoshop effektek hozzáadása

Az Adobe Illustratorban az Effektusok menübe lépve látni fogja, hogy vannak Illustrator -effektusok és Photoshop -effektusok:

Használni fogjuk Ólomüveg (effektek-> textúra-> ólomüveg) .

De előtte szükségünk van az eredeti réteg feletti háromszögünk másolatára.

3.4 Objektumok másolása

Mutatok néhány gyors tippet, hogyan lehet egyszerűen másolni és beilleszteni objektumokat az aktuális réteg fölé és alá, a pontos pozíció megtartása mellett.

Ha egy kiválasztott objektum másolatát az eredeti fölé szeretné illeszteni, pontosan másolja be azt ( Ctrl+C) majd illessze be a segítségével Ctrl+F (ha használod Ctrl+V beilleszti a képernyő közepére). Ha az eredeti objektum alá szeretné illeszteni, használja Ctrl+B :

Rendben, most már ismeri a másolás/beillesztés trükkjeit.

Másolja ki és illessze be a háromszögünket maga elé (Ctrl+F), és töltse ki a beillesztett objektumot fehér színnel:

Nyissa meg a Ólomüveg párbeszédpanel és állítsa be az enyémnek ( Cella mérete = 17; Szegély vastagsága = 2; Fényerősség = 0 ):

3.5 Bővítse a megjelenést

Bontsa ki a megjelenést található a Tárgy menü, és az Illustrator egyik legfontosabb eszköze. Lehet, hogy külön útmutató szükséges a részletes leíráshoz, de ma csak az alapokat tanuljuk.

Tehát leegyszerűsítve, Bontsa ki a megjelenést egy objektum külön útvonalakra vagy képekre való felosztására szolgál, miután egy effektust rá alkalmaztak. Nos, ez kicsit zavarosan hangzik. Csak használjuk, és lássuk működés közben.

Győződjön meg arról, hogy a fehér háromszöget a gombbal választotta ki Ólomüveg hatást gyakorol rá, és menjen a Objektum-> Bontsa ki a megjelenést . Most tárgyunk egy kép:

3.6 Élő nyomkövetés

Az Adobe Illustrator másik remek tulajdonsága, Élő nyom a raszterképeket nyomkövető objektumokká alakítja. Vannak már alapértelmezett nyomkövetési beállítások, de egyéni beállításokat fogunk használni.

Menj Objektum-> Élő nyomkövetés -> Nyomkövetési beállítások és állítsa be az alábbi értékeket:

3.7 Bővítés

Kiterjed a nyomkövető objektumok szerkeszthető útvonalakká (vektor) történő átalakítására szolgál. A raszteres kép nyomon követése után használjon Kiterjed .

Mivel texturált objektumunk nyomon követhető, és készen áll arra, hogy visszakerüljön az utakra, használni fogjuk Kiterjed :

Amint látja, textúránk most egy halmaz utak , de meg kell változtatnunk a színét feketéről fehérre. Ezúttal használni fogjuk Agyvérzés (mivel a textúra vonások halmaza):

RENDBEN. De most kicsit éles. Homályosítsuk el egy kicsit.

3.8 Elmosódás

Menj Effektek-> Elmosódás-> Gauss-elmosódás , állítsa be a sugarat 2,8 képpontra, és ezt kell kapnia:

Ezen a ponton befejeztük a lime szeletünket. A többi könnyebb.

3.9 Objektumok csoportosítása

Ezen a ponton a mész ékünk készen áll, és meg kell ismételnünk. De több rétegből (objektumból) áll, így megkönnyítjük a dolgokat a másolás során Csoport őket.

Az objektumok csoportosításához válassza ki az összeset úgy, hogy az egeret köré húzza, majd rákattint Ctrl+G . Egy másik kényelmes módszer több objektum kiválasztására a tartás Váltás és rákattint a tárgyakra.

De mivel nincs más tárgyunk a rajztáblán, ehelyett kiválaszthatja az összes objektumot ( Ctrl+A ) és csoportosítsd őket ( Ctrl+G ):

3.10 A Forgatás eszköz használata

Forog eszközt (R) használják ... találd ki? Igen, tárgyak vagy alakzatok elforgatásához.

Válassza a Forgatás eszközt és Alt + kattintás a háromszög tetején, hogy beállítsuk forgásközéppontunkat. Az előugró ablakban állítsa be az alábbiakat, és kattintson a gombra Másolat :

Ezt most meg kell kapnod:

3.11 Egy kis trükk

Van egy kis trükk (egy a sok közül), amely megkönnyíti az Adobe Illustrator használatát a jövőbeni projektekben. A trükk csak egy billentyűparancs ( Ctrl+D ). Megismétli vagy alkalmazza a legújabb transzformációt a kiválasztott objektumra.

A mi gyakorlatunkban is jól jön. Válassza ki az új szeletet és használja Ctrl+D 6 alkalommal:

Voálá! Van egy finom citromunk. Most néhány részletre.

Először is csoportosítsa össze az összes szeletet, hogy rendben legyen. Ezután győződjön meg arról, hogy semmi nincs kiválasztva, kattintson máshol a rajztáblán.

3.12 Kör rajzolása

Válasszon világos zöld színt Tölt és egyik sem Agyvérzés :

Válaszd ki a Ellipszis eszköz (alszerszám alatt Téglalap vagy ütni AZ ):

Tart Shift + Alt , mutasson az egérrel a mész közepére, és húzza az egeret, amíg egy kört nem kap, amely lefedi az egész meszet:

Megjegyzés: a kezdéshez nem kell megtalálni a pontos központot - az objektumokat később igazítjuk.

3.13 Objektumok elrendezése

Ahogy most látod, a zöld kör az előtt vagy felett mészünk. Elküldeni vissza vagy lent , jelölje ki, és nyomja meg a Ctrl+[(Ctrl+] gombot, hogy az aktuális réteg fölé kerüljön):

Jó. Válassza ki azt a kört, és másolja maga alá (mint a 3.4. Pontban) a gombbal Ctrl+C és akkor Ctrl+B :

Változtassa meg a kitöltési színét sötétebb zöldre, és a Shift+Alt lenyomásával és az egyik referenciapont húzásával tegye kissé nagyobbá, mint az első kör:

Ez elég jól néz ki. Még jobb: befejeztük a nehéz részt.

3.14 Szöveg hozzáadása

Adjuk hozzá cégünk nevét a mész alá. Válassza a lehetőséget típus eszköz ( T ), kattintson a mész alá és írja be LimeWorks :

Most igazítsunk mindent középre.

3.15 Objektumok igazítása

Az objektumok tökéletes igazításához használja az Igazítás eszközöket. Ezek az eszközök a Vezérlőpulton találhatók, amikor a Kiválasztó eszköz aktív. Lásd alább a különböző igazítások megértéséhez:

Vegye figyelembe, hogy ezek a példák igazak Igazítás az Artboardhoz :

Ha úgy dönt Igazítás a kiválasztáshoz , akkor az objektumok igazodnak a kijelölés külső határaihoz.

RENDBEN. Válassza ki az összes objektumot (Ctrl+A), majd a vezérlőpulton kattintson a Vízszintes igazítási központ (2. szám) elemre:

Ez az. Most már játszhat a méretekkel és színekkel, ha akarja.

Ha kisebbre állítja a meszet és megváltoztatja a szöveg színeit, sokkal jobban fog kinézni:

Rendben, gratulálok az első logódhoz!

Térjünk a mentésre és exportálásra.

3.16 Mentés és exportálás

Az Illustrator fájlok mentéséhez kattintson a gombra Ctrl+S (mint mindig), és elmenti .hoz formátum.

Ha el szeretné menteni a logóját. png , akkor a két módszer egyikét használhatja: Fájl-> Exportálás vagy Fájl-> Mentés webre és eszközökre .

Míg a második módszer a teljes rajztáblát exportálja, az első módszer lehetővé teszi, hogy csak az objektumokat exportálja.

Íme egy példa:

jegyzet : bármikor módosíthatja az Artb méretét oard (Fájl-> Dokumentumbeállítás, majd kattintson a Rajztáblák szerkesztése elemre ). Ezt követően, amikor használja Mentés webre és eszközökre látni fogja, hogy a képméret az Artboard új mérete.

Megjegyzés: ellenőrizheti is Átláthatóság webes mentéskor, és logója átlátszó háttérrel rendelkezik.

Nézzünk meg egy másik oktatóanyagot más alapvető eszközök megismeréséhez. Hozunk létre egy 3D -s szöveget szutykos háttérrel.

4. 3D szöveg létrehozása az Adobe Illustrator programban

Míg a vektorgrafika jellemzően kétdimenziós, szép megjelenésű 3D objektumokat is létrehozhat. Ebben az oktatóanyagban egyszerű 3D -s szöveget hozunk létre szutykos háttérrel, mint az alábbiak:

Mint mondtam, most megtanuljuk az alapokat, hogy jobban megismerhesse a kezelőfelületet és néhány hasznos eszközt. Ha egyszer az leszel, látni fogod, hogy nincsenek korlátai annak, amit az Illustrator segítségével megtehetsz.

4.1 Szutykos háttér hozzáadása

Kezdjük egy jó háttérrel.

Keresse fel kedvenc webhelyét ingyenes textúrákért és hátterekért, és keressen egy szép szutykos hátteret. Vettem egyet tőle Stock kép :

Másolja ki és illessze be az Adobe Illustrator dokumentumba. Valószínűleg túl nagy lesz, ezért le kell méretezni. Használat Átalakítási panel a kép méretének szabályozásához:

Megjegyzés: használhatja saját értékeit, csak győződjön meg arról, hogy illeszkedik a dokumentumhoz.

Most már készen áll a háttérképünk, de adjunk hozzá még néhány effektust. Először létrehozunk egy téglalapot, majd hozzáadjuk az Inner Glow effektust, és az Átlátszóság panelen megváltoztatjuk a kép és a téglalap közötti keverést.

4.2 Téglalap létrehozása

Válassza a Téglalap lehetőséget az Eszközökből (M), rajzoljon egy téglalapot, amely megegyezik a háttérképével (érdemes használni a Átalakítás panel a pontos értékek beállításához), és állítsa be a Tölt színe világosbarnáig, ütés nélkül:

4.3 Belső ragyogás hatás hozzáadása

Menj Hatás-> Stilizálás-> Belső ragyogás és állítsa be az értékeket az ábrán látható módon:

Íme, mit kell tennie:

4.4 Az Átlátszó panel használata

Mindig használhatja Átlátszó panel hogy megváltoztassa az objektum vagy a réteg keveredési módját az alábbi rétegekkel. Először is küldjük a téglalapunkat a kép mögé. Válassza ki a téglalapot, kattintson rá, és használja Ctrl+[ .

Most válassza ki a képréteget a képre kattintva, és nyissa meg Átlátszó panel (Ablak-> Átlátszóság) és válasszon Szorozz keverési módként:

Szép. Végeztünk a háttérrel. Menjünk magához a 3D szöveghez.

4.5 A Type eszköz használata

Használni a Szerszámgép típusa (T) írja be a MakeUseOf -ot szép betűtípussal (én választottam Bold Diavlo , amely letölthető a címről exljbris Betűtípus Öntöde ). Legyen elég nagy, mint a 65pt , állítsa a követést erre -húsz és válassza a fehér szín:

4.6 Körvonalak létrehozása

Használat Körvonalak létrehozása - kattintson a jobb gombbal a szövegre, és válassza a lehetőséget Körvonalak létrehozása , a szöveg vektoros útvonalakká alakításához:

4.7 3D effektek hozzáadása

A 3D hatások bármilyen objektumra és szövegre is alkalmazhatók. Válassza ki a szöveget, ugorjon a Effekt-> 3D-> Extrude & Bevel és az alábbiak szerint kell alkalmazni:

Ez az, amit eddig el kellett érnie:

Most el kell választanunk egymástól a szöveg arcát és 3D -s hatásunkat. Használat Bontsa ki a megjelenést ezt csinálni ( Objektum-> Bontsa ki a megjelenést ).

Val vel Közvetlen kiválasztó eszköz (A) , csak a szöveg arcát válassza ki (tartsa lenyomva Váltás több objektum kiválasztásához):

Tipp : kiválasztáskor győződjön meg arról, hogy a horgonyok vannak kék és egyik sem fehér. Ehhez nagyítson egy kicsit, és kattintson valahol az objektumok közepére (itt - szöveglapok).

4.8 Az Unite használata a Pathfinder panelen

Most másolja és illessze be a kiválasztást és használja Egyesült tól től Úttörő panel, hogy az összes kijelölt arcot egyetlen csoportosított útvonalhoz csatlakoztassa:

Helyezze az új réteget a régi tetejére, és állítsa be Stroke Szín fehérre és Löket súlya 1pt -ig:

Majdnem ott vagyunk.

4.9 Színátmenet stílus hozzáadása

A színátmenet hozzáadása nagyon egyszerű - csak válassza ki az objektumot, kattintson a Gradiens panel a jobb oldalon, és állítsa be a színeket. Ezenkívül mindig használhatja az előre definiált lehetőségeket Könyvtárak tól től Ablak-> Swatch-könyvtárak-> Színátmenetek . De ezúttal állítsuk be manuálisan.

Ban,-ben Gradiens panel, készlet típus nak nek Lineáris , állítsa az első színt 0% -os helyen sötétvörösre, a második színt 80% -os helyen narancssárgára, a végső színt pedig 100% -ról élénkpirosra, Szög -90 ° -ra:

Tipp : használja a felső csúszkát a színátmenet színtartományának szabályozásához.

4.10 Árnyék hozzáadása

Hogy szövegünk némileg mélyebb legyen, adjunk hozzá némi árnyékot. Használni fogjuk a Gauss -elmosódás hatás.

Először másolja ( Ctrl+C ) az új réteget, és illessze be előre ( Ctrl+F ). Ezután változtassa meg a színét feketére, és állítsa a vonást semmire, majd küldje el a 3D effektréteg mögé a gombbal Ctrl+[ (győződjön meg róla, hogy a háttérrétegek felett van):

Mozgassa lefelé a nyílbillentyűkkel (az Y koordinátákat az Átalakítás panelen is módosíthatja, hogy pontosabb legyen):

4.11 Gauss -elmosódás alkalmazása

Árnyékunk most nem tűnik reálisnak; el kell homályosítanunk egy kicsit. Menj Hatás-> Elmosódás-> Gauss-elmosódás és állítsa a sugarat 9 pixelre:

Végeztünk!

5. Néhány hasznos tipp

A tippek és trükkök végtelenek, de mutatok néhányat ezek közül:

• Rétegek lezárása - ha néhány apró objektumot szeretne kijelölni, amelyek más objektumok előtt vannak (például háttér), a Shift+mindegyikre való kattintás helyett egyszerűen lezárhatja a hátteret a Ctrl+2 billentyűvel, vagy zárjelet írhat be a Rétegek panel.

• Mindig ellenőrizze a Rétegek palettát - amikor sok objektummal és fóliával dolgozik, nagyon hasznos a rétegek elnevezése és a rétegek igazításának ellenőrzése (hogy egy réteg a másik felett vagy alatt van -e, le van zárva stb.);

• Szükség esetén szerkessze újra a rétegstílusokat- igen, bármikor megváltoztathatja a stílus- vagy effektbeállításokat, amelyeket korábban már alkalmazott egy objektumra vagy rétegre a Megjelenés panelen keresztül (Ablak-> Megjelenés);

• Használja a Könyvtárakat-van néhány szép előre meghatározott könyvtár, amelyet felhasználhat munkáiban. Lépjen az Ablak-> Könyvtárak oldalra, és válasszon a Brush Libraries, Swatch Libraries, Graphic Style Libraries vagy Symbol Libraries lehetőségek közül. Sok van belőlük.

6. Következtetés

Remélem, minden világos volt ahhoz, hogy elkezdhesse szeretni az Adobe Illustrator programot. Amit ebben az útmutatóban ismertettem, az csak az alap. Legközelebb más csodálatos eszközök és trükkök összetettebb használatát mutatom be. Addig - gyakorlat .

Útmutató Megjelent: 2012. augusztus

Részvény Részvény Csipog Email A Google beépített buborékszintjének elérése Androidon

Ha valaha is szüksége volt arra, hogy megbizonyosodjon arról, hogy valami vízszintesen van -e, akkor pillanatok alatt buborékszintet kaphat a telefonján.

Olvassa tovább
Kapcsolódó témák
  • Kreatív
  • Számítógéppel segített tervezés
  • Hosszú alak
  • Longform útmutató
A szerzőről Azamat Denibekovich Esenaliev(3 cikk megjelent) Azamat Denibekovich Esenaliev további alkotásai

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide