Rajzolj egy téglalapot a Photoshopban méret szerint. Szabad formájú alakzatok vagy alakzatok létrehozása a Photoshopban

Ebben az oktatóanyagban megvizsgáljuk az alakzatokkal és alakzatrétegekkel való munka alapjait a Photoshopban. A leckét azzal kezdjük, hogy megtanulunk öt alapvető eszközt a geometriai alakzatok rajzolásához - Téglalap, Téglalap lekerekített sarok", "Ellipszis", "Sokszög" és "Vonal".

Aztán be következő lecke, megnézzük, hogyan rajzolhatunk alakzatokat ö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 eszköz, Lekerekített téglalap eszköz, Ellipszis eszköz, Sokszög eszköz, Vonal "(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 egy előugró menü jelenik meg az Alakzatok csoport többi eszközével. melyikből választhatjuk ki a számunkra megfelelőt:

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álasszuk 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

A Téglalap eszköz kiválasztása után hat ikon jelenik meg a Lehetőségek sávban különféle hangszerek"Alakok" csoport. 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 Photoshopnak, hogy milyen típusú alakzatot szeretnénk rajzolni, és ebben az esetben Nem a "téglalapot" vagy a "kört" értem a testalkaton. 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 ki kell választanunk az alakunknak megfelelő színt. 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 megnyílik szín paletta, 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

Amint azt 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 az egérgomb felengedésekor színnel tölti meg az alakzatot

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 azt mondja, hogy rajzolja meg az alakzatot a középpontból. 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ásai

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, a lecke elején megtanultuk, hogy vektoros alakzatok rajzolásához a Photoshopban ki kell választani az „Alakzatréteg” lehetőséget a Beállítások panelen. É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 alakréteg színminta ikonjára:

Egy alakzat aktuális 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űparancsokkal és egyedi billentyűkkel:

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 meg é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 a közepérő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-mal 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 egy ötágú csillagot kapunk:

Alapértelmezés szerint a csillagcsúcsok rendelkeznek éles sarkok, de a Smooth Corners opciót választva kerekí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 le é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, a végére vagy mindkét végére egyszerre. Ha azt szeretné, hogy a vonal húzása 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.

Alul van egy vonal, amely 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 mindig megjelenik a vektoros alakmaszk kiválasztásakor, é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örüli körvonalat. Ehhez egyszerűen kattintson a vektormaszk bélyegképére. A miniatűr körüli kiemelt keret eltűnik, és a dokumentumban lévő alakzat körvonala is:

Kattintson a vektormaszk bélyegképére a kijelölés megszüntetéséhez és az alakzat körüli körvonal 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 megtudjuk, hogyan hozhat létre összetettebb alakzatokat az Egyéni Alakzat eszközzel.

Fordítás: Ksenia Rudenko

A Photoshopban való rajzolásról beszéltünk ceruzával és ecsettel. A szabadkézi vonalak nagyszerűek, de gyakran előfordul, hogy egyenes vonalat kell húznia. geometriai alakzat. A vonalzók és az iránytűk a múlté, és most ezt megteheti egyszerű eszközök szerkesztő.

Az egyik kiválasztásához kattintson az Alakzatok ikonra az eszközpalettán.

Függetlenül attól, hogy melyik csoporteszközt választja, a következő, minden alakzatra jellemző elemek megjelennek a Lehetőségek sorban.

• Válassza ki a szerszám módot. Itt választhat egyet a három közül.

1. Ábra. Az érték alapértelmezettre van állítva, és külön rétegen egy vektorgeometriai ábrát hoz létre, vagyis az történik, amit az eszköztől elvárunk.
2. Áramkör. Az ábra körvonala kitöltés nélkül készült.
3. Pixelek. Nem vektort, hanem raszteres ábrát hoz létre.

• Töltő. Lehetővé teszi a rajzolt ábra színének és típusának (átmenet, árnyékolás) testreszabását.
• Stroke. Alakvázlat beállításai: vastagság, típus, szín.
• Szélesség és magasság. Lehetővé teszik az ábra méretének tisztázását, ha ezt „szemmel” nem szabad megtenni.

Mint mindig, hozzon létre egy új dokumentumot fehér háttérrel. A többi paraméter meghagyható alapértelmezettként, vagy saját belátása szerint kiválasztható.

Téglalap

Jelölje ki a Téglalap alakzatot, és a megrajzolásához kattintson a vászonra, majd húzza a mutatót, miközben lenyomva tartja az egérgombot. Az a pont, ahová kattintott, az alakzat sarka lesz.

