Hur man snabbt gör en mjuk färgövergång i Photoshop - en detaljerad steg-för-steg-instruktion. Skapa mjuka övergångar mellan bilder

Att skapa ett collage är inte bara att kombinera flera foton till ett. Rätt collage visar författarens skicklighet och visar också hans förmåga att vackert och kompetent arrangera foton så att det ser snyggt och attraktivt ut. Ett collage kommer att bli framgångsrikt och märkbart, där det inte finns några märkbara gränser mellan bilderna - istället verkar bilderna flyta in i varandra. Denna effekt kan uppnås genom att utföra enkla operationer i Adobe Photoshop.

Du kommer behöva

  • - Adobe Photoshop programvara

Instruktion

  • Öppna två foton av ungefär samma storlek som du vill kombinera till ett collage.
  • Tryck på V-tangenten för att aktivera flyttverktyget och dra ett foto till det andra så att de båda är i samma fönster på två olika lager.
  • Välj det översta från listan över de två lager som visas och lägg sedan till en vektormask (Lägg till lagermask).
  • En maskikon i form av en vit fyrkant visas bredvid fotoikonen i lagerlinjen. Klicka på den för att aktivera lagret. Ikonen kommer att ha en svart ram runt den för att indikera att den är aktiv.
  • Välj övertoningen i verktygsfältet och ange riktningen för övertoningen genom att dra en linje från det nedre högra hörnet till det övre högra hörnet. Du kommer att märka hur en av bilderna börjar synas genom den andra där du tillämpade hörngradienten.
  • Experimentera och ändra gradientens längd och bredd tills du är nöjd med resultatet, och bilderna flyter smidigt och vackert in i varandra på den plats där du vill se övergången.
  • För att uppnå önskad effekt, använd endast gradienten med lagermaskläget aktiverat - annars kommer du inte att lyckas.
  • Avsluta maskläget genom att klicka på fotoikonen i lagret med muspekaren när ditt collage är klart.
  • Slå samman lager (Merge layers) och spara kollaget i önskat format.
  • Idag ska jag visa dig hur man gör en smidig övergång mellan två bilder.

    Jag tog en bild i förväg och detta är resultatet jag fick:

    För att få en sådan bild ska jag ta två fotografier som jag ska kombinera.

    Jag tog en vacker bakgrund med havet och ett foto av en tjej, som är fotograferad mot bakgrund av dystra träd utan löv.

    Så låt oss komma igång - jag gör det mjuk övergång av färger och för det kommer jag att följa dessa steg:

    Steg 1

    Öppna mina bilder i photoshop och använda verktyget rör på sig Jag drar bilden av flickan till bilden med havsbakgrunden.

    Jag vill förminska bilden av tjejen lite och för detta ringer jag fri omvandling, genom att trycka på kortkommandot CTRL+T.

    Ramen som dök upp runt fotot med flickan har knutar som du kan dra och minska storleken på fotot medan du håller nyckeln Flytta, så att bildens proportioner inte förvrängs.

    Steg 2

    Nu går jag över till paletten Skikten och när jag är på lagret med flickan klickar jag på ikonen som kallas Lägg till vektormask.

    Som vi ser i paletten Skikten en lagermask har bildats på lagret med tjejen, som markeras med en ram, vilket indikerar att masken är aktiv och allt arbete som jag kommer att utföra kommer att utföras exakt på lagermasken.

    På den övre panelen, där alla verktygsinställningar finns Lutning jag klickar på pil, som ligger bredvid verktygsikonen och i fönstret som visas med övertoningar, väljer jag radiell gradient, som går från svart till transparent.

    Nu ritar jag gradientlinjerna utan att nå flickans figur, som visas på bilden (du kan ha fler riktningar). När du ritar en gradientlinje försvinner bakgrunden smidigt.

    Det tog mig två eller tre gånger att rita en gradientlinje i var och en av riktningarna som anges i bilden för att uppnå resultatet som du ser nedan i bilden.

    Steg 4

    Men vi kan märka att med försvinnandet av bakgrunden som hör till fotografiet av flickan har bilden av flickan i sig också förändrats något, eftersom den på vissa ställen har blivit genomskinlig.

    Men det här är väldigt enkelt att fixa.

    Medan jag är på lagermasken tar jag en mjuk runda borsta vit färg och måla med den här penseln på tjejen.

    Den vita borsten återställer alla förlorade delar av flickans bild.

    Och vi vill också påminna dig om att du alltid kan chatta om Photoshop-ämnen på Photoshop-forumet och hitta svar på många av dina frågor.

    Här är resultatet:

    Jag blandade ihop de två fotona med en mjuk övergång.

    Jag hoppas att jag förklarade tydligt hur man gör en smidig övergång mellan två bilder - som du kan se är det ganska enkelt.

    Jag råder dig också att titta på min tidigare lektion Valentina i Photoshop, som har många intressanta saker.

    Jag önskar dig fortsatt framgång med att bemästra Photoshop!

    Galina Sokolova var med dig.

    En serie meddelanden "learning = ":
    Del 1 - Smidig övergång i Photoshop. Detaljerad lektion.

    Originalinlägg och kommentarer om

    I den här artikeln kommer vi att titta på populära metoder för mjuka övergångar mellan bilder.

    Sådana övergångar är nödvändiga när du gör komplexa collage eller vill arrangera flera bilder vackert i en.

    Av alla alternativen nedan: mjukt suddgummi, mjuka penslar och gradient, den bästa metoden är gradienten. Det är han som skapar en förstklassig övergång, utan att förlora kvaliteten på originalbilderna. Se själv: med ett suddgummi målar vi över pixlar, men vad är garantin för att du kommer att kunna måla över allt perfekt? Naturligtvis kan du spendera en hel dag i Photoshop och radera pixel för pixel. Men, jag tror, ​​"spelet är inte värt ljuset", eftersom vi strävar efter att inte spendera mycket tid på vissa operationer och göra allt snabbt.

    Ett mjukt suddgummi och en borste är bra för att få ut kanterna så att de två fotona smälter ihop bra och inte ser främmande ut på grund av de hårda kanterna.

    Låt oss nu ta en närmare titt:

    Mjukt suddgummi

    Eftersom suddgummiverktyget kan användas med penselalternativ, med hjälp av mjuk borste du kan radera en del av en bild så att en annan bild är synlig, placerad på ett lager nedanför. Med denna teknik kan du uppnå önskat resultat, men det är lika oåterkalleligt som - om du ändrar dig och bestämmer dig för att koppla ihop bilderna på ett annat sätt måste du börja om från början.

    När du har placerat båda bilderna som du vill slå samman till ett dokument (var och en på ett separat lager), gör du följande:

    1. Dra bilden som du vill delvis radera till toppen av lagerpaletten.

    Notera

    Innan du raderar är det en bra idé att göra en dubblett av lagret du ska arbeta med ifall du inte gillar resultatet (tryck på Ctrl+J för att göra detta). För att förhindra att det nya lagret stör dig kan du stänga av dess synlighet (och aktivera det igen om det behövs).

    2. Välj radergummi genom att trycka på E-tangenten och ställ in den på borstläge. För att göra detta, välj Pensel i alternativfältet i listrutan Läge. Välj sedan en mjuk borste från rullgardinsmenyn för förinställningar för borstar. Se till att fälten Opacitet och Tryck är inställda på 100.

    För att göra övergången ännu smidigare, experimentera med radergummits opacitetsvärde. Genom att sänka opacitetsvärdet kan du skapa mjukare övergångar genom att flytta borsten över det önskade området, istället för att göra individuella musklick.

    3. Placera muspekaren över bilden och radera den oönskade delen. Om du gör ett misstag eller ändrar dig någon gång, använd Historikpaletten för att gå tillbaka några penseldrag, eller ångra den senaste operationen genom att trycka på tangentkombinationen Ctrl + Z.

    Mjuka borstar och lagermasker

    Ett alternativ till suddgummi är det omvända alternativet - måla en lagermask med en stor mjuk pensel. I det här fallet döljer du bara en del av bilden istället för att ta bort den.

    Låt oss säga att du vill betona hur snabbt en motorcykel går. Förstärk effekten av rörelse Du kan göra detta genom att lägga till lite rörelseoskärpa i bilden och sedan dölja en del av oskärpan med en lagermask.

    Så här skapar du snabb rörelse effekt:

    1. Öppna bilden och skapa en dubblett av originallagret genom att trycka på tangentkombinationen Ctrl + J.

    2. Välj menykommandot Filter => Blur => Motion Blur. Med detta filter kan du skapa känslan av att föremålet rör sig väldigt snabbt. Eftersom filtret suddar hela bilden blir det svårt att se önskat objekt i den, så du måste dölja en del av det suddiga lagret genom att lägga till en lagermask. För att lägga till det, klicka på knappen med bilden av en cirkel i en rektangel längst ner på paletten.

    3. Tryck på B-tangenten för att välja penselverktyget och välj en stor mjuk borste. Ställ in svart som förgrundsfärg.

    Jag påminner dig om att i förhållande till lagermasker döljer ritning med svart vad vi behöver göra i det här fallet. Titta längst ner på verktygspanelen och om de visar svart och vitt tryck sedan på X-tangenten tills den svarta indikatorn är överst. Om andra färger är valda, ställ först in standardfärgerna genom att trycka på D-tangenten och tryck sedan på X-tangenten tills den svarta indikatorn är överst.

    6. Placera muspekaren över bilden och använd penseln för att dölja en del av det suddiga lagret.

    lutning masker

    Lägg åt sidan mjuka borstar. Skapa så mjuka övergångar som möjligt möjligt att använda gradient - mjuk, gradvis övergång från en färg till en annan. Metoder för att kombinera bilder med mjuka penslar och övertoningar liknar genom att bilderna kombineras i ett dokument och sedan läggs en lagermask till det översta lagret. Men istället för att måla masken med en svart eller vit pensel, använder du en svart-transparent eller svart-vit gradient för ett jämnt, sömlöst "flöde" från en bild till en annan.

    1. Dra bilden, som ska vara i förgrunden av kollaget, till högst upp i lagerlistan och lägg till en lagermask.

    2. Tryck på G-tangenten för att välja övertoningsverktyget. I alternativfältet klickar du på rullgardinsvalspilen. I rullgardinsmenyn väljer du svart-till-transparent övertoning och klickar på knappen för linjär övertoning i gruppen typer.

    3. I mitt exempel vill jag att Batman-logotypen till höger ska vara transparent. För att göra detta klickar jag med musknappen på logotypens kant och håller ner knappen tills jag ser ungefär mitten av logotypen. När jag släpper tangenten får jag en mjuk övergång mellan bilderna. För att förbättra kvaliteten på övergången kan du använda övertoningen om och om igen.

    När du drar ritar Photoshop en linje som representerar övergångens bredd: ju kortare linjen är (ju mindre avstånd du drar pekaren), desto smalare och hårdare blir övergången (det blir ingen tydlig ram, men du får något nära till det); ju längre linjen är, desto bredare är gradienten och desto mjukare övergång.

    Uppmärksammade ett fel i texten - välj det och tryck på Ctrl + Enter. Tack!

    Idag ska jag visa dig hur man gör en smidig övergång mellan två bilder.

    Jag tog en bild i förväg och detta är resultatet jag fick:

    För att få en sådan bild ska jag ta två fotografier som jag ska kombinera.

    Jag tog en vacker bakgrund med havet och ett foto av en tjej, som är fotograferad mot bakgrund av dystra träd utan löv.

    Så låt oss komma igång - jag gör det mjuk övergång av färger och för det kommer jag att följa dessa steg:

    Steg 1

    Öppna mina bilder i photoshop och använda verktyget rör på sig Jag drar bilden av flickan till bilden med havsbakgrunden.

    Jag vill förminska bilden av tjejen lite och för detta ringer jag fri omvandling, genom att trycka på kortkommandot CTRL+T.

    Ramen som dök upp runt fotot med flickan har knutar som du kan dra och minska storleken på fotot medan du håller nyckeln Flytta, så att bildens proportioner inte förvrängs.

    Steg 2

    Nu går jag över till paletten Skikten och när jag är på lagret med flickan klickar jag på ikonen som kallas Lägg till vektormask.

    Som vi ser i paletten Skikten en lagermask har bildats på lagret med tjejen, som markeras med en ram, vilket indikerar att masken är aktiv och allt arbete som jag kommer att utföra kommer att utföras exakt på lagermasken.

    På den övre panelen, där alla verktygsinställningar finns Lutning jag klickar på pil, som ligger bredvid verktygsikonen och i fönstret som visas med övertoningar, väljer jag radiell gradient, som går från svart till transparent.

    Nu ritar jag gradientlinjerna utan att nå flickans figur, som visas på bilden (du kan ha fler riktningar). När du ritar en gradientlinje försvinner bakgrunden smidigt.

    Det tog mig två eller tre gånger att rita en gradientlinje i var och en av riktningarna som anges i bilden för att uppnå resultatet som du ser nedan i bilden.

    Steg 4

    Men vi kan märka att med försvinnandet av bakgrunden som hör till fotografiet av flickan har bilden av flickan i sig också förändrats något, eftersom den på vissa ställen har blivit genomskinlig.

    Men det här är väldigt enkelt att fixa.

    Medan jag är på lagermasken tar jag en mjuk runda borsta vit färg och måla med den här penseln på tjejen.

    Den vita borsten återställer alla förlorade delar av flickans bild.

    Och vi vill också påminna dig om att du alltid kan chatta om Photoshop-ämnen på Photoshop-forumet och hitta svar på många av dina frågor.

    Här är resultatet:

    Jag blandade ihop de två fotona med en mjuk övergång.

    Jag hoppas att jag förklarade tydligt hur man gör en smidig övergång mellan två bilder - som du kan se är det ganska enkelt.

    Jag råder dig också att titta på min tidigare lektion Valentina i Photoshop, som har många intressanta saker.

    Jag önskar dig fortsatt framgång med att bemästra Photoshop!

    Galina Sokolova var med dig.

    1 röst

    God dag kära läsare. Idag bestämde jag mig för att bevisa för dig att inlärningsteori görs bäst i praktiken. Även om du är nybörjare kan du på bara en timme uppnå ett bra resultat utan att förstå något i Photoshop! Titta, den här bilden skapades helt och hållet tack vare gradienter. De appliceras på olika element och i en mängd olika varianter.

    Om du läser den här artikeln till slutet kommer du inte bara att lära dig hur du gör en mjuk färgövergång i Photoshop, utan också tillämpa denna kunskap i praktiken i förhållande till text, en form, skapa vackra skimrande diamanter och mycket mer.

    Jag har redan tagit den här bilden. Om du vill kan du skapa på egen hand exakt samma, eller kanske ännu bättre, men jag kommer att lära dig genom ett annat exempel. Vilken? Ta reda på det i slutet av artikeln. Jag kommer att rita med dig och beskriva processen parallellt, själv vet jag inte ännu vad jag kan göra. Tack vare detta kommer jag att kunna se vilka problem du kan stöta på och hjälpa till att lösa dem.

    Grundläggande kunskap och en hemlighet för alltid vinnande alternativ

    Så först måste vi öppna Photoshop. Jag rekommenderar starkt att du laddar ner det här programmet ( du kan köpa en licensierad version här ). Du kommer aldrig hitta bättre än henne. Om du är rädd att du inte kommer att bemästra och spendera pengar förgäves, helt glömma programmet efter det första försöket, kan du prova onlinetjänsten https://editor.0lik.ru/ . Det är mycket bekvämare att ha ett eget program, och mycket snart kommer du att förstå varför.

    Så här ser 2015 års version av Photoshop ut, om du har en annan utgåva, oroa dig inte. Allt kommer att vara ungefär likadant. Du har lite färre alternativ och detta är den enda skillnaden.

    Vi skapar ett nytt dokument.

    Att välja storlek är en av de svåraste frågorna för mig. Som grund tog jag de maximala bildstorlekarna för ett inlägg på sociala nätverk. 800x500, men som du förstår är det inte meningen. Allt beror på de mål och mål som du ska utföra med Photoshop.

    Titta, panelen till höger innehåller alla huvudknappar, inklusive gradienten. Men nu hittas den inte. Hur så? Jag själv stod inför detta problem när jag började lära mig att arbeta med Photoshop. Du läser en artikel, och hälften av informationen måste du leta efter i tredjepartskällor. Google Google Google.

    Förlåt mig, en mycket smart läsare som kan allt mycket väl för små utvikningar från ämnet. Jag vill att alla bloggbesökare ska kunna arbeta med mina lektioner. Kanske en dag kommer det att vara mycket användbart för dig. Sparar mycket tid.

    I det nedre högra hörnet av nästan varje knapp, förutom förstoringsglaset, finns det något som liknar en pil. Detta indikerar att flera verktyg är gömda i knappen.

    Håll nere vänster musknapp på knappen i några sekunder för att öppna ytterligare en meny och välj gradient.

    En annan extra meny har öppnats överst. Det gäller uteslutande för gradienter. Klicka på texten - en speciell textmeny öppnas i den övre delen, på penseln och ... ja, du förstår.

    Klicka på pilen bredvid färgikonen. Det är här standardövergångar eller de du har laddat upp lagras.

    Om du inte ser dig själv som ett designgeni, rekommenderar jag att du laddar ner gratis mallar från Internet. De är fulla. För det första sparar det tid, och för det andra kombineras vanligtvis flera liknande alternativ till ett tema skapat i samma stil. detta kan appliceras på en bild utan problem och det kommer nästan alltid att se bra ut.

    Att installera nya mallar är inget problem. Ladda ner dem från Internet, välj sedan muttern i det övre högra hörnet och hitta länken "Ladda ner ...".

    Välj mappen med de nedladdade filerna på din dator och spara.

    De kommer att läggas till längst ner i listan.

    fylla

    Låt oss nu lära oss hur man fyller. Välj vilket alternativ du vill (vi kommer att gå vidare till att skapa lite senare) och klicka på det. Håll ner vänster musknapp var som helst på skärmen och dra i valfri riktning. Det bestämmer platsen för färgövergången.

    Se skillnaden.

    Du kan vända dig var som helst.

    För att förhindra att din linje förskjuts och suddas ut, håll nere Shift-tangenten medan du ställer in riktningen.

    Du förstår, färgövergången utförs nu i mitten. Vi kommer att titta närmare på inställningarna när vi skapar vår egen gradient. Nu ska jag bara berätta om bytet av centrum. Klicka på denna tavla.

    Vi tar tag i vänster musknapp för färgen nedan och flyttar den till vänster eller höger.

    Här är vad jag slutade med.

    Hur man applicerar en gradient på text för att få bokstäverna att se moderna ut

    Nu ska vi skriva något. Välj lämplig knapp.

    Om du behöver ändra storleken eller själva teckensnittet, var uppmärksam på panelen längst upp på skärmen. Allt är enkelt där.

    Tryck nu på Ctrl och klicka samtidigt på miniatyrbilden av det nya textlagret. Var försiktig, du behöver inte klicka på texten, utan på rektangeln, som visas i skärmdumpen nedan.

    Låt oss nu skapa ett nytt lager. Det finns tre alternativ för att lösa problemet: håll nere Shift, ctrl, N samtidigt; använd panelen på toppen, hitta där "Layer - new - create"; använd knappen i snabbmenyn till höger. På bilden nedan har jag visat den med en pil.

    Nu, för att ta bort markeringen vid bokstävernas kanter, kan du klicka på markeringen och sedan klicka var som helst i bilden. Du får detta resultat.

    Detta är inte slutet på texten. Titta, vi har 2 lager: ett med en gradient och det andra med bokstäver. Varför hände det där? Jag ska förklara så gott jag kan. Skriv i kommentarerna om det inte är tydligt. Du har skrivit texten. Photoshop insåg att det här var bokstäver och erbjöd dig till och med att öka dem, minska dem, ändra teckensnitt och så vidare.

    Sedan valde du detta fragment. Vi skapade ett nytt lager, om vi ritar en analogi, skär ut en stencil från papper och fyllde den. Vid det här laget gick Photoshop vilse. Han slutade se dina brev. För honom är det bara en del av en bild, som en romb, en fyrkant eller en cirkel med ett utskuret centrum. Om du går till jobbet med bokstäverna på lagret kommer du inte att lyckas, om du vill applicera en gradient på texten - samma sak.

    Om du nu bestämmer dig för att flytta texten någonstans och du kommer in i lämplig sektion och sedan börjar flytta pilen, kommer allt att flyttas ur dig.

    Vi tar bort textlagret så att vi inte blir förvirrade. Klicka på den med höger musknapp och välj önskat alternativ.

    Gradienttyper, formfyllningar och stjärnskapande

    Om du uppmärksammar gradientstapeln högst upp kan du upptäcka att de finns i olika former: linjär, radiell, kantig, spegelbild eller diamant. Det är inte svårt att se skillnaderna, för detta är det inte nödvändigt att läsa artiklar, öppna bara ett tomt ark och försök tillämpa ett eller annat alternativ. Se vad som hände.

    Det enda värt att notera är att om du vill se det perfekta resultatet, som på min bild, måste pilen riktas från mitten.

    Nu tillbaka till vår bild. Låt mig lära dig en intressant teknik. Färgövergångar kan användas inuti formerna du ritar. Detta är väldigt användbart, speciellt för de som ska skapa webbplatser.

    Så välj en rektangel eller en cirkel. Det spelar ingen roll.

    Nu fyllningsfärgen.

    Låt oss gå vidare till gradientavsnittet.

    Vi behöver en romb här.

    Du förstår, det visade sig vara en intressant effekt, bara den vita färgen förstör allt. Du behöver transparent. Finns i mallar. Om du ser ett sådant galler inuti mallen, så är detta vad vi behöver.

    Lek med inställningarna så får du din perfekta passform.

    Låt oss nu klona den här blixten. Välj ett drag. Klicka bara på knappen.

    Håll nu ned alt och dra dubbletten åt sidan.

    Jag fick det här resultatet.

    Skapa en ny gradient och knappar för webbplatser

    Och slutligen kommer jag att berätta för dig hur du skapar gradienter från grunden själv, och samtidigt kommer vi att förstå deras inställningar. Låt oss skapa en snygg knapp, ska vi? Jag kommer att lägga till en rektangel med rundade kanter till min bild.

    Så här ser det ut. Den här gången kommer vi inte att använda den inre fyllningen. Det är inte särskilt bekvämt att arbeta med en ny mall genom den. Låt det bara vara svart för tillfället.

    Välj ett bekant verktyg och klicka på plattan.

    Nya gradienter skapas baserat på gamla. Klicka på någon. Den gamla versionen försvinner inte. Sedan är det bara att komma på ett nytt namn på den och spara den.

    De övre kontrollpunkterna styr nivåerna av transparens.

    Med hjälp av de lägre utförs arbete med färg. För att expandera gamma, klicka bredvid valfri punkt och det kommer att dupliceras.

    Du kan skapa så många du vill.

    För att få övergången att se modern ut måste du jämna ut färgerna. Rör inte denna indikator och allt kommer att ordna sig. Det måste vara 100%. Redo. Du kan klicka på "OK" eller "Spara" - allt beror på din önskan.

    Nu upprepar vi vad vi redan gjorde ganska nyligen med texten. Håll ned ctrl, klicka på knappen för önskad stil i mitten och skapa en ny baserat på den.

    Lägg nu till en övergång och voila.

    Lägg till text på knappen och det är allt. Det är inte klart varför den nödvändiga utrustningen är klar. Förresten, du kan ladda ner min källa om du vill ( Ladda ner gradient.psd-källa ). Du kan öppna den i Photoshop och förbättra min bild. Jag tror inte att det blir svårt.

    Det var allt. Nu vet du ganska mycket om gradienter. Om du är designer, layoutdesigner, webbplatsskapare eller vill bli det, och den här lektionen var verkligen användbar för dig, prenumerera på nyhetsbrevet och lär dig mer om vad som intresserar dig. Du kan också ta en titt på denna sida: https://photoshop-master.org/disc149/ . Här kan du hitta ett gäng både betalda och gratiskurser som lär dig riktigt, professionellt arbete med Photoshop.

    Lycka till och vi ses igen.