Amint felengedi az egérgombot, a Photoshop kitölti az alakzatot a Lehetőségek sorban kiválasztott színnel vagy kitöltési típussal:

Amint felengedi a bal egérgombot, a Photoshop kitölti az alakzatot egy színnel vagy más előre beállított kitöltéssel.

Az alakzat méretének módosítása a megrajzolás után

A kezdeti alakzat (esetünkben egy téglalap) megrajzolása után az aktuális méretei megjelennek a „Szélesség” (Sz) és „Magasság” (H) beviteli mezőkben a beállítások panelen.
Itt látjuk, hogy a téglalapom 464 pixel széles és 257 pixel magas:

Az alakzat magassága és szélessége a beállítássáv megfelelő beviteli mezőiben látható.

Ha meg kell változtatni a kész méretét Photoshop formák(és ez minden vektoros alakzati eszköznél működik, nem csak a téglalapnál), egyszerűen adja meg a kívánt méretet a Szélesség és/vagy Magasság mezőkben. Tegyük fel például, hogy hirtelen 500 pixelre kell módosítanom a téglalap szélességét. Csak annyit kell tennem, hogy beírok egy 500 képpont értéket a Lehetőségek sáv Szélesség mezőjébe. Ha szükséges, a magasságot ugyanúgy módosíthatja.

Ha módosítani szeretné a szélességet vagy magasságot, de ugyanakkor meg szeretné tartani az alakzat eredeti képarányát, először kattintson a szélesség és magasság beviteli mezők között található kis lánc ikonra:

Kattintson erre az ikonra, ha azt szeretné, hogy a képarány változatlan maradjon az alakzat hosszának vagy szélességének módosításakor.

Hogyan állítsuk be előre az alakzat méretét rajzolás előtt

Ha előre tudja a pontos szélességét és magasságát a készülő alak, A Photoshopban lehetőség van adott méretű alakzat készítésére.

A kezdéshez válassza a lehetőséget a megfelelő eszközt vektoros ábrák megalkotása. Ezután egyszerűen kattintson a bal gombbal bárhová a dokumentumablakon belül, és megnyílik egy párbeszédpanel, ahol megadhatja a szélesség és magasság értékeket. Kattintson az OK gombra a párbeszédpanel bezárásához, és a Photoshop automatikusan megrajzolja a kívánt alakzatot:

Párbeszédpanel előre meghatározott méretekkel rendelkező ábra készítéséhez.

Alakzatok rajzolása középről

Íme néhány egyszerű, de nagyon hasznos billentyűparancs. Ha lenyomja és lenyomva tartja az Alt billentyűt, és húzza a kurzort egy alakzat létrehozásához, akkor a rajzolást a középpontból kezdi, nem a sarokból. Ez a szabály bármelyik eszközzel működik Photoshop formák, és nem csak a "Téglalap" funkcióval. De amikor egy figurát a középpontból készítünk, egy dolgot figyelembe kell venni fontos pont. Az Alt billentyűt lenyomva kell tartani után hogyan kezdi el elkészíteni a figurát, azaz. Azt követően, miközben megnyomja a bal egérgombot, és elkezdi húzni a kurzort. Az Alt is el kell engednie Azt követően, ahogy elengedi a bal egérgombot, i.e. miután befejezte a figura felépítését:

Nyomja meg és tartsa lenyomva az Alt billentyűt az alakzat középpontjából történő felépítéséhez. A kör az ábra elkészítésének kiindulópontját mutatja.

Négyzetek rajzolása

Rajzolni tökéletes négyzet A Téglalap eszközzel kattintson a dokumentum belsejébe a kezdőpont beállításához, és a szokásos módon kezdje el a húzást. Miután elkezdte a húzást, nyomja meg és tartsa lenyomva a Shift billentyűt. Ez azt eredményezi, hogy a téglalap négyzetté változik. Ismét csak az egérgomb elengedése után engedje fel a Shift billentyűt. A Shift és Alt billentyűket kombinálva is tökéletes négyzetet építhet a közepéből:

Négyzet rajzolásához húzás közben tartsa lenyomva a Shift billentyűt.

Az alakzat létrehozása során ismét csak egy üres körvonalat fog látni, és amint felengedi az egérgombot (vagyis befejezi az alakzat létrehozását), a Photoshop kitölti kész vázlat szín.

A rajzeszközök segítségével vektor alakzatokat hozhat létre és szerkeszthet. Lehetővé teszik a weboldalak különféle elemeinek létrehozását.

Hozzon létre egy új képzési fájlt.

Kattintson a bal egérgombbal az eszköztár -shapes- eszközére, megnyílik az eszközválasztó ablak:

Itt vannak az alapvető formák, amelyeket használhatunk. Válasszon ki egyet, és nézze meg a beállítások panelt:

Bármilyen formához választhat:

• rajz mód:
  • Forma réteg. Az ábra külön rétegben jön létre. Az alakzatréteg egy kitöltési rétegből áll, amely meghatározza az alakzat színét, és egy kapcsolódó vektormaszkból, amely meghatározza az alakzat határait. Az alakzat körvonala egy görbe, amely a Rétegek panel Paths lapján jelenik meg.
  
  
  • Körvonalak. Ez a mód lehetővé teszi olyan alakzatok körvonalainak megrajzolását, amelyek bármilyen színnel kitölthetők vagy körvonalazhatók. Az útvonalak a Rétegek panel Útvonalak lapján jelennek meg.
  
  
  • Pixel kitöltés. Ebben a módban nem vektoros, hanem raszteres képek jönnek létre, amelyek ugyanúgy feldolgozhatók, mint bármely más raszteres kép
  
  
• a figura stílusa és színe


• állítsa be az erre az ábrára jellemző paramétereket

Téglalapok rajzolása

Válasszuk ki az első alakzatot - egy téglalapot. A panelen válassza ki a mód - alakzat réteget. Válasszon stílust a jobb oldali háromszögre kattintva.

Válasszon egyet, amelyik tetszik. Egyébként, ha a körben (jobb oldalon) lévő háromszögre kattint, a megnyíló helyi menüben további stílusokat választhat. Ha nem szeretne stílust használni, válasszon egy piros vonallal áthúzott fehér négyzetet.

