Konvertálja a bittérképet Photoshop vektorgra. Hogyan lehet átalakítani a bitképet vektorrá a Photoshopban

Az orosz internet nyílt terein találtam egy képet a logóról. Lehetséges -e átalakítani raszterből vektorrá a Photoshopban, és automatikusan? Nem. Sajnos, bár a vektor tendenciái a Photoshopban ilyenek, minden, ami ebben az irányban történt, változatlan maradt még 5 verzióval ezelőtt. Azóta nem nyúlt hozzá, nem változott, és semmi új nem került a vektorba. Szüksége volt vektoros eszközökre a Photoshopban? Itt vannak, többet szeretne? Mit felejtett el a Photoshopban, Illustrator mester? Nagyjából ez a gondolatmenet hajtotta a fejlesztőket a legegyszerűbb vektoros műveletek végrehajtására a Photoshopban. Most térjünk a dolgokra.

A raszter-vektor átalakítás a kiválasztási területeken keresztül történik. Először létrehozunk egy kijelölést, majd a kiválasztási vonalakat vektoros utakká alakítjuk, majd kitöltő rétegekkel megtöltjük a vektoros útvonalakat, ezáltal vektor maszkot hozunk létre. Annak érdekében, hogy mindezt ne a hadsereg csapatainak szintjén megértsük - kattintson ide, kattintson ide, meg kell tanulnia a vektoros rajzolóeszközökkel való munkát, meg kell értenie, hogy a vektoros utak hogyan tudnak kölcsönhatásba lépni egymással, és megtanulhatja a vektormaszk létrehozását. De ne aggódjon, a hétvégéig nem kell leülnie olvasni, már érteni fogja, hogyan kell a rasztert vektorrá alakítani a Photoshopban, ha befejezi a cikk végső elolvasását.

A logó kiemelése

Szeretném hangsúlyozni, hogy ahhoz, hogy a vektorba történő fordítás kiváló minőségű legyen, magának a képnek nagynak kell lennie. Ez igaz az Illustratorban történő nyomkövetés esetén, és a Photoshop esetében még fontosabb. A képem 1500 pixel széles, ha befejeztük a vektoros fordítást, megmutatom, hogyan fordítja le a Photoshop a kis képeket, és összehasonlítjuk az eredményeket.

  • Válassza ki a Varázspálca eszközt
  • Állítsa be a 20 -as vagy 30 -as tolerancia -beállításokat.
  • Ugyanitt kattintson a Hozzáadás a kiválasztáshoz ikonra. Munkájukról részletesen írtam a Photoshop Add, Subtract, Intersect és Exlude cikkében, ahol a vektoros eszközökről volt szó, de a kiválasztásnál ezek a lehetőségek ugyanúgy működnek.

Őszintén szólva, nem érdekel, hogyan választja ki a logót, akár kézi lézerrel, akár a színtartományon keresztül. Csak éppen ebben a helyzetben, különösen ezen a képen a legegyszerűbb módja ennek a Varázspálca eszköz használata.

A kijelölés átalakítása vektoros útvá

Ne váltson a Varázspálca eszközről.

  • Kattintson a jobb gombbal a kiválasztási területre.
  • A megjelenő menüben válassza a Munkaút létrehozása lehetőséget.

  • A megjelenő ablakban állítsa a tűrést 1.0 -ra. Minél magasabb a tűrésérték, annál simábbak, stilizáltabbak és pontatlanabbak lesznek a körvonalaink.

Az alábbi ábrán kiválasztottam az Útvonalválasztó eszközt, és kiválasztottam az elérési utat.

Az Útvonal paletta elérési útjának mentése

Ez a művelet nem kötelező, de kívánatos.

    Váltson az Útvonal palettára. Ha nem találja, kattintson az Ablak> Útvonal elemre

    Kattintson duplán a paletta útvonalára.

  • A megjelenő ablakban írjon be egy nevet, majd kattintson az OK gombra.

Hozzon létre vektor maszkot

A vektormaszk létrehozásának folyamatát tökéletesen leírom a Vector maszk Photoshopban című cikkemben. Végezzük el ezt a folyamatot gyorsan és részletek nélkül.

    Győződjön meg arról, hogy kennelje van kiválasztva az Útvonal palettán

    Válasszon a Réteg> Új kitöltő réteg> Egyszínű menüből

    A megjelenő ablakban válasszon színt, majd kattintson az OK gombra

Ez minden. Minden pontosabb lenne, ha nem lenne hronofag.ru Ne feledje, elmondtam, hogy minél kisebb a kép, annál rosszabb lesz a fordítás. Készen áll arra, hogy fogadjon a kezére néhány piszkos szkennelt, amelyet a Wordbe töltenek, és amelyet az ügyfélnek vektorrá kell fordítania? Tippeltem? Ugyanakkor a képet JPG tömörítéssel tömörítik, kicsinyítik, majd nagyítják, majd ismét avatar méretűre csökkentik, és ketchupot is öntöttek rá. Lehetséges minőségileg lefordítani egy ilyen képet vektorrá a Photoshopban?

Először nézze meg a logónkat. A kiváló felbontás ellenére az éles szélekkel a Photoshopnak nem sikerült szép és egyenletes körvonalakat létrehoznia. Az illusztrátor 100 -szor jobban csinálja, de a cikk nem az illusztrátorról szól. Mint látható, a kontúrok nem mindenhol vannak, még a logó téglalap alakú részein sem. A körök pedig teljesen ferdék.

Most 2 -szer, majd kétszer csökkentem a képet, és megmutatom a vektoros fordítás eredményét.

Íme egy jó példa arra, hogy a bitkép mérete hogyan befolyásolja a nyomkövetés minőségét. És ez annak ellenére, hogy a kép a méret ellenére nagyon jó minőségű. Nos, csökkentem a minőséget. Mentse a képet JPG formátumban a legrosszabb minőségben.

Fordítsuk vektorrá. Kiváló eredmény, csak a ketchup hiányzik. Pont megfelelő egy elégedett ügyfélnek, grunge vagy vintage feldolgozáshoz!

És mégis kissé manipulálom az igazságot. A lényeg az, hogy mindez érthető az Illustrator számára, aki vektorból készít képet. A Photoshop nem vektorból készít képet, hanem útvonalat hoz létre a kijelölésből. Logikus, hogy minél jobb és simább a kiválasztás, annál simábbak lesznek a görbék. És a Varázspálca eszköz, amellyel ezeket a területeket választottuk, már nem alkalmas ilyen hátborzongató képek kiválasztására. Igen, képes lesz arra, hogy kiváló minőségű kiválasztásokat végezzen, az összes kiválasztási eszközt használva, sőt nagyítani is tudja, és ezek alapján többé-kevésbé egyenletes körvonalat hozhat létre, ami még mindig nem lesz ideális. Ezen az úton csak időpocsékolás. Az egyetlen működési lehetőség az, hogy a logót a semmiből jelenítse meg a Photoshopban.

Bár a Photoshop maszkjaival kapcsolatos megjegyzésem nem hűlt le, sürgősen szeretném kiemelni a raszter vektorrá alakításának kérdését. Két napja bementem a kronofágomba Google analitikusés mit láttam. Kiderült, hogy egyesek a "rasztertől vektorig" kérésre jutnak el az oldalamra, és közben a webhelyemen egyetlen értelmes megjegyzés sincs ebben a témában. Az emberek kínozzák Google rasztert vektorrá alakítani Corel Draw, illusztrátor sőt még Adobe photoshop ... Kezdjük a Photoshoppal.

A rasztertől a vektorig. Miért van erre szükség?

A Photoshop egy bittérképes program. A vektor vektor körvonalak formájában van benne. Mint olyan, vektoros objektumok nem Photoshopban. De vannak vektoros útvonalak, amelyek vektormaszkká alakíthatók. Maszkot alkalmaznak egy effektre vagy objektumra, és egy vektort kapnak a Photoshopban. Az ilyen objektum tartalma továbbra is raszteres, de bizonyos formátumokban mentve vektorrá alakítható.

Például létrehozhatunk kitöltést, és vektor maszkot húzhatunk rá. A Photoshop egész eszköztárral rendelkezik, amelyek ezt ingyen és automatikusan teszik, ez a vektor primitívek csoportja. További részletekért olvassa el a Vector primitívek című cikkemet a Photoshopban vagy. Tehát a kontúr vektor lesz. Töltse ki a rasztert.

