Hogyan lehet sima átmenetet készíteni a Photoshopra? Háttér: gradiens (); CSS. Sima átmenet egy színről a másikra, hogyan lehet sima átmenetet készíteni a Photoshopban

A kollázs létrehozása nem csak az egyik fénykép kombinációja. A megfelelő kollázs bemutatja a szerző készségét, és bemutatja a fényképeket, hogy gyönyörű és kompetensen helyezze el a fotókat, hogy stílusosnak és vonzónak tűnik. A kollázs sikeres és észrevehető, amelyben a fotók között nincs észrevehető határok - a fotó helyett, ahogyan ez volt, egymásba áramlik. Ezt a hatást a nem komplikált műveletek végrehajtásával lehet elérni Adobe Photoshop..

Szükséged lesz

Utasítás

  • Nyissa meg a két fotót ugyanaz a méretEgyesíteni akarsz a kollázsba.
  • Nyomja meg a v gombot az áthelyezési eszköz aktiválásához, és húzza egy fotót egy másikra, hogy mindkettő két különböző rétegben egy ablakban legyen.
  • Válasszon a listából a felső két rétegből, majd adjon hozzá egy vektoros maszkot (add réteg maszk).
  • A fotográfia piktogramjának közelében a rétegszálon megjelenik egy fehér négyzetmaszk piktogram. Kattintson rá, hogy aktiválja a réteget. A piktogramot fekete keretrel fogják körözni, amely bemutatja tevékenységét.
  • Az eszköztáron válassza ki a gradienset, és adja meg a gradiens irányát úgy, hogy ellenőrzi a vonalat a jobb alsó sarokban a jobb felső sarokban. Meg fogod venni, hogy az egyik kép hogyan fog megjelenni a másikon keresztül, ahol szögletes gradienset végzett.
  • Kísérlet, és változtassa meg a gradiens hosszát és szélességét, amíg az eredmény elégedett, és a képek nem zökkenőmentesen és gyönyörűen áramlanak egymásba a helyszínen, ahol látni szeretné az átmenetet.
  • A kívánt hatás elérése érdekében csak akkor használja a gradienset aktivált mód A réteg maszkok - egyébként nem fog kijönni.
  • Menj ki a maszk üzemmódból az egérmutatóra kattintva a kép piktogramján a rétegben, miután a kollázs készen áll.
  • Kombinálja a rétegeket (egyesíti a rétegeket), és mentse a kollázsot a kívánt formátumban.
  • A második fotót a korábban nyitott.

    További információ a csatlakozási fotókról, amelyeket olvashat.

    Ezután az "Mozgó eszköz" eszköz használatával megadja a képek helyét egymáshoz képest. Ezt úgy kell elvégezni, hogy egy fotó átfedje a másikat, az átfedés helyén, és fel lesz szerelve sima átmenet. A kényelem érdekében ideiglenesen csökkentheti a rétegek átlátszatlanságát a réteg panelben, ez is szép, hogy útmutatókat az átfedési határokon.

    Most meghatározzuk, hogy milyen fotózás lesz a tetején, és ha szükséges, változtassa meg a rétegek helyét a réteg panelen. A fentiekből egy Twitter kép lesz.

    Ezután a rétegek átlátszatlanságát a képekkel száz százalékra visszahelyezzük.

    És most lépjünk tovább a teremtésre sima átmenet A fotók között ebben a példában egy rétegmaszkot és fekete-fehér gradiens használatát fogjuk használni.

    A maszk réteget adunk hozzá a réteghez egy felső fotóval a paletta alján található megfelelő ikonra kattintva, míg a színpaletta színei automatikusan megváltoztak a fekete alapszínre és a fehér háttérre, a maszk ikonra a A megfelelő réteg jelenik meg a réteg panelen. Ezután nyissa ki a gradiens eszközt az instrumentális palettán. A Photoshop működő ablak bal felső sarkában kattintson a Háromszögre a Gradiens paletta megnyitásához, és válassza ki a név elsődleges nevét "a fő színtől a háttérhez". Ezután elvégezzük a vonalat az egyik vezetőből a másikra az ábrán látható irányba.

    Annak érdekében, hogy a gradiens vonal szigorúan vízszintesen töltse (vagy más esetekben, szigorúan függőlegesen), a Shift billentyűt kell tartani.

    Ennek eredményeképpen zökkenőmentes átmenetet kapunk a felső kép jobb szélének átláthatóságára, ami két fénykép közötti zökkenőmentes átmenet hatását biztosítja.
    A Maszk ikonon a Rétegek panelen látjuk a következő változásokat, a Fekete teljes átlátszóságot és fehér, ellenkezőleg, a maszkréteg teljes átlátszatlanságát.

    Itt valójában és mindent, a feladat befejeződött!

    Ma megmutatom neked hogyan készítsünk sima átmenetet két fotó között.

    Előzetesen képeztem, és ez az eredményt kaptam:

    Annak érdekében, hogy ilyen képet kapjak, két fotót fogok összekapcsolni.

    elvettem gyönyörű háttér A tenger és egy fotó egy lány, aki fényképezett a háttérben komor fák levelek nélkül.

    Tehát keljünk fel - megteszem sima virágátmenet Ezért a következő lépéseket fogom végrehajtani:

    1. lépés

    Megnyitom a fotókat a Photoshopban és az eszközzel Mozog Egy lány fotójával húzva egy fotót egy tengeri háttérrel.

    A lány fotója, akit egy kicsit csökkenteni akarok, és ezt hívom Ingyenes transzformáció A billentyűzet gomb megnyomásával Ctrl+ T..

    A kép körül megjelenő keret egy olyan csomópontokkal rendelkezik, amelyekhez húzhatja és csökkentheti a kép méretét, miközben meg kell tartania a kulcsot Váltás., A kép aránya nem torz.

    2. lépés.

    Most fordulok a palettához Rétegek és a réteget egy lányon kattintson az ikonra Vektoros maszk hozzáadása.

    Ahogy látjuk a palettán Rétegek A réteg maszkot alakítottunk ki egy réteggel, amelyet egy olyan lány, amelyet egy keret jelez, ami azt jelzi, hogy a maszk aktív, és minden olyan munka, amelyet elvégezek, egy réteg-maszk.

    A felső panelahol az összes eszközbeállítás Gradiens Kattints ide nyílA szerszám ikon mellett található, és a megjelenő ablakban, ahol a színpadok választok sugárirányú gradiens amely áthalad. fekete átlátszó.

    Most a gradiens vonalakat töltem anélkül, hogy elérném a lány alakját, amint azt a képen jeleztem (lehet, hogy több irány van). A gradiens vonal vezetésénél a háttér zökkenőmentesen eltűnik.

    Két-három alkalommal volt szükségem arra, hogy a képen megadott utasítások mindegyikét a képen belül megadott irányba kell töltenie.

    4. lépés.

    Azonban észrevehetjük, hogy a lány fotójának eltűnésével, a lány fotójának, a lánynak is megváltozott, mivel egyes helyeken áttetszővé vált.

    De ez nagyon egyszerű.

    A réteg maszkon van, puha kerekek kefe fehér szín És rajzolja ezt az ecsetet a lányban.

    A fehér kefe visszaállítja a lány képének elveszett részeit.

    És azt is szeretnénk, hogy emlékezzünk arra, hogy mindig beszélhetsz a Photoshop témákkal, a Photoshop fórumon, és találhatok válaszokat sok kérdésre.

    Ez az, ami eredményként történt:

    Két fotót csatlakoztattam egy zökkenőmentes átmenet mellett.

    Remélem, egyértelműen elmagyaráztam hogyan készítsünk sima átmenetet Két fotó között - ahogy látod, nagyon egyszerű.

    Azt is javasoljuk, hogy láthassa az előző leckét Valentikum a Photoshopban, amelyben sok érdekes dolog van.

    További sikert kívánok a Photoshop elsajátításában!

    Veled volt Galina Sokolova.

    1 szavazat

    Jó nap, kedves olvasók. Ma úgy döntöttem, hogy bizonyítok neked, hogy megtanuljam az elméletet a gyakorlatban. Még akkor is, ha új vagy, akkor szó szerint óránként jó eredményt érhet el. Nem érti a Photoshopban! Nézd, ez a kép kizárólag a gradiensek miatt jön létre. Ezeket különböző elemekre és különböző változatokra alkalmazzák.

    Ha ezt a cikket a végéig elolvassa, akkor nem csak megtudhatja, hogyan lehet a színes színt sima átmenetet készíteni a Photoshopban, hanem a tudás alkalmazása a gyakorlatban a szöveghez képest, ábra, gyönyörű villogó gyémántok és még sok más.

    Már megtettem ezt a képet. Ha azt akarod, akkor pontosan megteremtheti magát pontosan ugyanazt, és talán még jobb, de megtanulok egy másik példát. Mit? Tanulni a cikk végén. Összeszedek veled és párhuzamosan, hogy leírja a folyamatot, én magam is nem tudom, mit fogok sikerülni. Ennek köszönhetően látom, hogy milyen problémák merülhetnek fel, és segítenek megoldani őket.

    Alapvető ismeretek és egy titok mindig a győztes lehetőség.

    Tehát először meg kell nyitnunk a Photoshopot. Nagyon ajánlom, hogy töltse le ezt a programot ( itt engedélyezett verziót vásárolhat. ). Soha nem fog jobban megtalálni. Ha félsz, hogy ne mesterezzen, és költeni a pénzt hiába, bár elfelejtette a programot az első kísérlet után, amit megpróbálhat online szolgáltatás https://editor.0lik.ru/ . Sokkal kényelmesebb ahhoz, hogy saját progja legyen, és hamarosan megérti, miért.

    Ez az, amit a 2015-ös Photoshop verziója úgy néz ki, mintha egy másik kiadása van, ne aggódjon. Minden megközelítőleg ugyanaz lesz. Van egy kicsit kevesebb lehetőség, és ez az egyetlen különbség.

    Teremt Új dokumentum.

    Válassza ki a mérete számomra az egyik legnehezebb kérdés. Alapul vettem a maximális méretű képet a hozzászóláshoz közösségi hálózatok. 800x500, de, ahogy érted, ez nem a lényeg. Mindez attól függ, hogy milyen célokat és feladatokat fog végezni a Photoshop használatával.

    Lásd: A jobb oldali panelen az összes fő gomb, beleértve a gradienset is. Most azonban nem található. Hogy hogy? Én magam szembesültem ezzel a problémával, amikor elkezdtem tanulni a Photoshop-szal. Elolvastad egy cikket, és az információ felét harmadik fél forrásokat kell keresnie. Google Google Google.

    Igen, megbocsátok nekem egy nagyon okos olvasó, aki ő maga tökéletesen tudja a kis visszavonulást a témáról. Szeretnék dolgozni az óráimban, minden látogató a blog. Talán egyszer és neked, nagyon hasznos lesz. Mentse el egy csomó időt.

    A szinte minden gomb jobb alsó sarkában, kivéve a nagyítót, van valami, mint a nyíl. Ez azt sugallja, hogy több eszköz rejtve van a gombon.

    Tartsa néhány másodpercet bal gomb egér a gomb megnyitásához extra menü És válassza ki a gradienset.

    Egy opcionális menü kinyílt a tetején. Ez kizárólag a gradiensek esetében használható. Gyors a szövegben - A szöveg különleges szövege nyitva nyílik a tetején, és ... Nos, megértette.

    Kattintson a színes ikon melletti nyílra. Tárolja a szabványos átmeneteket, vagy letöltötte az Ön által letöltött.

    Ha nem tartja magát Genius Design, akkor azt javaslom, hogy letölti az internetről ingyenes sablonok. Teljesek. Először is időt takarít meg, és másrészt számos hasonló opciót általában egyetlen stílusban hoztak létre. Olyan problémák nélkül alkalmazható egy képre, és szinte mindig jól néz ki.

    Új sablonok telepítése - nem probléma. Töltse le őket az internetről. Ezután válassza ki az anyát a jobb felső sarokban, és keresse meg a "Feltöltés ..." linket.

    Válasszon ki egy mappát a letöltött fájlokkal a számítógépen, és mentse el.

    Hozzáadnak egy listát.

    Tölt

    Most megtanulják, hogyan kell kitölteni. Válasszon bármelyik opciót, amit szeretne (egy kicsit később megyünk a létrehozásra), és kattintson rá. Bármely helyen a bal egérgombot rögzíti, és vezet bármely irányba. Ez a színátmenet helyétől függ.

    Nézd meg a különbséget.

    Bárhol elforgathatsz.

    Ahhoz, hogy a vonal mozgása legyen, nem eltolódik, és a gradiens nem szakította meg a Shift gombot, miközben beállítja az irányt.

    Lásd, a színek átmenete most a központban történik. A beállításokat részletesebben figyelembe vesszük a saját gradiens létrehozásakor. Most csak a központ elmozdulásáról fogok elmondani. Kattintson erre a kiütésre.

    Megragadjuk a bal egérgombot az alján, és balra vagy jobbra hozzárendeljük.

    Ez az, amit én tettem a végén.

    Hogyan kell alkalmazni a színátmenetet a szöveghez, hogy a levelek modernjak legyenek

    Most írjunk valamit. Válassza ki a megfelelő gombot.

    Ha meg kell változtatnia a méretet vagy a betűtípust, figyeljen a képernyő tetején lévő panelre. Minden egyszerű.

    Most nyomja meg a Ctrl gombot és egyidejűleg kattintson az új szöveges réteg ikonjára. Legyen óvatos, kattintson a Nem kell szöveges, hanem egy téglalapra, amint az az alábbi képernyőkép látható.

    Most hozzon létre egy új réteget. Három lehetőség van a probléma megoldására: szorítson egyidejűleg a Shift, Ctrl, N; A panelt felülről használjuk, megtaláljuk a "Réteg - új - létrehoz" ott; Használja a gombot a gyors menüben a jobb oldalon. Az alábbi ábrán megmutattam, hogy nyíl van.

    Most, hogy távolítsa el a háttérvilágítást a betűk széleire, akkor a kiválasztás, majd kattintson a kép bármely részére. Ez egy ilyen eredményt kiderül.

    Ezen a szöveggel való munka nem ér véget. Lásd: 2 rétegünk van veled: egy gradienssel és a második betűkkel. Miért történt ott? Megmagyarázom, hogyan tudok. Írja be a megjegyzéseket, ha nem érthető. Szöveget írt. A Photoshop rájött, hogy ez a betűk, és még felajánlotta, hogy növelje őket, csökkentse, változtassa meg a betűtípust és így tovább.

    Ezután kiosztottad ezt a fragmentumot. Létrehozott egy új réteget, ha analógiát jelent, vágja le a stencilt a papírból, és öntsük rá. Abban a pillanatban a Photoshop elveszett. Megállította a leveleket. Számára ez csak néhány olyan kép része, mint egy rhombus, egy négyzet vagy egy kör a vágási központban. Ha a rétegben lévő betűkkel dolgozol, akkor nem fog működni, ha a színátmenetet a szövegre szeretné alkalmazni - ugyanaz.

    Ha most szeretné áthelyezni a szöveget valahol, és felmászik a megfelelő részbe, akkor elkezdi mozgatni a nyíl, akkor mindent meg fogsz enni.

    Eltávolítjuk a szövegréteget úgy, hogy ne zavarja. Kattintson a jobb gombbal, és válassza ki a kívánt opciót.

    A gradiens típusai, a kitöltési adatok és a csillagok létrehozása

    Ha felhívta a figyelmet a fenti gradiens panelre, azt találták, hogy különbözőek: lineáris, radiális, szögletes, tükör vagy gyémánt. Nem nehéz látni a különbséget, ezért nem szükséges a cikkek olvasásához, csak nyissa meg az üres lapot, és próbáljon meg egy vagy másikat alkalmazni. Nézze meg, mi történt.

    Az egyetlen dolog, amit érdemes megjegyezni: Ha szeretné látni a tökéletes eredményt, mint a képemben, a nyílnak a központtól kell irányulnia.

    Most menjünk vissza a képünkhöz. Hadd tanítson neked egy érdekes vételt. Színes átmenetek használhatók a rajzolt formák belsejében. Nagyon hasznos, különösen azok számára, akik webhelyeket hoznak létre.

    Tehát válasszon egy téglalapot vagy kört. Nem számít.

    Most a kitöltés színe.

    Menjen a Gradiens részre.

    Itt van egy rhombusra.

    Látod, érdekes hatást fejtett ki, ez csak fehér színű zsákmány. Átláthatónak kell lennie. Belső sablonok találhatók. Ha ezt a rácsot a sablonon belül látja, akkor ez az, amire szükségünk van.

    Játssz a beállításokkal, és Önnek az ideális lehetősége lesz.

    Most klónozzuk ezt a vakut. Válassza ki a mozgást. Csak kattintson a gombra.

    És most gyógyítsa meg az ALT-t, és húzza az ismétlődőt az oldalra.

    Ezt az eredményt kaptam.

    Hozzon létre egy új gradiens és gombok webhelyek számára

    Nos, végül elmondom, hogyan hozhat létre gradienseket a karcolásból, ugyanakkor kitaláljuk a beállításaikat. Hozzunk létre egy gyönyörű gombot? Egy téglalapot adok, lekerekített élekkel a képhez.

    Így néz ki. Ebben az időben nem fogjuk használni a belső kitöltést. Ezen keresztül nem túl kényelmes ahhoz, hogy új sablonnal dolgozzon. Hagyja, hogy csak fekete legyen.

    Válasszon egy ismerős eszközt, és kattintson a sokkra.

    Az új gradiensek a régi alapján jönnek létre. Kattintson bármelyikre. A régi verzió nem fog eltűnni bárhol. Akkor csak gondolj rá új névre és mentésre.

    A felső segítségével irányító pontok Az átláthatósági szinteket irányíthatja.

    Az alacsonyabb színű munkával. Tehát, hogy kibővítheti a játékot, kattintson a képernyőn bármely pontra, és duplikált.

    Akkor is létrehozhatsz, amennyit csak akarsz.

    Annak érdekében, hogy az átmenet modernnek tűnt, sima színűnek kell lennie. Ne érintse meg ezt a mutatót, és minden rendben lesz. 100% -nak kell lennie. Kész. Az "OK" vagy a "Mentés" -re is behatolhatsz - mindez a vágyától függ.

    Most megismételjük, amit már nemrég tettünk a szöveggel. Cleash Ctrl, Poke a kívánt stílus gombja mentén a központban, és hozzon létre egy újat.

    Most adja hozzá az átmenetet és a vua-l-t.

    Szöveg hozzáadása a gombhoz, és ez az. Nem világos, hogy miért van a kívánt dolog. By the way, letöltheti a forrásomat, ha akarja ( Letöltés forrás gradient.psd. ). A Photoshopban nyitható meg, és javíthatja a képemet. Azt hiszem, ez nem lesz nehéz.

    Ez az. Most már nagyon sokat tudsz a gradiensekről. Ha Ön tervezője, mesterember, a webhely alkotója, vagy azt akarja, hogy váljanak, és ez a lecke nagyon hasznos volt neked - feliratkozhat a hírlevélre, és többet tudhat meg arról, hogy mi érdekli Önt. Figyelembe vehetsz ezen az oldalon is: https://photoshop-master.org/disc149/ . Itt megtalálhatja a fizetett és ingyenes tanfolyamok felhőját, amelyek igazi, szakmai munkát fognak tanítani a Photoshop-szal.

    Sok szerencsét az új találkozókhoz.