Most beállíthatja a geometriai paramétereket:

• Önkényesen- ahogy rajzolsz, olyan lesz.
• Négyzet- ha az alakot az egérrel nyújtod, a szélesség és magasság mindig azonos lesz.
• Meghatározott méret- beállíthatja a téglalap szélességét és magasságát (cm-ben), és kattintson a vászonra. Megjelenik egy téglalap a megadott méretekkel.
• Állítsa be az arányokat- beállíthatja, hogy a szélesség hányszor legyen kisebb (vagy nagyobb), mint a magasság. A figura nyújtásakor az arány megmarad.
• A központból- téglalapot rajzol a középpontból.
• Rögzítse a pixeleket- a téglalap élei a pixelhatárokhoz illeszkednek.

Most válassza ki az -tetszőlegesen-, és az egérrel feszítse ki a téglalapot a vásznon. Például ezt kaptam a Button, Glass Buttons és Web Styles stílusok használatakor.

Nagyon hasznos eszköz gombok és menük létrehozásához weboldalaihoz, nem igaz?

Rajzolj lekerekített sarkú téglalapokat

Válasszuk ki a második formát - egy lekerekített sarkú téglalapot. A panelen válassza ki a módot - alakréteg, sarok sugara - például 15 és szín (a geometriai paraméterek megegyeznek a téglalapéval).

Íme, mit kaptam a sugár és a stílus különböző kombinációival.

Miért nem a hírblokkok és a menügombok?

Körök rajzolása

Válasszuk a harmadik alakot - egy ellipszist. A panelen válassza ki a módot – rétegforma, szín és stílus. A geometriai paraméterek megegyeznek a téglalapéval, azzal a különbséggel, hogy négyzet helyett kört is választhatunk. Válassza ki a -véletlenszerűen- és nyújtsa ki az ellipszist. Ha kört szeretne, akkor tartsa lenyomva a Shift billentyűt, vagy válassza a -circle- lehetőséget a geometriai paraméterekben.

Íme, amit kaptam:

Sokszögek rajzolása

Válasszunk egy alakzatot – egy sokszöget. A panelen válassza ki a mód - alakréteget, az oldalak számát a 3-tól 100-ig terjedő tartományban (például háromszög esetén 3, hatszög esetén 6), a színt és a stílust. Tekintsük a geometriai paramétereket:

• Sugár- a sokszög sugara.
• Sima külső sarkok
• Csillag- ha a jelölőnégyzet nincs bejelölve, a sokszög konvex, a jelölőnégyzet bejelölésével a sokszög konkáv.
• Nyalábmélység- ha a sokszög homorú, akkor a csúcsai sugarakat alkotnak. Ez a paraméter megmutatja, hogy a sokszög sugarának mely részét foglalják el a sugarak. Minél magasabb a %, annál hosszabbak és élesebbek a sugarak.
• Sima külső sarkok- a kipipálatlan jelölőnégyzet mellett a sarkok élesek, a jelölőnégyzet bejelölésével a sarkok lekerekítettek.

Például:

Az első hatszög sugara 3 cm, a többi jelölőnégyzet nincs bejelölve.

A második hatszög sugara 3 cm, a -csillag-nál pipa, a sugarak mélysége 25%, a többi jelölőnégyzet nincs bejelölve.

A harmadik hatszög 3 cm sugarú, a sugarak mélysége 50%, az összes négyzet be van jelölve.

Mindegyikre alkalmaznak egy stílust.

Vonalak rajzolása

Válasszunk formát – vonalakat. A panelen válassza ki a módot - alakréteg, vonalvastagság (pixelben), szín és stílus. Tekintsük a geometriai paramétereket:

Ha az összes jelölőnégyzet nincs bejelölve, akkor csak egy sor lesz, a paramétereket a sor végén található nyilak állítják be.

• Rajt- nyíl a sor elején.
• Vége- nyíl a sor végén.
• Szélesség- a nyíl arányai befelé százalék vonalvastagságig (10%-tól 1000%-ig).
• Hossz- a nyíl arányai a vonalvastagság százalékában (10%-tól 5000%-ig).
• Görbület- meghatározza a nyíl legszélesebb részének görbületi fokát, ahol találkozik a vonallal (-50% és +50%).

Például:

Az első sorban az összes jelölőnégyzet nincs bejelölve, szélesség - 500%, hosszúság - 1000%, vastagság - 2 pixel.

A második sornál minden ugyanaz, de van egy pipa az -elején- és a görbület 5%.

A harmadik sornál minden ugyanaz, de a -vége- be van jelölve és a -eleje- nincs bejelölve.

A negyedik sorban mindkét jelölőnégyzet van: szélesség - 500%, hosszúság - 1000%, görbület - 15%, vastagság - 5 pixel.

Mindegyikre alkalmaznak egy stílust.

Tetszőleges alakzatok rajzolása

Válasszunk egy figurát - egy tetszőleges figurát. A panelen válassza ki a módot – rétegforma, szín és stílus. A geometriai paraméterek megegyeznek a téglalapéval. De itt van egy választás maga a figura:

Ha a körben (jobb oldalon) lévő háromszögre kattint, a megnyíló helyi menüben további alakzatokat választhat.

Több alakzat rajzolása egy rétegben

Az elv itt ugyanaz, mint a téglalap alakú kijelölő eszközöknél (az első leckében egy nem szabványos kijelölési területet készítettünk a beállítási sávban található eszközök segítségével: hozzáadás a kijelöléshez, kivonás a kijelölésből stb.). Ugyanezek az eszközök állnak rendelkezésre az Alakbeállítások panelen.

Például hozzon létre egy téglalap alakzatot, most a beállítási sávban kattintson a "hozzáadás az alakzat területéhez" ikonra, és válassza ki az ellipszis alakzatot. Vigyük az egérkurzort a téglalapunk felső határára, nyomjuk meg a bal egérgombot, és anélkül, hogy elengednénk, feszítsük meg az ellipszist. Valahogy így kell kinéznie:

Ha az ellipszis nem a kívánt módon nyúlik meg, kijavíthatja. Ehhez válassza ki az útvonalválasztó eszközt az eszköztárról:

Vigye a kurzort az ellipszis szélére, és miközben lenyomva tartja a bal egérgombot, húzza az ellipszist oda, ahol lennie kell. Mindezen eszközök segítségével formákat rajzolhat változó bonyolultságú.

A formák mentése

Tegyük fel, hogy tetszett nekünk az utoljára elkészített forma, és a jövőben is szeretnénk használni. Ehhez el kell mentenie. Ehhez a menühöz Szerkesztés -> Meghatározás bármilyen figura. Adjon nevet az új alakzatnak.

Az alakzatunk most megjelent a legördülő egyéni alakzatválasztó panelen.

Ezzel a lecke véget is ér. Legközelebb körvonalakkal és raszteres képekkel fogunk foglalkozni.

Ebben az oktatóanyagban az alakzatokkal és alakzatrétegekkel való munka alapjait tekintjük át Photoshop program. A leckét azzal kezdjük, hogy megtanuljuk a geometriai alakzatok rajzolásának öt alapvető eszközét - Téglalap, Lekerekített téglalap, Ellipszis, Sokszög és Vonal.

Ezután a következő leckében megvizsgáljuk, hogyan rajzolhatunk formákat összetett forma a Szabad alakzat eszközzel. A legtöbben úgy gondolják, hogy a Photoshopot csak képfeldolgozásra használják, és ha megkérte őket, hogy ajánljanak egy jót grafikus szerkesztő, akkor a legtöbb esetben a válasz a következő lenne Adobe Illustrator».

Valójában az Adobe Illustrator szerkesztő képességei a vektorgrafikák területén sokkal szélesebbek, mint a Photoshop programé, de ennek ellenére a Photoshop program ezen a területen többet tud tenni, mint amit egy raszteres képszerkesztőtől elvárnánk. A Photoshop különféle Alakzat-eszközei és alakzatrétegei megkönnyítik az egyszerű vektorképek hozzáadását a rajzokhoz és rajzokhoz.

A Photoshop hat eszközzel rendelkezik, amelyek lehetővé teszik alakzatok rajzolását: Téglalap ( Téglalap eszköz), Lekerekített téglalap eszköz, Ellipszis eszköz, Sokszög eszköz, Vonal eszköz és Egyéni alakzat eszköz. Egy helyen találhatók az eszköztáron.

Alapértelmezés szerint a Téglalap eszköz látható az eszköztárban, de ha rákattintunk az eszköz ikonra és néhány másodpercig lenyomva tartjuk az egérgombot, akkor megjelenik egy előugró menü a még megmaradt eszközök listájával az Alakzatok csoportban. amiből kiválaszthatjuk a számunkra szükségeset:

Az Alakzatok csoport mind a hat eszköze egy helyen található az eszköztáron

Ha először kiválasztott egy eszközt az Alakzatok csoportban, majd át szeretne váltani egy másikra, akkor nem kell újra felkeresnie az Eszközök panelt (bár ezt megteheti, ha akarja). A Photoshop lehetővé teszi, hogy a képernyő tetején található Opciók sávból válassza ki a szükséges eszközt, ahol mind a hat eszköz megjelenik. Például az Eszközök panelen kiválasztom a Téglalap eszközt:

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

Miután kiválasztotta a Téglalap eszközt, hat ikon jelenik meg a Lehetőségek sorban, amelyek az Alakzatok csoport különböző eszközeit képviselik. Az eszközök ugyanabban a sorrendben vannak elrendezve balról jobbra, ahogyan az eszköztárban megjelennek, így ismét a Téglalap, Lekerekített téglalap, Ellipszis, Sokszög, Vonal és Szabadforma eszközöket látjuk. A kívánt eszköz kiválasztásához egyszerűen kattintson az egyik ikonra:

Mind a hat Alakzat eszköz közvetlenül kiválasztható a Beállítások panelről (miután az egyiket kiválasztja az Eszközök panelen)

Az Alakzatréteg opció kiválasztása

Mielőtt elkezdenénk az alakzatok rajzolását, meg kell mondanunk a Photoshop számára, hogy milyen típusú alakzatot szeretnénk rajzolni, és ebben az esetben nem a "téglalap" vagy a "kör" alatt értem az alakzat típusát. Valójában a Photoshop lehetővé teszi, hogy három alakzatot rajzoljunk különböző típusok- vektor alakzatok, körvonalak és pixel alakzatok.

Egy másik oktatóanyagban részletesen megvizsgáljuk, hogyan különbözik ez a három alakzattípus, és mikor melyik típust kell használni, de a legtöbb esetben vektoros alakzatokat fog rajzolni. Ezek azok, amelyeket egy olyan programban rajzolnak meg, mint az Illustrator. A pixel alakzatokkal ellentétben a vektor alakzatok felbontásfüggetlenek és teljesen méretezhetők. Ez azt jelenti, hogy tetszés szerint átméretezhetjük őket a képminőség romlása nélkül. A vektor alakzatok élei élesek és élesek maradnak mind a képernyőn, mind a későbbi nyomtatás során.

Vektor alakzatok rajzolásához válassza az Alakzatrétegek lehetőséget a beállítások panelen. Ez az első a három ikon közül, amely a bal széle felé helyezkedik el (a középső ikon az Útvonalak, a jobb pedig a Képpontok kitöltése opció):

Vektor alakzatok rajzolásához válassza az „Alakzatréteg” lehetőséget

A forma színének kiválasztása

A Shape Layer opció kiválasztása után színt kell választanunk az alakunkhoz. Ezt úgy tehetjük meg, hogy rákattintunk a színminta ikonra, amely a „Szín” szótól jobbra található a beállítások panelen:

Kattintson a színminta ikonra az alakzat kívánt színének kiválasztásához

Ez a művelet megnyitja a színpalettát, ahol kiválaszthatjuk a kívánt színt. Az én esetemben a pirosat választom. Miután kiválasztotta a színt, kattintson az OK gombra a színpaletta bezárásához:

A színpalettán válassza ki az ábra színét