A Photoshop nem működik vektorokkal teljes kapacitáson. Csak ott és itt használja ki előnyeit. De még a Photoshopban is a raszteres objektumok vektorobjektumokká alakíthatók. Miért van szüksége erre, ha van Illustrator? Nos, hogy is mondjam el. Amikor aktívan dolgozik a grafikával, különböző helyzeteket... Néha könnyebb lefordítani a kiválasztott útvonalat a helyszínen, mint ha fejjel az Illustratorba megy, és ott nyomon követi. Ahhoz, hogy az országban epres ágyat gyomláljon, nem kell kombájnt hívnia. Végül nem mindenki akarja, vagy tudja, hogyan kell használni az Illustrator programot, nem mindenkinek van rá szüksége, nem mindenki telepítheti magának, és itt és most le kell fordítania a gubancot vektorrá. Egyáltalán nem szükséges néhány hétig leülni három kötettel az Illustratoron.

Raszter vektor átalakítás Photoshopban

Pontosan mit tud a Photoshop vektorrá fordítani? Bármit, ha előre kiválasztja ezt az objektumot a csoporteszközökkel Válassza a lehetőséget... A Photoshop bármilyen kiválasztást vázlattá alakít. A kiválasztási eszközökről a Kiválasztási primitívek című cikkben olvashat a Photoshopban. Hadd mondjak egy működő példát. Sok évvel ezelőtt egy nagyon nehéz ügyfél felvette velem a kapcsolatot, és bonyolult webhelyet kért. Az oldalhoz különféle művészeteket kellett előadni, és úgy döntöttem, hogy lerajzolom Photoshopban. A rajzolás során vektorrá alakítottam át, és most elmondom, hogyan. Itt van az egyik olyan kép, amelyet kemény szélű ecsettel festettem a táblagépemen. Körberajzoltam az eredeti Vitruvian Man -t, módosítottam és lefestettem saját, az eredetitől eltérő arcomat. A művészet vektorizálásának ötlete véletlenül merült fel. De miután megvalósítottam, lehetőséget kaptam arra, hogy tetszés szerint méretezzem az embert. Sőt, a korábban szakadt élek és szabálytalanságok a vektorizálás után kisimultak.

A nyomon követendő kép megtalálása

Kerestem a Google Képekben egy pillangót. Ezt vektorrá alakítjuk. Kérjük, vegye figyelembe, hogy minél nagyobb a kép, annál simább lesz a vektorobjektumunk. Ez igaz a Photoshopra és az Illustratorra is. Nagy kép alatt 1000 képpont széles vagy annál nagyobb képet értek. A pillangóm például 2000 képpontos.

Az objektum kiválasztása

Válasszon a menüből Eszköz a leggyakoribb varázspálca Varázspálca eszközés kattintson a fehér területre. Így hoztuk létre a kiválasztási területet, de ki kell választanunk a pillangót.

Menj Válassza a> Fordított lehetőséget vagy kattintson a munkaterületre, majd a megjelenő menüből válassza a lehetőséget Inverz választása... A lényeg az, hogy a létrehozott kiválasztást meg kell fordítani a pillangó kiválasztásához. Őszintén szólva, nem érdekel, hogyan készíted el a választékot. Kövesse nyomon a lasszót kézzel, ez nem igazán számít.

Hogyan hozzunk létre vektoros utat

Van egy kijelölésünk, most alakítsuk át vektoros útvá pálya... Válasszon bármilyen kiválasztási eszközt, például Lasso eszköz, téglalap alakú sátor eszköz vagy Varázspálca eszköz... Kattintson a jobb egérgombbal a kiválasztási területre, és válassza ki Hozzon létre munkautat... A megjelenő menüben állítsa be a simítás mértékét Megértésíz. A függőség egyszerű. Minél magasabb a szám, annál nagyobb a simítás. Minél alacsonyabb a szám, annál alacsonyabb az anti-aliasing. A magas anti-aliasing kisebb számú vektorcsomót és pontatlanabb raszter útvonalat jelent. Vitruviai Férfim esetében pontosan ezt akartam.

Tehát a palettán Pálya most van egy munkaút. Ha nincs palettája Pálya nyisd ki Windows> Útvonal Paletta munkaterület Pályaúgy néz ki, mint egy asztali vagy ideiglenes menedék. Különböző kontúrok jelenhetnek meg rajta, de ha gondoskodik a következetes mentésről, akkor idővel eltűnnek. Kattintson duplán a körvonalra Munkaútés mentse el külön a körvonalat. Kontúrok a területen Pálya ugyanúgy működik, mint a paletta rétegei Rétegek... Ha a körvonal ki van választva, akkor az aktív, és dolgozhat vele.

Photoshop eszközök az utak kezeléséhez - Útvonalválasztó eszközés Közvetlen kiválasztó eszköz... Van útunk, de nincs tárgyunk. Ha olvasta a Photoshopban a vektorokról szóló jegyzetsorozatomat, akkor már tudja, hogy a Photoshopban egy vektor valamilyen hatás vagy grafika vektormaszkjaként jelenik meg. A vektor intelligens rétegként is jelen lehet, amely az importált Illustrator fájlra hivatkozik, de ezt egy másik megjegyzésre hagyjuk. Válassza ki az útvonalat az eszközzel Útvonalválasztó eszköz vagy az útvonal palettán Pálya... Kattintson Réteg> Új kitöltő réteg> Egyszínű Létrehoztunk egy kitöltő réteget, amelyhez azonnal vektor maszkot rendelünk az útvonalunk formájában.

A vektor vázlatának finomítása

Azok az anyagok felhasználásával, amelyeket a Vektorrajzoló eszközök a Photoshopban, valamint a Hozzáadás, kivonás, metszés és kizárás Photoshopban cikkekben leírtam, bonyolítsuk a rajzot. Fogtam az eszközt Toll eszköz, kiválasztotta a kitöltő réteg maszkját. A beállításokban Toll eszköz tegye fel Kivonniés hozzáadott néhány elemet pillangónkhoz. Kivágtam a szárnyak mintáit, a lábakat és az antennákat vastagabbá tettem.

Egyéni alakzat létrehozása Egyéni alakzatok

A kapott objektumot tetszőleges alakzatokba mentheti Egyedi alakzatok... Rég említettem, hogyan lehet ezt megtenni a Photoshop Egyéni alakzat eszköz cikkében. Válassza ki a pillangó réteget, és nyomja meg Szerkesztés> Egyéni alakzat definiálása Pillangónk megjelent a hangszer formáiban Egyéni alakzatok eszköz.

És végül a következőket kaptuk:

A raszteres fénykép vektorrá alakítása Photoshopban teljesen értelmetlen gyakorlat. De néha ezek a technikák jól jöhetnek a grafikai és egyéb oldalaknál.

A fotók raszterről vektorra történő fordítása Photoshopban

A Photoshopot nem arra tervezték, hogy raszteres grafikákat vektorrá alakítson. Ebben azonban számos speciális effektus található, amelyek vizuálisan egy vektoros kép látszatát keltik. És az általam leírt technika segítségével elkészítheti őket vektoros kép a Photoshopban. Vegyük például egy közönséges fényképet, amelyet egy ismert fotós készített.

Az egyik hatás, amit említettem, az Szűrő> Művészi> Kivágás A beállításokat a lelkiismeretére hagyom. A képnek a lehető legreálisabbnak kell lennie, de erősen anti-aliasednek. Ezen meg is állhatnánk, a kép már "vektorosnak" tűnik, de még mindig raszteres.

Most létre kell hoznia vektoros területek megegyezik a fénykép színeinek számával. Válassz egy botot Varázspálca eszközés győződjön meg arról, hogy a jelölőnégyzet nincs bejelölve a beállításokban Egybefüggő... Válassza ki az első területet, és kövesse a fent leírt teljes utat. Hozzon létre egy útvonalat a kijelölésből, hozzon létre egy kitöltött vektor maszkot az útvonalból stb.

Összességében a teljes fénykép vektoros területekre konvertálódik. Az utolsó fehér területet nem konvertáljuk vektorrá. Csak rajzoljon egy nagy fehér négyzetet az eszközzel Téglalap eszközés tegye az összes réteg alá. Könnyű tisztítás és kontúrozás után a fénykép az alábbi képhez hasonlít. És még egyszer, ez a fajta munka nem a Photoshop számára készült, hanem inkább perverzió. De ez megtehető, és különböző helyzetekben az ilyen technikák jól jöhetnek. A fénykép feldolgozása 10 percet vett igénybe, így az ilyen jellegű munka nem sok időt vesz igénybe. És ne feledje, mit nagyobb méret Ha a fényképet ilyen módon rétegekbe helyezi, annál jobb és rugalmasabb lesz a kontúr a kiválasztási területen. Minél kevésbé szögletes és durva a vektorunk a Photoshopban. Különféle beállítások Toleranszus kontúr létrehozásakor különböző eredményeket is adnak. Boldog kísérleteket!