A beállítássávon kattintson a ikonra. Megnyílik a geometriai beállítások ablak.

Alapértelmezés szerint a kapcsoló Téglalap állásban van. Ha négyzetre állítja, akkor rajzoláskor mindig egyforma oldalhosszúságú alakzatot kap. Hasonló hatás érhető el a jelölőnégyzet megnyomása nélkül is: négyzet létrehozásához téglalap rajzolása közben tartsa lenyomva a Shift billentyűt.

Ha a téglalap paraméterei előre ismertek, állítsa a kapcsolót a Megadott méret állásba, és adja meg a szükséges értékeket a mezőkben. Az ábra teljesen megrajzolódik, amint az egérgombbal rákattint a vászonra.

A kapcsoló Arányok beállítása állásba állítása után az elérhetővé váló beviteli mezőkben megadhatja a létrehozott figura képarányát.

A Középről jelölőnégyzet lehetővé teszi, hogy téglalapot rajzoljon a középpontból, nem pedig a legkülső pontból.

Lekerekített sarkú téglalap

A következő elem a geometriai formák listáján. Jól látható, hogy a sarkok lekerekítésében eltér a megszokottól. Ennek megfelelően ennek az ábrának és a téglalapnak a beállításai majdnem megegyeznek. A lekerekítés sugarát az opciósáv megfelelő mezőjében lehet megadni.

Ellipszis

A paraméterek megegyeznek a téglalapéval, csak négyzet helyett kört rajzolhatunk. Ehhez a geometriai beállítások ablakban jelölje be a Kör négyzetet, vagy tartsa lenyomva a Shift billentyűt rajzolás közben.

Poligon

Ezzel az eszközzel háromszöget, dodekaédert, ikozaédert, csillagot vagy bármilyen alakzatot rajzolhat, amely háromtól százig terjed. Számuk a paraméterek panelen található Party beviteli mezőben állítható be.

A geometriai beállítások ablaka észrevehetően eltér az előző ábráktól.

• Sugár. Ez a mező határozza meg a jövőbeli sokszög sugarát.
• Sima külső sarkok. Ha a jelölőnégyzet be van jelölve, akkor a sarkok lekerekítettek, ha nem, a sarkok élesek, mint egy klasszikus sokszögben.
• Csillag. Jelölje be a négyzetet, ha csillagot szeretne kapni kimenetként.
• A sugarak mélysége. Ez a beviteli mező határozza meg, hogy milyen hosszúak legyenek a sugarak.
• Simítsa el a belső sarkokat. Jelölje be ezt a jelölőnégyzetet, ha azt szeretné, hogy a belső sarkok lekerekítettek legyenek, ahogy az az alábbi képen látható.

Vonal

Ezzel az eszközzel valóban egyenes vonalakat hozhat létre – a szabadkézi egyszerűen nem praktikus. A maximális pontosság elérése érdekében konfigurálja a geometriai paramétereket a megfelelő ablakban.

• Rajt. Ha a jelölőnégyzet be van jelölve, a vonal helyett egy nyilat kapunk, amely arra a helyre kerül, ahol az egérgombbal kattintott.
• Vége. Jelölje be a jelölőnégyzetet, ha egy nyilat szeretne hozzáadni a sor végéhez.
• Szélesség. A vastagsághoz viszonyított százalékban van megadva (a paraméterek panelen az azonos nevű mezőben állítható be).
• Hossz. Kiszámítása ugyanúgy történik, mint a szélesség - vastagságra vonatkoztatva, százalékban.
• Görbület. Az érték -50% és 50% között mozog, és meghatározza, hogy a nyíl legszélesebb része mennyire lesz ívelt. Az ábrán 0%, 30% és 50% görbületű nyilak láthatók (fentről lefelé).

Szabad figura

Annak érdekében, hogy ne hozzanak létre külön eszközt a több tucat megmaradt alakzat mindegyikéhez, a fejlesztők itt kombinálták őket. A paraméterpanel minden eleme már ismerős, kivéve a legfontosabbat - az Alakzat gombot, amelyre kattintva megnyílik az alakzatválasztó ablak.

Ha az ablak jobb oldalán található fogaskerékre kattint, megnyílik egy további opciókat tartalmazó menü, amely alakkategóriákat tartalmaz.

A tárgyalt eszközöknek köszönhetően szó szerint két kattintással rajzolhat nagy mennyiség olyan figurák, amelyek kézzel történő elkészítése meglehetősen hosszú időt vesz igénybe.

