Fundal: gradient(); CSS. Tranziție lină de la o culoare la alta. Cum să faci rapid o tranziție lină de culoare în Photoshop - instrucțiuni detaliate pas cu pas
Astăzi vă voi arăta cum să faci o tranziție lină între două fotografii.
Am facut o poza in avans si acesta este rezultatul pe care l-am obtinut:
Pentru a obține o astfel de poză, voi face două fotografii pe care le voi combina.
Am făcut un fundal frumos cu marea și o fotografie a unei fete care a fost fotografiată pe fundalul copacilor 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
Deschiderea fotografiilor mele în Photoshop și utilizarea instrumentului În mișcare Trag o fotografie a unei fete pe o fotografie cu un fundal de mare.
Vreau să fac fotografia fetei puțin mai mică și pentru asta sun Transformare liberă prin apăsarea comenzii rapide de la tastatură CTRL+T.
Rama care apare în jurul fotografiei cu fata are noduri pe care le puteți trage și reduce dimensiunea fotografiei, în timp ce trebuie să țineți apăsată tasta Schimbare, astfel încât proporțiile imaginii să nu fie distorsionate.
Pasul 2
Acum trec la paletă Straturi si fiind pe stratul cu fata, dau click pe pictograma numita Adăugați o mască vectorială.
După cum vedem în paletă Straturi Pe stratul cu fata a fost formată o mască de strat, care este evidențiată cu un cadru, ceea ce indică faptul că masca este activă și toată munca pe care o voi face 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 care nu ajung la figura fetei, așa cum este indicat în imagine (poți avea mai multe direcții). Când desenați o linie de gradient, fundalul dispare ușor.
Mi-a luat de două sau trei ori să desenez linia de gradient în fiecare dintre direcțiile indicate în imagine pentru a obține rezultatul pe care îl vedeți în imaginea de mai jos.
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 alb iar pe fata o pictez cu pensula asta.
Peria albă restabilește toate zonele pierdute ale imaginii fetei.
De asemenea, vrem să vă reamintim că puteți oricând să discutați despre subiectele Photoshop pe forumul Photoshop și să găsiți răspunsuri la multe dintre întrebările dvs.
Iată ce s-a întâmplat ca urmare:
Am conectat cele două fotografii împreună folosind un fade.
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ă urmăriți 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.
Astăzi vă voi spune cum să faceți o tranziție în Sony Vegas Pro 13. Mai mult, vom învăța cum să facem diverse tranziții, făcându-le fluide, rapide și lente. Cu această caracteristică, videoclipul devine și mai animat și mai interesant, mai ales că nu vor mai exista sărituri neașteptate în timpul diferitelor tăieturi.
Deci, pentru a începe, trebuie să încărcați două bucăți de videoclip (sau mai multe) pe o piesă. Acum, țineți apăsat butonul stâng al mouse-ului pe oricare dintre piese și transferați-o într-o altă parcelă, dar nu la îmbinare, ci cu o ușoară suprapunere.
Ar trebui să ajungeți cu o piesă separată cu arce care se intersectează în locul în care are loc îmbinarea. Cu cât există mai multe suprapuneri, cu atât tranziția va fi mai lentă și mai lină. Și dacă suprapunerea este menținută la minimum, atunci tranziția în sine va fi mai rapidă și mai puțin lină. Aici trebuie să decizi singur ce este mai bine pentru tine.
Puteți controla netezimea tranziției. Pentru a face acest lucru, trebuie să faceți totul prin încercare și eroare. Dacă ați făcut-o prea devreme, mutați-l puțin mai departe.
Nu uitați, dacă nu degrupați, pista audio va fi atașată videoclipului. Aceasta înseamnă că tranziția video va fi făcută împreună cu muzica. Dacă nu doriți acest lucru sau doriți să faceți totul separat, apăsați tasta U în timp ce evidențiați fragmentul dorit. Atunci căile se vor separa unele de altele și nu vor mai fi dependente.
Tranziție cu efecte vizuale
Dar este mult mai interesant și mai corect atunci când îmbinările dintre bucățile video sau imagini sunt însoțite de un fel de animație sau efect. Și mulțumesc lui Dumnezeu că Sony Vegas Pro a reușit să facă asta din timpuri imemoriale. Acesta poate fi răsturnarea, blițul, înlocuirea cadrului, mozaic și multe altele.
Pentru a face o tranziție la Sony Vegas Pro 13 cu adăugarea de efecte vizuale, faceți tot ce am descris mai sus, adică conectați două fragmente astfel încât unul să se suprapună pe celălalt. Și acum, să trecem la partea distractivă.
- Acordați atenție zonei principale și selectați fila „Tranziții” acolo. În fereastra din stânga veți vedea grupuri de efecte, iar în fereastra din dreapta toate tranzițiile conținute în acest grup. Ce este grozav este că le poți parcurge pe toate ca grup și poți vedea vizual cum va arăta o anumită tranziție.
- Să presupunem că vreau să selectez „Ștergerea ceasului” și unul dintre efectele sugerate. Pentru a face acest lucru, trebuie să țineți apăsat butonul stâng al mouse-ului și să-l trageți direct în zona în care are loc suprapunerea. Nimeni nu vă va permite să vă mutați într-o altă zonă a cronologiei, deoarece acesta este singurul mod în care funcționează acest efect.
- După aceasta, setările pentru efectul curent se vor deschide automat. Acolo puteți configura diverși parametri sau lăsați totul așa cum este. Pentru a face acest lucru, închideți fereastra și nu vă faceți griji. Efectul va rămâne.
- Dacă nu vă place setarea aplicată, faceți clic stânga pe pictograma specială din interiorul suprapunerii și modificați parametrii.
- Și dacă doriți să eliminați complet acest efect asupra tranziției, atunci când setați parametrii de tranziție, debifați fila.
Cum să salvați un efect personalizat
Dacă ați configurat cu succes acest sau acel efect și acum doriți să-l salvați, astfel încât să îl puteți utiliza pentru alte tranziții, atunci pur și simplu introduceți numele presetului într-o fereastră specială și faceți clic pe pictograma dischetă pentru a salva rezultatul.
Acum, când doriți din nou să faceți efectul de tranziție lină deja configurat în Sony Vegas, trebuie doar să selectați presetarea salvată din lista derulantă.
Cum să faci o prezentare de diapozitive uimitoare
Ei bine, acum ajungem la o altă caracteristică cool, și anume prezentarea de diapozitive. Dacă doriți să creați o colecție de fotografii în schimbare constantă, cu tranziții frumoase, atunci de ce să nu o faceți în Sony Vegas?
Pentru a face acest lucru, pur și simplu încărcați toate fotografiile pe o singură pistă și combinați-le cu o ușoară suprapunere, una după alta. Ei bine, după aceea, inserați diverse efecte vizuale la joncțiunea fiecărei tranziții. Rețineți: cu cât este mai mare suprapunerea, cu atât va avea loc tranziția la Sony Vegas mai lină și mai lentă. În același timp, puteți utiliza efecte diferite la fiecare intersecție.
Și, desigur, nu uitați să încărcați o melodie drăguță pe a doua piesă, astfel încât să însoțească vizionarea fotografiilor dvs. Obișnuiam să fac asta des, după câteva vacanțe m-am așezat să fac clipuri de casă din fotografii și videoclipuri. Revenind toate acestea este o plăcere.
Și dacă doriți să stăpâniți editarea video profesional, atunci vă recomand să faceți un abrupt și curs ucigaș despre lucrul în Premiere Pro. Acest program editează totul, de la emisiuni TV la superproduse de la Hollywood. Cursul în sine este pur și simplu uimitor și conține informații complete care sunt ușor de digerat, chiar dacă ești un începător absolut. Il recomand cu caldura.
Și asta e tot pentru mine. Sper că ți-a plăcut articolul. Nu uitați să vă abonați la actualizările blogului meu și la toate postările mele de pe rețelele sociale. Aștept cu nerăbdare să te revăd pe blogul meu. Mult noroc pentru tine. Pa! Pa!
Cu stima, Dmitri Kostin.
Bună ziua dragi webmasteri începători. Din nou .
În acest articol vă voi spune cum să faceți o tranziție de la nuanțele închise la cele mai deschise, precum și de la o culoare la alta.
Această acțiune se numește gradient și, deoarece este în esență o imagine de fundal, 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 examina în detaliu fiecare element al acestei înregistrări.
Din păcate, gradient are încă probleme cu afișarea în browsere și specificația W3C, așa că valorile trebuie încă să fie prefixate.
Un prefix este plasat 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, astfel încât fundalul tău foarte frumos să se reflecte corect în toate browserele. Frumusețea necesită sacrificii.
Acesta este cel mai simplu gradient, cu două culori. Să aruncăm o privire mai atentă la valorile proprietății de fundal
Prima linie setează fundalul pentru browserele care nu acceptă gradienți liniari.
Următoarele 5 rânduri sunt pentru afișarea fundalului în diferite browsere. Mai întâi, valoarea gradientului este scrisă cu un prefix la început.
Apoi, între paranteze:
sus - direcția din care începe prima culoare (poate fi jos, stânga, dreapta)
#ff0000 — prima culoare separată prin virgule;
#ffcfcf — a doua culoare separată prin virgule;
Safari, până la versiunea 5, și Chrome până la zece au avut propria sintaxă, ceea ce a crescut semnificativ codul. Acesta este probabil motivul pentru care gradientul pentru aceste versiuni adesea nu este specificat, mai ales dacă există un număr mare de culori.
Puteți face o tranziție de culoare nu pe orizontală sau pe verticală, ci din colț în colț. În acest scop există următoarele direcții:
dreapta jos - din colțul din dreapta jos până în stânga sus;
stânga jos - de la stânga jos la dreapta sus;
dreapta sus - de la dreapta sus la stânga jos;
stânga sus - de la stânga sus la dreapta jos;
Puteți face o tranziție de culoare de la centrul blocului la margini. Apoi, în sensul, în locul cuvântului liniar (liniar), puneți radial (radial)
#gradient (
fundal: #ff0000;
fundal: -moz-radial-gradient ( centru, capac elipsă, #ff0000, #ffcfcf);
fundal: -webkit-radial-gradient ( centru, capac elipsă, #ff0000, #ffcfcf);
centru, capac elipsă, #ff0000, #ffcfcf);
centru, capac elipsă, #ff0000, #ffcfcf);
latime: 600px;
înălțime: 400px;
chenar: 1px solid #333;
}
Acum să facem ceva ca un curcubeu, ca să spunem așa. Pentru a face acest lucru, mai adăugați câteva culori la codul de mai sus și setați volumul fiecărei culori ca procent (numărul de culori nu este limitat)
Volumul culorii este setat de la 0% la 100% (primul este 0%, ultimul este 100%, restul sunt în ordine). Să luăm în considerare această opțiune pe un gradient radial. Pe unul liniar, totul se face în același mod.
#gradient (
fundal: #ff0000;
fundal: -moz-radial-gradient();
fundal: -webkit-radial-gradient t( centru, capac elipsă, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
fundal: -o-radial-gradient ( centru, capac elipsă, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005);
fundal: -ms-radial-gradient ( centru, capac elipsă, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
latime: 600px;
înălțime: 400px;
chenar: 1px solid #333;
}
Principiul, cred, este clar. Așa că încercați să scrieți singuri o linie pentru Safari până la a cincea versiune și Chrome până la a zecea.
Gradientul este setat la orice bloc HTML (corp, div, h1-6, p, ul, ol) și stil global și încorporat (acesta este pentru un site WordPress).
Acum câteva cuvinte despre cum și unde să alegeți culorile. Există servicii pentru crearea degradelor care oferă culoare, procent de volum și cod de gradient, dar alegerea lor este limitată de aprovizionare.
Prin urmare, folosesc instrumentul colorscheme.ru, în care puteți alege o culoare într-o gamă nelimitată și secvențe și combinații selectate optim.
În rândul de sus al panoului, selectați numărul de culori de combinat. Trecerea prin „Unghi 30°” modifică domeniul de selecție.
În „Scheme Adjustment”, tonul este mai închis sau mai deschis. În „Lista de culori”, toate culorile prezente în diagramă sunt aranjate prin saturație și cu un cod în semnătură.
Șabloane HTML în limba rusă
1 votO zi bună, dragi cititori. Astăzi am decis să vă demonstrez că cel mai bine este să studiați teoria în practică. Chiar dacă ești începător, poți obține un rezultat bun în literalmente o oră fără să înțelegi nimic despre Photoshop! Uite, această imagine a fost creată în întregime datorită degradeurilor. Ele sunt aplicate pe diferite elemente și în variații variate.
Dacă citiți acest articol până la sfârșit, nu numai că veți învăța cum să faceți o tranziție lină de culoare în Photoshop, ci și să aplicați aceste cunoștințe în practică în legătură cu text, forme, să creați diamante strălucitoare frumoase și multe altele.
Am facut deja aceasta poza. Dacă doriți, puteți crea exact același lucru și poate chiar mai bine, dar vă voi învăța folosind un alt exemplu. Care? Aflați la sfârșitul articolului. Voi desena cu tine și, în același timp, voi descrie procesul; eu însumi încă nu știu ce pot face. Datorită acestui lucru, pot vedea ce probleme puteți întâmpina și vă pot ajuta să le rezolvați.
Cunoștințe de bază și un secret al câștigului mereu
Deci mai întâi trebuie să deschidem Photoshop. Vă recomand cu tărie să descărcați acest program ( Puteți achiziționa o versiune cu licență de aici ). Nu vei găsi niciodată mai bun decât ea. Dacă ți-e teamă că nu-l vei stăpâni și vei irosi banii, uitând complet de program după prima încercare, poți încerca serviciul online https://editor.0lik.ru/ . Este mult mai convenabil să ai propriul tău program și foarte curând vei înțelege de ce.
Așa arată versiunea 2015 a Photoshop, dacă aveți o altă ediție, nu vă faceți griji. Totul va fi aproximativ la fel. Ai ceva mai puține opțiuni și asta e singura diferență.
Să creăm un document nou.
Alegerea unei marimi este una dintre cele mai dificile probleme pentru mine. Ca bază, am luat dimensiunile maxime ale imaginii pentru o postare pe rețelele de socializare. 800x500, dar, după cum înțelegeți, nu acesta este ideea. Totul depinde de obiectivele și sarcinile pe care le veți realiza folosind Photoshop.
Uite, în panoul din dreapta sunt toate butoanele principale, inclusiv gradientul. Cu toate acestea, nu poate fi găsit acum. Cum așa? Eu însumi m-am confruntat cu această problemă când am început să învăț cum să lucrez cu Photoshop. Citiți un articol, dar trebuie să căutați jumătate din informații în surse terțe. Google, Google, Google.
Fie ca cititorul foarte deștept, care știe totul perfect, să mă ierte pentru micile abateri de la subiect. Îmi doresc ca toți vizitatorii blogului să-mi poată urma lecțiile. Poate că într-o zi acest lucru vă va fi foarte util. Va economisi mult timp.
În colțul din dreapta jos al aproape fiecărui buton, cu excepția lupei, există ceva ca o săgeată. Acest lucru sugerează că există mai multe instrumente ascunse în buton.
Țineți apăsat butonul stâng al mouse-ului pentru câteva secunde pentru a deschide un meniu suplimentar și selectați gradientul.
Un alt meniu suplimentar deschis în partea de sus. Se folosește exclusiv pentru degrade. Faceți clic pe text - se va deschide un meniu text special în partea de sus, pe pensulă și... ei bine, ați înțeles ideea.
Faceți clic pe săgeata de lângă pictograma de culoare. Tranzițiile standard sau cele pe care le-ați încărcat sunt stocate aici.
Dacă nu te considerați un geniu al designului, atunci vă recomand să descărcați șabloane gratuite de pe Internet. Sunt destule. În primul rând, economisește timp și, în al doilea rând, mai multe opțiuni similare sunt de obicei combinate într-o temă creată într-un singur stil. Acest lucru poate fi aplicat la o singură imagine fără probleme și aproape întotdeauna va arăta bine.
Instalarea de noi șabloane nu este o problemă. Descărcați-le de pe Internet, apoi selectați nuca din colțul din dreapta sus și găsiți linkul „Descărcați...”.
Selectați folderul cu fișierele descărcate pe computer și salvați.
Acestea vor fi adăugate în partea de jos a listei.
Umple
Acum să învățăm cum să umplem. Alegeți orice opțiune care vă place (vom trece la crearea ei puțin mai târziu) și faceți clic pe ea. Țineți apăsat butonul stâng al mouse-ului oriunde pe ecran și deplasați-vă în orice direcție. Locația tranziției de culoare depinde de aceasta.
Vedeți diferența.
Îl poți învârti oriunde.
Pentru a preveni mișcarea liniei și neclaritatea gradientului, țineți apăsat butonul Shift în timp ce setați direcția.
Vedeți, tranziția de culoare are loc acum în centru. Ne vom uita la setări mai detaliat pe măsură ce ne creăm propriul gradient. Acum voi vorbi doar despre schimbarea centrului. Faceți clic pe această placă.
Faceți clic stânga pe culoarea din partea de jos și mutați-o la stânga sau la dreapta.
Cu asta am ajuns.
Cum să aplicați un gradient textului pentru a face literele să pară moderne
Acum hai să scriem ceva. Selectați butonul corespunzător.
Dacă trebuie să schimbați dimensiunea sau fontul în sine, acordați atenție panoului din partea de sus a ecranului. Totul este simplu acolo.
Acum apăsați Ctrl și, în același timp, faceți clic pe pictograma noului strat de text. Fiți atenți, trebuie să faceți clic nu pe text, ci pe dreptunghi, așa cum se arată în captura de ecran de mai jos.
Acum să creăm un nou strat. Există trei opțiuni pentru rezolvarea problemei: țineți apăsat Shift, ctrl, N în același timp; Folosim panoul din partea de sus, găsim acolo „Layer – new – create”; utilizați butonul din meniul rapid din dreapta. În poza de mai jos am arătat-o cu o săgeată.
Acum, pentru a elimina evidențierea de-a lungul marginilor literelor, puteți face clic pe selecție și apoi faceți clic pe orice parte a imaginii. Acesta este rezultatul.
Lucrarea cu textul nu se termină aici. Uite, avem 2 straturi: unul cu gradient, iar al doilea cu litere. De ce s-a întâmplat acolo? O să explic cât pot de bine. Scrieți în comentarii dacă nu este clar. Ai scris textul. Photoshop și-a dat seama că acestea sunt litere și chiar a sugerat să le faci mai mari, mai mici, să schimbi fontul și așa mai departe.
Apoi ai selectat acest fragment. Am creat un nou strat, pentru a folosi o analogie, am decupat un șablon din hârtie și l-am umplut. În acest moment, Photoshop a fost pierdut. A încetat să vă vadă scrisorile. Pentru el, este doar o parte a unei imagini, cum ar fi un romb, un pătrat sau un cerc cu un centru decupat. Dacă mergeți să lucrați cu litere pe un strat, nu veți reuși dacă doriți să aplicați un gradient textului, același lucru;
Dacă acum doriți să mutați textul undeva și mergeți la secțiunea corespunzătoare și apoi începeți să-l mutați cu săgeata, atunci totul se va îndepărta.
Îndepărtăm stratul de text pentru a evita confuzia. Faceți clic dreapta pe el și selectați opțiunea dorită.
Tipuri de gradienți, umplerea formelor și crearea de stele
Dacă ați acordat atenție panoului cu gradient din partea de sus, poate ați observat că acestea vin în diferite tipuri: liniare, radiale, unghiulare, oglindă sau diamant. Nu este dificil să vezi diferențele; nu trebuie să citești articolele pentru a face acest lucru, doar deschide o foaie goală și încearcă să aplici una sau alta. Uite ce sa întâmplat.
Singurul lucru demn de remarcat: dacă doriți să vedeți rezultatul perfect, ca în poza mea, săgeata trebuie direcționată din centru.
Acum să revenim la imaginea noastră. Lasă-mă să te învăț o tehnică interesantă. Tranzițiile de culoare pot fi utilizate în formele pe care le desenați. Acest lucru este foarte util, mai ales pentru cei care intenționează să creeze site-uri web.
Deci, alegeți un dreptunghi sau un cerc. Nu contează.
Acum culoarea de umplere.
Să mergem la secțiunea cu degrade.
Avem nevoie de un romb aici.
Vedeți, s-a dovedit a fi un efect interesant, dar culoarea albă strică totul. Am nevoie de unul transparent. Poate fi găsit în interiorul șabloanelor. Dacă vedeți o astfel de zăbrele în interiorul șablonului, atunci aceasta este ceea ce avem nevoie.
Joacă-te cu setările și vei obține opțiunea ideală.
Acum să clonăm acest bliț. Selectați mișcarea. Doar faceți clic pe butonul.
Acum țineți apăsat alt și trageți duplicatul în lateral.
Acesta este rezultatul pe care l-am primit.
Creați un nou gradient și butoane pentru site-uri
Și, în sfârșit, vă voi spune cum să creați degrade de la zero și, în același timp, vom înțelege setările acestora. Să creăm un buton frumos, bine? Voi adăuga un dreptunghi cu margini rotunjite la imaginea mea.
Așa arată el. De data aceasta nu vom folosi umplerea interioară. Nu este foarte convenabil să lucrezi cu un șablon nou prin intermediul acestuia. Să fie doar negru deocamdată.
Selectați un instrument familiar și faceți clic pe matriță.
Sunt create degrade noi pe baza celor vechi. Faceți clic pe oricare. Vechea versiune nu va dispărea nicăieri. Apoi veniți cu un nume nou și salvați-l.
Folosind punctele de control de sus puteți controla nivelurile de transparență.
Cele inferioare sunt folosite pentru a lucra cu culoarea. Pentru a extinde intervalul, faceți clic lângă orice punct și acesta va fi duplicat.
Puteți crea câte doriți.
Pentru ca tranziția să pară modernă, trebuie să neteziți culorile. Nu atingeți acest indicator și totul va fi ok. Ar trebui să fie 100%. Gata. Puteți face clic pe „OK” sau „Salvați” - totul depinde de dorința dvs.
Acum repetăm ceea ce am făcut deja destul de recent cu textul. Țineți apăsat ctrl, faceți clic pe butonul stilului dorit din centru și creați unul nou pe baza acestuia.
Acum adăugați o tranziție și voilà.
Să adăugăm text la buton și gata. Nu este clar de ce s-a terminat lucrul necesar. Apropo, puteți descărca sursa mea dacă doriți ( Descărcați sursa gradient.psd ). Puteți să-l deschideți în Photoshop și să îmi îmbunătățiți imaginea. Cred că nu va fi greu.
Ei bine, asta-i tot. Acum știi destul de multe despre degrade. Dacă sunteți designer, designer de layout, creator de site-uri web sau doriți să deveniți unul, iar această lecție v-a fost cu adevărat utilă, abonați-vă la newsletter și aflați mai multe despre ceea ce vă interesează. De asemenea, puteți acorda atenție acestui site: https://photoshop-master.org/disc149/ . Aici puteți găsi o mulțime de cursuri plătite și gratuite, care vă vor învăța să lucrați profesional cu Photoshop.
Mult succes si ne revedem.
În acest articol ne vom uita la populare metode de tranziție lină î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: șters moale, pensule moi și gradient, cea mai bună metodă este gradientul. Aceasta este ceea ce creează o tranziție de primă clasă, fără a pierde calitatea imaginilor originale. Vezi singur: folosind o radieră, pictăm peste pixeli, dar unde este garanția că vei putea picta perfect peste toate? Desigur, ai putea petrece o zi întreagă în Photoshop, ștergând pixel cu pixel. Dar, cred, „jocul nu merită lumânarea”, deoarece ne străduim să nu petrecem mult timp pe anumite operațiuni și să facem totul rapid.
O gumă moale și o perie sunt bune pentru a întinde marginile, astfel încât cele două fotografii să se îmbine bine și să nu arate deplasat din cauza marginilor dure.
Acum să aruncăm o privire mai atentă:
Guma moale
Deoarece instrumentul de șters poate fi folosit cu opțiuni de pensulă, folosind perie moale Puteți șterge o parte a unei imagini, astfel încât o altă imagine situată la un strat dedesubt să fie vizibilă. Folosind această tehnică puteți obține rezultatul dorit, dar este și ireversibil - dacă vă răzgândiți și decideți să combinați imaginile într-un mod diferit, va trebui să o luați de la capăt.
După ce ați plasat ambele imagini pe care doriți să le combinaț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 în partea de sus a paletei Straturi.
Nota
Înainte de a șterge, este o idee bună să faceți o copie a stratului la care veți lucra în cazul în care nu vă place rezultatul (apăsați Ctrl+J pentru a face acest lucru). Pentru a preveni noul strat să vă deranjeze, vizibilitatea acestuia poate fi dezactivată (și reactivată dacă este necesar).
2. Selectați radiera apăsând tasta E și setați-o în modul pensulă. Pentru a face acest lucru, în bara de opțiuni, în lista derulantă Mode, selectați Perie. Apoi, din lista drop-down Brush Presets, selectați o perie moale. Asigurați-vă că câmpurile Opacitate și Presiune sunt setate la 100.
Pentru a face tranziția și mai lină, experimentați cu valoarea opacității radierului. Prin scăderea valorii opacității, puteți crea tranziții mai fine, deplasând pensula peste zona dorită, în loc să faceți clicuri individuale.
3. Plasați cursorul mouse-ului peste imagine și ștergeți partea care nu este necesară. Dacă faceți o greșeală sau vă răzgândiți la un moment dat, utilizați paleta Istoric pentru a reveni cu câteva mișcări de pensulă sau anulați ultima operație apăsând Ctrl+Z.
Perii moi și măști de straturi
O alternativă la radiera este opțiunea opusă - pictând o mască de strat cu o perie mare moale. În acest caz, ascundeți doar o parte a desenului în loc să o eliminați.
Să presupunem că vrei să subliniezi cât de repede merge o motocicletă. Îmbunătățiți efectul mișcării Puteți face acest lucru adăugând un pic de estompare în mișcare la desen și apoi ascunzând o parte din estompare cu o mască de strat.
Iată cum se creează efect de mișcare rapidă:
1. Deschideți imaginea și creați o copie a stratului original apăsând combinația de taste Ctrl+J.
2. Selectați comanda de meniu Filtre => Blur => Motion Blur. Folosind acest filtru, puteți crea senzația că un obiect se mișcă foarte repede. Deoarece filtrul estompează întreaga imagine, devine dificil să vezi obiectul dorit în ea, așa că va trebui să ascunzi o parte din stratul neclar prin adăugarea unei mască de strat. Pentru a-l adăuga, faceți clic pe butonul cu imaginea unui cerc într-un dreptunghi în partea de jos a paletei.
3. Apăsați B pentru a selecta Instrumentul perie și selectați o perie mare și moale. Setați negru ca culoare de prim plan.
Permiteți-mi să vă reamintesc că în ceea ce privește măștile de strat, pictura cu negru ascunde ce trebuie să facem în acest caz. Aruncă o privire în partea de jos a panoului Instrumente și, dacă apar 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. Poziționați cursorul mouse-ului peste imagine și utilizați pensula pentru a ascunde o parte a stratului neclar.
Măști cu degrade
Pune periile moi deoparte. Crea cele mai line tranziții posibile posibilă utilizare gradient - o tranziție moale, treptată de la o culoare la alta. Metodele de îmbinare a imaginilor folosind pensule moi și gradienți sunt similare prin aceea că imaginile sunt combinate într-un singur document și apoi o mască de strat este adăugată la stratul superior. Dar, în loc să pictezi o mască cu o perie albă sau neagră, folosești un gradient de la negru la transparent sau de la negru la alb pentru a crea un flux neted, fără întreruperi de la o imagine la alta.
1. Trageți imaginea care ar trebui să fie în prim-planul colajului î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 derulantă de selecție. În lista derulantă, selectați un gradient de la negru la transparent, iar în grupul de tipuri, faceți clic pe butonul de gradient liniar.
3. În exemplul meu, vreau ca sigla Batman din dreapta să fie transparentă. Pentru a face acest lucru, apas butonul mouse-ului de pe marginea logo-ului și țin apăsată tasta până ajung aproximativ la mijlocul logo-ului. Prin eliberarea tastei, obțin o tranziție lină între imagini. Pentru a îmbunătăți calitatea tranziției, puteți aplica și un gradient.
Când trageți, programul Photoshop desenează o linie care ilustrează lățimea tranziției: cu cât linia este mai scurtă (cu atât distanța la care trageți indicatorul este mai mică), cu atât tranziția este mai îngustă și mai grea (nu va fi o chenar clar, dar veți obține ceva apropiat); 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. Multumesc!
