Kuidas teha sujuv üleminek Photoshopis? Taust: gradient (); CSS. Sujuv üleminek ühelt värvilt teisele Kuidas sujuv üleminek Photoshopis teha

Kollaaži tegemine ei tähenda ainult mitme foto ühte ühendamist. Õige kollaaž näitab autori oskusi ja demonstreerib ka tema võimet fotosid kaunilt ja asjatundlikult paigutada nii, et see näeks välja stiilne ja atraktiivne. Edukas ja märgatav on kollaaž, milles fotode vahel pole märgatavaid piire - selle asemel näivad fotod üksteisesse voolavat. Selle efekti saab saavutada lihtsate toimingute tegemisega Adobe Photoshop.

Sa vajad

Juhised

  • Ava umbes kaks fotot sama suur mida soovite kollaažiks ühendada.
  • Teisaldustööriista aktiveerimiseks vajutage klahvi V ja lohistage üks foto teisele, nii et need mõlemad asuvad samas aknas kahel erineval kihil.
  • Valige ilmunud kahe kihi seast loendi ülaosa ja lisage sellele vektormask (Lisa kihi mask).
  • Kihireale foto pisipildi kõrvale ilmub valge ruudu kujul maskiikoon. Kihi aktiveerimiseks klõpsake seda. Ikooni ümbritseb must äär, mis näitab, et see on aktiivne.
  • Valige tööriistakastist gradient ja märkige gradiendi suund, tõmmates joont paremast ülanurgast paremasse ülanurka. Märkate, kuidas üks piltidest hakkab veritsema läbi teise, kus joonistasite nurga gradiendi.
  • Katsetage ja muutke gradiendi pikkust ja laiust, kuni olete tulemusega rahul ja pildid voolavad sujuvalt ja kaunilt üksteise suunas kohas, kus soovite üleminekut näha.
  • Soovitud efekti saavutamiseks kasutage gradienti ainult siis, kui aktiveeritud režiim kihtmaskid - muidu ei saa midagi tehtud.
  • Kui kollaaž on valmis, väljuge maskirežiimist, klõpsates kihi foto pisipildil.
  • Ühendage kihid ja salvestage kollaaž soovitud vormingus.
  • Teisaldage teine ​​foto varem avatud fotole.

    Fotodega liitumise kohta saate lisateavet.

    Seejärel määrake tööriista Move abil fotode soovitud asukoht üksteise suhtes. On vaja veenduda, et üks foto kattub teisega, kattumise kohas see paigaldatakse sujuv üleminek... Mugavuse huvides saate paneelil Kihid ajutiselt vähendada piltide läbipaistmatust, samuti on hea panna juhendid kattuvuse piiridele.

    Nüüd määrame kindlaks, milline foto on üleval, ja vajadusel muudame kihtide asukohta paneelil Kihid. Mul on peal Twitteri pilt.

    Seejärel määrake pildikihtide läbipaistmatus sajaprotsendiliseks.

    Ja nüüd liigume tegeliku loomingu juurde sujuv üleminek fotode vahel teeme selles näites kihtmaski ja must-valge gradiendi.

    Lisage kihtmask ülemise fotoga kihile, klõpsates vastaval ikoonil paleti allosas, samal ajal kui värvipaleti värvid muutuvad põhivärviks automaatselt mustaks ja taustavärviks valgeks, kuvatakse maskiikoon ilmuvad vastava kihi paneelile Kihid. Seejärel avage tööriistapaletis tööriist Gradient. Klõpsake Photoshopi tööakna vasakus ülanurgas kolmnurgal gradiendipaleti avamiseks ja valige kõige esimene, millel on nimi "Põhivärvist taustale". Seejärel joonistame joon ühelt juhikult teisele joonisel näidatud suunas.

    Gradiendi joone tõmbamiseks rangelt horisontaalselt (või muudel juhtudel rangelt vertikaalselt) hoidke all klahvi Shift.

    Selle tulemusena saame sujuva ülemineku ülemise pildi parempoolse serva läbipaistvusele, mis annab sujuva ülemineku efekti kahe foto vahel.
    Kihtide paneeli maskiikoonil näeme järgmisi muudatusi, must värv näitab täielikku läbipaistvust ja valge, vastupidi, kogu pildi läbipaistmatust, millele kihtmask kantakse.

    See on tegelikult kõik, ülesanne on täidetud!

    Täna ma näitan teile kuidas teha sujuv üleminek kahe foto vahel.

    Tegin pildi ette ja selle tulemuse sain:

    Sellise pildi saamiseks pildistan kaks fotot, mille kombineerin.

    ma võtsin ilus taust koos merega ja foto tüdrukust, kes pildistati lehtedeta süngete puude taustal.

    Nii et alustame - ma teen värvide sujuv üleminek ja selleks järgin alltoodud samme:

    Samm 1

    Minu fotode avamine Photoshopis ja tööriista kasutamine Kolimine lohistage tüdruku foto mere taustpildile.

    Tahan tüdruku fotot veidi vähendada ja selleks helistan Vaba transformatsioon klaviatuuri otsetee abil CTRL+ T.

    Tüdrukuga foto ümber ilmunud raamil on sõlmed, mille jaoks saate foto suurust tõmmata ja vähendada, samal ajal kui peate klahvi all hoidma Shift, nii et pildi proportsioonid ei oleks moonutatud.

    2. samm

    Nüüd lähen paletti Kihid ja olles tüdrukuga kihil, klõpsake ikooni nimega Lisage vektormask.

    Nagu paletil näeme Kihid tüdrukuga kihil on tekkinud kihtmask, mis on raamiga esile tõstetud, mis näitab, et mask on aktiivne ja kogu töö, mille ma sooritan, tehakse just nimelt kihimaskil.

    On ülemine paneel kus asuvad kõik tööriista seaded Gradient klõpsan nool tööriistaikooni kõrval ja ilmuvas gradientaknas valin radiaalne gradient, mis pärineb mustast läbipaistvaks.

    Nüüd joonistan gradiendi jooned enne tüdruku kuju saavutamist, nagu pildil näidatud (teil võib olla rohkem suundi). Gradiendi joone joonistamisel kaob taust.

    Mul kulus kaks või kolm korda, et joonistada gradientjoon igas pildil näidatud suunas, et saavutada tulemus, mida näete alloleval pildil.

    4. samm

    Kuid võime märgata, et koos tüdruku fotole kuuluva tausta kadumisega on ka tüdruku enda pilt mõnevõrra muutunud, kuna mõnes kohas on see muutunud läbipaistvaks.

    Kuid seda on väga lihtne parandada.

    Kihimaski peal olles võtan pehme ringi harja valge ja värvige selle pintsliga tüdrukule.

    Valge hari taastab kõik tüdruku pildi kadunud alad.

    Samuti tahame teile meelde tuletada, et saate alati Photoshopi teemadel Photoshopi foorumis vestelda ja leida vastuseid paljudele oma küsimustele.

    Siin on tulemus:

    Olen sujuva ülemineku abil ühendanud kaks fotot.

    Loodan, et selgitasin selgelt kuidas sujuvalt üle minna kahe foto vahel - nagu näete, on see üsna lihtne.

    Samuti soovitan teil vaadata minu eelmist õppetundi. Valentine Photoshopis, milles on palju huvitavaid asju.

    Soovin teile jätkuvat edu Photoshopi valdamisel!

    Galina Sokolova oli teiega.

    1 hääl

    Head päeva, kallid lugejad. Täna otsustasin teile tõestada, et parim viis teooriat õppida on praktikas. Isegi kui olete algaja, saate sõna otseses mõttes tunni ajaga saavutada hea tulemuse ilma Photoshopis midagi mõistmata! Vaata, see pilt loodi puhtalt tänu gradientidele. Neid rakendatakse erinevatele elementidele ja erinevates variatsioonides.

    Kui loete selle artikli lõpuni, ei õpi te ainult Photoshopis sujuvat värvide üleminekut, vaid saate neid teadmisi praktikas rakendada ka teksti, kuju, ilusate värelevate rombide ja palju muu osas.

    Olen selle pildi juba teinud. Kui soovite, siis saate ise luua täpselt sama, või võib-olla isegi parem, kuid ma õpetan teid erinevas näites. Milline? Siit saate teada artikli lõpus. Ma joonistan koos teiega ja kirjeldan protsessi samal ajal, ma ise veel ei tea, mida ma saan. Tänu sellele näen, milliseid probleeme võib ette tulla, ja aitan neid lahendada.

    Põhiteadmised ja alati võitva võimaluse saladus

    Niisiis, kõigepealt peame avama Photoshopi. Soovitan teil see programm alla laadida ( litsentsitud versiooni saate osta siit ). Temast paremat ei leia sa kunagi. Kui kardate, et te ei oska seda ja raiskate oma raha, unustades programmi pärast esimest katset täielikult, võite proovida võrguteenus https://editor.0lik.ru/ ... Oma programmi omamine on palju mugavam ja saate varsti aru, miks.

    Nii näeb välja Photoshopi 2015. aasta versioon, kui teil on mõni teine ​​väljaanne, siis ärge muretsege. Kõik saab olema umbes sama. Teil on veidi vähem võimalusi ja see on ainus erinevus.

    Meie loome uus dokument.

    Suuruse valimine on minu jaoks üks raskemaid küsimusi. Võtsin aluseks postituse maksimaalse pildisuuruse suhtlusvõrgustikes... 800x500, kuid nagu te teate, pole asi selles. Kõik sõltub eesmärkidest ja eesmärkidest, mida kavatsete Photoshopiga täita.

    Vaadake, paremal asuv paneel sisaldab kõiki peamisi nuppe, sealhulgas gradient. Kuid nüüd ei leia seda. Kuidas nii? Ma ise olin selle probleemiga silmitsi, kui hakkasin õppima Photoshopiga töötamist. Lugesite artiklit ja pool teabest, mida peate otsima kolmandate osapoolte allikatest. Google, Google, Google.

    Andestagu mulle väga nutikas lugeja, kes teab kõike teemast väikeste kõrvalekallete korral väga hästi. Soovin, et kõik blogikülastajad saaksid minu tundides töötada. Võib-olla on see kunagi teile väga kasulik. See säästab palju aega.

    Peaaegu iga nupu paremas alanurgas, välja arvatud luup, on midagi noole taolist. See näitab, et nuppu on peidetud mitu tööriista.

    Hoidke mõni sekund vasak nupp hiireklahv avamiseks lisamenüü ja valige gradient.

    Ülaosas avanes veel üks lisamenüü. Seda kasutatakse eranditult gradientide jaoks. Pista teksti - ülaosas avaneb spetsiaalne tekstimenüü, pintsel ja ... noh, saate idee.

    Klõpsake värviikooni kõrval oleval noolel. Siia salvestatakse standardsed üleminekud või need, mille olete alla laadinud.

    Kui te ei pea ennast disainigeeniuseks, soovitan teil Internetist alla laadida tasuta mallid... Neid on küllaga. Esiteks säästab see aega ja teiseks ühendatakse reeglina mitu sarnast valikut samas stiilis loodud teemaks. seda saab hõlpsasti ühele pildile rakendada ja see näeb peaaegu alati hea välja.

    Uute mallide installimine pole probleem. Laadige need Internetist alla, valige paremast ülanurgast mutter ja leidke link "Laadi alla ...".

    Valige arvutis kaust koos allalaaditud failidega ja salvestage.

    Need lisatakse loendi lõppu.

    Täitke

    Nüüd õpime täitma. Valige ükskõik milline valik (me läheme loomisele veidi hiljem) ja klõpsake sellel. Hoidke hiire vasakut nuppu all ja liikuge suvalises suunas ekraanil. Värvide ülemineku asukoht sõltub sellest.

    Vaadake erinevust.

    Pöörelda saab igal pool.

    Et vältida oma liini nihkumist ja gradiendi hägustumist, hoidke suuna määramise ajal all klahvi Shift.

    Näete, värvide üleminek on nüüd keskel. Oma gradienti luues vaatame sätteid lähemalt. Nüüd räägin ainult kesknihkest. Klõpsame sellel plaadil.

    Haarake hiire vasaku nupuga allpool olev värv ja liigutage seda vasakule või paremale.

    Siit ma jõudsin.

    Kuidas rakendada tekstile gradient, et tähed oleksid moodsad

    Nüüd kirjutame midagi. Valime vastava nupu.

    Kui peate suurust või fonti ise muutma, pöörake tähelepanu ekraani ülaosas asuvale paneelile. Seal on kõik lihtne.

    Nüüd vajutage Ctrl ja klõpsake samal ajal uue tekstikihi ikoonil. Olge ettevaatlik, peate klõpsama mitte tekstil, vaid ristkülikul, nagu on näidatud alloleval ekraanipildil.

    Nüüd loome uue kihi. Probleemi lahendamiseks on kolm võimalust: hoiame samaaegselt Shift, ctrl, N; kasutage peal olevat paneeli, leidke sealt "Kiht - uus - loo"; kasutage paremas menüüs asuvat nuppu. Alloleval pildil näitasin seda noolega.

    Tähtede servades esiletõstmise eemaldamiseks võite valikut torkida ja seejärel klõpsata pildi mis tahes osa. Saate järgmise tulemuse.

    Töö tekstiga sellega ei lõpe. Vaata, meil on 2 kihti: üks gradientiga ja teine ​​tähtedega. Miks see seal juhtus? Seletan nii palju kui oskan. Kirjuta kommentaaridesse, kui see pole selge. Sa kirjutasid teksti. Photoshop mõistis, et need olid tähed, ja soovitas isegi neid suurendada, vähendada, muuta fonti jne.

    Siis olete selle tüki valinud. Lõime uue kihi, kui tõmmata analoogia, lõikasime paberist välja šablooni ja täitsime selle. Sel hetkel eksis Photoshop ära. Ta lõpetas teie kirjade nägemise. Tema jaoks on see lihtsalt osa mõnest pildist, nagu näiteks romb, ruut või ring nikerdatud keskel. Kui lähete tööle kihi tähtedega, siis ebaõnnestub see, kui soovite tekstile rakendada gradienti - sama asi.

    Kui nüüd otsustate teksti kuhugi teisaldada ja ronite vastavasse sektsiooni ning hakkate siis noolt liigutama, siis liigub kõik välja.

    Segaduste vältimiseks eemaldame tekstikihi. Klõpsake seda hiire parema nupuga ja valige soovitud valik.

    Gradiendi vaated, kuju täidised ja tärnid

    Kui pöörasite tähelepanu peal olevale gradientribale, võite leida, et need on erinevad: lineaarsed, radiaalsed, nurkad, peeglid või rombikujulised. Erinevusi pole keeruline mõista, selleks pole vaja artikleid lugeda, lihtsalt avage tühi leht ja proovige ühte või teist võimalust rakendada. Vaadake, mis juhtus.

    Tähelepanu väärib ainult see, et kui soovite näha ideaalset tulemust, nagu minu pildil, tuleb nool suunata keskelt.

    Nüüd naaseme oma pildi juurde. Las ma õpetan sulle ühe huvitava triki. Värvide üleminekuid saab kasutada teie joonistatud kujundites. See on väga kasulik, eriti neile, kes kavatsevad veebisaite ehitada.

    Niisiis, valige ristkülik või ring. Vahet pole.

    Nüüd täitevärv.

    Minge jaotistesse gradient.

    Siin on vaja rombi.

    Näete, see on huvitav efekt, kuid valge värv rikub kõik ära. Vajame läbipaistvat. Leitud mallide seest. Kui näete malli sees sellist ruudustikku, siis vajame seda.

    Mängige seadetega ringi ja saate oma ideaalse.

    Kloonime nüüd selle välgu. Kolimise valimine. Klõpsake lihtsalt nuppu.

    Nüüd hoidke alt all ja lohistage duplikaat küljele.

    Sain järgmise tulemuse.

    Kuidas luua veebilehtedele uus gradient ja nupud

    Ja lõpuks, ma ütlen teile, kuidas luua gradiente nullist ise ja mõista samal ajal nende seadeid. Loome kena nupu? Lisan oma pildile ümardatud ristküliku.

    Nii see välja näeb. Seekord me sisemist täidist ei kasuta. Selle kaudu pole uue malliga töötamine eriti mugav. Las see on praegu lihtsalt must.

    Valige tuttav tööriist ja klõpsake plaadil.

    Uute gradientide aluseks on vanad. Klõpsake ükskõik millist. Vana versioon ei kao kuhugi. Siis lihtsalt mõtle sellele välja uus nimi ja salvesta see.

    Kasutades ülemist kontrollpunktid läbipaistvuse taset saab kontrollida.

    Madalamate abil viiakse läbi töö värviga. Spektri laiendamiseks klõpsake suvalise punkti kõrval ja see dubleeritakse.

    Saate luua nii palju kui soovite.

    Selleks, et üleminek näeks välja kaasaegne, peate värve siluma. Ärge puudutage seda indikaatorit ja kõik saab korda. See peaks olema 100%. Valmis. Võite klõpsata nupul "OK" või "Salvesta" - kõik sõltub teie soovist.

    Nüüd kordame tekstiga seda, mida oleme hiljuti juba teinud. Hoidke all klahvi Ctrl, torkige keskel soovitud stiili nuppu ja looge selle põhjal uus.

    Nüüd lisage üleminek ja voila.

    Lisage nupule tekst ja kõik. Ei ole selge, miks vajalik ümberehitamine on lõppenud. Muide, saate minu allika alla laadida, kui soovite ( Laadige alla allikas gradient.psd ). Saate selle Photoshopis avada ja minu pilti paremaks muuta. Ma arvan, et see pole keeruline.

    See selleks. Nüüd teate gradientidest üsna vähe. Kui olete disainer, küljendaja, saidi looja või soovite selleks saada, ja see õppetund oli teile tõesti kasulik - tellige uudiskiri ja saate lisateavet selle kohta, mis teid huvitab. Samuti võite sellele saidile tähelepanu pöörata: https://photoshop-master.org/disc149/ ... Siit leiate nii tasuliste kui ka tasuta kursuste pilve, mis õpetab teile tegelikku ja professionaalset tööd Photoshopiga.

    Edu ja varsti näeme.