A Photoshopban egy négyzet többféle változatát is megrajzolhatja. Egy kitöltött négyzet és egy négyzet kerettel. Jobb négyzeteket rajzolni vektorobjektumokkal, különösen a „Téglalap eszközzel” ( Téglalap eszköz).

Téglalap eszköz

Válassza ki az alakzatokat (U vízszintes billentyű), majd a Téglalap eszközt (Téglalap eszköz), lásd az alábbi képernyőképet.

Állítsa be a „Fill Pixels” tulajdonságot.

Válassza ki a négyzet kitöltési színét (az eszköztár első színe), rajzoljon egy négyzetet, miközben lenyomva tartja a Shift billentyűt.

Négyzet kerettel

A négyzetet egy új üres rétegre kell rajzolni, töltés nélkül. Új réteget hozhat létre az Alt + Ctrl + Shift + N billentyűk egyidejű lenyomásával.

1. Útvonalak telepítése (az útvonalak oroszul);
2. Rajzoljon négyzetet a Shift billentyű lenyomva tartásával;

Alakítsa át a vektornégyzetet kijelöléssé (Select) a Ctrl + Enter megnyomásával.

Fesse le a kijelölést (ebben az esetben fehérre).

Alt + ← BackSpace – először kiválasztott szín.

Ctrl + ← BackSpace - második kiválasztott szín.

Kattintson a jobb gombbal a négyzet alakú rétegre, és válassza a Keverési beállítások lehetőséget.

A stílusoknál válassza ki a "Stroke" opciót, és állítsa be a keret vastagságát pixelben és a keret színét. Kísérletezhet más lehetőségekkel.

Az eredmény egy négyzet 3 pixel vastag piros kerettel.

Bár a négyzet és a téglalap a legegyszerűbb geometriai formák, megrajzolásához Photoshopban némi erőfeszítést kell tenni, és rendelkeznie kell alapvető ismeretekkel. Egy kezdő megfelelő képzés nélkül valószínűleg nem fog megbirkózni ezzel a feladattal.

Ebben a cikkben megvizsgáljuk a téglalap vagy négyzet Photoshopban való rajzolásának 3 legnépszerűbb módját.

Mielőtt azonban elkezdené kiválasztani a rajzolási módszert, el kell döntenie a jövőbeli paraméterekről. A téglalap/négyzet lehet:

• egyszínű színnel töltve vagy csak húzott szegéllyel;
• tetszőleges vagy pontosan meghatározott méretekkel;
• azzal a képességgel, hogy a mérete bármikor minőségromlás nélkül változtatható.

1. módszer. Ingyenes alakformáló eszköz

Ennél a módszernél a téglalap vagy négyzet egyszínű színnel lesz kitöltve. Ha csak szegélyre van szüksége, lépjen tovább a következő két módszerre.

Az eszköztáron válassza az Eszköz lehetőséget. Ezután két forgatókönyv lehetséges:

1. lehetőség. Négyzet vagy téglalap további átméretezési lehetőséggel minőségromlás nélkül

Ez természetesen vektorfigura használatát jelenti. A rajzoláshoz ki kell választani a lehetőséget Forma réteg:

A jövőben minőségromlás nélkül módosíthatja ennek az alaknak a méretét. Ehhez használja a Ctrl + T eszközt, és a sarokjelölők segítségével módosítsa a méretet.

Azoknak, akik nem tudják: a vektor alakzatok nem pixelekből, hanem speciális matematikai képletekből állnak. Ezért az átméretezés nem a pixelek nyújtásának/tömörítésének folyamata, hanem egy összetett matematikai újraszámítás, aminek köszönhetően nincs minőségromlás.

2. lehetőség. Szabványos (raszteres) négyzet/téglalap

A raszteres alakzat azonnali megrajzolásához használja a beállítási sáv beállítását Kitöltés pixelek. De mielőtt elkezdené rajzolni - !

Valójában azonban rajzolhat egy vektort egyszerre, és csak utána rajzolhatja meg. Most válassz magadnak.

Hogyan készítsünk téglalap négyzetet

A szokásos szabály, hogy tetszőleges alakzatoknál tartsa lenyomva a Shift billentyűt, nem működik. Ezért az eszközbeállítások panelt kell használnia, és ki kell választania egy beállítást, hogy a Photoshop négyzetet rajzoljon.

Ugyanazon a panelen, kérjük, vegye figyelembe, hogy megadhatja a kívánt téglalap/négyzet pontos méretét, vagy előre meghatározott arányok szerint rajzolhatja meg.