Annak ellenére, hogy a Photoshop raszteres grafikus szerkesztő, eszközkészlete tartalmaz néhány vektoros eszközt. A vektoros eszközök elsősorban szerkeszthető görbék - utak létrehozására szolgálnak. A memória frissítése érdekében emlékezzen arra, hogy a raszteres és a vektoros grafika közötti különbség a grafikus információk tárolásának és leírásának módja. A vektoros képeket matematikailag leírt görbék formájában tárolják, amelyek nem veszítik el minőségüket a méretezés során, bármikor könnyen és rugalmasan szerkeszthetők. Először nézzük a vektorgörbék felépítésének elvét.


A vektor kontúrokat olyan vonalszakaszokra rajzoljuk, amelyek kulcscsomópontokkal és vezérlőpontokkal rendelkeznek. A kulcscsomópontok mindkét oldalon korlátozzák a vonalat, a kulcspontok pedig lehetővé teszik a görbék hajlításának szabályozását.


A csoport eszközeit görbék létrehozására használják. Toll... Eszköz Toll eszköz görbék létrehozására tervezték a kulcscsomópontok számára. Ennek az eszköznek a működési elve az, hogy jelzi az útszakasz legfontosabb pontjait. Ha egy vezérlőpont megadásakor az egérgomb elengedése nélkül mozgassa azt, akkor egy szegmenst, amely tartalmazza ellenőrző pont ... Az egér további mozdulatai már közvetlenül befolyásolják a vezérlőpontot, és viszont a szegmens kanyarulatát. A következő bal kattintással beállíthatja a következő vezérlőpontot stb.



A toll eszköz két üzemmódban - görbék létrehozása és úgynevezett alakzatok létrehozása - zárt vektoros területeken működhet.Ezek az üzemmódok közötti váltás a gombok segítségével történik - kontúr létrehozási mód, - alakzat létrehozási mód. Ha az űrlapok létrehozásának módjában dolgozik, akkor a létrehozott kontúr mindig lezártnak tekinthető, és ennek eredményeként a kiválasztott színnel lesz feltöltve. Fizikailag egy rétegmaszk jön létre a Rétegek palettán vektorkép alapján. Maga a réteg tele van az Ön által választott színnel (a színt a Tulajdonságok palettán választhatja ki).



A vektormaszkkal való munka elve kissé eltér a raszteres maszkkal való munkavégzés elvétől, csak az eszközök különböznek egymástól. Ha a bitmap maszkkal való munka esetén a rajzeszközök segítségével módosította azt, akkor in ez az eset a maszk alakját vektoros eszközök segítségével megváltoztatják.


Ahhoz, hogy egy vektormaszkot raszterré alakítson, meg kell hívnia a vektormaszk helyi menüjét, és ki kell választania az elemet Raszterizáló maszk... Ennek eredményeként rendszeres rétegmaszkot kap. Ellenkező esetben a rétegmaszk használata a vektoros változatban nem különbözik a raszteres verziótól.


A vektoros rajzok kényelmesek, mert bármikor nagyon kényelmes megváltoztatni a rajz görbéinek alakját. Ehhez számos eszköz létezik. Például az eszköz (kulcspontok - csomópontok hozzáadása) - hozzáadja a kulcspontokat a görbéhez azon a helyen, ahol rákattint. Az eszköz eltávolíthatja a felesleges pontokat az útvonalon a törlendő pontra kattintva. Valójában nem kell ezekre az eszközökre váltania. Ügyeljen a kapcsolóra Automatikus hozzáadás / törlés a Tulajdonságok palettán. Ha ez az üzemmód engedélyezve van (be van jelölve), a Toll eszköz automatikusan átvált a Pont hozzáadása eszközre (amikor az útvonal fölé helyezi) és a Ponteltávolító eszközre (amikor egy meglévő pontra helyezi). Ha az üzemmód le van tiltva, akkor csak a megfelelő eszközök használatával lehetséges a pontok törlése és hozzáadása.



A görbe hajlítását ellenőrző pontokon keresztül lehet szabályozni. A vezérlőpont kiválasztásához használja az eszközt Közvetlen kiválasztó eszköz... A csomópont kiválasztása szerkesztésre (ezzel az eszközzel kattintva a szerkesztendő csomópontra). Ezután a vezérlőpontok mozgatásával befolyásolja a görbe hajlítását a kiválasztott csomópont területén. Ezzel az eszközzel is mozgathatja a kiválasztott csomópontokat. Eszköz Útvonalválasztó eszközúgy tervezték, hogy egész görbével, mint egy tárggyal dolgozzon - mozgáshoz és átalakításhoz. A vektoros objektumoknál a Free Transform módot alkalmazzák, pontosan ugyanazt, mint a raszteres területeken.


A kulcscsomópontokkal való munka fontos eszköze az ún Pont konvertálása eszköz... Ennek az eszköznek az értelme az átalakítás csomópont típusa... V vektorgrafika A Photoshop kétféle kulcscsomót különböztet meg: simaés sarok (sarok)... Az antialiased kulcscsomópontok jelentése az, hogy két görbe vezérlőpontjai egy csomóponton konvergálnak Mindig ugyanazon a virtuális vonalon.



Egy másik típusú csomót, mint mondtuk, szögletesnek nevezik. Ennek a típusnak a jelentése az az egyik szegmens vezérlőpontján áthaladó virtuális vonalak és mindkét szegmens közös kulcscsomópontja bármilyen szögben konvergálhat.



A típuskonverziós eszköz a következőképpen működik - ha a csomópont simításra kerül (és alapértelmezés szerint a csomópontok kisimulnak), akkor a konverziós eszközzel való kattintás megjelöli a sarokba helyezendő csomópont típusát. Ha az egérgomb megnyomása után nem elengedi, hanem egyszerűen meghúzza, akkor képes lesz szabályozni a szegmens hajlítását egy adott csomópontnál.



Először a toll eszköz két módját választottuk. Az első az alakzatok létrehozásának módja, a második az utak létrehozásának módja. Nézzük részletesebben a kontúrokkal való munka módját.


Ebben az esetben az útvonal nem tölti ki automatikusan és nem képez vektor réteg maszkot és réteget. Ebben az esetben az útvonal kizárólag virtuális lesz, és nem kapcsolódik a rétegekhez. Az ilyen útvonalakkal való együttműködéshez létezik egy Útvonal nevű paletta. Minden útvonalú művelet ebben a palettában koncentrálódik.



Az Útvonal palettán az utak (útvonalak) rétegekként kerülnek elhelyezésre a Rétegek palettán, és egy vektorrétegen több, össze nem kapcsolt vektoros út is lehet. Az Útvonal paletta alsó sora útvonalvezérlő ikonokat tartalmaz. A fájdalmasan ismerős piktogramok kukával és üres levéllel nem változtatták meg céljukat ezen a palettán, azaz ennek megfelelően ez a vektorréteg eltávolítása és egy üres vektorréteg létrehozása.


Eddig azon tűnődtünk, vajon miért van szüksége egy ilyen abszolút raszteres szerkesztőnek, például a Photoshopnak ezekre a vektoros eszközökre. Egy egyszerű példa a vektorok használatára a Photoshopban, ha ismét kiválasztásokkal dolgozik. Amint az a képen is látható, az Útvonal paletta számos ikonját használják az útvonal (útvonal) kiválasztási útvá alakítására és fordítva. Valójában, miután elsajátította az ösvényekkel való munkavégzés bizonyos készségeit, megérti, hogy sokkal könnyebb a vektor útját a kiválasztott terület alakjához igazítani, mint akár egy meglehetősen rugalmas gyorsmaszk használatával. Ezért, ha szerkeszteni szeretné a kijelölést, akkor azt mindig át tudja alakítani útvonalra (útvonalra), majd szerkesztheti és újra kiválasztássá alakíthatja. Ha a hagyományos Stroke és Fill műveleteket szeretné használni a kiválasztási kontúrokhoz, akkor azok is rendelkezésére állnak.



