Hogyan vágjuk ki az Illustratorban

Hogyan vágjuk ki az Illustratorban
Rick Davis

Ebben a cikkben az Illustrator különböző vágási lehetőségeit ismertetjük, és elmagyarázzuk a különbséget a raszteres (pixelalapú) kép és a vektorgrafika vágása között.

A vágás az Adobe Illustratorban kissé zavaros témának tűnik.

Nem vagyunk meglepve, hiszen a veterán Adobe-felhasználók tudják, hogy a vágási funkció nemrég került be az Adobe Illustrator funkcióinak rosterébe.

Amikor raszteres grafikával dolgoztak, a tervezők az Adobe Illustrator és a Photoshop között váltogattak a képek vágásához. De ez már nem így van.

Ebben a cikkben az Illustrator különböző képkivágási lehetőségeit ismertetjük, és elmagyarázzuk a különbséget a raszteres (pixelalapú) és a vektoros kép kivágása között.

Végül pedig bemutatjuk, hogy más tervezőszoftverek, mint például a Vectornator, hogyan viszonyulnak az Adobe Illustratorhoz az élvezetes vágási munkafolyamat biztosításában. Össze vagy zavarodva, vagy úgy érzed, hogy felfedezhetted volna, hogyan kell vágni anélkül, hogy egy egész szoftver kézikönyvét elolvastad volna róla? Derítsük ki ebben a lépésről-lépésre bemutatóban, jó?

Kép forrása: design.tutsplus.com

Lásd még: Vectornator 12 legjobb grafikai tervezési példája

Annak megértése, hogy mit szeretne elérni

A képvágás során az elsődleges cél a nem kívánt területek eltávolítása a képből. Általában a képkivágás célja a keretezés javítása, a téma elkülönítése a háttértől, a grafikák és textúrák meghatározott formákhoz való illesztése, vagy az eredeti fájl képarányának megváltoztatása. Hogy csak néhányat említsünk a leggyakoribb okokból, amiért egy képet ki akarunk vágni.

Ezt többféleképpen is meg lehet oldani. Raszteres képet vagy vektoros képet akar vágni? A kép egy részét szeretné megmutatni anélkül, hogy bármit is levágna (azaz nem destruktív vágás), vagy a levágott részeket örökre el akarja távolítani (destruktív vágás)?

Igényeitől függően különböző módszereket használhat. Az alábbiakban minden képkivágási funkciót ismertetünk.

A különbség egy raszteres kép és egy vektoros alakzat vágása között

Oké, még egy utolsó dolog, mielőtt rátérnénk a lényegre. Egy raszteres kép vágása nem ugyanaz a folyamat, mint egy vektoros alakzat vágása. Emlékszik a korábban említett Photoshop / Illustrator kombinációra - a Photoshop használata a raszteres képek vágására, az Illustrator pedig a vektoros képek vágására? Eléggé nem praktikus, ha minket kérdez. De a Creative Cloud óta az Illustrator kínál egy egyszerű vágóeszközt a raszteres képek vágására.

Ne feledje, hogy a vektorok sokkal nagyobb szabadságot biztosítanak a vágás során, mivel szerkeszthetők maradnak. Ezzel szemben a raszteres képek egy új formára vannak vágva, amelyet nem lehet megváltoztatni, hacsak nem vágja ki újra.

A képvágás számos módja

Képvágás az Illustrator CC-ben a Crop gomb használatával

Ahogy a cím is sugallja, ez a legegyszerűbb képkivágási lehetőség az Adobe Illustrator CC-ben. Ez a kivágási lehetőség azonban csak az Illustrator CC felhasználók számára érhető el.

Jelölje ki a képét a Kijelölés eszközzel. Ezután kattintson a felső eszköztáron a Kép levágása gombra - amely a maszk gombhoz hasonlítható -. Húzza a határoló doboz téglalap alakú sarkát/horgonyait, hogy pontosan úgy vágja le a képét, ahogyan szeretné (amennyiben csak egy téglalapot szeretne levágni).

⚠️ Figyelmeztetés - ez a módszer romboló hatású, ami azt jelenti, hogy a kivágott tartalom örökre elveszik.

