Kako napraviti gladak prijelaz na Photoshop? Pozadina: gradijent (); CSS. Glatki prijelaz iz jedne boje u drugu Kako napraviti gladak prijelaz u Photoshopu

Stvaranje kolaža nije samo kombinacija nekoliko fotografija u jednom. Pravi kolaž prikazuje autorovu veštinu, a takođe pokazuje svoju sposobnost da lijepo i kompetentno postavi fotografije tako da izgleda elegantno i privlačno. Kolaž je uspešan i uočljiv, u kojem ne postoje uočljive granice između fotografija - umesto ove fotografije, kao što je bilo, teče jedni u drugi. Ovaj efekat se može postići obavljanjem nekompliciranih operacija u Adobe Photoshop..

Trebat će ti

Uputstvo

  • Otvorite dvije fotografije o iste veličineŽelite se spojiti u kolaž.
  • Pritisnite V tipku za aktiviranje alata za pomicanje i povucite jednu fotografiju u drugu tako da se pokažu da su u jednom prozoru u dva različita sloja.
  • Odaberite na popisu iz dva sloja vrha, a zatim dodajte vektorsku masku (dodajte masku za dodavanje maske).
  • U blizini piktograma fotografije u nizu slojeva pojavit će se piktogram bijelog kvadratnog maska. Kliknite na njega da biste aktivirali sloj. Piktogram će biti zaokružen crnim okvirom, koji pokazuje svoju aktivnost.
  • Na alatnoj traci odaberite gradijent i navedite smjer gradijenta provjerom linije iz donjeg desnog ugla do gornjeg desnog ugla. Primijetit ćete kako će se jedna od slika početi manifestirati kroz drugu gdje ste sproveli kutni gradijent.
  • Eksperimentirajte i promenite dužinu i širinu gradijenta dok se rezultat ne zadovolji, a slike neće se glatko i lijepo teći jedni u druge na mjestu gdje želite vidjeti prijelaz.
  • Da biste postigli željeni efekt, koristite gradijent samo kada aktivirani režim Maske sloja - u suprotnom nećete izaći.
  • Izađite iz režima maske klikom na kursor miša na piktogram fotografije u sloju, nakon što je vaš kolaž spreman.
  • Kombinirajte slojeve (spajanje slojeva) i sačuvajte kolaž u željenom formatu.
  • Premještamo drugu fotografiju na prethodno otvoren.

    Pročitajte više o fotografijama veze u kojima možete čitati.

    Zatim, pomoću alata "Pomicanje alata", navedite lokaciju fotografija međusobno u odnosu na odnose. To se mora učiniti tako da jedna fotografija preklapaju drugu, u mjestu preklapanja i montirat će se glatka tranzicija. Radi praktičnosti moguće je privremeno smanjiti neprozirnost slika na slojnom ploču, lijepo je staviti vodiče na granice preklapanja.

    Sada definiramo kakvu fotografiju će biti na vrhu, a po potrebi promijenite lokaciju slojeva na slojnu ploču. Imat ću na Twitter sliku odozgo.

    Tada se neprozirnost slojeva stavljamo slikama natrag na sto posto.

    A sada, pređimo na stvaranje glatka tranzicija Između fotografija, u ovom primjeru napravit ćemo ga pomoću slojske maske i upotrebe crno-bijelog gradijenta.

    Dodajemo sloj maske na sloj s gornjom fotografijom klikom na odgovarajuću ikonu na dnu palete, dok se boje u paleti boja automatski mijenjaju u crno osnovnu boju i bijelu pozadinu, ikonu maske na Odgovarajući sloj pojavit će se na slojnom ploči. Zatim otvorite alat gradijent u instrumentalnoj paleti. U gornjem lijevom uglu prozora Photoshopa kliknite trokut za otvaranje palete gradijenta i odaberite prvo ime imena "iz glavne boje do pozadine". Zatim izvršimo liniju iz jednog vodiča na drugu u smjeru naznačenom na slici.

    Da bi gradijentna linija potrošila strogo vodoravno (ili, za druge slučajeve, strogo vertikalno), treba čuvati ključ za smjenu.

    Kao rezultat toga, dobivamo gladak prijelaz na transparentnost desne ivice gornje slike, što daje učinak glatke tranzicije između dvije fotografije.
    Na ikoni maske na ploči slojeva vidjet ćemo sljedeće promjene, crne pokazuje potpunu transparentnost i bijelu, naprotiv, naprotiv, potpunu neprozirnost slike na koju se primjenjuje sloj maske.

    Evo, zapravo i sve, zadatak je završen!

    Danas ću vam pokazati kako napraviti gladak prijelaz između dvije fotografije.

    Napravio sam sliku unaprijed i ovaj rezultat sam dobio:

    Da biste dobili takvu sliku, uzet ću dvije fotografije koje ću se povezati.

    uzeo sam prekrasna pozadina Uz more i fotografiju djevojke koja se fotografira protiv pozadine sumorne stabla bez lišća.

    Pa da ustanemo - učiniću glatka tranzicija cvijeta A za to ću obavljati sljedeće korake:

    Korak 1

    Otvaram svoje fotografije u Photoshopu i sa alatom Pomaknuti se Povlačenjem fotografije djevojke na fotografiji sa morskom pozadinom.

    Fotografija djevojke koju želim malo smanjiti i za to zovem Besplatna transformacija Pritiskom na tipku za tastaturu Ctrl+ T..

    Okvir koji se pojavio oko fotografije s djevojkom ima čvorove za koje možete povući i smanjiti veličinu fotografije, dok morate držati tipku Smjena., U proporcije slike nisu izobličeni.

    Korak 2.

    Sada se okrećem u paletu Slojevi i biti na sloju sa djevojkom kliknite na ikonu koja se zove Dodajte vektorsku masku.

    Kao što vidimo u paleti Slojevi Na slojskom masku formirana je na sloju sa djevojkom, koja je istaknuta okvirom, što ukazuje da je maska \u200b\u200baktivna i sav rad koji ću obavljati, on je na sloju.

    Na gornja pločagde su sve postavke alata Gradijent Kliknem na strelicaSmješten pored ikone alata, a u pojavinom prozoru sa gradijentima koje biram radijalni gradijent koji prolazi ot. crna do prozirnog.

    Sada provodim gradijentne linije, a da ne dođem do figure djevojke, kao što je naznačeno na slici (možda imate više uputa). Prilikom provođenja gradijentne linije pozadina nesmetano nestaje.

    Trebalo mi je dva do tri puta za potrošnju gradijentne linije za svaki smjer naveden na slici da bi se postigao rezultat koji vidite dolje na slici.

    Korak 4.

    Međutim, možemo primijetiti da je sa nestankom pozadine koji pripada fotografiji djevojke, sama je slika djevojke također promijenila, jer je na nekim mjestima postala prozirna.

    Ali ovo je vrlo jednostavno.

    Biti na masku sloja, uzimam meko kolo četkica bijela boja I crtajući ovu četku u djevojci.

    Bijela četkica obnavlja sve izgubljene dijelove djevojčice slike.

    I želimo da se sjećate da uvijek možete razgovarati sa temama Photoshop, na Photoshop Forumu i pronaći odgovore na mnoga vaša pitanja.

    To se dogodilo kao rezultat:

    Povezao sam dvije fotografije zajedno sa glatkom prelazom.

    Nadam se da sam objasnio jasno kako napraviti gladak prijelaz Između dvije fotografije - kao što vidite, prilično je jednostavno.

    Takođe vas savetuje da vidite moju prethodnu lekciju Valentics u Photoshopu, u kojem postoji puno zanimljivih stvari.

    Želim vam daljnji uspjeh u savladavanju Photoshopa!

    Sa tobom je bila Galina Sokolova.

    1 glasanje

    Dobar dan, dragi čitaoci. Danas sam odlučio dokazati vam da u praksi naučite teoriju. Čak i ako ste novi, onda doslovno na sat možete postići dobar rezultat. Ne razumijevanje u Photoshopu! Gledajte, ova je slika kreirana isključivo zbog gradijenata. Primjenjuju se na različite elemente i u raznim varijacijama.

    Ako pročitate ovaj članak na kraju, ne samo da naučite kako napraviti glatku tranziciju boja u Photoshopu, ali i primijeniti ta znanja u praksi u odnosu na tekst, Slika, stvorite prekrasne dijamante i još mnogo toga.

    Već sam uradio ovu sliku. Ako želite, tada se možete stvoriti potpuno isto, a možda i još bolje, ali ću vas naučiti za još jedan primjer. Šta? Naučite na kraju članka. Nacrtat ću se zajedno s vama i paralelno da opišem proces, ja još uvijek ne znam šta ću uspjeti. Zahvaljujući tome, vidim sa kojim problemima možete naići i pomoći da ih riješite.

    Osnovna znanja i jedna tajna je uvijek pobjednička opcija.

    Dakle, prvo moramo otvoriti Photoshop. Toplo mi preporučujem da preuzmete ovaj program ( ovdje možete kupiti licenciranu verziju. ). Nikad je nećete naći bolje. Ako se plašite da ne savladavate i ne trošite novac uzalud, iako zaboravite na program nakon prvog pokušaja koji možete pokušati internet servis https://editor.0lik.ru/ . Mnogo je pogodnije imati svoj prog i vrlo brzo ćete shvatiti zašto.

    Ovako izgleda verzija 2015 Photoshop, ako imate još jedno izdanje, ne brinite. Sve će biti približno isto. Imate malo manje prilika i to je jedina razlika.

    Stvoriti novi dokument.

    Odaberite veličinu za mene jedno od najtežih pitanja. Kao osnovu uzeo sam maksimalne veličine slike za post u društvene mreže. 800x500, ali, kao što razumijete, to nije suština. Sve ovisi o ciljevima i zadacima koje ćete nastupiti pomoću Photoshopa.

    Pogledajte, na panelu s desne strane postoje svi glavni gumbi, uključujući gradijent. Međutim, sada nije pronađen. Kako to? Ja sam se suočio s ovim problemom kada sam počeo učiti da radim sa Photoshopom. Pročitali ste članak, a polovina informacija mora tražiti izvore treće strane. Google, Google, Google.

    Da, oprostit ću mi vrlo pametan čitatelj, koji on sakrive savršeno zna za male povlačenja od teme. Želim raditi na svojim satima svi su bili posjetitelji blogova. Možda će vam jednom i za vas biti vrlo korisno. Spremite gomilu vremena.

    U donjem desnom uglu gotovo svakog gumba, osim povećanog stakla, postoji nešto poput strelice. Ovo sugeriše da se u gumbu skriva nekoliko alata.

    Držite nekoliko sekundi lijevo dugme Miš na gumbu za otvaranje dodatni meni I odaberite gradijent.

    Još jedan opcionalni meni otvoren je na vrhu. Koristi se isključivo za gradijente. Brzi na tekstu - poseban tekst teksta otvorit će se na vrhu vrha, a ... Pa, shvatili ste.

    Kliknite na strelicu pored ikone u boji. Čuvajte standardne prijelaze ili preuzeli pohranjeni ste.

    Ako sebe ne smatrate genijalnim dizajnom, preporučujem vam preuzmi s Interneta besplatni predlošci. Puni su. Prvo, štedi vrijeme, i drugo, nekoliko sličnih opcija obično se kombinira u temu kreiranu u jednom stilu. Takav bez problema može se primijeniti na jednu sliku i gotovo će uvijek izgledati dobro.

    Instalirajte nove predloške - nije problem. Preuzimate ih sa interneta. Zatim odaberite maticu u gornjem desnom uglu i pronađite vezu "Pošaljite ...".

    Odaberite mapu s preuzetim datotekama na računaru i uštedite.

    Oni će dodati dolje popis.

    Ispuniti

    Sad naučite kako da ispunite. Odabrali ste bilo koju opciju koja vam se sviđa (idemo na stvaranje malo kasnije) i klikni na njega. Na bilo kojem mjestu stezali ste lijevu tipku miša i vodi u bilo kojem smjeru. To ovisi o lokaciji tranzicije u boji.

    Pogledajte razliku.

    Možete se spustiti bilo gdje.

    Da bi kretanje vaše linije, nije pomaknut, a gradijent nije prekinuo gumb za pomak dok postavlja smjer.

    Pogledajte, prelazak boja sada se vrši u centru. Razmotrit ćemo postavke detaljnije prilikom stvaranja vlastitog gradijenta. Sada ću reći samo o raseljavanju Centra. Kliknite na ovaj osip.

    Zgrabimo lijevu tipku miša na dnu i mi ga dodjeljujemo lijevo ili desno.

    To sam na kraju učinio.

    Kako primijeniti gradijent u tekst kako bi se slova izgledala moderna

    Sad da napišemo nešto. Odaberite odgovarajuće dugme.

    Ako trebate promijeniti veličinu ili sam font, obratite pažnju na ploču na vrhu ekrana. Tamo je sve jednostavno.

    Sada pritisnite Ctrl i istovremeno kliknite na ikonu novog tekstualnog sloja. Budite oprezni, kliknite ne trebate poslati tekst, ali na pravokutniku, kao što je prikazano u snimku zaslona u nastavku.

    Sada stvorite novi sloj. Postoje tri opcije za rješavanje problema: Stezaljka istovremeno Shift, Ctrl, N; Koristimo ploču odozgo, mi nađemo "sloj - novo - stvori"; Upotrijebite tipku u brzom izborniku s desne strane. Na donjoj slici, pokazao sam ga strelicom.

    Sada, da biste uklonili pozadinsko osvetljenje na ivicama slova, možete se pogubiti na odabiru, a zatim kliknite na bilo koji deo slike. Isključuje se takav rezultat.

    Na ovome, rad s tekstom ne završava. Vidite, imamo 2 sloja sa vama: jedan sa gradijentom, a drugi sa slovima. Zašto se tamo dogodilo? Objasnit ću kako mogu. Pišite u komentarima, ako ne i razumljivi. Pisali ste tekst. Photoshop je shvatio da je slova, a čak vam se ponudi da ih povećate, smanjite, promijenite font i tako dalje.

    Tada ste dodijelili ovaj fragment. Napravio je novi sloj ako mi postavite analogiju, izrežite šablon iz papira i izlili ga. U tom trenutku Photoshop je izgubljen. Prestao je pomerati tvoja pisma. Za njega je ovo samo dio nekih slika poput romba, kvadrata ili kruga u centru za rezanje. Ako dođete na posao sa slovima na sloju, nećete raditi ako želite primijeniti gradijent u tekst - isto.

    Ako želite premjestiti tekst negdje i sad se popnete u odgovarajući odjeljak, a zatim ćete početi pomerati strelicu, onda ćete sve pojesti.

    S uklanjamo tekstualni sloj tako da se ne zbunimo. Kliknite na desnom tipkom miša kliknite i odaberite željenu opciju.

    Vrste gradijenta, figure za popunjavanje i stvaranje zvjezdica

    Ako ste skrenuli pažnju na gradijentnu ploču odozgo, mogli su ustanoviti da su različite: linearno, radijalno, kutno, ogledalo ili dijamant. Nije teško vidjeti razliku, jer za to nije potrebno čitati članke, samo otvorite prazan list i pokušajte primijeniti jedno ili drugo. Pogledajte šta se dogodilo.

    Jedino što vrijedi napomenuti je: Ako želite vidjeti savršen rezultat, kao na mojoj slici, strelica treba biti usmjerena iz centra.

    Vratimo se na našu sliku. Dopustite da vas naučim zanimljivim prijemom. Prelazi u boji mogu se koristiti unutar oblika koje crtate. Vrlo je korisno, posebno za one koji će stvoriti mjesta.

    Dakle, odaberite pravokutnik ili krug. Nije bitno.

    Sada je boja punjenja.

    Idite u gradijentni odjel.

    Ovdje nam treba romb.

    Vidite, ispostavilo se zanimljiv efekat, to je samo bijela boja plijen. Treba prozirna. Možete pronaći unutar predložaka. Ako vidite ovu rešetku unutar predloška, \u200b\u200bonda je to potrebno.

    Igrajte se sa postavkama i imat ćete svoju idealnu opciju.

    Sada preklinjemo ovu blic. Odaberite kretanje. Samo kliknite na dugme.

    A sada izliječite alt i povucite duplikat sa strane.

    Dobio sam ovaj rezultat.

    Napravite novi gradijent i tipke za web lokacije

    Pa, na kraju, reći ću vam kako stvoriti gradijente od ogrebotina, i istovremeno ćemo to shvatiti u njihovim postavkama. Stvorimo prekrasno dugme? Dodat ću pravokutnik sa zaobljenim ivicama na vašu sliku.

    Tako to izgleda. U ovom trenutku nećemo koristiti unutrašnju popunu. Kroz njega nije previše zgodno za rad sa novim predloškama. Neka bude samo crna.

    Odaberite poznati alat i kliknite na šok.

    Novi gradijenti nastaju na osnovu starog. Kliknite na bilo koji. Stara verzija neće nesto nestati nigdje. Zatim samo pomislite na njega novo ime i uštedite.

    Uz pomoć vrha kontrolne točke Možete kontrolirati nivo transparentnosti.

    Uz pomoć donjeg rada s bojom. Tako da možete proširiti Gamut kliknite pored bilo koje točke i dupliciran je.

    Možete stvoriti onoliko koliko želite.

    Tako da je tranzicija izgledala moderno treba izglađivati \u200b\u200bboje. Ne dirajte ovaj indikator i sve će biti u redu. Mora biti 100%. Spremni. Možete pogubiti "OK" ili "sačuvati" - sve ovisi o vašoj želji.

    Sada ponavljamo ono što smo već učinili nedavno s tekstom. Clesh Ctrl, pokuljaj duž gumba željenog stila u sredini i stvori novu na osnovu njega.

    Sada dodajte tranziciju i VUA-LA.

    Dodajte tekst na gumb i to je to. Nije jasno zašto je željena stvar završena. Uzgred, možete preuzeti moj izvor ako želite ( Preuzmite izvorni gradient.psd. ). Može se otvoriti u Photoshopu i poboljšati moju sliku. Mislim da neće biti teško.

    To je to. Sada znate prilično puno o gradijentima. Ako ste dizajner, majstor, kreator stranice ili želi da postanu, a ova lekcija vam je zaista korisna - pretplatite se na bilten i saznajte više o tome što vas zanima. Možete obratiti pažnju i na ovu stranicu: https://photoshop-master.org/disc149/ . Ovdje možete pronaći oblak i plaćenih i besplatnih kurseva koji će vas naučiti stvarnim, profesionalnim radom sa Photoshopom.

    Sretno novim sastancima.