Ne bucurăm să vă urez bun venit la următoarea noastră lecție dedicată lucrului în Adobe Photoshop... Acest articol va discuta despre cum să creați tranziții ușoare în program la granița dintre imagini / culori. Aceasta este o abilitate foarte utilă pe care probabil o veți găsi utilă, așa că hai să începem!
Efectuând o tranziție lină între culori
pentru că Photoshop este program profesional procesarea imaginii, de multe ori același rezultat poate fi obținut în mai multe moduri. Așa este și cu tranzițiile.
Prin instrumentul Gradient
Probabil că sunteți familiarizat cu acest instrument. Prin urmare, accesați bara de instrumente din stânga și selectați "Gradient".
Odată ce instrumentul este selectat, panoul de setări Gradient va apărea sub meniul principal, unde puteți selecta un șablon de gradient și setați Opțiuni suplimentare după plac.
Din păcate, setul standard de gradiente nu include multe șabloane, astfel încât să puteți utiliza căutarea și să vă extindeți colecția sau să creați propria dvs.
Pentru ca tranziția să fie exact de culoare și nu transparentă, trebuie să setați și setările pentru punct de control opacitate (vezi captura de ecran de mai jos):
După ce totul este gata, rămâne să aplicați modificările făcând clic pe „OK” și umpleți pânza cu un gradient. Pentru a face acest lucru, creați o selecție pe care dorim să o completăm sau aplicați un gradient întregii pânze. Doar faceți clic pe LMB (butonul stâng al mouse-ului) în locul potrivit și trageți cât este necesar.
Important! Acordați atenție tipului de umplutură selectat:
În cazul nostru Gradient liniar.
Prin „Layer Mask”
Această metodă este deja utilizată utilizatori cu experiență... Toate acțiunile vor avea loc prin paleta de straturi. Să începem:
Prin selecție de amestecare
Esenta aceasta metoda este de a crea tranzitie lina la marginea obiectului / imaginii umplute și a fundalului. Să începem!
- Avem nevoie de instrumentul de marcaj dreptunghiular.
- Acum trebuie să creăm o selecție:
- Când selecția este gata, utilizați tastele rapide SHIFT + F6 numim o fereastră în care este necesar să introducem o valoare în paragraf „Raza Feather”.
- După aceea, trebuie să completați selecția formată. Pentru a face acest lucru, utilizați din nou tastele rapide. SHIFT + F5și alegeți o culoare de umplere.
- După aplicarea modificărilor, obținem următorul rezultat de tranziție lină:
- Rămâne să deselectați selecția cu CTRL + Dși gata:
După cum puteți vedea, nu este nimic dificil în a face tranziții ușoare în Photoshop între culori. Am prezentat până la 3 moduri de a face acest lucru, fiecare dintre acestea fiind potrivit într-o situație specifică.
Asta e tot! Ne vedem în următoarele tutoriale!
În acest articol, vom considera popularul metode de tranziții fluide între imagini.
Astfel de tranziții sunt necesare atunci când realizați colaje complexe sau doriți să aranjați frumos mai multe imagini într-una.
Dintre toate opțiunile de mai jos, radieră moale, perii moi și gradient, cea mai bună metodă este gradientul. El este cel care creează tranziția de primă clasă, fără a pierde calitatea imaginilor originale. Vedeți singur: folosind radiera, pictăm peste pixeli, dar unde este garanția că veți putea vopsi totul perfect? Desigur, puteți petrece o zi întreagă făcând Photoshop ștergând pixel cu pixel. Dar, în opinia mea, „jocul nu merită lumânarea”, întrucât ne străduim să nu petrecem mult timp pentru anumite operații și să facem totul rapid.
O radieră moale și o pensulă sunt bune pentru a acoperi marginile, astfel încât cele două fotografii să se amestece bine și să nu pară străine din cauza marginilor dure.
Acum să aruncăm o privire mai atentă:
Radieră moale
Deoarece instrumentul de șters poate fi utilizat cu opțiuni de pensulare, folosind perie moale puteți șterge o parte a imaginii, astfel încât să puteți vedea o altă imagine, care este un strat de mai jos. Folosind această tehnică, puteți obține rezultatul dorit, dar este la fel de ireversibil ca - dacă vă răzgândiți și decideți să combinați imaginile într-un mod diferit, va trebui să începeți din nou.
După ce ați plasat ambele imagini pe care doriți să le îmbinați într-un singur document (fiecare pe un strat separat), urmați acești pași:
1. Trageți imaginea pe care doriți să o ștergeți parțial cu mouse-ul până în partea de sus a paletei de straturi.
Notă
Înainte de ștergere, este util să copiați stratul cu care veți lucra în cazul în care nu vă place rezultatul (apăsați Ctrl + J pentru acest lucru). Pentru a păstra noul strat din calea dvs., îi puteți dezactiva vizibilitatea (și îl puteți activa din nou, dacă este necesar).
2. Selectați radiera apăsând tasta E și setați-o în modul pensulă. Pentru aceasta, în bara de opțiuni, din lista derulantă Mod, selectați Pensulă. Apoi, din lista derulantă a presetărilor pensulei, selectați o pensulă moale. Asigurați-vă că opacitatea și presiunea sunt setate la 100.
Pentru a face tranziția și mai ușoară, experimentați cu valoarea opacității radierii. Prin scăderea valorii Opacității, puteți crea tranziții mai fine prin trecerea pe zona dorită, mai degrabă decât efectuarea de clicuri individuale ale mouse-ului.
3. Mutați indicatorul mouse-ului peste imagine și ștergeți partea inutilă. Dacă faceți o greșeală sau vă răzgândiți la un moment dat, utilizați paleta Istoric pentru a reveni la câteva lovituri sau pentru a anula ultima operație apăsând combinația de taste Ctrl + Z.
Perii moi și măști de strat
Alternativa la radieră este inversa - pictarea măștii de straturi cu o perie moale mare... În acest caz, ascundeți doar o parte a imaginii în loc să o ștergeți.
Să presupunem că doriți să subliniați cât de repede merge motocicleta. Îmbunătățiți efectul de mișcare Puteți adăuga o mică estompare de mișcare la imagine și apoi puteți ascunde o parte din estompare cu o mască de strat.
Iată cum să creați efect de mișcare rapidă:
1. Deschideți imaginea și creați un duplicat al stratului original apăsând combinația de taste Ctrl + J.
2. Selectați comanda de meniu Filtre => Blur => Motion Blur. Cu acest filtru, puteți crea impresia că subiectul se mișcă foarte repede. Deoarece filtrul estompează întreaga imagine, devine dificil să vedeți obiectul dorit în el, deci trebuie să ascundeți o parte a stratului neclar adăugând o mască de strat. Pentru ao adăuga, faceți clic pe butonul cu imaginea unui cerc într-un dreptunghi în partea de jos a paletei.
3. Apăsați tasta B pentru a selecta instrumentul Pensulă și selectați o perie mare și moale. Setați culoarea din prim-plan la negru.
Permiteți-mi să vă reamintesc că, în legătură cu măștile de strat, pictura cu negru ascunde ceea ce trebuie să facem în acest caz. Aruncați o privire în partea de jos a panoului Instrumente și dacă acestea arată alb-negru, apoi apăsați tasta X până când indicatorul negru este în partea de sus. Dacă sunt selectate alte culori, setați mai întâi culorile implicite apăsând tasta D, apoi apăsați tasta X până când indicatorul negru este în partea de sus.
6. Mutați indicatorul mouse-ului peste imagine și, lucrând cu o pensulă, ascundeți o parte din stratul neclar.
Măști de gradient
Lasă deoparte pensulele moi. Creeaza o cele mai fine tranziții posibile este posibil folosind gradient - tranziție moale, treptată de la o culoare la alta... Metodele de combinare a imaginilor folosind pensule moi și gradiente sunt similare prin faptul că imaginile sunt combinate într-un singur document și apoi se adaugă o mască de strat la stratul superior. Dar, în loc să pictați masca cu o pensulă albă sau neagră, utilizați un gradient negru-transparent sau alb-negru pentru a amesteca fără probleme, de la o imagine la alta.
1. Trageți imaginea care ar trebui să se afle în prim-planul colajului chiar în partea de sus a listei de straturi și adăugați o mască de strat.
2. Apăsați tasta G pentru a selecta instrumentul Gradient. În bara de opțiuni, faceți clic pe săgeata pentru lista de selecție derulantă. În lista derulantă, selectați un gradient negru-transparent și, în grupul de tipuri, faceți clic pe butonul gradient liniar.
3. În exemplul meu, vreau ca logo-ul Batman din dreapta să fie transparent. Pentru a face acest lucru, cu butonul mouse-ului, fac clic pe marginea logo-ului și mențin apăsată tasta vizualizării până aproape de mijlocul logo-ului. Eliberând cheia, obțin o tranziție lină între imagini. Pentru a îmbunătăți calitatea tranziției, puteți aplica un gradient de mai multe ori.
Când trageți, programul Photoshop trasează o linie reprezentând lățimea tranziției: cu cât linia este mai scurtă (cu atât este mai mică distanța cu care trageți indicatorul), cu atât tranziția este mai îngustă și mai grea (nu va exista o margine clară, dar veți obține ceva aproape de el); cu cât linia este mai lungă, cu atât gradientul este mai larg și tranziția este mai lină.
Dacă observați o eroare în text, selectați-o și apăsați Ctrl + Enter. Mulțumesc!
Buna dragi webmasteri incepatori. Din nou.
În acest articol vă voi spune cum să faceți trecerea de la nuanțe întunecate la mai deschise, precum și de la o culoare la alta.
O astfel de acțiune se numește gradient și, de fapt, este imagine de fundal, apoi este executat de proprietatea de fundal, care ia două valori:
1. gradient liniar - tranziția culorii de la o margine sau colț la alta.
2.radial-gradient - tranziția culorii de la centru la margini.
Este scris astfel:
fundal: -moz-liniar-gradient (sus, # ff0000, #ffcfcf);
sus, # ff0000, #ffcfcf);
Mai jos, folosind un exemplu, vom analiza în detaliu fiecare element al acestei înregistrări.
Din păcate, gradientul are încă probleme cu redarea în browsere și cu specificația W3C, deci trebuie să utilizați în continuare prefixe în valori.
Un prefix este pus la începutul valorii și începe cu o liniuță.
Va trebui să inserăm o astfel de listă în selectorul de elemente, creând un gradient pentru aceasta, pentru a vă permite fundal frumos reflectate corect în toate browserele. Frumusețea necesită sacrificiu.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства 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
Однако, мы можем заметить, что с исчезновением фона, принадлежащего фотографии девушки, так же несколько изменилось и само изображение девушки, так как в некоторых местах оно стало полупрозрачным.
Но это поправить очень просто.
Находясь на слое-маске, я беру мягкую круглую кисть белого цвета и рисую этой кистью по девушке.
Белая кисть восстанавливает все потерянные участки изображения девушки.
И еще мы хотим вам напомнить, что вы всегда можете пообщаться на фотошопские темы, на форуме фотошоп и найти ответы на многие свои вопросы.
Вот, что в результате получилось:
Я соединила две фотографии вместе с помощью плавного перехода.
Надеюсь, я объяснила понятно, как сделать плавный переход между двумя фотографиями - как видите это довольно просто.
Так же советую вам посмотреть мой предыдущий урок Валентика в Фотошопе , в котором много интересного.
Желаю вам дальнейших успехов в освоении Фотошопа!
С вами была Галина Соколова.