A Kép kivágása opcióhoz nem tartozik billentyűparancs, de készíthet magának egyet. Ezzel a módszerrel mind a linkelt, mind a beágyazott képeket kivághatja. Egy képfájl Adobe Illustratorban történő beágyazásához kattintson rá a jobb gombbal, majd nyomja meg a Beágyazás .

Ez nem olyan egyszerű, mint ahogy a neve sugallja. Ha egy vektort egyszerű alakzatban szeretnénk kivágni, használhatjuk a Pathfinder vezérlőpultban elrejtett vektorvágó eszközüket is.

Először hozza létre az alakzatot a Téglalap vagy az Ellipszis eszközzel. Jelölje ki mindkét objektumot, miközben biztosítja, hogy a kivágni kívánt objektum alatta legyen. Ezután lépjen az Ablak -> Útkeresőre, és kattintson a(z) Növény Az alakzaton kívüli részek destruktív módon lesznek levágva.

Hasonló a vágómaszkhoz (amit alább elmagyarázunk). Az egyetlen különbség az, hogy ez a módszer destruktívan vág, míg a maszk nem. Ezért javasoljuk, hogy minden vágási vállalkozásodban használj maszkot.

Vágás Adobe Illustratorban vágómaszk használatával

A vágáskor a maszkok lesznek a legjobb barátaid, ezért itt érdemes különösen odafigyelni.

A vágómaszk legjobb tulajdonsága, hogy a képeket bármilyen egyéni alakzatra lehet vágni. Így van - a köröktől, gyémántoktól, hatszögektől kezdve a logó formájáig bármi lehet. A vágómaszk bármilyen alakzatot és formát felvehet.

A vágómaszkok roncsolásmentes és nem törli a nem kívánt területet a levágott képen. Ehelyett a képnek ez a része elrejtőzik. Ha a vágás módosításra szorul, mozgassa a képet a vágómaszk alá.

Először is létre kell hoznia azt az alakzatot, amelyet vágási alakzatként szeretne használni. Ez a vágási útvonal néven is ismert. Ha már rendelkezik az alakzattal, adja hozzá a vászonhoz a vágni kívánt objektum tetején.

Lásd még: 7 tipp a képek használatához az e-mail marketingben

Most itt az ideje, hogy elkészítsük a vágómaszkot. Ehhez győződjünk meg róla, hogy mindkét kép ki van jelölve.

Ezután kattintson a menüsorban az Object> Clipping Mask> Make gombra. Bumm! Most már láthatja a levágott képet.

Ne feledje, hogy az objektumok hierarchikus sorrendjének jelentősége van. A legfelső objektum lesz az alatta lévő objektum vágási útvonala.

Vágás Adobe Illustratorban az átlátszatlansági maszkok használatával

Hasonló eredmény érhető el az Opacitás maszkokkal.

Először is rajzolja meg a képet kivágni kívánt alakzatot (vagy importáljon egy már meglévő alakzatot a vászonra), és színezze azt feketére vagy fehérre. Az átlátszatlansági maszkok esetében a fehér azt jelenti, hogy a kép átlátszatlan lesz az adott területen. A fekete azt jelenti, hogy a kép adott része teljesen átlátszó lesz. A szürke az átlátszatlanságtól az átlátszóságig vagy egy gradiensig való elhalványulást jelzi.

Ehhez a példához tiszta fehéret fogunk használni, hogy az objektum könnyen kivágható legyen. Jelölje ki a képet és az alakzatot is. Az átlátszatlansági maszk létrehozásához válassza az Ablak -> parancsot; Átláthatóság Megjelenik egy új panel, majd kattintson a Maszk készítése , de biztosítsa a Clip jelölőnégyzet aktiválva van.

Quick & Dirty Cropping az Artboards segítségével

Az Illustrator Artboard gyors és piszkos alternatíváját is használhatod egy kép kivágására az Illustratorban. Ez természetesen csak téglalap alakú kivágások esetén működik. De nem romboló hatású. A grafikád még mindig nagyjából egészben van az oldalon, csak az Artboard szélein kívül.

A módszer egyszerű. Kattintson az Artboard ikonra, és változtassa meg az alakját a kivágni kívánt területre. Ezután exportálja a fájlt! Válassza a Fájl -> Exportálás másként parancsot, és a párbeszédpanelen jelölje be az Artboard használata az exportáláshoz opciót. Kész!