A logikai műveletek kissé váratlanul működnek. Az útvonalak bármelyik logikai módban létrehozhatók, legyen az összeadás vagy kivonás. Ebben a szakaszban nem fog észrevenni semmilyen műveletet. De ne tévesszen meg az a tény, hogy hibát talált egy szinte hibátlan programban. Valójában a Photoshop megjegyzi, hogy milyen módban hozta létre az elérési utat (az iroda írja ...), és amint azt mondja a programnak, hogy hozzon létre egy kiválasztási vázlatot az útvonalak zűrzavarából, a Photoshop emlékezni fog mindenre, és elvégzi az összes műveletet, amelyet hozzárendelt útvonalak létrehozásakor. A párbeszédpanel egy útvonalból kiválasztási körvonal létrehozásához lehetővé teszi a legtöbb megadását fontos beállításokat a kiválasztási kontúrokkal kapcsolatban (de ez csak akkor lehetséges, ha az Útvonal paletta menü Kiválasztás végrehajtása parancsát használja).



Kérjük, vegye figyelembe, hogy beállíthatja a toll sugarat, engedélyezheti vagy letilthatja az Aliased funkciót. A Művelet részben beállíthatja az újonnan létrehozott kiválasztás logikai módját. Lehetőségek szakaszának csak akkor válnak elérhetővé, ha már létezik egy kiválasztási körvonal. Ennek megfelelően, ha az Új kiválasztás műveletet választja, a létrehozott kijelölés felváltja a meglévő kijelölést; a Hozzáadás a kiválasztáshoz opció hozzáad egy útvonalból létrehozott kijelölést egy meglévő kijelöléshez; Substruct from Selection - kivonja a létrehozott útvonalat a meglévő kijelölésből.


Eszköz Szabad formátumú eszköz lehetővé teszi vektoros útvonal létrehozását egyszerű festési módban, például ecsettel. Tartsa lenyomva a bal egérgombot, és csak mozgassa az egeret, rajzolja le a kívánt körvonalat. Ennek az eszköznek van egy fő jellemzője amely ezt a vektoros eszközt a mágneses Lasso eszközhöz hasonlítja Mágneses... A működési elv ugyanaz, az eszköz keresi a kontrasztos határokat, és csak ott követi a kontúrt. Ellenkező esetben az eszköz által létrehozott útvonal nem különbözik a szokásos útvonaltól.

  • Megtekintve: 58428

Ebben az oktatóanyagban megtanuljuk a vektoros alakzatok rajzolásának alapjait a Photoshop CS6 programban az egyszerű Shapes eszközök segítségével! Kezdjük azzal, hogy megtanuljuk, hogyan működnek az eszközök. "Téglalap"(Téglalap eszköz ), "Lekerekített téglalap"(Kerekített téglalap eszköz), "Ellipszis"(Ellipszis eszköz), "Poligon"(Sokszög eszköz) és "Vonal"(Vonal eszköz). Ezután megtanuljuk, hogyan válasszuk ki a kitöltés és a vonás színeit az alakzatokhoz, a változáshoz megjelenés vonások, alakzatok szerkesztése az alakzatrétegek hasznos tulajdonságaival és még sok más! Rengeteget kell tanulnunk, ezért ebben az oktatóanyagban a Geometriai alakzatok csoport öt alapvető eszközének működésére és tulajdonságaira összpontosítunk. A következő leckében megtanuljuk, hogyan adhatunk hozzá bonyolultabb alakzatokat dokumentumunkhoz a Freeform Shape eszköz segítségével!

Ez az oktatóanyag a Photoshop CS6 felhasználók számára készült. Ha többen dolgozol régi verzió programot, kövesse az eredeti Shape and Shape Layer leckét a Photoshopban.

A legtöbb ember azt gondolja, hogy a Photoshopot csak pixeles képek feldolgozására használják, és ha jó képszerkesztőt kérne tőlük, a legtöbb esetben ez lenne a válasz: Adobe Illustrator". Valójában az Adobe Illustrator szerkesztő képességei jóval szélesebbek, mint a Photoshop programok, de ennek ellenére, mint ezt és a következő tanulságokat látni fogjuk, az Alakzatok csoport különféle eszközei megkönnyítik az egyszerű vektoros képek hozzáadását a képekhez és rajzok.

Ha nem tudja, mi a vektor alakja, és miben különbözik a képpont alakjától, nézze meg ezt az oktatóanyagot.

Alakzat Eszközök

Photoshop program a „Shapes” csoport hat eszköze közül választhat: "Téglalap"(Téglalap eszköz), Lekerekített téglalap(Kerekített téglalap eszköz), "Ellipszis"(Ellipszis eszköz), "Poligon"(Sokszög eszköz), "Vonal"(Vonal eszköz) és "Szabad figura"(Egyéni alakzat eszköz). Mindezek az eszközök egy helyen találhatók az eszköztáron. Alapértelmezés szerint a Téglalap eszközt látjuk, de ha rákattintunk az eszköz ikonjára, és lenyomva tartjuk az egérgombot, akkor a képernyőn megjelenik egy legördülő menü, amely tartalmazza az egyéb eszközök listáját, amelyek közül kiválaszthatjuk a szükséges eszközt:

A Téglalap eszköz ikonra kattintva megtekinthetjük az alakzatcsoport többi eszközét

Kiválasztom a lista első eszközét, a Téglalap eszközt:

Vektoros alakzatok, útvonalak és képpontok

Mielőtt elkezdenénk rajzolni az alakzatokat, meg kell mondanunk a Photoshopnak, hogy milyen típusú alakzatot szeretnénk rajzolni, mert a valóságban a Photoshop lehetővé teszi számunkra, hogy háromból alakzatokat rajzoljunk különböző típusok- vektor alakzatok, útvonalak és pixel alakzatok. Más leckékben részletesebben megvizsgáljuk az ilyen típusú formák közötti különbséget, de amint azt már a "Vektor alakzatok és képpont alakzatok rajzolása a Photoshop CS6 -ban" leckéből megtudtuk, a legtöbb esetben vektoros alakzatokat fog rajzolni. A pixelformáktól eltérően a vektoros formák nagyméretezhetők, teljesen méretezhetők és felbontástól függetlenek. Ez azt jelenti, hogy tetszés szerint szerkeszthetünk, átméretezhetünk anélkül, hogy elveszítenénk a képminőséget. A vektoros formák szélei élesek és élesek maradnak mind a képernyőn, mind nyomtatáskor.

Ha vektoros alakzatokat szeretne rajzolni, nem pedig útvonalakat vagy pixeles alakzatokat, válassza a lehetőséget "Ábra"(Alak) a képernyő tetején található eszköztárban:

Válassza ki a "Shape" eszköz módot a beállítások panelen

Egy forma kitöltése színnel


Kattintson a kitöltési színminta ikonra

Ennek eredményeképpen megnyílik egy párbeszédpanel, ahol a rendszer arra kéri, hogy válasszon egyet az alakzat kitöltésének négy módja közül, amelyet külön ikon jelez. Balról jobbra látható a Nincs szín ikon (piros átlós csíkkal), a Színes kitöltés ikon, a Színátmenet ikon és a Minta ikon:

4 forma kitöltési lehetőség (nincs szín, egyszínű, színátmenet és minta)

Kitöltési módszer "Nincs szín"

Ahogy a neve is sugallja, a kitöltési módszer "Nincs szín"(Nincs szín) nem tölti ki az alakzatot semmilyen színnel. Miért van szükségünk üres formára, kérdezheti? Nos, bizonyos esetekben érdemes lehet, hogy az alakzatnak csak vékony körvonalai legyenek. Ezután megvizsgáljuk, hogyan lehet vonást hozzáadni az alakzathoz, de ha azt szeretné, hogy az alakzatnak csak kitöltési szín nélküli útvonala legyen, válassza a Nincs szín opciót:

Egyetlen szín sem tölti fel a formát semmilyen színnel

Az alábbiakban egy mintaalak látható a Nincs szín opció alkalmazása után. Csak az ábra vékony körvonalait látjuk, az úgynevezett "kontúrt". A vázlat csak a Photoshopban látható, tehát ha elkezdi nyomtatni vagy menteni a dokumentumot JPEG formátumok vagy PNG, a körvonal eltűnik. Ahhoz, hogy láthatóvá váljon, hozzá kell adnunk egy vonást, amelyet az összes lehetőség áttekintése után tovább vizsgálunk. tölt(Tölt):