Ha nem vagy biztos benne, hogy a testalkatodnak megfelelő színt választottad, ne aggódj miatta. Ezután megnézzük, hogyan használhatjuk az alakzatrétegeket, hogy könnyedén visszaléphessünk az előző lépésekhez, és a megrajzolás után bármikor megváltoztassuk az alakzat színét.

Téglalap eszköz

Ahogy a névből kitalálhatta, a Téglalap eszköz lehetővé teszi négyoldalú téglalap alakú formák rajzolását. Egyszerűen kattintson a dokumentumablakban az alakzat kezdőpontjának meghatározásához, majd az egérgomb lenyomva tartása mellett húzza át az egérkurzort az alakzat rajzolásának befejezéséhez. Ahogy mozgatja a kurzort, látni fogja a jövőbeli alak finom körvonalait:

Húzza a kurzort egy téglalap alakú alakzat rajzolásához. Ahogy mozgatja a kurzort, megjelenik az alakzat körvonala

Ha elégedett az eredménnyel, engedje fel az egérgombot, és a program azonnal kitölti az alakzatot a beállítások panelen kiválasztott színnel:

A program színnel tölti meg az alakzatot, amint elengedi az egérgombot

Alakzat rajzolása középről

Ha egy téglalapot (vagy más alakzatot) a középpontból kell rajzolnia, nem pedig a sarokból, helyezze a kurzort a dokumentumablakban a jövőbeli téglalap középpontjának meghatározásához, és miközben lenyomva tartja az egérgombot, kezdje el húzni a kurzort, és a szokásos módon rajzolja meg az alakzatot. Eközben nyomja meg az Alt (Win) / Option (Mac) billentyűt, és továbbra is tartsa lenyomva, miközben mozgatja a kurzort. Ennek a gombnak a megnyomásával a program a középpontból rajzolja meg az alakzatot. Ez a technika az összes Alakzat eszközzel működik, nem csak a Téglalap eszközzel:

Ha egy alakzatot középről szeretne rajzolni, tartsa lenyomva az Alt (Win) / Option (Mac) gombot, miközben mozgatja a kurzort

Négyzetek rajzolása

Négyzeteket is rajzolhatunk a Téglalap eszközzel. Négyzet rajzolásához helyezze a kurzort a dokumentumablakba, és kezdje el húzni, és rajzoljon egy téglalap alakú alakzatot. Miután elkezdte ezt, nyomja meg a Shift billentyűt, és továbbra is tartsa lenyomva, miközben mozgatja a kurzort. A Shift billentyű lenyomása az alakzatot négyzetté alakítja, függetlenül attól, hogy melyik irányba mozgatja a kurzort. Hozzáadhat egy Alt (Win) / Option (Mac) billentyűleütést is, hogy a négyzetet a közepétől rajzolja meg (így tartsa lenyomva a Shift+Alt (Win) / Shift+Option (Mac) billentyűket):

Négyzet rajzolásához a Téglalap eszköz használata közben tartsa lenyomva a Shift billentyűt

A Photoshop ismét csak a négyzet vékony körvonalát mutatja a kurzor mozgatásakor, de ha elengedi az egérgombot, színekkel tölti meg a négyzetet:

A program mindig megvárja, amíg elengedi az egérgombot, és csak ezután tölti ki színnel az alakzatot

Alakzatok csoport eszköz beállításait

Ha megnézi a Beállítások panelt, egy kis lefelé mutató nyíl látható a hat Alakzatok csoport eszközikonja jobb oldalán. A nyílra kattintva megnyílik a kiválasztott Alakzatok csoport eszköz további opcióinak listája. Például, amikor kiválasztja a Téglalap eszközt, a nyílra kattintva megnyílik egy menü a Téglalap eszköz opcióival. A Polygon és Line eszközök kivételével, amelyeket később nézünk meg, ezt a menüt nem nagyon fogja használni, mert már megtanultuk, hogyan válasszuk ki az alapvető beállításokat billentyűparancsokkal és egyedi billentyűkkel.

Például az Unconstrained opció alapértelmezés szerint van kiválasztva, és ez felel a Téglalap eszköz normál működéséért, lehetővé téve bármilyen méretű és képarányú téglalap alakú formák rajzolását. A Négyzet opció lehetővé teszi négyzetek rajzolását, de ezt megtehetjük egyszerűen a Shift billentyű lenyomásával és lenyomva tartásával, miközben mozgatjuk a kurzort. A Középről opció felelős az alakzat középről történő rajzolásáért, de ezt is megtehetjük az Alt (Win) / Option (Mac) billentyű lenyomásával és lenyomva tartásával:

Kattintson a kis nyílra a Téglalap eszköz további beállításainak megtekintéséhez

Forma réteg

Mielőtt továbblépnénk az Alakzatok csoport többi részére, vessünk egy pillantást a Rétegek panelre. Ahogy emlékszel, az óra elején megtanultuk, mit kell rajzolni vektor alakzatok A Photoshopban ki kell választania az Alakzatréteg opciót a Lehetőségek sorban. És most, hogy megrajzoltam az alakzatot, láthatjuk, hogy a Layers panelen megjelent egy alakzatréteg (egy Shape típusú réteg), amit a program „Shape 1”-nek nevezett el. Minden új vektor alakzat, amelyet rajzolunk, a saját rétegére kerül, amely másképp néz ki, mint egy normál pixelréteg. A réteg bal oldalán található egy színminta ikon, amely az alakzatunk aktuális kitöltési színét jeleníti meg, a színikontól jobbra pedig egy vektormaszk bélyegképe:

Az alakzatrétegek bal oldalán egy színminta ikon található, jobbra pedig egy vektormaszk bélyegképe.

Ahogy korábban említettem, nem kell aggódnia a választás miatt kívánt színt alakzathoz, mert egy alakzat kitöltőszínét a létrehozása után könnyen megváltoztathatjuk. Ehhez kattintson duplán az alakzatréteg színminta ikonjára:

Egy alakzat jelenlegi színének megváltoztatásához kattintson duplán a színminta ikonra

