Ako urobiť hladký prechod na Photoshop? Pozadie: gradient (); CSS. Hladký prechod z jednej farby na iný Ako urobiť hladký prechod vo Photoshope

Vytvorenie koláže nie je len kombináciou niekoľkých fotografií v jednom. Správne koláž ukazuje autorovi autorovi, a tiež demonštruje svoju schopnosť krásne a kompetentne umiestniť fotografie tak, aby to vyzerá štýlové a atraktívne. Koláž je úspešná a viditeľná, v ktorej medzi fotografiami nie sú žiadne výrazné hranice - namiesto tejto fotografie, ako to bolo, prúdi do seba. Tento efekt možno dosiahnuť vykonaním nekomplikovaných operácií Adobe Photoshop..

Budete potrebovať

Výučba

  • Otvorte dve fotografie rovnaká veľkosťChcete sa spojiť do koláže.
  • Stlačte tlačidlo V na aktiváciu nástroja presunu a presuňte jednu fotografiu na druhú tak, aby sa ukázali ako v jednom okne v dvoch rôznych vrstvách.
  • Vyberte v zozname z dvoch vrstiev hornej časti a potom pridajte do nej vektorovú masku (pridajte masku vrstvu).
  • V blízkosti piktogramu fotografie v reťazci vrstvy sa objaví biela štvorcová maska \u200b\u200bpiktogram. Kliknutím naň aktivujte vrstvu. Piktogram sa obklopuje čiernym rámom, ktorý ukazuje jeho aktivitu.
  • Na paneli s nástrojmi vyberte gradient a zadajte smer gradientu kontrolou čiary z dolného pravýho uhla do pravého horného rohu. Všimnite si, ako sa jeden z obrázkov začne prejaviť prostredníctvom druhého, kde ste vykonali uhlový gradient.
  • Experiment a zmeňte dĺžku a šírku gradientu, kým nie je splnený výsledok, a obrazy nebudú hladko a krásne prúdiť do seba na mieste, kde chcete vidieť prechod.
  • Ak chcete dosiahnuť požadovaný účinok, použite gradient len \u200b\u200bvtedy, keď aktivovaný režim Masky vrstiev - inak, nevyjdete.
  • Vystúpte z režimu masky kliknutím na kurzor myši na piktograme fotografii vo vrstve, potom, čo je vaša koláž pripravená.
  • Kombinované vrstvy (zlúčenie vrstiev) a uložte koláž v požadovanom formáte.
  • Druhá fotografia presúvame na predtým otvorenú.

    Prečítajte si viac o fotografiách pripojenia, v ktorom si môžete prečítať.

    Potom, pomocou nástroja "Presun nástroj", zadáte umiestnenie fotografií voči sebe navzájom. Musí sa urobiť tak, aby jedna fotografia prekrývala druhú, v mieste prekrývania a bude namontovaná hladký prechod. Pre pohodlie je možné dočasne znížiť nepriehľadnosť obrázkov vo paneli Lastie, je tiež príjemné dať vodiace lišty na hranice prekrytia.

    Teraz definujeme, aký druh fotografie bude na vrchole, av prípade potreby zmeňte umiestnenie vrstiev v paneli na vrstve. Budem mať twitter obraz zhora.

    Potom sme dali opacnosť vrstiev s obrazmi späť na sto percent.

    A teraz, poďme na stvorenie hladký prechod Medzi fotografiou, v tomto príklade urobíme pomocou masky vrstiev a použitie čiernobielu a bieleho gradientu.

    Pridávame vrstvu masky do vrstvy s hornou fotografiou kliknutím na príslušnú ikonu v spodnej časti palety, zatiaľ čo farby v palete farieb sa automaticky zmenia na čiernu základnú farbu a biele pozadie, ikonu masky V paneli vrstiev sa zobrazí zodpovedajúca vrstva. Potom otvorte nástroj gradient v inštrumentálnej palete. V ľavom hornom rohu pracovného okna Photoshop kliknite na trojuholník na otvorenie palety gradientu a vyberte prvé meno názvu "z hlavnej farby na pozadí". Potom vykonávame riadok z jedného sprievodcu na druhý v smere uvedenom na obrázku.

    S cieľom stráviť gradientovú líniu striktne horizontálne (alebo pre iné prípady, prísne vertikálne), by sa mal držať kláves Shift.

    V dôsledku toho získame hladký prechod na transparentnosť pravého okraja horného obrazu, ktorý dáva účinok hladkého prechodu medzi dvoma fotografiami.
    Na ikonu masky na paneli vrstiev uvidíme nasledujúce zmeny, čierna zobrazuje plnú priehľadnosť a bielu, naopak, plnú opacitu obrazu, ku ktorej sa aplikuje vrstva masky.

    Tu, vlastne a všetko, úloha je dokončená!

    Dnes vám ukážem ako urobiť hladký prechod medzi dvoma fotografiami.

    Urobil som obrázok vopred a tento výsledok mám:

    S cieľom získať takýto obrázok budem mať dve fotografie, ktoré sa pripojím.

    zobral som krásne pozadie S morom a fotografiou dievčaťa, ktorý je fotografovaný na pozadí pochmúrnych stromov bez listov.

    Takže poďme - budem robiť hladký prechod kvetov A na to budem vykonávať nasledujúce kroky:

    Krok 1

    Otvorím svoje fotografie vo Photoshope a nástrojom Pohybovať sa Pretiahnutím fotku dievčaťa na fotografii s morským pozadím.

    Fotografia dievčat, ktorú chcem znížiť trochu a za to hovorím Voľná \u200b\u200btransformácia Stlačením klávesového tlačidla Cttrl+ T..

    Rám, ktorý sa objavil okolo fotografie s dievčaťom, má uzliny, pre ktoré môžete vytiahnuť a znížiť veľkosť fotografie, zatiaľ čo musíte držať kľúč Posunúť., K rozvedeniu obrazu nie sú skreslené.

    Krok 2.

    Teraz sa obrátim na paletu Vrstvy a byť na vrstve s dievčaťom, kliknite na ikonu Pridajte vektorovú masku.

    Ako vidíme v palete Vrstvy Maska vrstvy bola vytvorená na vrstve s dievčaťom, ktorá je zvýraznená rámom, ktorý označuje, že maska \u200b\u200bje aktívna a všetka práca, ktorú budem vykonávať, bude držaná, na vrstve-maske.

    Na horný panelKde sú všetky nastavenia nástroja Gradient Kliknite na tlačidlo ŠípkaNachádza sa vedľa ikony nástrojov a v zobrazenom okne s gradientmi radiálny gradient ktorý prechádza OT. čierna až transparentná.

    Teraz trávim gradientové linky bez dosiahnutia postavy dievčaťa, ako je uvedené na obrázku (môžete mať viac smerov). Pri vykonávaní gradientovej čiary, pozadie hladko zmizne.

    Potreboval som dva až trikrát, aby som strávil gradientový riadok pre každý z pokynov uvedených v obraze, aby ste dosiahli výsledok, ktorý vidíte nižšie na obrázku.

    Krok 4.

    Avšak, môžeme si však všimnúť, že s zmiznutím pozadia patriace k fotografii dievčaťa sa zmenil samotný obraz dievčat, pretože na niektorých miestach sa stal priesvitný.

    Ale toto je veľmi jednoduché.

    Byť na vrstve masky, robím mäkké kolo kefa biela farba A kreslenie tejto kefy v dievčati.

    Biela kefa obnovuje všetky stratené časti obrázku dievčaťa.

    A my tiež chceme, aby ste si spomenuli, že môžete vždy hovoriť s tém Photoshop, na fóre Photoshop a nájsť odpovede na mnohé z vašich otázok.

    To je to, čo sa stalo ako výsledok:

    Pripojil som dve fotky spolu s hladkým prechodom.

    Dúfam, že som jasne vysvetlil ako vytvoriť hladký prechod Medzi dvoma fotografiami - ako vidíte, je to celkom jednoduché.

    Tiež odporúčame, aby ste videli moju predchádzajúcu lekciu Valentík vo Photoshope, v ktorom je veľa zaujímavých vecí.

    Želám vám ďalší úspech v Mastering Photoshop!

    S tebou bola Galina Sokolová.

    1 hlasovanie

    Dobrý deň, drahí čitatelia. Dnes som sa rozhodol dokázať vám, učiť sa teóriu najlepšie v praxi. Aj keď ste nový, potom doslova za hodinu môžete dosiahnuť dobrý výsledok. Pozri, tento obrázok je vytvorený výlučne kvôli gradientom. Aplikujú sa na rôzne prvky a rôzne variácie.

    Ak ste si prečítali tento článok na koniec, nielen sa naučíte, ako urobiť hladký prechod farby vo Photoshope, ale aj aplikovať tieto vedomosti v praxi vo vzťahu k textu, postavu, vytvoriť krásne blikajúce diamanty a oveľa viac.

    Už som to urobil. Ak chcete, potom si môžete vytvoriť presne presne to isté, a možno ešte lepšie, ale naučím sa vás za iný príklad. Čo? Na konci článku. Budem sa s vami a paralelne opísať proces, ja sám som ešte neviem, čo budem úspešní. Vďaka tomu vidím, s akými problémami sa môžete stretnúť a pomôcť ich vyriešiť.

    Základné znalosti a jedno tajomstvo sú vždy víťaznou možnosťou.

    Takže, najprv musíme otvoriť Photoshop. Vrelo odporúčam stiahnuť tento program ( môžete si kúpiť licencovanú verziu. ). Nikdy ju nenájdete lepšiu. Ak sa bojíte, že nie ste zvládnuť a stráviť peniaze zbytočne, aj keď zabudnete na program po prvom pokuse, môžete vyskúšať služba online https://editor.0lik.ru/ . Je oveľa pohodlnejšie mať svoj vlastný prog a čoskoro pochopíte prečo.

    To je to, akú verziu 2015 Photoshop vyzerá, ak máte iné vydanie, nebojte sa. Všetko bude približne rovnaké. Máte trochu menej príležitostí a toto je jediný rozdiel.

    Vytvárať nový dokument.

    Vyberte veľkosť pre mňa jednu z najťažších otázok. Ako základ, som si vzal maximálne veľkosti obrazu pre príspevok v sociálne siete. 800x500, ale ako rozumiete, nie je to podstata. To všetko závisí od cieľov a úloh, ktoré budete vykonávať pomocou Photoshopu.

    Pozri, v paneli na pravej strane sú všetky hlavné tlačidlá, vrátane gradientu. Teraz sa však nenašlo. Ako to? Ja sám čelil tomuto problému, keď som sa začal učiť pracovať s Photoshopom. Čítali ste článok a polovica informácií musí hľadať zdroje tretích strán. Google, Google, Google.

    Áno, odpustím mi veľmi inteligentný čitateľ, ktorý si dokonale pozná pre malé ústupy z témy. Chcem pracovať na mojich lekciách boli všetci návštevníci blogu. Možno raz a pre vás to bude veľmi užitočné. Uložte veľa času.

    V pravom dolnom rohu takmer každého tlačidla, okrem zväčšovacieho skla, je tu niečo ako šípka. To naznačuje, že v tlačidle sú skryté niekoľko nástrojov.

    Držte niekoľko sekúnd Ľavé tlačidlo Myš na tlačidlo otvoriť extra menu A vyberte gradient.

    Na vrchole sa otvorila ešte jedna voliteľná ponuka. Používa sa výlučne pre gradienty. Rýchle na texte - Špeciálny text textu sa otvorí na vrchole vrcholu a ... No, pochopili ste.

    Kliknite na šípku vedľa ikony farieb. Ukladajte štandardné prechody alebo prevzaté.

    Ak sa nepovažujete za dizajn Genius, potom odporúčam stiahnuť z internetu voľné šablóny. Sú plné. Po prvé, šetrí čas, a po druhé, niekoľko podobných možností sa zvyčajne kombinuje do témy vytvorenej v jednom štýle. Takéto problémy sa môžu aplikovať na jeden obraz a takmer vždy vyzerá dobre.

    Nainštalujte nové šablóny - nie je problém. Stiahnete ich z internetu. Potom vyberte maticu v pravom hornom rohu a nájdite odkaz "Upload ...".

    Vyberte priečinok s prevzatými súbormi v počítači a uložte.

    Pridávajú zoznam nadol.

    Vyplniť

    Teraz sa dozviete, ako vyplniť. Vyberiete si ľubovoľnú možnosť, ktorú chcete (pôjdeme na vytvorenie o niečo neskôr) a kliknite naň. Na akomkoľvek mieste, upnite ľavé tlačidlo myši a olovo v ľubovoľnom smere. Záleží na umiestnení prechodu farieb.

    Pozrite sa na rozdiel.

    Môžete točiť kdekoľvek.

    Ak chcete, aby sa pohyb vašej línie, nie je posunutý a gradient neporušil tlačidlo posunu pri nastavení smeru.

    Pozri, prechod farieb sa teraz vykonáva v centre. Pri vytváraní vlastného gradientu budeme podrobnejšie zvážiť nastavenia. Teraz poviem len o posunu strediska. Kliknite na túto vyrážku.

    Uchopíme ľavé tlačidlo myši na dne a priradíme ho doľava alebo doprava.

    To som nakoniec urobil.

    Ako aplikovať gradient na text, aby sa listy vyzerali moderné

    Teraz napíšeme niečo. Vyberte príslušné tlačidlo.

    Ak potrebujete zmeniť veľkosť alebo samotnú písmo, venovať pozornosť panelu v hornej časti obrazovky. Všetko je tam jednoduché.

    Teraz stlačte kláves CTRL a súčasne kliknite na ikonu novej textovej vrstvy. Buďte opatrní, kliknite na tlačidlo Nemusíte text, ale na obdĺžniku, ako je znázornené na obrázku nižšie.

    Teraz vytvorte novú vrstvu. Existujú tri možnosti na riešenie problému: Svorka súčasne posunu, Ctrl, N; Používame panel zhora, nájdeme tam "vrstvu - nová - vytvoriť"; Pomocou tlačidla v rýchlom menu vpravo. Na obrázku nižšie som to ukázal šípku.

    Teraz, na odstránenie podsvietenia na okrajoch písmen, môžete poke na výber a potom kliknite na ľubovoľnú časť obrázka. Ukazuje sa na takýto výsledok.

    Na tomto, práca s textom neskončí. Pozri, máme s vami 2 vrstvy: jeden s gradientom a druhá s písmenami. Prečo sa tam stalo? Vysvetlím, ako môžem. Napíšte v komentároch, ak nie je pochopiteľné. Napísali ste text. Photoshop si uvedomil, že sú to písmená a dokonca vám ponúkol, aby ste ich zvýšili, zmenšili, zmeňte písmo a tak ďalej.

    Potom ste tento fragment pridelil. Vytvoril novú vrstvu, ak predstavujete analógiu, odrežte šablónu z papiera a nalial ju. V tom okamihu bol Photoshop stratený. Prestal presunúť svoje listy. Pre neho je to len časť niektorých obrázkov ako rhombus, štvorcový alebo kruh v cut-off centre. Ak prídete do práce s písmenami na vrstve, nebudete pracovať, ak chcete aplikovať gradient na text - to isté.

    Ak chcete zmeniť text niekde teraz a vystúpite do príslušnej sekcie a potom sa začnete pohybovať šípku, potom budete jesť všetko.

    Odstránime textovú vrstvu tak, aby sme sa nezmenili. Kliknite na IT kliknite pravým tlačidlom myši a vyberte požadovanú možnosť.

    Typy gradientu, vyplňte čísla a vytvorenie hviezdičiek

    Ak ste upozornili na panel gradientu zhora, mohli zistiť, že sú odlišné: lineárne, radiálne, uhlové, zrkadlo alebo diamant. Nie je ťažké vidieť rozdiel, pretože to nie je potrebné čítať články, stačí otvoriť prázdny list a pokúsiť sa použiť jeden alebo druhý. Vidieť, čo sa stalo.

    Jediná vec, ktorá stojí za zmienku, je: ak chcete vidieť dokonalý výsledok, ako je v mojom obrázku, šípka by mala byť nasmerovaná z centra.

    Teraz sa vráťme k nášmu obrázku. Dovoľte mi, aby som vás naučil jednu zaujímavú recepciu. Prechody farieb možno použiť vo foriem tvarov, ktoré kreslíte. Je to veľmi užitočné, najmä pre tých, ktorí sa vytvoria stránky.

    Takže si vyberte obdĺžnik alebo kruh. Nezáleží na tom.

    Teraz farbu výplne.

    Prejdite do sekcie gradientu.

    Potrebujeme rhombus.

    Vidíte, ukázalo sa, že je to zaujímavý efekt, to je len biela farebná korisť. Potrebujú transparentný. Môžete nájsť vnútri šablón. Ak vidíte túto mriežku vo vnútri šablóny, potom to potrebujeme.

    Prehrať s nastaveniami a budete mať svoju ideálnu možnosť.

    Teraz poďme klonovať tento blesk. Vyberte si pohyb. Stačí kliknúť na tlačidlo.

    A teraz liečiť alt a ťahajte duplicitné na boku.

    Dostal som tento výsledok.

    Vytvorte nový gradient a tlačidlá pre stránky

    Nuž, nakoniec vám poviem, ako vytvoriť gradienty od nuly, a zároveň to vymyslíme v ich nastaveniach. Vytvorme si krásne tlačidlo? Pridám obdĺžnik s okrúhlymi hranami na váš obrázok.

    Tak to vyzerá. V tomto čase nebudeme používať vnútornú výplň. Prostredníctvom neho nie je príliš vhodná na prácu s novou šablónou. Nech je to len čierna.

    Vyberte si známy nástroj a kliknite na šok.

    Nové gradienty sú vytvorené na základe starého. Kliknite na ľubovoľné. Stará verzia nikde nezmizne. Potom si na neho myslíte na nový názov a ušetrite.

    S pomocou vrcholu kontrolné body Môžete kontrolovať úrovne transparentnosti.

    S pomocou nižšej práce s farbou. Aby ste mohli rozšíriť gamatu, kliknite vedľa ľubovoľného bodu a je duplicitné.

    Môžete vytvoriť toľko, koľko chcete.

    Takže, že prechod vyzeral moderne, by mali byť vyhladené farby. Nedotýkajte sa tohto indikátora a všetko bude v poriadku. Musí to byť 100%. Pripravený. Môžete poke na "ok" alebo "uložiť" - to všetko závisí od vašej túžby.

    Teraz opakujeme, čo sme už nedávno urobili s textom. Cleash Ctrl, poke pozdĺž tlačidla požadovaného štýlu v strede a vytvoriť nový na základe toho.

    Teraz pridajte prechod a VUA-LA.

    Pridajte text do tlačidla a to je všetko. Nie je jasné, prečo je požadovaná vec dokončená. Mimochodom, môžete si stiahnuť svoj zdroj, ak chcete ( Stiahnite si zdroj gradient.psd. ). Môže byť otvorený vo Photoshope a zlepšiť môj obrázok. Myslím, že to nebude ťažké.

    To je všetko. Teraz o gradientoch viete dosť veľa. Ak ste návrhár, majsterger, tvorca stránky alebo chcú, aby sa stali, a táto lekcia bola pre vás naozaj užitočná - prihlásiť sa k newsletteru a dozviete sa viac o tom, čo vás zaujíma. Môžete tiež venovať pozornosť tejto stránke: https://photoshop-master.org/disc149/ . Tu nájdete oblak platených aj voľných kurzov, ktoré vás naučia skutočnú, profesionálnu prácu s Photoshopom.

    Veľa šťastia nových stretnutí.