Ha a "Nincs szín" lehetőséget választja kitöltési módszerként, akkor csak az alakzat körvonala látható (és akkor is csak a Photoshopban)

Egyszínű színű kitöltési módszer

Ha az alakzatot színekkel szeretné kitölteni, válassza a lehetőséget "Tiszta szín"(Egyszínű) (második ikon balról):

Kattintson a "Egyszínű" paraméter ikonra

A "Színes szín" paraméter kiválasztása után válassza ki az alakzat színét az egyik színminta kattintásával. A legutóbb használt színek megjelennek a sorban "Legutóbb használt színek"(Nemrég használt színek) a fő színmintákon felül:

Válasszon színt a színmintájára kattintva

Ha a kívánt szín nem szerepel a minták között, kattintson a Színválasztó ikonra a párbeszédpanel jobb felső sarkában:

Kattintson a Színválasztó ikonra

Ezután válassza ki a kívánt színt a Színválasztóban. A szín kiválasztásakor kattintson az OK gombra a paletta bezárásához:


A Színválasztóban válasszon színt az alakzat kitöltéséhez

Az alábbiakban ugyanaz a forma látható, csak ezúttal színekkel töltve:


Alakunk most tele van színekkel

Kitöltési módszer "Gradient"

Ha az alakzatot színátmenetes kitöltéssel szeretné kitölteni, válassza a lehetőséget "Gradiens"(Gradiens). Ezután kattintson az egyik miniatűrre a kívánt színátmenetes minta kiválasztásához, vagy hozzon létre sajátot a színátmenet bélyegképei alatti lehetőségek segítségével. V külön leckét megnézzük a színátmenetek létrehozásának és szerkesztésének módját:

Először válassza ki a "Színátmenet" paramétert, majd a kívánt színátmenetes mintát

Az alábbiakban ugyanaz a forma látható, csak ezúttal színátmenettel töltve:


Alakunkat most az egyik előre meghatározott színátmenetes színminta tölti ki.

Minta kitöltési módszer

Végül az opció kiválasztása "Minta"(Minta), mintával kitölthetjük az alakzatot. Kattintson az egyik miniatűrre a kész minta meghatározásához. Kezdetben nem sok minta található a programban, de további mintákat is letölthet az internetről letöltve vagy saját maga készítve, ha rákattint a kis fogaskerék ikonra (a Színválasztó ikon alatt), és "Minták letöltése"(Betöltési minták) az előugró menüből:

Először válassza ki a "Minta" paramétert, majd a kívánt mintamintát

És így fog kinézni a forma, tele a Photoshop egyik mintájával. A párbeszédpanel bezárásához "Tölt"(Fill), nyomja meg az Enter (Win) / Return (Mac) billentyűt, vagy kattintson a üres helyre a beállítások panelen. Ha kétségei vannak az alakjának megfelelő szín, színátmenet vagy minta kiválasztásával kapcsolatban, ne aggódjon, később megvizsgáljuk, hogyan változtathatja meg őket:


Egy kiválasztott mintával töltött forma

Vonás hozzáadása az alakzathoz

Alapértelmezés szerint a Photoshop nem ad vonásokat az alakzat széleihez, de az egyik hozzáadása olyan egyszerű, mint a színnel való kitöltés. Valójában a paraméterek beállításai "Stroke" ("Stroke")(Stroke) és "Tölt"(Kitöltés) ugyanaz a Photoshop CS6 -ban, így már tudja, hogyan kell használni őket!

Egy vonás hozzáadásához kattintson a vonal színmintájára a beállítási sávon:


Kattintson a vonás színmintájára

Ennek eredményeképpen megnyílik egy párbeszédpanel, ugyanazokkal a beállításokkal, mint a kitöltés, kivéve, hogy most a színt választjuk a vonáshoz. Ismét négy ikon látható az ablak tetején "Nincs szín"(Nincs szín), "Tiszta szín"(Szolid szín), "Gradiens"(Színátmenet) és "Minta"(Minta). Alapértelmezés szerint a Nincs szín opció van kiválasztva. Én viszont a Szilárd szín opciót fogom kiválasztani, majd a színvonalat feketére állítom a színminták közül választva. A kitöltéshez hasonlóan, ha a szükséges szín nem szerepel a színtárak között, kattintson a Színválasztó ikonra a felső sarokban a kívánt szín kézi kiválasztásához:

Válassza ki az "Egyszínű" opciót a vonáshoz, majd válassza ki a kívánt színt a színminták közül.

Változtassa meg az ütés szélességét

A löket szélességének (vastagságának) megváltoztatásához használja a paramétert "Szélesség"(Szélesség) a vonal színminta jobb oldalán található a Beállítások sávon. Alapértelmezés szerint értéke 3 pt. A szélesség megváltoztatásához vagy adjon meg egy adott értéket közvetlenül az adatbeviteli ablakba (az Enter megerősítése (Win) / Return (Mac) megnyomásával az adatok megerősítése érdekében), vagy kattintson az érték jobb oldalán található kis nyílra) és mozgassa a csúszkát:

Változtassa meg a löket szélességét

Élek igazítása opció

Ha tovább néz a beállítások panel jobb oldalára, megjelenik az opció Igazítsa az éleket(Élek igazítása). Ha ez az opció be van kapcsolva (be van jelölve), a Photoshop az alakzat széleit a pixelrácshoz igazítja, aminek következtében élesek és élesek maradnak:

Győződjön meg arról, hogy az Él igazítása be van kapcsolva

Az Élek igazítása opció működéséhez azonban nem elegendő egyszerűen kiválasztani. Azt is szeretné, hogy a löket szélessége pixelben (px), ne pedig pontokban (pt) legyen. Óta jelenleg a löketem szélességét pontokban mérik (az alapértelmezett mértékegység), visszamegyek, és új szélességi értéket adok meg, 10 pixelt (px):

Az Élek igazítása opció működéséhez állítsa be a vonal szélességét pixelben (px)

Az alábbiakban 10 px -es fekete vonást alkalmaztam az alakzatra:


Egyszerű forma, körülötte fekete körvonalakkal

Miután egy vonást hozzáadtam az alakzathoz, ha visszamegyek, és rákattintok a kitöltési színmintára a beállítási sávon, kiválasztom a kitöltési módszert "Nincs szín"(Nincs szín), csak egy vonással lesz az alak körvonala. A forma belül üres lesz. Úgy tűnhet, hogy az alak fehérrel van tele, de ez csak a szín miatt van háttér dokumentum fehér, amit a valóságban látunk.


Ugyanaz a forma, a "Nincs szín" kitöltési lehetőséggel

További löketlehetőségek

Alapértelmezés szerint a program folyamatos vonást rajzol, de ezt megváltoztathatjuk a gombra kattintva Állítsa be az Alakvonás típusát(Stroke Options) a beállítások panelen:


Kattintson a "Az alakzat ütés típusának beállítása" gombra

