Suntem bucuroși să vă urez bun venit la următoarea noastră lecție dedicată lucrului în Adobe Photoshop. Acest articol va discuta cum să creați tranziții netede în program la granița dintre imagini / culori. Aceasta este o abilitate foarte utilă de care veți avea nevoie cu siguranță, așa că să începem!
Faceți o tranziție lină între culori
Deoarece Photoshop este program profesional procesarea imaginii, de foarte multe ori același rezultat poate fi obținut în mai multe moduri. La fel ș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 gradient și setați Opțiuni suplimentare după plac.
Din păcate, setul standard de degrade nu include multe șabloane, așa că puteți utiliza căutarea și extinde colecția sau creați propria dvs.
Pentru ca tranziția să fie exact colorată ș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 să umpleți pânza cu un gradient. Pentru a face acest lucru, formăm o zonă selectată pe care dorim să o umplem sau aplicăm un gradient pe întreaga pânză. Doar faceți clic pe LMB (butonul stâng al mouse-ului) în locul potrivit și trageți cât de mult este necesar.
Important! Acordați atenție tipului de umplutură selectat:
În cazul nostru „Gradient liniar”.
Prin „Mască de strat”
Această metodă este deja folosită utilizatori avansați. Toate acțiunile vor avea loc prin intermediul paletei de straturi. Să începem:
Prin pene de selecție
esență aceasta metoda este de a crea o tranziție lină între obiectul/imaginea umplută și fundal. Să începem!
- Avem nevoie de instrumentul Rectangular Marquee.
- Acum trebuie să creăm o selecție:
- Când selecția este gata, folosind tastele rapide SHIFT+F6 apelați o fereastră în care trebuie să introduceți o valoare în paragraf "Raza penei".
- 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 al unei tranziții fără probleme:
- Rămâne să eliminați selecția cu CTRL+D si gata:
După cum puteți vedea, nu este nimic dificil să faceți tranziții ușoare în Photoshop între culori. Am prezentat până la 3 moduri de a face acest lucru, fiecare dintre ele potrivite într-o situație specifică.
Asta e tot! Ne vedem la următoarele lecții!
Mutați a doua fotografie la cea deschisă anterior.
Puteți citi mai multe despre conectarea fotografiilor în.
Apoi, folosind Instrumentul de mutare, setăm locația dorită a fotografiilor una față de alta. Este necesar să vă asigurați că o fotografie se suprapune pe alta, o tranziție lină va fi montată în locul suprapunerii. Pentru comoditate, puteți reduce temporar opacitatea imaginilor din panoul Straturi, de asemenea, este o idee bună să puneți ghidaje pe marginile suprapunerii.
Acum să stabilim ce fotografie va fi deasupra și, dacă este necesar, să schimbăm aranjamentul straturilor din panoul Straturi. Voi avea o imagine cu Twitter deasupra.
Apoi setați opacitatea straturilor de imagine înapoi la 100%.
Și, acum, să trecem la crearea efectivă a unei tranziții lină între fotografii, în acest exemplu o vom face folosind o mască de strat și aplicând un gradient alb-negru.
Adăugați o mască de strat la stratul cu fotografia de sus făcând clic pe pictograma corespunzătoare din partea de jos a paletei, în timp ce culorile din paleta de culori se schimbă automat în culoarea primului plan neagră și culoarea fundalului alb, pictograma mască de pe stratul corespunzător va apar în panoul Straturi. Apoi deschideți Instrumentul Gradient în paleta de instrumente. În colțul din stânga sus al ferestrei de lucru a Photoshop, faceți clic pe triunghi pentru a deschide paleta de gradient și selectați-o pe prima, care are numele „De la culoarea principală la fundal”. Apoi trasăm o linie de la un ghid la altul în direcția prezentată în figură.
Pentru a desena o linie de gradient strict orizontal (sau, în alte cazuri, strict vertical), țineți apăsată tasta Shift.
Drept urmare, obținem o tranziție lină la transparența marginii din dreapta a imaginii de sus, ceea ce dă efectul unei tranziții lină între cele două fotografii.
Pe pictograma mască din panoul Straturi, vom vedea următoarele modificări, culoarea neagră arată transparență totală, iar albul, dimpotrivă, opacitatea completă a imaginii căreia i se aplică masca de strat.
Asta e tot, sarcina este finalizată!
De acord, unul dintre cele mai neobișnuite cadouri sunt colajele. Pot decora interiorul, pot face prietenii să râdă și pot face pe plac celor dragi. Pozele originale sunt de obicei comandate într-un studio foto sau încearcă să le facă singuri pe un computer. Pentru a face ca impunerea unei fotografii pe alta să pară organică, trebuie să înveți câteva combinații simple. Cel mai important lucru este că nu există contrast între cadre. Atunci când alegeți fundaluri pentru un colaj, asigurați-vă că luați în considerare schemele de culori și direcția luminii din ambele fotografii, precum și dimensiunea obiectelor și a obiectului principal. Pentru a înțelege cum să faceți o tranziție lină în Photoshop, trebuie doar să urmați pașii prezentați în acest articol.
Despre procedura
Încercați să exersați următoarea secvență de acțiuni.
Studiu editori grafici vă va permite să creați lucrări neobișnuite, să corectați imagini, să le editați și să creați compoziții uimitoare cu orice material fotografic!
Sperăm că articolul nostru vă va permite să faceți față cu succes sarcinii, precum și să obțineți o adevărată plăcere din acest proces captivant și creativ.
Astăzi vă voi arăta cum să faci o tranziție lină între două fotografii.
Am făcut o poză în avans și acesta este rezultatul pe care l-am obținut:
Pentru a obține o astfel de poză, voi face două fotografii, pe care le voi combina.
am luat fundal frumos cu marea și o fotografie a unei fete fotografiată pe fundalul unor copaci posomorâți fără frunze.
Deci, să începem - voi face tranziție lină a culorilorși pentru asta voi urma acești pași:
Pasul 1
Îmi deschid fotografiile în Photoshop și folosesc instrumentul in miscare Trag fotografia fetei la fotografia cu fundalul mării.
Vreau să reduc puțin fotografia fetei și pentru asta sun transformare libera, apăsând comanda rapidă de la tastatură CTRL+T.
Rama care a apărut în jurul fotografiei cu fata are noduri pe care le poți trage și reduce dimensiunea fotografiei, în timp ce ții cheia Schimb, astfel încât proporțiile imaginii să nu fie distorsionate.
Pasul 2
Acum mă întorc la paletă Straturi si fiind pe stratul cu fata dau click pe pictograma, care se numeste Adăugați mască vectorială.
După cum vedem în paletă Straturi s-a format o mască de strat pe stratul cu fata, care este evidențiată cu un cadru, ceea ce indică faptul că masca este activă și toată munca pe care o voi efectua se va desfășura tocmai pe masca de strat.
Pe panoul de sus, unde se află toate setările instrumentului Gradient dau click pe săgeată, situat lângă pictograma instrument și în fereastra care apare cu degrade, selectez gradient radial, care merge de la negru spre transparent.
Acum desenez liniile de gradient fără a ajunge la figura fetei, așa cum se arată în imagine (puteți avea mai multe direcții). Când desenați o linie de gradient, fundalul dispare ușor.
Mi-a trebuit de două sau trei ori să desenez o linie de gradient în fiecare dintre direcțiile indicate în imagine pentru a obține rezultatul pe care îl vedeți mai jos în imagine.
Pasul 4
Cu toate acestea, putem observa că, odată cu dispariția fundalului aparținând fotografiei fetei, imaginea fetei în sine s-a schimbat oarecum, deoarece în unele locuri a devenit translucidă.
Dar acest lucru este foarte ușor de reparat.
În timp ce pe masca de strat, iau o rundă moale perie culoare alba și pictează cu această pensulă pe fată.
Peria albă restabilește toate părțile pierdute ale imaginii fetei.
De asemenea, vrem să vă reamintim că puteți oricând discuta cu subiecte Photoshop pe forumul Photoshop și puteți găsi răspunsuri la multe dintre întrebările dvs.
Iată rezultatul:
Am amestecat cele două fotografii împreună folosind o tranziție lină.
Sper ca am explicat clar cum să faci o tranziție linăîntre două fotografii - după cum puteți vedea este destul de simplu.
De asemenea, vă sfătuiesc să vă uitați la lecția mea anterioară Valentika în Photoshop, care are o mulțime de lucruri interesante.
Vă doresc succes în continuare în stăpânirea Photoshop-ului!
Galina Sokolova a fost cu tine.
Bună ziua dragi webmasteri începători. Din nou .
În acest articol vă voi spune cum să o faceți trecerea de la nuanțe închise la nuanțe mai deschise, precum și de la o culoare la alta.
O astfel de acțiune se numește gradient și din moment ce de fapt este imagine de fundal, apoi este executat de proprietatea de fundal care ia două valori:
1. liniar-gradient - tranziție de culoare de la o margine sau colț la alta.
2. radial-gradient - tranziție de culoare de la centru la margini.
Este scris astfel:
fundal: -moz-linear-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 de randare în browsere și specificațiile W3C, așa că valorile trebuie încă să fie prefixate.
Puneți un prefix la începutul valorii și începe cu o liniuță.
Aceasta este lista pe care va trebui să o introducem în selectorul de elemente, creându-i un gradient, pentru ca fundalul tău foarte frumos să fie reflectat corect în toate browserele. Frumusețea necesită sacrificii.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства 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°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