Alapértelmezés szerint a méreteket képpontok határozzák meg. Ha módosítani szeretné a mértékegységet, először adjon meg egy értéket a mezőben, majd kattintson rá jobb gombbal. Megjelenik az egységválasztó ablak. Elérhető: pixel, hüvelyk, centiméter, milliméter, pont és pica.

Lekerekített sarkú téglalap vagy négyzet

Lekerekített sarkú alakzat létrehozásához tegyen mindent a fent leírtak szerint, de válassza ki az eszközt a legelején Téglalap lekerekített élekkel. Az eszközbeállítások sorában csak meg kell adnia sugár kerekítés.

2. módszer: simítsa át a kiválasztott területet

Ez a módszer olyan egyszerű, mint 5 kopecks. válassza ki az eszközt, és rajzoljon egy téglalapot egy pontozott vonallal. Négyzet rajzolásához tartsa lenyomva a Shift billentyűt.

Most fel kell vázolnia ennek a kiválasztott területnek a határait. Ehhez lépjen a következőre: Szerkesztés - Stroke.

Ezután egy új ablakban állítsa be a körvonal típusát: adja meg a keret vastagságát, a kívánt színt, és jelölje meg, hogyan történik a körvonal:

• Belül— ez azt jelenti, hogy a keret a kiválasztott terület belsejében fog feküdni;
• Középre állított— ez azt jelenti, hogy a keret egyenlő arányban lesz felosztva a kijelölésen belüli és a külső részre;
• Kívül- ez azt jelenti, hogy a keret a kijelölés pontozott vonalát fogja megkerülni.

Így alakulhat ki:

A fenti képernyőképen szándékosan nem távolítottam el a szaggatott vonalat, mivel az Ön számára sem fog eltűnni. Hogy végre megszabaduljon tőle, nyomja meg a Ctrl+D billentyűkombinációt.

Ennél a módszernél a pontos méretű alakzat megrajzolásához először meg kell adnia az eszközbeállítások sorában Stílus — Meghatározott méret vagy Meghatározott arányok. Ezt követően aktívvá válnak a mezők, ahol a szélesség és magasság értékeket pixelben kell megadni. Ha jobb gombbal kattint valamelyik mezőre, megjelenik egy menü a mértékegységek megváltoztatásához.

2.1. módszer Kijelölés festése

A téglalap rajzolásának legáltalánosabb módja egy kijelölő keret rajzolása (a fent leírtak szerint), és egyszerűen lefestheti bármilyen színnel. Itt van egy téglalap vagy négyzet.

3. módszer: Kiválasztás módosítása

Valójában ezt a módszert szeretem legkevésbé a nyilvánvaló hátránya miatt - a téglalap sarkai le lesznek vágva, és maga a keret szegélye nem fogja tudni befolyásolni ezeket a tényeket.

Tehát újra ki kell választania az eszközt, rajzolnia kell egy keretet a jövőbeli téglalaphoz vagy négyzethez (a Shift billentyűvel), majd lépjen a menübe. Kiválasztásés válassz egy csapatot Módosítás - Határ.

Megjelenik egy új ablak, amelyben esetünkben megadjuk a téglalap szegély szélességét. Tegyük fel, hogy 7 pixelt adok meg. A következő eredményt kapjuk:

Most már csak át kell festenie a kapott keretet. Erre alkalmas. Itt egyébként kreatívabban lehet megközelíteni a kérdést és átfesteni pl. különböző színek. Eredmény:

Nincs más hátra, mint a kijelölés eltávolítása - Ctrl+D. Szerintem ez a módszer csak ritka konkrét feladatokra alkalmas, hiszen az árnyékolás és a levágott sarkok csak mindent elrontanak.

Ha hibát észlel a szövegben, jelölje ki, és nyomja meg a Ctrl + Enter billentyűket. Köszönöm!

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 lenyomá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 geometriai alakzat létrehozását 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 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 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 kattintasz, akkor a megnyíló helyi menüben kiválaszthatod további stílusok. 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 stílusok használatakor: Gomb, üveg gombok és webstílusok.

Elég hasznos eszköz gombokat és menüket létrehozni a weboldalaihoz, nem?

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).

Ez történt velem különféle kombinációk sugár és stílus.

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 - kipipálatlan jelölőnégyzet mellett élesek a sarkok, bejelölve a sarkok lekerekítettek.

Például:

Az első hatszög 3 cm sugarú, a többi négyzet nincs bejelölve.

A második hatszög sugara 3 cm, a -csillag- jelölőnégyzet, 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.

Rajzoljunk tetszőleges figurák

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:

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.

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