A Photoshop újra megnyitja a színpalettát, ahol más színt választhatunk az alakunkhoz. Ezúttal a kék színt választom:

Válasszon egy másik színt a színpalettáról

Elég könnyű visszatérni és bármikor megváltoztatni az alakzat színét.

Az alakrétegen lévő színminta ikontól jobbra egy vektormaszk bélyegképe látható. A miniatűr fehér területe a mi alakunkat ábrázolja. A vektormaszkok abban hasonlítanak a hagyományos rétegmaszkokhoz, hogy részben lefednek egy réteget, így bizonyos területek láthatóak maradnak. Más szóval, amikor vektoros alakzatot rajzolunk, akkor a program valójában a teljes réteget kitölti a kiválasztott színnel, de a maszk csak az alakzat területén belül jeleníti meg a színt, míg a fóliaterület többi részén el van rejtve. Az „Alakzatok” csoport eszközeivel való munka során természetesen egyáltalán nem szükséges ismerni a vektormaszk működését, de mindig jó megérteni az eszközök működését. A vektormaszk bélyegképében az alakzat körüli szürke terület a réteg azon területét jelöli, ahol a szín nem látható, míg a miniatűr fehér területe a réteg színnel rendelkező területét jelöli:

A vektormaszk fehér területe a réteg azon területét jelöli, ahol a szín látható

Annak érdekében, hogy könnyebben lássuk, hogyan jelenít meg a Photoshop egy vektoralakot, ideiglenesen letilthatjuk a vektormaszkokat a Shift billentyű lenyomásával és lenyomva tartásával, miközben a vektormaszk bélyegképére kattintunk:

Tartsa lenyomva a Shift billentyűt, és kattintson a vektormaszkra a kikapcsoláshoz

A vektormaszk kikapcsolása után a réteg megnyílik, és láthatjuk, hogy az egész megtelt kék, amivel a forma kitöltésére választottam. Ha jobban megnézzük, vékony körvonalat láthatunk az alakzat elhelyezkedéséről a rétegen:

A vektormaszk kikapcsolása után láthatja, hogy a teljes réteg tele van színnel

A vektormaszk visszakapcsolásához egyszerűen tartsa lenyomva a Shift billentyűt, miközben ismét kattintson a maszk bélyegképére a Rétegek panelen. A maszk bekapcsolása után a szín csak az alakzat területén marad meg, míg a réteg többi részének színe el van rejtve. A dokumentumablakban az alakzat körüli fehér területek a réteghez tartoznak háttér lent található:

Dokumentum a vektormaszk újbóli engedélyezése után

Most, hogy megismertük az alakzatrétegeket, nézzünk meg más alakzatokat, amelyeket a Photoshopban az Alakzatok csoport eszközeivel rajzolhat.

Lekerekített téglalap eszköz

A Lekerekített téglalap eszköz nagyon hasonló a Téglalap eszközhöz, kivéve, hogy lehetővé teszi lekerekített téglalapok rajzolását. A sarkok lekerekítésének mértékét a beállítások panelen a Sugár opcióval állítjuk be. Minél nagyobb sugárértéket adunk meg, annál kerekebbek lesznek a sarkok. Az én esetemben 50 képpontos sugár értéket adok meg:

Használja a Sugár beállítást a sarkok lekerekítésének mértékének meghatározásához

Lekerekített téglalap rajzolásához a sugár értékének megadása után kattintson a dokumentumablakban az alakzat kezdőpontjának meghatározásához, majd az egérgomb lenyomva tartása mellett húzza az egérkurzort az alakzat rajzolásának befejezéséhez. Csakúgy, mint a Téglalap alakzatnál, a kurzor mozgatásakor a program az alakzat vékony körvonalát jeleníti meg:

Húzza a kurzort egy lekerekített téglalap rajzolásához, miután megadta a sugár értékét a Lehetőségek sávban

Amikor felengedi az egérgombot, a Photoshop befejezi az alakzat rajzolását, és kitölti színekkel:

Ha elengedi az egérgombot, az alakzat színnel telik meg

Az alábbiakban egy másik téglalap látható, amelynek sugara 150 pixel. Ezt az értéket akkora (mindenképp ennél az ábránál), hogy a bal és jobb oldal a téglalapok görbe alakúak:

Hogyan több értéket sugár, minél kerekebbek a sarkok

És itt van egy kis, 10 pixeles sugarú téglalap, amely csak kissé lekerekíti az alakzat sarkait:

Egy kis sugár érték kevésbé kerekíti a sarkokat

Sajnos a saroklekerekítés mértékéről nincs előnézet. A sarkok kerekségét csak téglalap rajzolása után láthatjuk. Ezenkívül nem tudjuk megváltoztatni a sugár értékét az alakzat rajzolása közben, ahogy az Illustratorban elérhető. A Photoshop sem engedi, hogy az alakzat megrajzolása után visszalépjünk, és még enyhén módosítsuk a sarkok lekerekítését.

A fentiek mindegyike azt jelenti, hogy a lekerekített téglalapok rajzolása alapvetően próba- és hiba kérdése. Ha nem tetszenek az alakzat lekerekített sarkai a rajzolás után, nyomja meg a Ctrl+Z (Win) / Command+Z (Mac) billentyűkombinációt a gyors visszavonáshoz, majd írjon be egy új sugárértéket a Lehetőségek sávba, és kezdje el. rajzolja meg újra a téglalapot.

A Téglalap eszközhöz hasonlóan a Lekerekített téglalap eszközt is használhatja lekerekített négyzetek rajzolására. Egyszerűen nyomja meg és tartsa lenyomva a Shift billentyűt, miután elkezdte rajzolni az alakzatot, és a lekerekített téglalap egy lekerekített négyzet alakját veszi fel. Nyomja meg és tartsa lenyomva az Alt (Win) / Option (Mac) billentyűt az alakzat középpontból történő rajzolásához.

Ha a Lehetőségek sorában a kis nyílra kattintunk a Lekerekített téglalap eszköz Advanced Options menüjének megnyitásához, látni fogjuk, hogy a Freestyle, Square és Center opciók megegyeznek a Téglalap eszköz opcióival. Már megint tudjuk, hogyan kell kiválasztani ezeket az opciókat billentyűparancsok és egyedi billentyűk segítségével:

A Téglalap és a Lekerekített téglalap eszközök ugyanazokkal a speciális beállításokkal rendelkeznek

Ellipszis eszköz

Az ellipszis eszközzel ellipsziseket és köröket rajzolhatunk. Csakúgy, mint a Téglalap és a Lekerekített téglalap eszközöknél, kattintson a dokumentumablakban az alakzat kezdőpontjának meghatározásához, majd az egérgombot lenyomva tartva húzza az egérkurzort az alakzat rajzolásának befejezéséhez:

Ellipszis rajzolása az Ellipszis eszközzel

Engedje fel az egérgombot az alakzat rajzolásának és színnel való kitöltésének befejezéséhez:

Ellisfeltöltveszín

Nyomja le és tartsa lenyomva a Shift billentyűt, miután elkezdett dolgozni az Ellipszis eszközzel a tökéletes rajzoláshoz sima kör. Az Alt (Win) / Option (Mac) megnyomásával az alakzatot középről rajzolhatja meg:

Kezdje el a rajzolást, majd adja hozzá a Shift billentyűleütéseket, hogy tökéletesen egyenletes kört hozzon létre

A Lehetőségek sorban a kis nyílra kattintva megnyílik az Ellipszis eszköz beállításai, amelyek hasonlóak a Téglalap és a Lekerekített téglalap eszközökhöz. Az egyetlen különbség az, hogy az Ellipszis eszköz opcióval négyzetek helyett köröket rajzolhat:

Az Ellipszis eszköz szinte ugyanazokkal a beállításokkal rendelkezik, mint a Téglalap és a Lekerekített téglalap eszközök.

Sokszög eszköz

A Sokszög eszköz számunkra érdekesebb az alakzatok rajzolási képessége szempontjából. Míg a Téglalap eszközzel csak négyoldalú téglalapokat tudunk rajzolni, addig a Sokszög eszközzel tetszőleges számú oldalú sokszöget rajzolhatunk. A következőkben megvizsgáljuk, hogyan rajzolhatsz csillagokat ezzel az eszközzel.

Adja meg a sokszöghez szükséges oldalak számát a beállítások panel Oldalak beállítási mezőjében. Az Oldalak alapértelmezett értéke 5, de bármilyen számot megadhat 3 és 100 között:

Használja az Oldalak beállítást, hogy megmondja a Photoshopnak, hogy a sokszög alakzatának hány oldala lesz

Miután megadta az oldalak számát, helyezze a kurzort a dokumentumablakba, és kezdje el húzni a sokszög alakú alakzatot. A Photoshop mindig középről rajzol sokszögű alakzatokat, így nem kell lenyomva tartani az Alt (Win) / Option (Mac) billentyűt. A Shift billentyű lenyomásával és nyomva tartásával a sokszög rajzolásának megkezdése után korlátozhatja az alakzat szögeinek számát, és pontosan úgy helyezheti el a képernyőn, ahogyan szeretné:

A Sokszög eszköz nélkülözhetetlen, ha négyszögtől eltérő alakzatot kell rajzolnunk

Ha az oldalak számát 3-ra adjuk meg, könnyen rajzolhatunk egy háromszöget:

A Sokszög eszközzel rajzolt egyszerű háromszög

Itt van egy 12 oldalú sokszög:

PoligonVal veltizenkéta felek

Csillagok rajzolása a Sokszög eszközzel

Ha csillagot szeretne rajzolni a Sokszög eszközzel, kattintson a kis nyílra az opciók sorában, hogy megnyissa a Sokszög eszköz opcióinak listáját, és válassza ki a Csillag opciót:

A Sokszög eszköz opcióinak listájából válassza a „Csillag” lehetőséget.

A „Csillag” opció kiválasztása után kattintson az egérrel a dokumentumablakban, és húzza a kurzort a csillag rajzolásához. A beállítások panel Oldalak opciója határozza meg a csillagon lévő pontok számát. Tehát, ha a paraméter alapértelmezett értéke öt, akkor megkapjuk ötágú csillag:

Alapértelmezés szerint a csillagok tetején éles sarkok vannak, de a Sima sarkok opció kiválasztásával lekerekíthetjük őket:

Válassza a „Külső sarkok simítása” lehetőséget.

Az alábbiakban egy ötágú csillag látható a Smooth Outer Corners opcióval:

A Smooth Outer Corners opció lágyítja a csillagok szögletességét

Lekerekíthetjük a csillagsugarak tövénél lévő sarkokat is a Smooth Indents opció kiválasztásával:

Válassza a „Sima belső sarkok” lehetőséget.

És ismét a csillagunk teljesen másképp néz ki:

Egy rajzolt csillag, amelyen a Smooth Inner Corners opció van kiválasztva

Vonal eszköz

Végül nézzük meg a Vonal eszközt, amely a Geometriai alakzatok csoport utolsó eszköze. Lehetővé teszi egyenes vonalak és nyilak rajzolását. Állítsa be a kívánt vonalvastagságot pixelben úgy, hogy beír egy értéket a Súly paraméter mezőbe a beállítások panelen. Az én esetemben 16 pixel értéket adok meg:

Használja a Vastagság opciót a vonal vastagságának meghatározásához

Ezután kattintson a dokumentumablakra, és húzza a kurzort a vonal rajzolásához. Miután megkezdte a vonal rajzolását, nyomja meg és tartsa lenyomva a Shift billentyűt, hogy korlátozza a kurzor mozgásának irányát. Ez lehetővé teszi vízszintes vagy függőleges vonalak egyszerű rajzolását:

Tartsa lenyomva a gombotVáltás vízszintes vagy függőleges vonalak rajzolásához

Nyilak beállításához a sor végén kattintson a kis nyíl ikonra a beállítások panelen a Nyílhegyek opció kiválasztásához. A Photoshop lehetővé teszi, hogy nyilakat adjunk a sor elejére, végére vagy mindkét végére egyszerre. Ha azt szeretné, hogy a vonal húzásának irányába nyíljon, ami logikusabb, válassza a Vége opciót. Győződjön meg róla, hogy ezt az opciót választotta, mielőtt elkezdi a vonal rajzolását, mivel a program nem engedi, hogy a vonal meghúzása után visszalépjünk és meghatározzuk a nyilat:

A vonal rajzolásának irányába mutató nyíl hozzáadásához válassza a Vége lehetőséget.

Az alábbiakban egy vonal hasonló az előző vonalhoz, amelyet rajzoltam, de egy nyíllal a végén:

A Vonal eszköz megkönnyíti a nyilak rajzolását

Ha az alapértelmezett nyílméret nem felel meg Önnek, a Szélesség és Hosszúság paraméterekkel módosíthatja. A „Görbület” paraméter segítségével hajlítást is adhatunk a nyílhoz. Alapértelmezés szerint ennek a paraméternek az értéke 0%. 50%-ra emelem:

Növelje a Görbület értéket a nyíl alakjának megváltoztatásához

Ennek eredményeként a nyíl alakja megváltozik. Ismét győződjön meg arról, hogy a Görbület opciót választotta, mielőtt elkezdi rajzolni a vonalat, ellenkező esetben törölnie kell az alakzatot, és újra meg kell rajzolnia:

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

A körvonal elrejtése egy alakzat köré

Ha alaposan megnézi a rajzolt alakzatot (függetlenül attól, hogy melyik Alakzatok eszközt használta), valószínűleg vékony körvonalat fog látni körülötte, ami néha bosszantó lehet. Az alakzat körüli körvonal akkor jelenik meg, amikor a vektoros alakmaszkot kiválasztja, és alapértelmezés szerint mindig ki van választva, miután új alakzatot rajzoltunk.

Ha megnézi az alakréteget a Rétegek panelen, látni fogja, hogy a vektormaszk bélyegképe körül van egy fehér, kiemelt szegély, amely azt jelzi, hogy a maszk valóban ki van jelölve. A vektormaszk kijelölésének megszüntetésével elrejtheti az alakzat körvonalát. Ehhez egyszerűen kattintson a vektormaszk bélyegképére. Eltűnik a miniatűr körüli kiemelt keret, és a dokumentumban lévő alakzat körüli körvonal is:

Kattintson a vektormaszk bélyegképére a kijelölés megszüntetéséhez és az alakzat körvonalának elrejtéséhez

És most végeztünk! Áttekintettük az alakzatrétegekkel való munka alapjait és a Photoshop öt Shapes eszközét! A következő oktatóanyagban megtanuljuk, hogyan hozhat létre összetettebb alakzatokat az Egyéni Alakzati eszköz segítségével.

Fordítás: Ksenia Rudenko

A rajzeszközök segítségével vektor alakzatokat hozhat létre és szerkeszthet. Lehetővé teszik a weboldalak különféle elemeinek létrehozását.

A következő eszközcsalád lehetővé teszi különböző formájú geometriai formák létrehozását.

Rtéglalap (téglalap)() - ennek megfelelően lehetővé teszi az előtér színével kitöltött téglalap (és a gomb megnyomásával - négyzet) rajzolását.
Lekerekített téglalap négyzet)— a fent leírtakhoz hasonló alakzatokat hoz létre, de lehetővé teszi a téglalap sarkainak lekerekítési sugarának beállítását.

Ellipszis- oválisokat hoz létre (lenyomott billentyűvel kombinálva - köröket).
Poligon- lehetővé teszi geometriai formák tetszőleges számú szöggel, valamint többsugaras csillagok létrehozását. Alapértelmezés szerint konvex ötszöget hoz létre.
Vonal— tetszőleges vagy meghatározott hosszúságú, vastagságú, színű és irányú egyenes vonalakat rajzol.
Egyedi forma- lehetővé teszi az alkotást geometriai alakzat szabad formaés őrizze meg későbbi használatra.

Hozzon létre egy új képzési fájlt.

Kattintson a bal gombbal eszköz - formák - az eszköztáron megnyílik az eszközválasztó ablak:

Itt vannak az alapvető formák, amelyeket használhatunk. Válasszon ki egyet, és nézze meg a beállítások panelt:

Bármilyen formához választhat:

• rajz mód:
  • Forma réteg. Az ábra külön rétegben jön létre. Az alakzatréteg egy kitöltési rétegből áll, amely meghatározza az alakzat színét, és egy kapcsolódó vektormaszkból, amely meghatározza az alakzat határait. Az alakzat körvonala egy görbe, amely a Rétegek panel Paths lapján jelenik meg.
  
  
  • Körvonalak. Ez a mód lehetővé teszi olyan alakzatok körvonalainak megrajzolását, amelyek bármilyen színnel kitölthetők vagy körvonalazhatók. Az útvonalak a Rétegek panel Paths lapján jelennek meg.
  
  
  • Pixel kitöltés . Ebben a módban nem vektoros, hanem raszteres képek jönnek létre, amelyek ugyanúgy feldolgozhatók, mint bármely raszterkép
  
  
• a figura stílusa és színe


• állítsa be az erre az ábrára jellemző paramétereket

Téglalapok rajzolása

Válasszuk ki az első alakzatot - egy téglalapot. A panelen kiválasztjuk mód - alakréteg. Válasszon stílust a jobb oldali háromszögre kattintva.

Válasszon egyet, amelyik tetszik. Egyébként, ha a körben (jobb oldalon) lévő háromszögre kattint, a megnyíló helyi menüben további stílusokat választhat. Ha nem szeretne stílust használni, válasszon egy piros vonallal áthúzott fehér négyzetet.

Most beállíthatja a geometriai paramétereket:

• Önkényesen - ahogy rajzolsz, olyan lesz.
• Négyzet - ha az alakot az egérrel nyújtod, a szélesség és magasság mindig azonos lesz.
• Meghatározott méret - beállíthatja a téglalap szélességét és magasságát (cm-ben), és kattintson a vászonra. Megjelenik egy téglalap a megadott méretekkel.
• Állítsa be az arányokat - beállíthatja, hogy a szélesség hányszor legyen kisebb (vagy nagyobb), mint a magasság. A figura nyújtásakor az arány megmarad.
• A központból - téglalapot rajzol a középpontból.
• Rögzítse a pixeleket - a téglalap élei a pixelhatárokhoz illeszkednek.