Profi tipp - ha meg akarja őrizni a átlátszó háttér , mindig exportálja a képet a PNG fájlformátum. JPEG formátum nem támogatja az átláthatóságot.

A képarány megtartása vágás közben

Tegyük fel, hogy egy képet ki akar vágni, hogy a fókuszt egy adott tárgyra irányítsa. Ennek ellenére a képarányt ugyanolyan arányban szeretné tartani, mint az eredeti képet, ami a grafikai tervezésben gyakori feladat, különösen digitális marketing célokra.

A folyamat sokkal egyszerűbb, mint amilyennek elsőre hangzik. Hozzon létre egy olyan alakzatot, amely lefedi a kép teljes méretét a Téglalap eszköz . Ezután változtassa meg a méretét a Ez garantálja, hogy a képarány megmarad. Ennyi.

Mozgassa az alakzatot a kívánt pozícióba, és alkalmazzon rá egy vágómaszkot.

Vectornator vs. Illustrator

Vectornator az Illustratorhoz hasonlóan vektoralapú szoftver. A Vectornatorban két gyors és egyszerű lehetőség áll rendelkezésre egy kép kivágására:

  1. A Crop eszköz ic-crop-toolic-crop-tool (optimális négyzetek vagy téglalap alakú formák vágásához). A vágási fogantyúkkal teljes és egyszerű vezérlést biztosít a kapott képkivágás felett.
  2. A Vágómaszk ic-maszkic-maszk technika (optimális szabálytalan, nem négyzet vagy nem négyszögletes alakzatok vágására). Clipping Mask művelet a Vectornatorban korlátlan lehetőséget ad a képvágásra. Megadjuk a szabadságot, hogy a Vectornator segítségével bármilyen formára vagy alakra vágja a képét.

Minden technika csak néhány lépést vesz igénybe, és szuper könnyű végrehajtani, még a tapasztalatlan felhasználók számára is.

A navigáció és a felhasználói felület tekintetében a Vectornator és az Illustrator nagyon különbözőnek tűnik. Az Adobe híres a sok "rejtett" funkciójáról és arról, hogy a megfelelő használatához haladó felhasználónak kell lenni. Még középszintű felhasználóként is előfordulhat, hogy a szoftver használatára vonatkozó válaszok után guglizva találja magát, amikor inkább a tervezésre kellene koncentrálnia.

Valamit meg kell változtatni, ha egy tervezőeszköznek ennyi lépésre, rövidítésre és rejtett funkcióra van szüksége ahhoz, hogy alapszinten működőképes legyen. A mai tervezők nem akarnak ezzel bajlódni, és nem is kellene.

Vectornator rendelkezik egy egyszerű és intuitív felület Nincsenek rejtett menük vagy felesleges rendetlenségek. Még egy kezdő is képes lesz gyorsan eligazodni a felületen. Az alkalmazásnak nagyon lapos a tanulási görbéje. A szoftver tervezésekor az volt a célunk, hogy a szoftver könnyen hozzáférhető a kezdők számára de a a szakmai teljesítményre való képesség.

A Vectornatorban a raszter alapú képet a Vectornatorban a Crop eszköz ic-crop-toolic-crop-tool vagy Maszk funkció ic-maszkic-maszk E két technika alkalmazása számos előnnyel jár:

A Crop Tool technika

  1. Egy olyan művelet, amely könnyen visszafordítható a Undo ic-undoic-undo művelet
  2. A Vágási fogantyúk teljes és egyszerű ellenőrzést biztosít a képvágás eredményének ellenőrzésére.
  3. A már levágott képre duplán koppintva megjelenik a teljes eredeti kép és a a képkivágás újra beállítható kényelmesen a Vágási fogantyúk .

A Clipping Mask technika

  1. Ez roncsolásmentes.
  2. Még mindig lehet mozgatni az eredetit miután elvégezte a maszkolási műveletet.
  3. Az így kapott alakzat továbbra is egy vektoros alakzat, amelyet tetszés szerint módosíthat.

Hogyan kell vágni a Vectornatorban

A Vectornatorban két egyszerű és gyors lehetőséged van a képvágásra. A Crop eszköz ic-crop-toolic-crop-tool és a Vágómaszk Az alábbiakban minden lehetőséget részletesen ismertetünk:

Hogyan vágjunk a vágóeszközzel

A Crop eszköz ic-crop-toolic-crop-tool a technika optimális a termesztéshez négyzet vagy téglalap alakú formák Az alábbiakban néhány lépésben elmagyarázzuk, hogyan végezze el a műveletet.

💡 Az alábbi videók Mac számítógépen készültek, és azt szemléltetik, hogyan kell vágni a Crop Tool ~ic-crop-tool~~ic-crop-tool~ segítségével. A pontos lépéseket iPad vagy iPhone segítségével is megismételheti. 1. lépés

Az első lépés az lesz, hogy a raszteres képet először a Vectornatorba importáljuk. A képet importálhatjuk a Könyvtár Popover ic-library-tabic-library-tab , a Import ic-importic-importic-import Tab , vagy a Drag &; Drop technika.

Tudjon meg többet a Vectornatorban rendelkezésre álló importálási lehetőségekről ~ic-import~~ic-import~. 2. lépés

Amint a raszteres képet importáljuk a Artboard ic-artboardic-artboardic-artboard vagy a vászonra, a kontextus-tudatos képszekció megjelenik az Ellenőrben, és megjelenik a Vágás gomb. Ha rákoppint a Vágás gomb , a Vágási fogantyúk aktiválódik és láthatóvá válik a kép határai körül.

3. lépés

Most, hogy a Vágási fogantyúk aktiválva és láthatóvá válnak, koppintsunk a Vágási fogantyúkra, és húzzuk a kívánt pozícióba. Ezután koppintsunk a Crop gomb , és a képet levágják. Vágási fogantyúk eltűnik, és a alapértelmezett Bounding Box jelenik meg, megkerülve a vágott raszteres képet.

💡 Megjegyzés - Raszteres kép vágása a Crop eszköz ~ic-crop-tool~~~ic-crop-tool~ is a romboló művelet , ellentétben vágás maszkolással Ha vissza akarja fordítani a vágási műveletet, koppintson a Undo ~ic-undo~~~ic-undo~. 4. lépés

Miután a kivágási folyamat befejeződött és a Határoló keret ismét láthatóvá vált, aktiválja a Kiválasztó eszköz ic-selectionic-selection , érintse meg és húzza a levágott képet, és mozgassa a vásznon a kívánt pozícióba.

5. lépés

Ha nem elégedett a kivágott képpel, akkor a Vágás gomb újra vagy duplán koppintson a képre a a vágási fogantyúk újbóli beállítása Az eredeti kép teljesen láthatóvá válik, és az új vágókerethez újra megnyithatja a a vágási fogantyúk beállítása újra.

Ha többet szeretne megtudni a Crop eszköz ~ic-crop-tool~~ic-crop-tool~ és sok más vektoros művelet Vectornatorban, látogasson el a Vectornator Learning Hub szakasz ~ic-learning-hub~~ic-learning-hub~, ahol mindent részletesen elmagyarázunk → Látogasson el a Learning Hubba.

Hogyan kell vágni egy vágómaszkkal

A Clipping Mask technika optimális szabálytalan, nem négyzet alakú vagy nem négyszögletes formák vágásához.

A Vectornatorban bármilyen zárt pálya alakzatot át lehet alakítani vágómaszká. A Vectornatorban korlátlanok a vágómaszkot tartalmazó alakzatok létrehozásának lehetőségei.

Néhány egyszerű lépésben elmagyarázzuk, hogyan vághat ki egy raszter alapú képet a Vectornatorban a Vectornatorban a Maszkolási technika ic-maszkic-maszk :

💡 A iPadOS 16 frissítésekkel egységesítettük az Ellenőrzést az egyszerűsített kezelőfelület érdekében. A videókat a Vágómaszk bemutatót a frissítés előtt kifejlesztett Vectornator iPad verzióval vettük fel. Ha többet szeretne megtudni a frissített ellenőr , kérjük, olvassa el ezt a Learning Hub szakaszt. A pontos lépéseket Mac vagy iPhone használatával is megismételheti. 1. lépés

