Örömmel üdvözöljük Önt a következő munkánknak szóló leckén Adobe photoshop... Ez a cikk azt tárgyalja, hogyan lehet sima átmeneteket létrehozni a programban a képek / színek határán. Ez egy nagyon hasznos készség, amelyet valószínűleg hasznosnak talál, ezért kezdjük!
Sima átmenet a színek között
Mivel A Photoshop az szakmai program képfeldolgozás, nagyon gyakran ugyanaz az eredmény érhető el többféle módon. Így van ez az átmenetekkel is.
A Színátmenet eszközön keresztül
Valószínűleg ismeri ezt az eszközt. Ezért lépjen a bal oldali eszköztárra, és válassza a lehetőséget "Gradiens".
Az eszköz kiválasztása után megjelenik a Színátmenet beállítások panel a főmenüben, ahol kiválaszthat egy színátmenet sablont, és beállíthatja extra lehetőségek tetszés szerint.
Sajnos a szokásos színátmenet-készlet nem tartalmaz sok sablont, így használhatja a keresést és kibővítheti a gyűjteményét, vagy létrehozhat saját.
Annak érdekében, hogy az átmenet pontosan színes és ne legyen átlátszó, meg kell adnia a beállításokat is ellenőrző pont átlátszatlanság (lásd az alábbi képernyőképet):
Miután minden készen áll, továbbra is alkalmazni kell a módosításokat az "OK" gombra kattintva, és a vásznat átmenettel kell kitölteni. Ehhez hozzon létre egy kijelölést, amelyet kitölteni akarunk, vagy alkalmazzon egy színátmenetet a teljes vásznon. Csak kattintson az LMB (bal egérgomb) gombra a megfelelő helyen, és húzza annyit, amennyire szükséges.
Fontos! Ügyeljen arra, hogy melyik típusú tölteléket választja:
A mi esetünkben Lineáris színátmenet.
A "Rétegmaszk" révén
Ezt a módszert már használják tapasztalt felhasználók... Minden művelet a réteg palettán keresztül történik. Kezdjük el:
Keveréses kiválasztással
A lényeg ez a módszer alkotni zökkenőmentes átmenet a kitöltött tárgy / kép és a háttér határán. Kezdjük el!
- Szükségünk van a Téglalap alakú sátor eszközre.
- Most létre kell hoznunk egy választást:
- Amikor a kijelölés kész, használja a gyorsbillentyűket SHIFT + F6 hívunk egy ablakot, ahol meg kell adni egy értéket a bekezdésben "Toll sugara".
- Ezt követően ki kell töltenie a kialakult választékot. Ehhez használja újra a gyorsbillentyűket. SHIFT + F5 és válasszon kitöltési színt.
- A változtatások alkalmazása után a következő átmeneti eredményt kapjuk:
- Marad a kijelölés törlése a CTRL + D és kész:
Mint láthatja, a Photoshopban nincs semmi nehéz a színek közötti egyenletes áttérésben. Ennek háromféle módját mutattuk be, amelyek mindegyike alkalmas egy adott helyzetben.
Ez minden! Találkozunk a következő oktatóprogramjainkban!
Ebben a cikkben a népszerűt vesszük figyelembe a képek közötti sima átmenet módszerei.
Ilyen átállásokra akkor van szükség, ha összetett kollázsokat készít, vagy ha több képet szeretne szépen elrendezni egyben.
Az alábbi lehetőségek közül a lágy radír, a puha kefék és a színátmenet közül a legjobb a színátmenet. Ő hozza létre az első osztályú átmenetet anélkül, hogy elveszítené az eredeti képek minőségét. Győződjön meg róla: a radír segítségével átfestjük a képpontokat, de hol van a garancia arra, hogy mindent tökéletesen le tud festeni? Természetesen egy egész napot azzal tölthet el, hogy a Photoshopot képpontonként törli. De véleményem szerint „a játék nem éri meg a gyertyát”, mivel arra törekszünk, hogy ne fordítsunk sok időt bizonyos műveletekre, és mindent gyorsan elvégezzünk.
A puha radír és az ecset jó a tollak megélesítéséhez, hogy a két fotó jól összeolvadjon, és a durva élek miatt ne tűnjön idegennek.
Most nézzük meg közelebbről:
Puha radír
Mivel a radír eszköz használható ecset opciókkal, a puha kefe törölheti a kép egy részét, hogy láthasson egy másik képet, amely egy réteg alatt van. Ezzel a technikával elérheti a kívánt eredményt, de ugyanolyan visszafordíthatatlan, mint - ha meggondolja magát, és úgy dönt, hogy a képeket más módon ötvözi, akkor mindent elölről kell kezdenie.
Miután mindkét egyesíteni kívánt képet egy dokumentumba helyezte (mindegyik külön rétegen), kövesse az alábbi lépéseket:
1. Húzza az egérrel részben törölni kívánt képet a rétegek palettájának tetejére.
jegyzet
A törlés előtt hasznos megismételni azt a réteget, amellyel dolgozni fog, ha nem tetszik az eredmény (ehhez nyomja meg a Ctrl + J billentyűkombinációt). Annak megakadályozása érdekében, hogy az új réteg zavarja Önt, kikapcsolhatja a láthatóságát (és szükség esetén újra bekapcsolhatja).
2. Válassza ki a radírt az E gomb megnyomásával, és állítsa ecset üzemmódra. Ehhez az opciósávon a Mode legördülő listában válassza az Ecset lehetőséget. Ezután válasszon egy puha kefét a kefe beállításainak legördülő listájából. Ellenőrizze, hogy a fedettség és a nyomás értéke 100.
Az átmenet még gördülékenyebbé tétele érdekében kísérletezzen a radír átlátszatlanságával. Az Opacity érték csökkentésével egyenletesebb átmeneteket hozhat létre a kívánt terület ecsetelésével, ahelyett, hogy egyedi egérkattintásokat végezne.
3. Vigye az egérmutatót a kép fölé, és törölje a felesleges részt. Ha hibát követ el, vagy meggondolja magát valamikor, használja az Előzmények palettát néhány ecsetvonás visszalépéséhez, vagy az utolsó műveletet a Ctrl + Z billentyűkombináció megnyomásával vonja vissza.
Puha kefék és rétegmaszkok
A radír alternatívája a fordított - a rétegmaszk festése egy nagy puha ecsettel... Ebben az esetben a kép egy részét csak elrejti ahelyett, hogy törölné.
Tegyük fel, hogy hangsúlyozni szeretné a kerékpár gyorsaságát. Fokozza a mozgáshatást Hozzáadhat egy kis elmosódást a képhez, majd az elmosódás egy részét elrejtheti egy réteg maszkkal.
Így készíthet gyors mozgás hatása:
1. Nyissa meg a képet, és a Ctrl + J billentyűkombináció megnyomásával hozzon létre egy másolatot az eredeti rétegről.
2. Válassza a Filters \u003d\u003e Blur \u003d\u003e Motion Blur menüparancsot. Ezzel a szűrővel azt a benyomást keltheti, hogy a téma nagyon gyorsan mozog. Mivel a szűrő összemossa az egész képet, nehezen látja benne a kívánt objektumot, ezért az elmosódott réteg egy részét el kell rejtenie egy rétegmaszk hozzáadásával. Hozzáadásához kattintson arra a gombra, amelyen a kör képe látható egy téglalapban a paletta alján.
3. Nyomja meg a B gombot a Kefe eszköz kiválasztásához, majd válasszon egy nagy, puha kefét. Állítsa az előtér színét feketére.
Hadd emlékeztessem önöket arra, hogy a rétegmaszkokkal kapcsolatban a feketével való festés elrejti azt, amit ebben az esetben meg kell tennünk. Vessen egy pillantást az Eszközök panel aljára, és ha azok fekete-fehérek, akkor nyomja meg az X gombot, amíg a fekete jelző nem jelenik meg a tetején. Ha más színeket választott, akkor először a D billentyű lenyomásával állítsa be az alapértelmezett színeket, majd nyomja meg az X gombot, amíg a fekete jelző nem jelenik meg a tetején.
6. Vigye az egérmutatót a kép fölé, és ecsettel dolgozzon rejtse el az elmosódott réteg egy részét.
Színátmenetes maszkok
Tegye félre a puha keféket. Hozzon létre egy a lehető legsimább átmenetek használatával lehetséges gradiens - puha, fokozatos átmenet az egyik színről a másikra... A képek puha kefékkel és gradiensekkel történő kombinálásának módszerei hasonlóak, mivel a képeket egy dokumentumban egyesítik, majd a felső réteghez rétegmaszkot adnak. De ahelyett, hogy fekete vagy fehér ecsettel festené a maszkot, fekete-átlátszó vagy fekete-fehér színátmenet használatával simán, zökkenőmentesen keveredik egyik képből a másikba.
1. Húzza a képet, amelynek a kollázs előterében kell lennie, a rétegek legmagasabb szintjére, és adjon hozzá egy réteg maszkot.
2. Nyomja meg a G gombot a Színátmenet eszköz kiválasztásához. A Beállítások sávon kattintson a nyílra a legördülő listához. A legördülő listában válassza ki a fekete-átlátszó színátmenetet, és a típuscsoportban kattintson a lineáris színátmenet gombra.
3. Példámban azt akarom, hogy a jobb oldali Batman logó átlátszó legyen. Ehhez az egérgombbal rákattintok a logó szegélyére, és körülbelül a logó közepéig tartom lenyomva a nézet gombját. A kulcs felengedésével sima átmenet érhető el a képek között. Az átmenet minőségének javítása érdekében újra és újra alkalmazhat egy színátmenetet.
Húzáskor a Photoshop program húz egy vonalat, amely az átmenet szélességét ábrázolja: minél rövidebb a vonal (annál rövidebb távolságra húzza a mutatót), annál keskenyebb és nehezebb az átmenet (nem lesz tiszta határ, de valamit kap közel áll hozzá); minél hosszabb az egyenes, annál szélesebb a gradiens és az átmenet simább.
Ha hibát észlelt a szövegben, jelölje ki, és nyomja meg a Ctrl + Enter billentyűt. Köszönet!
Helló kedves kezdő webmesterek. Újra.
Ebben a cikkben elmondom, hogyan lehet áttérni a sötétről a világosabb árnyalatokra, valamint az egyik színről a másikra.
Az ilyen cselekvést gradiensnek nevezzük, és mivel valójában az háttérkép, akkor a háttér tulajdonság hajtja végre, amely két értéket vesz fel:
1.lineáris gradiens - színátmenet egyik élről vagy sarokról a másikra.
2.radiális gradiens - színátmenet a középponttól a szélekig.
A következőképpen írják:
háttér: -moz-linear-gradient (top, # ff0000, #ffcfcf);
teteje, # ff0000, #ffcfcf);
Az alábbiakban egy példával részletesen elemezzük a rekord egyes elemeit.
Sajnos a színátmenetnek továbbra is problémái vannak a böngészőkben történő megjelenítéssel és a W3C specifikációval, ezért továbbra is előtagokat kell használnia az értékekben.
Az előtagot az érték elejére tesszük, és kötőjellel kezdődik.
Be kell illesztenünk egy ilyen listát az elemválasztóba, létrehozva egy színátmenetet az Ön számára gyönyörű háttér minden böngészőben helyesen tükröződik. A szépség áldozatot igényel.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства background
В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.
Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.
Затем, в круглых скобках:
top — направление от которого начинается первый цвет (может быть bottom , left , right )
#ff0000
— через запятую первый цвет; 
#ffcfcf — через запятую второй цвет;
У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.
Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:
bottom right — от правого нижнего угла к левому верхнему;
bottom left — от левого нижнего к правому верхнему;
top right — от правого верхнего к левому нижнему;
top left — от левого верхнего к правому нижнему;
Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
background
: -webkit-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)
Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
();
background
: -webkit-radial-gradien
t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
background
: -o-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005
);
background
: -ms-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.
Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).
Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.
Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.
В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
Сегодня я покажу вам, как сделать плавный переход между двумя фотографиями .
Я сделала картинку заранее и вот какой результат у меня получился:
Для того чтобы получить такую картинку я возьму две фотографии, которые я буду соединять.
Я взяла красивый фон с морем и фотографию девушки, которая сфотографирована на фоне мрачных деревьев без листьев.
Итак приступим - я буду делать плавный переход цветов и для этого я выполню следующие шаги:
Шаг 1
Открываю мои фотографии в фотошопе и с помощью инструмента Перемещение перетаскиваю фотографию девушки на фотографию с морским фоном.
Фотографию девушки я хочу немного уменьшить и для этого я вызываю Свободную трансформацию, нажав на сочетание клавиш CTRL +T .
Рамочка, которая появилась вокруг фото с девушкой, имеет узелки, за которые можно потянуть и уменьшить размер фото, при этом необходимо удерживать клавишу Shift , чтобы пропорции изображения не исказились.
Шаг 2
Теперь я перехожу к палитре Слоёв и находясь на слое с девушкой нажимаю на значок , который называется Добавить векторную маску .
Как мы видим в палитре Слои на слое с девушкой образовалась слой-маска, которая выделена рамочкой, что говорит о том, что маска активна и все работы, которые я буду выполнять, будут проводиться, именно, на слое-маске.
На верхней панели, где находятся все настройки инструмента Градиент я нажимаю на стрелочку , находящуюся рядом со значком инструмента и в появившемся окошке с градиентами я выбираю радиальный градиент, который переходит от чёрного цвета к прозрачному .
Теперь я провожу линии градиента не доходя до фигуры девушки, как указано на картинке (у вас может быть больше направлений). При проведении линии градиента фон плавно исчезает.
Мне понадобилось два-три раза провести линию градиента по каждому из указанных на картинке направлений, чтобы добиться результата, который вы видите ниже на картинке.
Шаг 4
Однако, мы можем заметить, что с исчезновением фона, принадлежащего фотографии девушки, так же несколько изменилось и само изображение девушки, так как в некоторых местах оно стало полупрозрачным.
Но это поправить очень просто.
Находясь на слое-маске, я беру мягкую круглую кисть белого цвета и рисую этой кистью по девушке.
Белая кисть восстанавливает все потерянные участки изображения девушки.
И еще мы хотим вам напомнить, что вы всегда можете пообщаться на фотошопские темы, на форуме фотошоп и найти ответы на многие свои вопросы.
Вот, что в результате получилось:
Я соединила две фотографии вместе с помощью плавного перехода.
Надеюсь, я объяснила понятно, как сделать плавный переход между двумя фотографиями - как видите это довольно просто.
Так же советую вам посмотреть мой предыдущий урок Валентика в Фотошопе , в котором много интересного.
Желаю вам дальнейших успехов в освоении Фотошопа!
С вами была Галина Соколова.