Most válassza ki az -tetszőlegesen- és feszítse ki a téglalapot a vásznon az egérrel. Például ezt kaptam a stílusok használatakor: Gomb, üveg gombok és webstílusok.

Nagyon hasznos eszköz gombok és menük létrehozásához weboldalaihoz, nem igaz?

Rajzolj lekerekített sarkú téglalapokat

Válasszuk ki a második formát - egy lekerekített sarkú téglalapot. A panelen válassza ki a módot - alakréteg, saroksugár - például 15 és szín (a geometriai paraméterek megegyeznek a téglalapéval).

Íme, mit kaptam a sugár és a stílus különböző kombinációival.

Miért nem a hírblokkok és a menügombok?

Körök rajzolása

Válasszuk a harmadik alakot - egy ellipszist. A panelen válassza ki a módot – rétegforma, szín és stílus. A geometriai paraméterek megegyeznek a téglalapéval, azzal a különbséggel, hogy négyzet helyett kört is választhatunk. Válassza ki a -véletlenszerűen- és nyújtsa ki az ellipszist. Ha kört szeretne, akkor tartsa lenyomva a Shift billentyűt, vagy válassza a -circle- lehetőséget a geometriai paraméterekben.

Íme, amit kaptam:

Sokszögek rajzolása

Válasszunk egy alakzatot – egy sokszöget. A panelen válassza ki a mód - alakréteget, az oldalak számát a 3-tól 100-ig terjedő tartományban (például háromszög esetén 3, hatszög esetén 6), a színt és a stílust. Tekintsük a geometriai paramétereket:

• Sugár - a sokszög sugara.
• Sima külső sarkok
• Csillag - ha a jelölőnégyzet nincs bejelölve, a sokszög konvex, a jelölőnégyzet bejelölésével a sokszög konkáv.
• Nyalábmélység - ha a sokszög homorú, akkor a csúcsai sugarakat alkotnak. Ez a paraméter megmutatja, hogy a sokszög sugarának mely részét foglalják el a sugarak. Minél magasabb a %, annál hosszabbak és élesebbek a sugarak.
• Sima külső sarkok - a kipipálatlan jelölőnégyzet mellett a sarkok élesek, a jelölőnégyzet bejelölésével a sarkok lekerekítettek.

Például:

Az első hatszög sugara 3 cm, a többi jelölőnégyzet nincs bejelölve.

A második hatszög sugara 3 cm, a -csillag-nál pipa, a sugarak mélysége 25%, a többi jelölőnégyzet nincs bejelölve.

A harmadik hatszög 3 cm sugarú, a sugarak mélysége 50%, az összes négyzet be van jelölve.

Mindegyikre alkalmaznak egy stílust.

Vonalak rajzolása

Válasszunk formát – vonalakat. A panelen válassza ki a módot - alakréteg, vonalvastagság (pixelben), szín és stílus. Tekintsük a geometriai paramétereket:

Ha az összes jelölőnégyzet nincs bejelölve, akkor csak egy sor lesz, a paramétereket a sor végén lévő nyilak állítják be.

• Rajt- nyíl a sor elején.
• Vége- nyíl a sor végén.
• Szélesség- a nyíl arányai a vonalvastagság százalékában (10% és 1000% között).
• Hossz- a nyíl arányai a vonalvastagság százalékában (10%-tól 5000%-ig).
• Görbület- meghatározza a nyíl legszélesebb részének görbületi fokát, ahol találkozik a vonallal (-50% és +50%).

Például:

Az első sorban az összes jelölőnégyzet nincs bejelölve, szélesség - 500%, hosszúság - 1000%, vastagság - 2 pixel.

A második sornál minden ugyanaz, de van egy pipa az -elején- és a görbület 5%.

A harmadik sornál minden ugyanaz, de a -vége- be van jelölve és a -eleje- nincs bejelölve.

A negyedik sorban mindkét jelölőnégyzet van: szélesség - 500%, hosszúság - 1000%, görbület - 15%, vastagság - 5 pixel.

Mindegyikre alkalmaznak egy stílust.

Tetszőleges alakzatok rajzolása

Válasszunk egy figurát - egy tetszőleges figurát. A panelen válassza ki a módot – rétegforma, szín és stílus. A geometriai paraméterek megegyeznek a téglalapéval. De itt van egy választás maga a figura közül:

Több alakzat rajzolása egy rétegben

Az elv itt ugyanaz, mint a téglalap alakú kijelölő eszközöknél (az első leckében egy nem szabványos kijelölési területet készítettünk a beállítási sávban található eszközök segítségével: hozzáadás a kijelöléshez, kivonás a kijelölésből stb.). Ugyanezek az eszközök állnak rendelkezésre az Alakbeállítások panelen.

Például hozzon létre egy téglalap alakzatot, most a beállítási sávban kattintson a "hozzáadás az alakzat területéhez" ikonra, és válassza ki az ellipszis alakzatot. Vigyük az egérkurzort a téglalapunk felső határára, nyomjuk meg a bal egérgombot, és anélkül, hogy elengednénk, feszítsük meg az ellipszist. Valahogy így kell kinéznie:

Ha az ellipszis nem a kívánt módon nyúlik meg, kijavíthatja. Ehhez válassza ki az eszköztárból kontúr kiválasztó eszköz-

Vigye a kurzort az ellipszis szélére, és miközben lenyomva tartja a bal egérgombot, húzza az ellipszist oda, ahol lennie kell. Mindezen eszközök segítségével különböző bonyolultságú alakzatokat rajzolhat.

A formák mentése

Tegyük fel, hogy tetszett nekünk az utoljára elkészített forma, és a jövőben is szeretnénk használni. Ehhez el kell mentenie. Ebben a menüben a Szerkesztés -> Egyéni alakzat meghatározása. Adjon nevet az új alakzatnak.

Az alakzatunk most megjelent a legördülő egyéni alakzatválasztó panelen.