Kezdjük azzal, hogy először importáljuk a raszteres képet a Vectornatorba. A képet importálhatjuk a Könyvtár Popover ic-library-tabic-library-tab , a Importálás lap ic-importic-importic-import , vagy a Drag &; Drop technika.

Tudjon meg többet a Vectornatorban rendelkezésre álló importálási lehetőségekről ~ic-import~~ic-import~. 2. lépés

Most hozzuk létre azt a vektoros alakzatot, amelyet maszkként szeretnénk használni az importált raszteres kép kivágásához.

Válassza ki a Shape eszköz a Eszköztár Kattintson a Három pont gomb ic-beállítások-2ic-beállítások-2 és válassza ki a Sokszög alakzat ic-polygon-polygon Állítsa be a sokszög oldalainak számát ötre a Eszköz csúszka Kattintson és húzza a vászonra az alakzat létrehozásához. Használja a Kiválasztó eszköz ic-selectionic-selection mozgathatja, méretezheti és forgathatja a Sokszög alakzat ic-polygon-polygon .

Tudjon meg többet a Vectornator alakzat eszközéről. 3. lépés

A következő lépésben elmagyarázzuk, hogyan hozzuk létre a Vágómaszk a kép levágásához.

💡 A 4.8.0-s frissítés óta a maszkoló alakzat a a réteghalmaz alja , a maszkolt elemek alatt.

Jelölje ki a vektoros maszkoló alakzatot, és mozgassa a réteghalmaz aljára. ic-bring-to-back ic-bring-to-back a Rétegek lap ic-layers-tabic-layers-tab , vagy a Gyors műveletek sáv ic-quick-actionsic-quick-actions az importált raszteres kép alatt. Helyezze el a maszkoló vektoros alakzatot a vásznon.

Ezután kattintson a Maszk ic-maszkic-maszk gomb vagy Az importált raszterkép most már csak a maszkoló alakzat határain belül látható.

A maszkoló réteg most egy apró maszk szimbólum ic-maszkic-maszk , és a maszkolt réteg a maszkoló réteghez kapcsolódik egy függő nyíl .

4. lépés

Most, hogy meghatároztuk a Clipping Mask struktúra , a maszkot továbbra is szerkesztheti a maszkoló alakzat kijelölésével és mozgatásával, vagy a maszkoló alakzat szerkesztésével a Csomópont eszköz ic-nodeic-node , mint a Vectornator vágómaszk funkciója nem roncsoló művelet .

Ha többet szeretne megtudni a maszkolásról, és sok más vektoros műveletről a Vectornatorban, látogasson el a Vectornator Learning Hub szakasz ~ic-learning-hub~~ic-learning-hub~, ahol mindent részletesen elmagyarázunk → Visit Learning Hub

Vectornator letöltése a kezdéshez

Emelje terveit a következő szintre.

Vectornator beszerzése



Rick Davis
Rick Davis
Rick Davis tapasztalt grafikus és vizuális művész, több mint 10 éves tapasztalattal az iparágban. Különféle ügyfelekkel dolgozott, a kis startupoktól a nagyvállalatokig, segítve őket tervezési céljaik elérésében és márkájuk felemelésében hatékony és hatásos látványvilágon keresztül.A New York-i Vizuális Művészeti Iskolában végzett Rick szenvedélyesen kutatja az új tervezési trendeket és technológiákat, és folyamatosan feszegeti az adott területen lehetséges lehetőségek határait. Mély szakértelemmel rendelkezik a grafikai tervező szoftverek terén, és mindig szívesen megosztja tudását és meglátásait másokkal.Tervezői munkája mellett Rick elkötelezett blogger is, és elkötelezetten foglalkozik a grafikai tervezőszoftverek világának legújabb trendjeivel és fejlesztéseivel. Úgy véli, hogy az információk és ötletek megosztása kulcsfontosságú egy erős és élénk tervezői közösség kialakításához, és mindig szívesen lép kapcsolatba más tervezőkkel és kreatívokkal az interneten.Függetlenül attól, hogy új logót tervez egy ügyfélnek, kísérletezik a legújabb eszközökkel és technikákkal a stúdiójában, vagy informatív és lebilincselő blogbejegyzéseket ír, Rick mindig elkötelezett amellett, hogy a lehető legjobb munkát végezze, és segítsen másoknak a tervezési céljaik elérésében.