Ez megnyit egy párbeszédpanelt Stroke lehetőségek(Stroke Options), ahol megváltoztathatjuk a löket megjelenését egy folytonos vonalról szaggatott vagy szaggatott vonalra. Paraméter Igazítsa(Igazítás) lehetővé teszi, hogy kiválasszuk az ütés típusát: a pályán belül, kívül vagy középen. Elkészíthetjük a sorok végét a lökethez (paraméter "Véget ér"(Caps)) lekerekített, négyzet alakú vagy megvastagodott, és a vonal metszése a löketben (paraméter "Sarok"(Sarkok): éles, lekerekített vagy ferde. Amikor megnyomja a gombot "Egyéb paraméterek" A (További beállítások) párbeszédpanel alján található ablak egy másik ablakot nyit meg, ahol a vonásokhoz és szóközökhöz meghatározott értékeket állíthatunk be szaggatott vonalés akár elmentheti a beállításokat előre beállítottként:

Stroke lehetőségek

Az alábbiakban azonos alakú alakzat látható, de ezúttal a folyamatos vonal helyett a szaggatott vonal van kiválasztva:


Az ütés megjelenése folyamatos vonalról szaggatott vonalra változott

Téglalap alakú eszköz

Tehát már megtanultuk, hogyan válasszuk ki az eszköztáron a különböző Alakzatok csoporteszközöket, hogyan választhatjuk ki a kitöltés és a vonás színét, és hogyan módosíthatjuk a vonás megjelenését. Most tanuljuk meg, hogyan kell rajzolni magukat a vektoros alakzatokat! Kezdjük a lista első alakzatcsoport -eszközének megvizsgálásával - "Téglalap"(Téglalap eszköz). Az eszköztárból fogom kiválasztani, mint korábban:

A Téglalap eszköz kiválasztása

A Téglalap eszköz segítségével egyszerű négyszög alakokat rajzolhatunk. Alakzat rajzolásához kattintson a dokumentumablakban az alakzat kezdőpontjának meghatározásához. Ezután, miközben lenyomva tartja az egérgombot, húzza az egérmutatót átlósan az alakzat rajzolásának befejezéséhez. A kurzor mozgatásakor látni fogja a jövő alakjának vékony körvonalait (körvonalait):


Húzza a kurzort egy téglalap alakú rajzhoz. A kurzor mozgatásakor megjelenik az alak vékony körvonala.

Amikor elengedi az egérgombot, a program kitölti az alakzatot a beállítások panelen kiválasztott színnel:


A program az egérgomb elengedésekor színekkel tölti meg az alakzatot

Az alakzat méretezése a rajzolás után

Miután megrajzolta a kezdeti alakzatot, annak aktuális méretei megjelennek a beállítási sávon: szélesség(Szélesség (W)) és magasság(Magasság (H)). Esetemben 533 pixel széles és 292 pixel magas alakzatot rajzoltam:


Az alakzat kezdeti méretei (szélesség és magasság) a beállítási panelen láthatók

Ha át kell méreteznie az alakzatot a rajzolás után (ez a módszer minden Alakzat eszközre működik), akkor írja be az új értékeket a megfelelő Szélesség és Magasság mezőbe. Tegyük fel például, hogy az alakomnak 500 képpont szélesnek kell lennie. Csak a szélesség értékét kell megváltoztatni 500 képponttal. Ha szükséges, megadhatok egy adott magasságértéket is. Ha az alakzat magasságának vagy szélességének megváltoztatásakor az arányok változatlanok maradnak, először kattintson a kis lánc ikonra a magasság és szélesség értékei között:


Ezután a lánc ikon aktiválása után adjon meg egy új értéket a magassághoz vagy szélességhez. Ebben az esetben a Photoshop automatikusan lecseréli a második paraméter megfelelő értékét. Esetemben manuálisan adtam meg egy új értéket az 500 képpont szélességhez, és mivel a lánc ikon aktiválódott, a Photoshop a magasság értékét is 273 képpontra változtatta:


Az alakzat átméretezése

Alakzat méretezése a rajzolás előtt

Ha véletlenül ismeri az alakzat pontos magasságát és szélességét, mielőtt rajzolja, akkor van egy praktikus trükk. Ha kiválasztotta az Alakzatok eszközt, kattintson bárhol a dokumentumon belül. Ennek eredményeként azonnal megnyílik egy párbeszédpanel, ahol megadhatja a kívánt magasság- és szélességértékeket. Kattintson az OK gombra a párbeszédpanel bezárásához, és a program automatikusan lerajzolja az alakzatot:

A szélesség és magasság értékeinek megadásához kattintson bárhová a dokumentumban, és a program automatikusan lerajzolja az alakzatot

Alakzat rajzolása a középpontból

Fedezzünk fel néhány egyszerű, de hasznos billentyűparancsot. Ha lenyomva tartja a gombot Alt (Win) / Option (Mac) ahogy mozgatja a kurzort, akkor az alakzatot a középpontból fogja rajzolni, nem a sarokból. Ez a technika az összes Shape eszközzel működik, nem csak a Téglalap eszközzel. Kérjük, vegye figyelembe, hogy először el kell kezdenie az alak rajzolását, és csak ezután nyomja meg az Alt (Win) / Option (Mac) billentyűt. Fel kell engednie az első egérgombot, és csak ezután kell megnyomni az Alt (Win) / Option (Mac) billentyűt, különben a technika nem működik:


Nyomja le és tartsa lenyomva az Alt (Win) / Option (Mac) billentyűkombinációt, hogy rajzoljon egy alakzatot a középpontból

Négyzetek rajzolása

Négyzet rajzolásához helyezze a kurzort a dokumentumablakba, és kezdje el húzni, és rajzoljon egy téglalap alakot. Miután elkezdte ezt, nyomja meg a gombot Váltásés tartsa lenyomva a kurzor mozgatása közben. A Shift billentyű megnyomásával az alakzat négyzet alakú lesz. Ismét ne felejtse el megnyomni a Shift billentyűt, miután elkezdte mozgatni a kurzort, és engedje fel utoljára, különben a négyzet nem rajzolódik ki. Két billentyűparancs kombinálható a gombok lenyomva tartásával Shift + Alt(Győzelem) /Shift + Opció(Mac) az eszköz használatakor "Téglalap"(Téglalap eszköz), aminek eredményeként tökéletes négyzetet rajzol a középpontból:


Tartsa lenyomva a Shift billentyűt, miközben a kurzort négyzet rajzolásához mozgatja

Ismét festés közben csak a négyzet vékony körvonalait látja, de amikor elengedi az egérgombot, a Photoshop kitölti a kiválasztott színnel:

A program mindig várja, hogy elengedje az egérgombot, mielőtt színnel kitölti az alakzatot

Alakítja az eszköz beállításait

Ha a beállítási panelt nézi, akkor a paramétertől balra Igazítsa az éleket(Igazítsa az éleket) megjelenik egy fogaskerék ikon. Ha rákattint, megnyílik egy párbeszédpanel további beállítások a "Shapes" csoport eszközéhez, amely a Ebben a pillanatban kiválasztott:

Kattintson a fogaskerék ikonra

Mivel kiválasztottam az eszközt "Téglalap"(Téglalap eszköz), a fogaskerék ikonra kattintva további lehetőségek jelennek meg a Téglalap eszközhöz. A Sokszög és Vonal eszközökkel való munkavégzés kivételével, amelyeket később megvizsgálunk, nem fogja túl gyakran használni ezt a menüt, mert már ismertettük, hogyan érheti el ezeket a lehetőségeket a billentyűzetről. Például a paraméter "Önkényesen"(Korlátlan) lehetővé teszi, hogy bármilyen méretű és oldalarányú alakzatokat rajzoljunk, de mivel alapértelmezés szerint minden alakcsoport -eszköz így működik, nincs szükség erre a lehetőségre. Paraméter "Négyzet"(Négyzet) lehetővé teszi, hogy négyzeteket rajzoljunk a Téglalap eszközzel, de ezt egyszerűen megtehetjük a Shift billentyű lenyomásával és lenyomásával, miközben mozgatjuk a kurzort. Paraméter "A központtól" A (From Center) feladata az alakzatnak a középpontból való rajzolása, de ezt megtehetjük az Alt (Win) / Option (Mac) billentyűk lenyomásával.

Ha az opciókat választja « Előre beállított méret» (Rögzített méret) vagy "Állítsa be az arányokat"(Arányos), és adja meg a szélesség és magasság értékeit, ezek az értékek a következő rajzolandó alakzatot is befolyásolják, nem csak a már megrajzoltat. Ezért ne felejtse el visszatérni az ábra rajzolása után, és válassza ki újra a paramétert "Önkényesen"(Korlátlan), különben minden új rajz azonos méretű vagy arányú lesz:

A megjelenő lehetőségek attól függnek, hogy az Alakzatok csoport melyik eszköze van kiválasztva.

Alakrétegek szerkesztése

Korábban megtudtuk, hogy ahhoz, hogy vektoros alakzatokat rajzoljunk a Photoshopban, be kell állítanunk a rajzolási módot - "Ábra"(Alakok) (szemben az útvonalakkal és a képpontformákkal). Amikor vektor alakzatot rajzolunk, a program automatikusan elhelyezi azt egy külön speciális rétegen, az ún Alakréteg(Alakréteg). Ha megnézzük a rétegek panelt, láthatjuk, hogy az alak, amelyet a szerszámmal rajzoltam "Téglalap"(Téglalap eszköz), amely a „Téglalap 1” különálló alaprétegen található. A réteg neve attól függ, hogy melyik szerszámot használták, így ha egy ovált rajzolok az Ellipszis eszközzel, az alakréteg neve Ellipszis 1 lesz:

Minden új vektor alakzat külön alakzatrétegre kerül

A vizuális különbség a normál réteg és az alakzatréteg között az, hogy az alakzatrétegeknek van egy kis alakú ikonjuk a réteg indexképének jobb alsó sarkában:


A fólia indexképén látható ikon azt jelzi, hogy ez egy alapréteg.

A fő különbség az alakzatréteg és a normál pixelréteg között az, hogy az alakzatrétegek teljes mértékben szerkeszthetők maradnak. Amikor korábban megtanultuk, hogyan válasszuk ki az alakzat kitöltési és vonalszíneit, megemlítettem, hogy az alak megrajzolása után is mindig visszamehetünk és megváltoztathatjuk a színt. Mindössze annyit kell tennünk, hogy meggyőződünk arról, hogy az alakzatréteg ki van választva a Rétegek panelen, és az Alakzatok csoport eszköz aktiválva van. Ezután csak kattintson a színmintára Töltelékek(Kitöltés), vagy színmintával Strokes(Stroke) gombot a beállítások panelen egy másik szín kiválasztásához. Szükség szerint módosíthatja a löketszélességet, és más paraméterekkel is dolgozhat. Rákattintok a Kitöltés színmintára:

Az alakzatréteg kiválasztásával kattintson a Kitöltés színminta elemre.

Kattintson a kék mintára

Amint rákattintok a színmintára, a program azonnal új színnel tölti meg az alakzatot:


A forma színe megváltozott anélkül, hogy újra meg kellett volna rajzolni az alakzatot

És ha újra megnézzük a rétegek panelt, látni fogjuk, hogy az alapréteg miniatűrje is megváltoztatta a színét:

Amikor módosításokat hajtottunk végre, az alapréteg miniatűrje is megváltoztatta megjelenését.

Kerekített téglalap eszköz

Vessünk egy pillantást a Shapes csoport második eszközére - Lekerekített téglalap(Kerekített téglalap eszköz). Kiválasztom az eszköztárból:

Válassza ki a Kerekített téglalap eszközt

A Kerekített téglalap eszköz nagyon hasonlít a Téglalap eszközhöz, azzal a különbséggel, hogy lehetővé teszi számunkra lekerekített téglalapok rajzolását. A sarkok lekerekítését a paraméter segítségével állítjuk be "Sugár"(Sugár) a beállítások panelen. Minél nagyobb sugárértéket adunk meg, annál kerekebbek lesznek a sarkok. A sugárértéket be kell állítani az alakzat rajzolásának megkezdése előtt, esetemben a "Radius" paraméter 50 pixel értékét adom meg:


A Sugár opcióval határozza meg a sarkok lekerekítési fokát

A sugárérték beállítása után a lekerekített téglalap rajzolása hasonló a szabályos téglalap rajzához. Először kattintson a dokumentumablakban az alakzat kezdőpontjának meghatározásához, majd tartsa lenyomva az egérgombot, és húzza az egérmutatót átlósan az alakzat rajzolásának befejezéséhez. A téglalap alakhoz hasonlóan a kurzor mozgatásakor a program vékony körvonalat rajzol az alakzatra:


Húzza ki, hogy lekerekített téglalapot rajzoljon, miután megadta a sugárértéket a Beállítások sávon

Amikor elengedi az egérgombot, a Photoshop befejezi az alak rajzolását, és színekkel tölti fel:


Amikor elengedi az egérgombot, az alakzat színes lesz

Az alábbiakban egy másik téglalap látható, amelynek sugara 150 képpont. Ez az érték olyan nagy (ehhez az ábrához mindenképpen), hogy a bal és jobb oldal a téglalapok görbe alakúak:


Minél nagyobb a sugár értéke, annál kerekebbek lesznek a sarkok.

És itt van egy téglalap kis sugárértékkel - 10 képpont, amely csak kissé kerekíti az alak sarkát:


Kis sugárérték kevesebb lekerekített sarokkal

Sajnálatos módon, előnézet a Photoshop CS6 -ban nincs fokos sarokkerekítés. Láthatjuk, hogy a sarkok milyen kerekek, csak egy téglalap rajzolása után. Ezenkívül nem változtathatjuk meg a sugárértéket az alakzat rajzolása közben, és a Photoshop mégsem teszi lehetővé, hogy visszamegyünk és megváltoztassuk a sugárértéket, miután megrajzoltuk az alakzatot. A fentiek mindegyike azt jelenti, hogy a lekerekített téglalapok rajzolása lényegében próba és hiba folyamat.

Ha nem tetszik a téglalap sarkának lekerekítése, a rajzolás után lépjen a menü szakaszba "Szerkesztés"(Szerkesztés) gombot a képernyő tetején, és válassza a lehetőséget Visszavonás: Kerekített téglalap eszköz(Kerekített téglalap eszköz visszavonása) (vagy nyomja meg a Ctrl + Z (Win) / Command + Z (Mac) billentyűparancsot), amelynek eredményeként az alak eltávolításra kerül a dokumentumból. Ezután adjon meg egy új értéket a sugárnak az Opciók sávban, és kezdje el újra a téglalap rajzát.

Válassza a Szerkesztés> Visszavonás: Kerekített téglalap eszköz lehetőséget

Ugyanazok a billentyűparancsok, amelyeket akkor néztünk, amikor megtudtuk, hogy a Téglalap eszköz a Kerekített téglalap eszközzel működik. Ha kerek sarkú négyzetet szeretne rajzolni, kezdje el az alakzat rajzolását, majd nyomja meg és tartsa lenyomva Váltás. Az egérgomb elengedése után engedje fel a Shift billentyűt.

Ha sarok helyett középen szeretne rajzolni egy alakzatot, kezdje el az alakzat rajzolását, majd nyomja meg és tartsa lenyomva Alt (Win) / Option (Mac).És végül a megosztott billentyűleütések Váltás+ Alt (Győzelem) / Váltás+ választási lehetőség (Mac) négyzetet húz a középpontból. A gombokat csak az egérgomb elengedése után szabad felengedni.

Ellipszis eszköz

Eszköz "Ellipszis"(Ellipszis eszköz) segítségével ellipsziseket és köröket rajzolhatunk. Kiválasztom az eszköztárból:

Az Ellipszis eszköz kiválasztása

A többi eszközhöz hasonlóan, kattintson a dokumentumablakban az alakzat kiindulópontjának meghatározásához, majd tartsa lenyomva az egérgombot, és húzza az egérmutatót átlósan az alakzat rajzolásának befejezéséhez:


Rajzoljon ellipszist az Ellipszis eszközzel

Engedje fel az egérgombot az alakzat rajzolásának befejezéséhez, és töltse ki színnel:


A forma tele van színnel.

Ha tökéletesen egyenes kört szeretne rajzolni az Ellipszis eszközzel, kezdje el a húzást, majd nyomja meg és tartsa lenyomva Váltás... Ha ellipszist szeretne rajzolni a középpontból, nyomja meg és tartsa lenyomva Alt (Győzelem) / választási lehetőség (Mac) a rajzolás megkezdése után. A billentyűket lenyomva tartva Váltás+ Alt (Győzelem) / Váltás+ választási lehetőség(Mac) segítségével kört rajzolhat a középpontból. És mint mindig, csak az egérgomb elengedése után engedje fel a gombokat:

Az Ellipszis eszközzel rajzolt kör

Sokszög eszköz

Eszköz "Poligon" A (sokszög eszköz) számunkra érdekesebb az alakzatok rajzolásának lehetőségei szempontjából. Kiválasztom az eszköztárból:

A sokszög eszköz kiválasztása

Míg a Téglalap eszközt csak négyszögletes téglalapokat rajzolhatunk, addig a Sokszög eszköz lehetővé teszi számunkra, hogy annyi oldalú sokszöget rajzoljunk, amennyit csak akarunk. Ezután megnézzük, hogyan rajzolhat csillagokat ezzel az eszközzel! Ha alakzatot szeretne rajzolni a Sokszög eszköz segítségével, először írja be a kívánt oldalak számát a paramétermezőbe "A felek"(Sides) a beállítások panelen. Bármilyen számot megadhat 3 és 100 között. Alapértelmezés szerint az oldalak száma 5, és így hagyom:

Írja be az oldalak számát az "Oldalak" paramétermezőbe

Miután megadta az oldalak számát, helyezze a kurzort a dokumentumablakba, és kezdje el húzni, hogy rajzoljon egy sokszögű alakzatot. A Photoshop mindig sokszögű alakzatokat rajzol a középpontból, így nem kell lenyomnia az Alt (Win) / Option (Mac) billentyűt. Egy gomb lenyomása és lenyomva tartása Váltás miután elkezdte rajzolni a sokszöget, lehetővé teszi, hogy korlátozza az alakjához tartozó sarkok számát, és pontosan a kívánt módon helyezze el a képernyőn:

5 oldalas forma a sokszög eszközzel rajzolva

Az oldalak számának 3 megadásával könnyen rajzolhatunk egy háromszöget:

Egyszerű háromszög sokszög eszközzel rajzolva

Az alábbiakban egy 12 oldalas sokszög látható. Ahogy a Kerekített téglalap eszköz Sugár paramétere, az alakzat megrajzolása után nem tudjuk megváltoztatni az oldalak számát, így ha hibázik, el kell mennie a menü szakaszba "Szerkesztés"(Szerkesztés) gombot a képernyő tetején, és válassza a lehetőséget Visszavonás: Sokszög eszköz(Undo Solygon Tool) (vagy nyomja meg a Ctrl + Z (Win) / Command + Z (Mac) billentyűkombinációt), majd írjon be egy másik értéket az "Sides" paramétermezőbe, és rajzolja át újra az alakzatot:

Tizenkét oldalú sokszög

Csillagok rajzolása a Sokszög eszközzel

Ha csillagot szeretne rajzolni a Sokszög eszköz segítségével, kattintson a fogaskerék ikonra a beállítások panelen, majd válassza ki a lehetőséget "Csillag"(Csillag):

Kattintson a fogaskerék ikonra, és válassza ki a "Csillag" paramétert

Ezután kattintson a dokumentumablakban, és húzza a kurzort egy csillag rajzolásához. Paraméter "A felek"(Sides) a beállítások panelen határozza meg a csillag csúcsainak számát, így ha a paraméter alapértelmezett értéke öt, akkor egy ötágú csillagot kapunk:

Ötágú csillag a sokszög eszközzel

Ha az Oldalak paramétert 8-ra változtatjuk, egy nyolcágú csillagot kapunk:

Határozza meg a csillag csúcsainak számát az Oldalak paraméter segítségével

Robbanó csillagnak látszó alakzatot rajzolhatunk, ha a paraméter segítségével növeljük a csillag sugarainak élességét "A sugarak mélysége"(Indent Sides By). Alapértelmezés szerint ennek a paraméternek az értéke 50%, én megnövelem az értéket 90%-ra. A csillag csúcsainak számát 16 -ra is növelem:

Rajzoljon egy robbanó csillagnak látszó alakzatot a Sugármélység érték növelésével

És itt van a szám, amit kaptam:

Robbanó csillag rajzolva a Sokszög eszközzel

Alapértelmezés szerint a csillagok csúcsai éles sarkokkal rendelkeznek, de az opció kiválasztásával lekerekíthetjük őket Sima külső sarkok(Sima sarkok):

A Sima külső sarkok opció kiválasztása

Az alábbiakban egy ötágú csillag látható a Sima külső sarkok opcióval:

A sima külső sarkok tompítják a csillagok szögletességét

A lehetőség kiválasztásával le is kerekíthetjük a sarkokat a csillag sugarainak tövében Sima belső sarkok(Sima behúzások):

A Sima belső sarkok opció kiválasztása

A csillagunk megint teljesen máshogy néz ki:

Rajzolt csillag Sima belső sarokkal

Vonal eszköz

A Shapes csoport fő eszközei közül az utolsó az eszköz "Vonal"(Vonal eszköz). Kiválasztom az eszköztárból:

A Vonal eszköz kiválasztása

Ezzel az eszközzel egyszerű egyeneseket rajzolhatunk, de nyilakat is rajzolhatunk vele. Egy egyenes rajzolásához először állítsa be a vonal szélességét egy érték (pixelben) megadásával a paramétermezőben "Vastagság"(Súly) a beállítások panelen. Alapértelmezés szerint a vastagság 1 pixel, ezt 16 pixelre növelem:

A "Vastagság" paraméter felelős a vonal vastagságáért (vagy szélességéért)

Másodszor, a többi Alakzat csoport eszközhöz hasonlóan kattintson a dokumentumablakban, és húzza a kurzort egy vonal megrajzolásához. A vízszintes vagy függőleges vonal könnyebb megrajzolásához tartsa lenyomva a gombot Váltás, miután elkezdte rajzolni a vonalat, engedje fel az egérgombot, és tartsa lenyomva a Shift billentyűt:

Tartsa lenyomva a Shift billentyűt vízszintes vagy függőleges vonalak rajzolásához

Rajzoljon iránynyilakat

Nyilak rajzolásához kattintson a fogaskerék ikonra a beállítások panelen a lehetőségek megnyitásához "Nyilak"(Nyílhegyek). Válassza ki, hogy hová szeretné hozzáadni a nyilakat: a sor elején, végén vagy mindkét végén egyszerre (ha azt szeretné, hogy a nyíl ugyanabba az irányba mutasson, amelybe a vonalat húzza, válassza ki a lehetőséget "A végén"(Vége)):

Kattintson a fogaskerék ikonra a nyilak beállításainak eléréséhez.

Az alábbiakban az előzőhöz hasonló sor látható, kivéve, hogy a végén egy nyíl ikon látható:

Könnyen rajzolható vezető nyilak a Vonal eszközzel

Ha az alapértelmezett nyílméret nem felel meg Önnek, akkor az opciókkal módosíthatja "Szélesség"(Szélesség) és "Hossz"(Hossz). A paraméter használatával görbét is hozzáadhatunk a nyílhoz "Görbület"(Homorúság). Alapértelmezés szerint ennek a paraméternek az értéke 0%, de növelni fogom 50%-ra:

Módosítsa a nyíl alakját a "Görbület" paraméter értékének növelésével

És most így néz ki a nyíl. A vonal rajzolásának megkezdése előtt feltétlenül válassza ki a Vonal eszköz beállításait, mivel rajzolása közben nem módosíthatja azokat. Ha módosítani szeretne, törölnie kell az alakzatot, és újra kell rajzolnia:

Nyíl 50% -os görbülettel

Vázlat elrejtése egy alakzat körül

Amikor rajzot rajzoltunk ebben az oktatóanyagban, a program vékony körvonalait jelenítette meg. Amikor elengedtük az egérgombot, a program befejezte az alakzat rajzolását, és megtöltötte színekkel. A probléma az, hogy ha alaposan megnézi az Ön által rajzolt alakzatot, akkor nagy valószínűséggel egy vékony körvonalat lát körülötte, amely nem ment sehova. V &

Végeredmény

Mint tudják, a vektoros illusztrációk jelenleg nagyon népszerűek a webgrafikában. A professzionális tervezők néhány óra alatt készíthetnek ilyen illusztrációkat. Függetlenül attól, hogy kezdő vagy hobbi vagy, a webgrafika órák biztosan rendkívül hasznosak lesznek az Ön számára. Ennek a leckének a célja, hogy megvilágítsa a kiválasztott kép létrehozásának folyamatát. Lépésről lépésre bemutatom az egész folyamatot, és megjegyzéseim segítségével elmagyarázom az összes lépést.


Egy igazán jó kép létrehozásához választania kell a kívánt programotés kövesse bizonyos szabályokat. Ha vektoros illusztrációt szeretne rajzolni, ne feledje, hogy ehhez olyan szerkesztőket használ, mint a Adobe Illustrator vagy Corel Draw... Azonban, Photoshop elegendő pénzzel rendelkezik vektoros illusztrációk kifejlesztéséhez. Világosan megmutatom ezt a leckémben, hogyan kell lefordítani a rajzot vektorrá. Az illusztráció alapjául egy macska vázlatát választottam. Úgy döntöttem, hogy egy kék macskát ábrázolok, rózsaszín virágokkal a mancsában.

1. lépés

Kezdjük a háttér létrehozásával. Rajzoljunk egy alakzatot a kiválasztó eszközzel () (a Alakítsa a rétegeket(Réteg alakja)). Beállítások - (Fill Opacity) = 0% ... Most használjon színátmeneti fedvényt: ((Layer Style - Gradient Overlay)) a létrehozott alakzat kitöltéséhez. Minden beállítás alapértelmezett, csak a szöget kell megváltoztatni (megadom a mértéket) és a színátmenetet. Hozzáadás Agyvérzés(Stroke) ((Layer Style - Stroke)). Az alapértelmezett beállításokat használjuk, kivéve a szélességet 1 px és a színek.