Cum de a face o tranziție lină la Photoshop? Fundal: Gradient (); Css. Tranziția netedă de la o culoare la altul Cum de a face o tranziție lină în Photoshop

Crearea unui colaj nu este doar o combinație a mai multor fotografii într-una. Colajul drept arată abilitățile autorului și, de asemenea, demonstrează capacitatea sa de a poziționa frumos și competent fotografiile astfel încât să pară elegant și atractiv. Un colaj este de succes și vizibil, în care nu există limite vizibile între fotografii - în loc de această fotografie, așa cum a fost, curge unul în celălalt. Acest efect poate fi realizat prin efectuarea de operațiuni necomplicate în Adobe Photoshop..

Vei avea nevoie

Instrucțiuni

  • Deschideți două fotografii despre aceeași mărimeVrei să fuzionezi în colaj.
  • Apăsați tasta V pentru a activa instrumentul Mutare și glisați o fotografie la alta, astfel încât să se dovedească a fi atât într-o singură fereastră în două straturi diferite.
  • Selectați în listă din cele două straturi din partea de sus, apoi adăugați o mască vectorială (adăugați mască de strat).
  • În apropierea pictogramei de fotografie în șirul de straturi, va apărea o pictogramă de mască pătrată albă. Faceți clic pe acesta pentru a activa stratul. Pictograma va fi înconjurată cu un cadru negru, care își arată activitatea.
  • În bara de instrumente, selectați gradientul și specificați direcția gradientului, bifând linia din unghiul drept inferior în colțul din dreapta sus. Veți observa modul în care una dintre imagini va începe să se manifeste prin cealaltă în care ați efectuat un gradient unghiular.
  • Experimentați și modificați lungimea și lățimea gradientului până când rezultatul este satisfăcut, iar imaginile nu vor curge unul în mod ușor și frumos unul în celălalt în locul în care doriți să vedeți tranziția.
  • Pentru a obține efectul dorit, utilizați gradientul numai când modul activat. Masca stratului - altfel, nu veți ieși.
  • Ieșiți din modul Mask făcând clic pe cursorul mouse-ului de pe pictograma fotografiei din strat, după ce colajul dvs. este gata.
  • Combinați straturi (straturi de îmbinare) și salvați colajul în formatul dorit.
  • Mișcăm a doua fotografie la cea deschisă anterior.

    Citiți mai multe despre fotografiile de conectare pe care le puteți citi.

    Apoi, folosind instrumentul "Mutare Instrumentul", specificați locația fotografiilor relative între ele. Trebuie făcut ca o fotografie să se suprapună pe cealaltă, în locul suprapunerii și va fi montată tranzitie lina. Pentru comoditate, este posibil să reduceți temporar opacitatea imaginilor din panoul stratului, este, de asemenea, plăcut să puneți ghiduri pe limitele suprapuse.

    Acum definim ce fel de fotografie va fi pe partea de sus și, dacă este necesar, schimbați locația straturilor din panoul stratului. Voi avea o imagine Twitter de sus.

    Apoi punem opacitatea straturilor cu imagini înapoi la o sută la sută.

    Și acum, să mergem la creație tranzitie lina Între fotografie, în acest exemplu o vom face folosind o mască de strat și utilizarea unui gradient alb-negru.

    Adăvăm un strat de mască la stratul cu o fotografie de sus făcând clic pe pictograma corespunzătoare din partea de jos a paletei, în timp ce culorile din paleta de culori s-au schimbat automat la culoarea de bază neagră și fundalul alb, pictograma Mask pe Stratul corespunzător va apărea în panoul stratului. Apoi deschideți instrumentul de gradient în paleta instrumentală. În colțul din stânga sus al ferestrei de lucru Photoshop, faceți clic pe triunghiul pentru deschiderea paletei de gradient și selectați foarte întâi numele numelui "de la culoarea principală la fundal". Apoi efectuăm linia de la un ghid alta în direcția indicată în figură.

    Pentru a petrece linia de gradient strict orizontală (sau, pentru alte cazuri, strict vertical), tasta Shift trebuie păstrată.

    Ca rezultat, obținem o tranziție lină la transparența marginii drepte a imaginii superioare, ceea ce dă efectul unei tranziții netede între două fotografii.
    Pe pictograma mască din panoul straturilor, vom vedea următoarele modificări, negru arată transparența completă și alb, dimpotrivă, opacitatea completă a imaginii la care se aplică stratul de mască.

    Aici, de fapt, și totul, sarcina este finalizată!

    Astăzi vă voi arăta cum se face o tranziție lină între două fotografii.

    Am făcut o imagine în avans și acest rezultat am:

    Pentru a obține o astfel de imagine, voi lua două fotografii pe care le voi conecta.

    am luat fundal frumos Cu marea și o fotografie a unei fete care este fotografiată pe fundalul copacilor sumbre fără frunze.

    Așa că să ne ridicăm - voi face tranziții de flori netede Și pentru asta, voi efectua următorii pași:

    Pasul 1

    Îmi deschid fotografiile în Photoshop și cu instrumentul Mișcare Prin glisarea unei fotografii a unei fete pe o fotografie cu fundal marin.

    O fotografie a fata pe care vreau să o reduc puțin și pentru asta Transformare gratuită Apăsând tasta tastaturii Ctrl.+ T..

    Cadrul care a apărut în jurul fotografiei cu o fată are un noduli pentru care puteți trage și reduce dimensiunea fotografiei, în timp ce trebuie să țineți cheia Schimb., La proporțiile imaginii nu sunt distorsionate.

    Pasul 2.

    Acum mă întorc la paletă Straturile și fiind pe strat cu o fată, faceți clic pe pictograma numită Adăugați mască vectorială.

    După cum vedem în paletă Straturile O mască de strat a fost formată pe un strat cu o fată, care este evidențiată de un cadru, ceea ce indică faptul că masca este activă și toată lucrarea pe care o voi efectua va fi ținută, este, pe o mască de strat.

    Pe panoul de susunde sunt toate setările instrumentului Gradient CLICK ON. săgeatăSituat lângă pictograma sculei și în fereastra apărută cu gradienți pe care îl aleg gradient radial care trece. negru la transparent.

    Acum, petrec liniile de gradient fără a ajunge la figura fetei, așa cum este indicat în imagine (puteți avea mai multe direcții). Când conduceți o linie de gradient, fundalul dispare fără probleme.

    Am nevoie de două până la trei ori pentru a petrece linia de gradient pentru fiecare dintre direcțiile specificate în imagine pentru a obține rezultatul pe care îl vedeți mai jos în imagine.

    Pasul 4.

    Cu toate acestea, putem observa că, cu dispariția fundalului aparținând fotografiei fata, imaginea fetei sa schimbat, deoarece în unele locuri a devenit translucid.

    Dar acest lucru este foarte simplu.

    Fiind pe o masca de straturi, iau o runda moale perie culoare alba Și trageți această perie într-o fată.

    Pensulă albă restabilește toate secțiunile pierdute ale imaginii fetei.

    Și, de asemenea, vă dorim să vă amintiți că puteți vorbi întotdeauna cu subiectele Photoshop, pe forumul Photoshop și puteți găsi răspunsuri la multe dintre întrebările dvs.

    Aceasta este ceea ce sa întâmplat ca rezultat:

    Am conectat două fotografii împreună cu o tranziție lină.

    Sper că am explicat clar cum se face o tranziție lină Între două fotografii - după cum vedeți, este destul de simplu.

    De asemenea, vă sfătuiți să vedeți lecția mea anterioară Valentică în Photoshop., în care există multe lucruri interesante.

    Vă doresc mai mult succes în Mastering Photoshop!

    Cu tine era Galina Sokolova.

    1 vot

    Ziua bună, dragi cititori. Astăzi am decis să vă dovedesc, să învățați teoria cea mai bună în practică. Chiar dacă sunteți nou, atunci literalmente pe oră puteți obține un rezultat bun. Nu înțelegeți în Photoshop! Uite, această imagine este creată exclusiv datorită gradienților. Acestea sunt aplicate la diferite elemente și într-o varietate de variații.

    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, dar și să aplicați aceste cunoștințe în practică în raport cu textul, cifra, creați diamante frumoase și multe altele.

    Am făcut deja această imagine. Dacă doriți, atunci vă puteți crea exact același lucru și poate chiar mai bine, dar vă voi învăța pentru un alt exemplu. Ce? Aflați la sfârșitul articolului. Voi trage împreună cu tine și în paralel pentru a descrie procesul, eu însumi încă nu știu ce voi reuși. Datorită acestui lucru, văd cu ce probleme ați putea întâlni și îi puteți ajuta să le rezolvați.

    Cunoștințele de bază și un secret este întotdeauna opțiunea câștigătoare.

    Deci, în primul rând, trebuie să deschidem Photoshop. Vă recomandăm să descărcați acest program ( puteți achiziționa aici o versiune licențiată. ). Niciodată nu o vei găsi mai bine. Dacă vă este frică că nu stăpâniți și cheltuiți banii în zadar, deși uitați de program după prima încercare pe care o puteți încerca serviciul online https://editor.0lik.ru/ . Este mult mai convenabil să aveți propriul dvs. prog și foarte curând veți înțelege de ce.

    Aceasta este ceea ce arată versiunea lui 2015 Photoshop, dacă aveți o altă eliberare, nu vă faceți griji. Totul va fi aproximativ același. Aveți puțină oportunitate și aceasta este singura diferență.

    Crea un nou document.

    Selectați dimensiunea pentru mine una dintre cele mai dificile întrebări. Ca bază, am luat dimensiunile maxime ale imaginii pentru postarea din retele sociale. 800x500, dar, după cum înțelegeți, nu este esența. Totul depinde de obiectivele și sarcinile pe care le veți efectua utilizând Photoshop.

    Vedeți, în panoul din dreapta există toate butoanele principale, inclusiv gradientul. Cu toate acestea, acum nu se găsește. Cum așa? Eu însumi s-au confruntat cu această problemă când am început să învăț să lucrez cu Photoshop. Ai citit un articol, iar jumătate din informație trebuie să caute surse terțe părți. Google, Google, Google.

    Da, mă voi ierta un cititor foarte inteligent, care el însuși știe perfect pentru retrageri mici din subiect. Vreau să lucrez la lecțiile mele au fost toți vizitatorii blogului. Poate că o dată și pentru tine va fi foarte utilă. Salvați o grămadă de timp.

    În colțul din dreapta jos al aproape fiecărui buton, cu excepția sticlei de lupă, există ceva de genul săgeții. Acest lucru sugerează că mai multe instrumente sunt ascunse în buton.

    Țineți câteva secunde butonul din stanga mouse-ul de pe buton pentru a deschide meniu suplimentar Și selectați gradientul.

    Un meniu mai opțional a fost deschis pe partea de sus. Se utilizează exclusiv pentru gradienți. Rapid pe text - textul special al textului se va deschide în partea de sus a vârfului și ... Ei bine, ați înțeles.

    Faceți clic pe săgeata de lângă pictograma color. Stocați tranzițiile standard sau descărcate de dvs. sunteți stocate.

    Dacă nu vă considerați un design geniu, atunci vă recomand să descărcați de pe internet Șabloane gratuite. Ele sunt pline. În primul rând, economisește timp și, în al doilea rând, mai multe opțiuni similare sunt, de obicei, combinate în subiectul creat într-un singur stil. Astfel de probleme pot fi aplicate la o singură imagine și aproape întotdeauna arata bine.

    Instalați șabloane noi - nu o problemă. Le descărcați de pe Internet. Apoi alegeți piulița din colțul din dreapta sus și găsiți linkul "Încărcare ...".

    Alegeți un dosar cu fișiere descărcate pe computer și salvați.

    Acestea vor adăuga o listă în jos.

    Completati

    Acum învățați cum să umpleți. Alegeți orice opțiune dorită (vom merge la crearea puțin mai târziu) și faceți clic pe el. În orice loc, fixați butonul stâng al mouse-ului și conduceți în orice direcție. Depinde de localizarea tranziției de culoare.

    Uită-te la diferența.

    Puteți să vă rotiți oriunde.

    Pentru a face mișcarea liniei dvs., nu este schimbată și gradientul nu a rupt butonul de schimbare în timp ce setați direcția.

    Vedeți, tranziția culorilor este acum efectuată în centru. Vom lua în considerare setările în detaliu atunci când vă creați propriul gradient. Acum voi spune doar despre deplasarea centrului. Faceți clic pe această erupție cutanată.

    Prindem butonul stâng al mouse-ului din partea de jos și îl atribuim la stânga sau la dreapta.

    Asta am făcut în cele din urmă.

    Cum să aplicați gradientul textului pentru a face ca literele să pară modern

    Acum, să scriem ceva. Selectați butonul corespunzător.

    Dacă trebuie să schimbați dimensiunea sau fontul însuși, acordați atenție panoului din partea de sus a ecranului. Totul este simplu acolo.

    Acum apăsați CTRL și faceți clic simultan pe pictograma noului strat de text. Fiți atenți, faceți clic pe nu trebuie să trimiteți text, ci pe un dreptunghi, după cum se arată în ecranul de mai jos.

    Acum creați un nou strat. Există trei opțiuni pentru rezolvarea problemei: clema simultan Shift, Ctrl, N; Folosim panoul de mai sus, găsim un "strat - nou - creați" acolo; Utilizați butonul din meniul rapid din partea dreaptă. În figura de mai jos, am arătat o săgeată.

    Acum, pentru a elimina lumina de fundal pe marginile literelor, puteți să vă prindeți selecția, apoi faceți clic pe orice parte a imaginii. Se dovedește un astfel de rezultat.

    În acest sens, lucrați cu textul nu se încheie. Vedeți, avem 2 straturi cu dvs.: unul cu un gradient și al doilea cu litere. De ce sa întâmplat acolo? Voi explica cum pot. Scrieți în comentarii, dacă nu este de înțeles. Ai scris text. Photoshop și-a dat seama că este scrisorile și chiar ți-a oferit să le măriți, să reduceți, să schimbați fontul și așa mai departe.

    Apoi ai alocat acest fragment. Crearea unui strat nou Dacă puneți o analogie, tăiați șablonul de hârtie și l-ați turnat. În acel moment, Photoshop a fost pierdut. A încetat să vă mișcați scrisorile. Pentru el, aceasta este doar o parte a unor imagini ca un romb, un pătrat sau un cerc în centrul de tăiere. Dacă veniți să lucrați cu litere pe strat, nu veți funcționa dacă doriți să aplicați gradientul textului - la fel.

    Dacă doriți să mutați textul undeva acum și urcați în secțiunea corespunzătoare, apoi veți începe să mutați săgeata, atunci veți mânca totul.

    Îndepărtăm stratul de text pentru a nu fi confuz. Faceți clic pe ea Faceți clic dreapta pe clic și selectați opțiunea dorită.

    Tipuri de gradient, completarea cifrelor și crearea de asteriscuri

    Dacă ați atras atenția asupra panoului de gradient de sus, ei ar putea găsi că sunt diferiți: liniară, radială, unghiulară, oglindă sau diamant. Nu este dificil să vedeți diferența, pentru că nu este necesar să citiți articole, să deschideți foaia goală și să încercați să aplicați unul sau altul. Vedeți ce sa întâmplat.

    Singurul lucru care merită remarcat este: Dacă doriți să vedeți rezultatul perfect, cum ar fi în imaginea mea, săgeata trebuie direcționată din centru.

    Acum, să ne întoarcem la fotografia noastră. Permiteți-mi să vă învăț o recepție interesantă. Tranzițiile de culoare pot fi utilizate în interiorul formelor pe care le desenezi. Este foarte util, în special pentru cei care vor crea site-uri.

    Deci, alegeți un dreptunghi sau un cerc. Nu contează.

    Acum culoarea umplerii.

    Mergeți la secțiunea Gradient.

    Avem nevoie de un romb aici.

    Vedeți, sa dovedit un efect interesant, că este doar o culoare albă de culoare. Nevoie transparent. Puteți găsi șabloane interioare. Dacă vedeți această rețea în interiorul șablonului, atunci este ceea ce avem nevoie.

    Redați cu setările și veți avea opțiunea dvs. ideală.

    Acum, să clizăm acest bliț. Alegeți în mișcare. Doar faceți clic pe buton.

    Și acum vindecă alt și trageți duplicat în partea laterală.

    Am rezultat acest rezultat.

    Creați un nou gradient și butoane pentru site-uri

    Ei bine, în cele din urmă, vă voi spune cum să creați gradienți de la zgârieturi și, în același timp, vom da seama în setările lor. Să creăm un buton frumos? Voi adăuga un dreptunghi cu margini rotunjite în imaginea ta.

    Așa arată. În acest moment, nu vom folosi umplutura interioară. Prin aceasta, nu este prea convenabil să lucrați cu un șablon nou. Să fie doar negru.

    Alegeți un instrument familiar și faceți clic pe șoc.

    Gradientele noi sunt create pe baza vechiului. Faceți clic pe oricare dintre acestea. Vechea versiune nu va dispărea nicăieri. Apoi, gândiți-vă doar la el un nume nou și salvați.

    Cu ajutorul vârfului puncte de control Puteți controla nivelurile de transparență.

    Cu ajutorul muncii inferioare cu culoarea. Astfel încât să puteți extinde jocul Gamut lângă orice punct și este duplicat.

    Puteți crea cât doriți.

    Astfel încât tranziția părea modernă ar trebui să fie culori netezite. Nu atingeți acest indicator și totul va fi bine. Trebuie să fie 100%. Gata. Puteți să vă loviți "OK" sau "Salvați" - totul depinde de dorința dvs.

    Acum repetăm \u200b\u200bceea ce am făcut deja destul de recent cu textul. Cleash Ctrl, Poke de-a lungul butonului stilului dorit în centru și creați unul nou pe baza acestuia.

    Acum adăugați tranziția și Vua-la.

    Adăugați text la buton și asta este. Nu este clar de ce lucrul dorit este terminat. Apropo, puteți descărca sursa mea dacă doriți ( Descărcați sursa gradient.psd. ). Poate fi deschis în Photoshop și îmbunătățește fotografia mea. Cred că nu va fi dificil.

    Asta este. Acum știi destul de multe despre gradienți. Dacă sunteți un designer, un Masterger, Creatorul site-ului sau doriți să devină, iar această lecție a fost foarte utilă pentru dvs. - Aboneaza-te la buletin informativ si sa aflat mai multe despre ceea ce te intereseaza. De asemenea, puteți acorda atenție acestui site: https://photoshop-master.org/disc149/ . Aici puteți găsi un nor de cursuri plătite și gratuite care vă vor învăța o lucrare reală și profesională cu Photoshop.

    Mult noroc la întâlniri noi.