Ebben az oktatóanyagban megtanulja, hogyan kell kitölteni az alakzatot egy képpel a Photoshop-ban! Amint látni fogja, a Photoshop megkönnyíti a fénykép elhelyezését bármilyen alakban, az alapszögletes téglalapból vagy körből a képzeletbeli egyedi alakig. Ehhez az oktatóanyaghoz a Photoshop egyik kész, egyedi alakját használjuk. De miután megtanulta a lépéseket, elkezdheti a képeket tetszőleges alakba helyezni!
Így fog kinézni a végső „forma alakú” hatás, amikor készen állunk. Természetesen ez csak egy példa a hatásra. Számos alak közül választhat a Photoshopban, és akár saját is létrehozhat. Tehát miután megtanulta a lépéseket, valójában nincs korlátozása arra, amit tehet:
A végső "kép alakban" hatás.
Lássunk neki!
Hogyan kell kitölteni egy alakzatot egy fényképpel
A Photoshop CC-t használom, de minden, amit teszünk, szintén kompatibilis a Photoshop CS6-tal.
1. lépés: Hozzon létre egy új dokumentumot
Kezdjük egy új dokumentum létrehozásával. Menjen fel a menü felső részén lévő File menübe a képernyő tetején, és válassza az Új lehetőséget :
Ugrás a File & New elemre.
Megnyílik az Új dokumentum párbeszédpanel. A Photoshop CC használata esetén látni fogja az Új dokumentum párbeszédpanel újonnan átalakított verzióját. Ha a Photoshop CS6 szoftvert használja, akkor látni fogja a régebbi, hagyományos verziót. Először a Photoshop CC verziót, majd a CS6 verziót nézzük meg.
A Photoshop CC alkalmazásban egy új, egyéni dokumentum létrehozásának lehetőségei megtalálhatók a párbeszédpanel jobb oldalán, az Előzetes beállítások panelen. Ehhez az oktatóanyaghoz hozzon létre egy négyzet alakú dokumentumot. Állítsa a szélességet és a magasságot 2000 pixelre . A felbontást 72 pixel / inch-re, a háttértartalmat pedig Fehérre állítjuk . Az új dokumentum létrehozásához kattintson a Létrehozás elemre:
A Photoshop CC Új dokumentum párbeszédpanelén az Előzetes beállítások panel.
A Photoshop CS6-ban ismét állítsa a szélességet és a magasságot 2000 képpontra, a Felbontást 72 képpont / hüvelykre és a Háttér tartalmát Fehérre . Kattintson az OK gombra az új dokumentum létrehozásához:
Az új párbeszédpanel a Photoshop CS6 alkalmazásban.
Nézze meg a videót, és ossza meg észrevételeit YouTube-csatornánkon!
2. lépés: Válassza az Egyéni alak eszköz lehetőséget
Mint korábban említettem, bármilyen alakzatot használhat ehhez a hatáshoz, az egyszerű téglalapból vagy körből az egyedi alakig. Ebben az oktatóanyagban a Photoshop egyik beépített egyedi alakját használom.
Az Eszköztáron válassza az Egyéni alakú eszköz lehetőséget. Alapértelmezés szerint az Custom Shape Tool be van ágyazva a Téglalap eszközbe. Kattintson a jobb egérgombbal (Win) / Control-kattintással (Mac) a Téglalap eszközre, majd válassza a menüből az Egyéni alakú eszközt:
Az egyedi alakú eszköz kiválasztása az Eszköztárról.
3. lépés: Állítsa a szerszám üzemmódot "alakra"
Három különféle alakzat létezik, amelyeket rajzolhatunk a Photoshopban. Rajzolhatunk vektor alakzatokat, útvonalakat vagy pixelelapú alakzatokat. Ennek érdekében vektor alakzatokat szeretnénk rajzolni, amelyek segítségével bármilyen méretű alakot felhívhatunk, miközben az élek szépek és élesek maradnak.
A Photoshop a vektor alakzatokat egyszerűen "alakzatoknak" nevezi. Ha az Egyedi alakú eszköz van kiválasztva, ellenőrizze, hogy az Opciók sávban az Eszközmód opció alakja legyen :
A szerszám üzemmód beállítása "Alak" az Opciók sorban.
4. lépés: Állítsa az alak színét feketere
Annak érdekében, hogy láthassuk alakunkat a fehér háttérhez képest, az alak kitöltési színét feketere állítjuk. A Kitöltő színmintát a Beállítások sorban találja meg (közvetlenül az Eszközmód opció mellett).
Alapértelmezés szerint a szín már fekete színű lesz. Ha nem, nyomja meg a D betűt a billentyűzeten. Ez visszaállítja az előtér és a háttér színét az alapértelmezett értékre, és az előtér színét (és az alak kitöltő színét) feketévé teszi:
A kitöltési színmintázat az Opciók sorban. Ellenőrizze, hogy feketére van-e állítva.
5. lépés: Töltse be az egyedi alakzatokat
A Photoshop rengeteg kész egyedi formát tartalmaz, amelyek közül választhatunk. De alapértelmezés szerint csak néhányuk töltik be a programot. A többi megtalálásához be kell töltenünk őket magukba.
A Beállítások sávban az Alak miniatűr megjeleníti a jelenleg kiválasztott alakzatot. Kattintson a bélyegképre egy másik alak kiválasztásához:
Kattintson a Beállítások sávján az Alak miniatűrére.
Ezzel megnyílik az Egyéni alakválasztó, az összes formátum miniatűrjeivel, amelyek közül választhatunk. Mint már említettem, alapértelmezés szerint csak maroknyi alak jelenik meg. Töltsük fel az összes formát, hogy nagyobb választási lehetőséget kapjunk.
Kattintson a Customized Shape Picker jobb felső sarkában található menüikonra (fogaskerék ikonra):
Kattintson az Custom Shape Picker menüikonjára.
A megjelenő menü alján megjelenik az összes egyedi alakkészlet listája, amelyből választhatunk. Ahelyett, hogy külön-külön betöltenénk, és megnéznék, mit kapunk, csak töltsük be őket egyszerre. Ehhez a lista tetején válassza az Összes lehetőséget:
Az összes egyedi alakkészlet betöltése a Photoshopba.
A Photoshop megkérdezi, hogy helyettesíti-e az aktuális alakzatokat az új formákkal. Mivel az alapértelmezett alakzatok szerepelnek a különféle alakkészletekben, cseréléssel semmit nem veszítünk, ezért kattintson az OK gombra :
Az OK gombra kattintva cserélheti az aktuális alakzatokat az újokra.
6. lépés: Válasszon egy egyedi alakzatot
Az egyedi alakválasztóban már sok más alak közül választhat. Görgessen a miniatűrökön, amíg meg nem találja a használni kívánt fájlt. A szív alakja (amely valójában része az alapértelmezett alaknak) népszerű választás. De valami mástól a pillangó alakját választom.
Az alak kiválasztásához kattintson duplán annak miniatűrére. Ez kiválasztja az alakot, és bezárul az egyedi alakválasztóból.
A pillangó egyedi alakjának kiválasztása.
7. lépés: Rajzolja meg az alakot
Az alak rajzolásához kattintson a dokumentum bal felső sarkában a kezdőpont beállítására. Ha az egérgombot még mindig lenyomva tartja, tartsa lenyomva a Shift billentyűt a billentyűzeten, és húzza átlósan lefelé a dokumentum jobb alsó sarka felé. A Shift billentyű lenyomva tartásával húzza meg az alak képarányát, hogy ne torzítsa az alakját.
A forma rajzolásakor csak egy útvonalvázlatot láthat arról, hogy a forma hogyan fog kinézni:
Kattintson a bal felső sarokban, tartsa lenyomva a Shift billentyűt, és húzza a jobb alsó sarokba.
A forma befejezéséhez engedje el az egérgombot, majd engedje el a Shift billentyűt. Győződjön meg róla, hogy elengedi az egérgombot, majd a Shift billentyű vagy az alak oldalaránya megváltozhat. A Photoshop rajzolja az alakot, és feketével kitölti:
A Photoshop rajzolja az alakot, amikor elengedi az egérgombot.
Ha a Rétegek panelen nézzük, akkor az alak a saját alakú rétegén ül a fehér háttérrel töltött háttérréteg felett:
A Rétegek panelen a Shape réteg látható a háttérréteg felett.
8. lépés: Vigye az alakzatot a központba
Az alak áthelyezéséhez a dokumentum közepére válassza az eszközsor Photoshop áthelyezése eszközét :
A Mozgatás eszköz kiválasztása.
Ezután kattintson az alakzatra, és húzza a középpontba. A helyére kell kattannia, amikor közeledik a közepéhez:
Az alak mozgatása a helyére.
9. lépés: Nyissa meg a képet
Nyissa meg azt a képet, amelyet el szeretne helyezni az alakjába. Ez az, amit használok (pillangófotós lány az Adobe Stock-ből). A kép a saját külön füles dokumentumban nyílik meg:
A képet beteszem az alakzatba. Fotók: Adobe Stock.
10. lépés: Válassza ki és másolja a képet
Másolja át a képet, és illessze be az alak dokumentumába. Menjen fel a képernyő tetején lévő Kiválasztás menübe, és válassza az Összes lehetőséget . Lát egy kiválasztási vázlatot jelenik meg a kép körül.
Ugrás a Kiválasztás> Összes elemre.
A kiválasztott kép mellett lépjen a Szerkesztés menübe, és válassza a Másolás lehetőséget :
Lépjen a Szerkesztés> Másolás elemre.
11. lépés: illessze be a képet az alakú dokumentumba
Váltson vissza az alak dokumentumára, ha rákattint a lapjára, közvetlenül a Beállítások sáv alatt. Ha nem nevezte el a dokumentumot a létrehozásakor (amit mi nem tettünk meg), akkor valószínűleg "Untitled-1" néven szerepel:
Kattintson az alakú dokumentum fülére.
Ezután térjen vissza a Szerkesztés menübe, és ezúttal válassza a Beillesztés lehetőséget :
Lépjen a Szerkesztés> Beillesztés elemre.
A Photoshop beilleszti a képet a dokumentumba. Jelenleg a kép teljesen blokkolja a formát a nézetből. A képem túl nagy ahhoz, hogy teljes mértékben beleférjen az alak formátumába. A következő néhány lépésben kijavítjuk mindkét problémát:
A képet beillesztették az alak dokumentumába.
12. lépés: Hozzon létre egy vágómaszkot
Ha újból megnézzük a Rétegek panelen, látjuk, hogy a Photoshop egy új rétegre helyezte a képet a Shape réteg fölé:
A Rétegek panel, amely az alak fölött mutatja a képet.
Ahhoz, hogy a képet az alakzatba helyezze, csak annyit kell tennünk, hogy készítsen egy vágómaszkot. Ellenőrizze, hogy kiválasztotta-e a képréteget ("1. réteg"). Ezután lépjen a képernyő felső részén található Réteg menüre, és válassza a Vágómaszk létrehozása lehetőséget :
Ugrás a Réteg> Vágómaszk létrehozása elemre.
Ez "leragasztja" az 1-es rétegben lévő képet az alatta lévő Shape rétegre, ami azt jelenti, hogy a kép egyetlen része, amely a dokumentumban látható marad, az a terület, amely közvetlenül az alak fölött vagy annak előtt fekszik. A kép többi része rejtve van, és azt az illúziót hozza létre, hogy a kép valóban az alakjában van:
A vágómaszk a képet az alakzatba helyezi.
És ha újból megnézzük a Rétegek panelen, látjuk, hogy az "1. réteg" jobbra van behúzva, egy kis nyílkal lefelé mutatva az alatta lévő alakzatrétegre. A Photoshop így tudatja velünk, hogy a kép levágva van az alakra:
A képet megjelenítő Rétegek panel az alakzatra vágva.
13. lépés: A kép átméretezése és áthelyezése ingyenes transzformációval
A kép átméretezéséhez és áthelyezéséhez az alakban, ismét ellenőrizze, hogy az "1. réteg" van-e kiválasztva. Ezután lépjen a Szerkesztés menübe, és válassza a Ingyenes transzformáció lehetőséget :
Lépjen a Szerkesztés> Ingyenes átalakítás elemre.
Ezzel elhelyezi a Ingyenes transzformáció mezőt és kezeli (a kis négyzeteket) a kép tényleges méretei körül, ideértve a látható vászonon kívüli területet is. Ha nem látja az összes ingyenes transzformációs fogantyút, mert a kép túl nagy ahhoz, hogy teljesen a képernyőn elférjen, lépjen a Nézet menübe, és válassza a Fit a képernyőn lehetőséget :
Lépjen a Nézet> Fit a képernyőre.
A Photoshop automatikusan beállítja a nagyítási szintet, hogy a teljes Ingyenes transzformáció mező látható legyen. Itt látható a Ingyenes transzformáció mezőm, amely a vászon jobb oldalán nyugszik:
A Free Transform mező megjelenik a teljes kép körül.
A kép átméretezéséhez az alakban tartsa lenyomva a Shift billentyűt, és húzza a sarokfogantyúk bármelyikét. A Shift billentyű lenyomva tartásával húzza az alak eredeti méretarányát, amikor átméretezi.
A kép mozgatásához az alakban kattintson a Szabad transzformáció mező bármelyik részére, és húzza a képet a helyére.
Itt a jobb felső sarokban lévő fogantyút húzom befelé, és a képet is áthelyeztem, hogy jobban illeszkedjen a lány arca a pillangó szárny alakjába:
A Free Transform segítségével a kép átméretezhető és áthelyezhető az alakban.
Ha készen áll, nyomja meg az Enter (Win) / Return (Mac) billentyűzetet a változtatás végrehajtásához és bezárja a Free Transform parancsot:
A kép most jobban illeszkedik az alakzatba.
14. lépés: A háttér színének megváltoztatása
Ezen a ponton elkészül a fő "alakú kép" hatás! Természetesen mindig többet tehetünk annak testreszabása és még jobb megjelenése érdekében. Az egyik, amit megtehetünk, a háttér színének megváltoztatása.
A háttérszín megváltoztatásának legegyszerűbb módja a Photoshop Solid Colour kitöltési rétegeinek használata. Szükségünk lesz a Solid Color kitöltő rétegre a háttérréteg és az Shape réteg között, tehát előbb kattintson a Rétegek panelen a Háttérrétegre annak kiválasztásához:
A háttérréteg kiválasztása.
Ezután kattintson a Rétegek panel alján található új kitöltési vagy beállítási réteg ikonra:
Kattintson az Új kitöltés vagy a Beállítási réteg ikonra.
Válassza a Színű lehetőséget a lista tetején:
Egyszínű töltőréteg hozzáadása.
A Photoshop pops megnyitja a Színválasztót, ahol új színt választhatunk. A fekete a népszerű választás mint háttérhatás ennek a hatásnak, tehát nézzük meg, hogy néz ki ez:
Fekete választása a Színválasztóból.
A fekete határozottan kihozza a forma részleteit, de mivel egy pillangó háttérszíne, nem vagyok biztos abban, hogy működik:
Az eredmény, miután a háttér színét feketere változtatta.
A színkiválasztótól eltérő színt választhattam. Vagy mintát vethetek egy színre közvetlenül az alakzaton belüli képről, amely gyakran jobban működik.
Ehhez vigye az egérmutatót a mintára kívánt szín fölé. A kurzor átmenetileg a Szemcseppentő eszköz ikonjára vált, tudatva ezzel, hogy készen áll egy színmintára. Szeretem a háttérszíneket finomnak tartani, ezért ahelyett, hogy zöldre választanék a fákat vagy pirosokat a virágokról, inkább a lány homlokából világos bőrárnyalatot választanék, ha rákattintana a mintavételre:
A háttérhez használt szín mintavétele.
Amint rákattintom, a mintában szereplő szín lesz az új háttérszín. Jobban szeretem ezt az új színt, ezért az OK gombra kattintva bezárhatom a Színválasztót:
A mintában szereplő szín most a háttér színe.
Ha a Rétegek panelen nézzük, akkor a "Színes kitöltés 1" elnevezésű egyszínű kitöltő rétegünket a Háttér és az Alak réteg között üljük, ott, ahol szükségünk volt rá:
A Rétegek panelen az új egyszínű töltőréteg látható.
15. lépés: Adj hozzá egy stroke-ot
Végül fejezzük be a hatást azáltal, hogy hozzácsavarjuk az alakját. Kattintson a Rétegek panelen található Alak rétegre annak kiválasztásához:
Az Alak réteg kiválasztása.
Ezután kattintson a Rétegstílus ikonra (az " fx " ikonra) a Rétegek panel alján:
Kattintson a Rétegstílusok ikonra.
Válassza a Stroke lehetőséget a listából:
Stroke rétegstílus kiválasztása.
Ez megnyitja a Photoshop Rétegstílusa párbeszédpanelt, amely a középső oszlop Stroke beállításaira van állítva. A stroke színének megváltoztatásához kattintson a színmintára :
A színminta kattintása.
Ez újra megnyitja a Színválasztót. A fehér színt választom a körvonalak színéhez, majd az OK gombra kattintva bezárom a Színválasztót:
Fehér választása a színválasztóból.
Vissza a Rétegstílus párbeszédpanelen beállítom a löket helyzetét Külsőre, hogy az az alak külső részén megjelenjen. Ezután megnövekszem a Méret értéket az ütés vastagságának beállításához. A képhez azt gondolom, hogy körülbelül 12 képpont méretű jól működik:
Ha a Külső pozíciót és a Méretet 12 képpontra állítja.
Kattintson az OK gombra, hogy bezárja a Rétegstílus párbeszédpanelt. És ezzel elkészültünk! Itt, a háttér színének megváltoztatása és a pillangó körüli vonás hozzáadásával, itt lesz a végső „alakjaim” effektusom:
A végeredmény.
És ott van! Így könnyedén helyezhető el egy kép az alakzatba a vágómaszkok segítségével a Photoshop-ban! Nézze meg a Photo Effects szakaszt a Photoshop effektusokkal kapcsolatos további útmutatásokért! És ne felejtsük el, hogy a Photoshop összes oktatóanyaga nyomtatható PDF formátumban elérhető.