Hvordan raskt lage en jevn fargeovergang i Photoshop - en detaljert trinn-for-trinn-instruksjon. Lag jevne overganger mellom bilder

Å lage en collage handler ikke bare om å kombinere flere bilder til ett. Den riktige collagen viser forfatterens dyktighet, og demonstrerer også hans evne til å vakkert og kompetent arrangere bilder slik at det ser stilig og attraktivt ut. En collage vil være vellykket og merkbar, der det ikke er noen merkbare grenser mellom fotografiene - i stedet ser fotografiene ut til å flyte inn i hverandre. Denne effekten kan oppnås med enkle trinn i Adobe Photoshop.

Du vil trenge

  • - Adobe Photoshop-program

Bruksanvisning

  • Åpne to bilder av omtrent samme størrelse som du vil kombinere til en collage.
  • Trykk på V-tasten for å aktivere flytteverktøyet, og dra det ene bildet til det andre slik at de begge er i samme vindu på to forskjellige lag.
  • Velg det øverste fra de to lagene som dukket opp i listen, og legg deretter til en vektormaske (Legg til lagmaske).
  • Et maskeikon i form av en hvit firkant vises ved siden av miniatyrbildet i lagraden. Klikk på den for å aktivere laget. Ikonet vil være omgitt av en svart kant for å indikere at det er aktivt.
  • Fra verktøykassen velger du en gradient og angir retningen til gradienten ved å tegne en linje fra nedre høyre hjørne til øvre høyre hjørne. Du vil legge merke til hvordan ett av bildene begynner å blø gjennom det andre der du tegnet hjørnegradienten.
  • Eksperimenter og endre lengden og bredden på gradienten til du er fornøyd med resultatet og bildene flyter jevnt og vakkert inn i hverandre på stedet der du ønsker å se overgangen.
  • For å oppnå ønsket effekt, bruk gradienten bare med lagmaskemodus aktivert - ellers vil du ikke lykkes.
  • Avslutt maskemodus ved å klikke på miniatyrbildet av bildet i laget etter at collagen er klar.
  • Slå sammen lag og lagre collagen i ønsket format.
  • I dag skal jeg vise deg hvordan lage en jevn overgang mellom to bilder.

    Jeg tok et bilde på forhånd og dette er resultatet jeg fikk:

    For å få et slikt bilde skal jeg ta to bilder som jeg skal kombinere.

    Jeg tok en vakker bakgrunn med havet og et bilde av en jente som ble fotografert mot en bakgrunn av dystre trær uten blader.

    Så la oss komme i gang - det skal jeg gjøre jevn overgang av farger og for dette vil jeg følge trinnene nedenfor:

    Trinn 1

    Åpne bildene mine i Photoshop og bruke verktøyet Flytte dra jentas bilde til det marine bakgrunnsbildet.

    Jeg vil redusere bildet av jenta litt og for dette ringer jeg Gratis transformasjon ved å trykke på hurtigtasten CTRL+ T.

    Rammen som dukket opp rundt bildet med jenta har knuter som du kan trekke og redusere størrelsen på bildet, mens du må holde nede tasten Skifte, slik at proporsjonene til bildet ikke blir forvrengt.

    Steg 2

    Nå går jeg til paletten Lag og være på laget med jenta, klikk på ikonet kalt Legg til vektormaske.

    Som vi ser i paletten Lag på laget med jenta dannes det en lagmaske, som er uthevet med en ramme, som indikerer at masken er aktiv og alt arbeidet jeg skal utføre vil bli utført, nemlig på lagmasken.

    På topppanelet, der alle verktøyinnstillingene er plassert Gradient jeg klikker på pil ved siden av verktøyikonet og i gradientvinduet som vises, velger jeg radiell gradient, som går fra svart til gjennomsiktig.

    Nå tegner jeg gradientlinjene før jeg når jentas form som vist på bildet (du har kanskje flere retninger). Når du tegner en gradientlinje, tones bakgrunnen ut.

    Det tok meg to eller tre ganger å tegne en gradientlinje i hver av retningene som er angitt på bildet for å oppnå resultatet som du ser på bildet nedenfor.

    Trinn 4

    Vi kan imidlertid legge merke til at med forsvinningen av bakgrunnen som tilhører jentas fotografi, har bildet av selve jenta også endret seg noe, siden det noen steder har blitt gjennomskinnelig.

    Men det er veldig enkelt å fikse det.

    Mens jeg er på lagmasken tar jeg en myk runde børste hvit og mal med denne penselen på jenta.

    Den hvite børsten gjenoppretter alle de tapte områdene av jentas bilde.

    Og vi vil også minne deg på at du alltid kan chatte om Photoshop-emner på Photoshop-forumet og finne svar på mange av spørsmålene dine.

    Her er resultatet:

    Jeg har slått sammen de to bildene ved å bruke en blanding.

    Jeg håper jeg forklarte klart hvordan gjøre en jevn overgang mellom de to bildene - som du kan se er det ganske enkelt.

    Jeg anbefaler deg også å se på min forrige leksjon. Valentine i Photoshop, der det er mange interessante ting.

    Jeg ønsker deg fortsatt suksess med å mestre Photoshop!

    Galina Sokolova var med deg.

    En serie med "læring =" meldinger:
    Del 1 - Glatt overgang i Photoshop. Detaljert leksjon.

    Originalinnlegg og kommentarer til

    I denne artikkelen vil vi vurdere det populære metoder for jevne overganger mellom bilder.

    Slike overganger er nødvendige når du lager komplekse collager eller ønsker å vakkert arrangere flere bilder i ett.

    Av alle alternativene nedenfor, myk viskelær, myke børster og gradient, er den beste metoden gradient. Det er han som skaper førsteklasses overgang, uten å miste kvaliteten på originalbildene. Se selv: ved å bruke viskelæret maler vi over pikslene, men hvor er garantien for at du vil kunne male alt perfekt? Selvfølgelig kan du bruke en hel dag på å gjøre Photoshop på å slette piksel for piksel. Men etter min mening er "spillet ikke verdt stearinlyset", siden vi streber etter å ikke bruke mye tid på visse operasjoner og gjøre alt raskt.

    Et mykt viskelær og børste er bra for å fjære kantene slik at de to bildene blander seg godt og ikke ser fremmede ut på grunn av de harde kantene.

    La oss nå se nærmere:

    Mykt viskelær

    Siden viskelærverktøyet kan brukes med børstealternativer, ved hjelp av myk børste du kan slette deler av bildet slik at du kan se et annet bilde, som er et lag under. Ved å bruke denne teknikken kan du oppnå ønsket resultat, men det er like irreversibelt som - hvis du ombestemmer deg og bestemmer deg for å kombinere bildene på en annen måte, må du begynne på nytt.

    Når du har plassert begge bildene du vil slå sammen til ett dokument (hvert på et eget lag), følger du disse trinnene:

    1. Dra bildet du vil delvis slette med musen til toppen av lagpaletten.

    Merk

    Før du sletter, er det nyttig å duplisere laget du skal jobbe med i tilfelle du ikke liker resultatet (trykk Ctrl + J for dette). For å holde det nye laget unna, kan du slå av synligheten (og slå det på igjen, om nødvendig).

    2. Velg viskelæret ved å trykke på E-tasten og sett det til børstemodus. For å gjøre dette, på alternativlinjen, i Mode-rullegardinlisten, velg Pensel. Velg deretter en myk børste fra rullegardinlisten over forhåndsinnstillinger for børste. Sørg for at opasitet og trykk er satt til 100.

    For å gjøre overgangen enda mykere, eksperimenter med opasiteten til viskelæret. Ved å senke Opacity-verdien kan du lage jevnere overganger ved å børste over ønsket område, i stedet for å gjøre individuelle klikk.

    3. Flytt musepekeren over bildet og slett den unødvendige delen. Hvis du gjør en feil eller ombestemmer deg på et tidspunkt, bruk Historikk-paletten for å gå tilbake noen penselstrøk, eller angre den siste operasjonen ved å trykke på Ctrl + Z-tastekombinasjonen.

    Myke børster og lagmasker

    Alternativet til viskelæret er det motsatte - male lagmasken med en stor myk pensel... I dette tilfellet skjuler du bare en del av bildet i stedet for å slette det.

    La oss si at du vil understreke hvor fort motorsykkelen går. Forbedre bevegelseseffekten Du kan legge til litt bevegelsesuskarphet i bildet og deretter skjule noe av uskarpheten med en lagmaske.

    Slik lager du rask bevegelse effekt:

    1. Åpne bildet og lag et duplikat av det originale laget ved å trykke på tastekombinasjonen Ctrl + J.

    2. Velg menykommandoen Filters => Blur => Motion Blur. Med dette filteret kan du skape et inntrykk av at motivet beveger seg veldig raskt. Siden filteret gjør hele bildet uskarpt, blir det vanskelig å se ønsket objekt i det, så du må skjule en del av det uskarpe laget ved å legge til en lagmaske. For å legge det til, klikk på knappen med bildet av en sirkel i et rektangel nederst på paletten.

    3. Trykk på B-tasten for å velge børsteverktøyet og velg en stor, myk børste. Sett forgrunnsfargen til svart.

    La meg minne deg på at i forhold til lagmasker skjuler maling med svart hva vi må gjøre i dette tilfellet. Ta en titt på bunnen av verktøypanelet, og hvis de viser svart og hvitt, trykk på X-tasten til den svarte indikatoren er på toppen. Hvis andre farger er valgt, må du først angi standardfargene ved å trykke på D-tasten, og deretter trykke på X-tasten til den svarte indikatoren er øverst.

    6. Flytt musepekeren over bildet, og arbeid med en pensel, skjul en del av det uskarpe laget.

    Gradientmasker

    Sett til side de myke børstene. Skape jevnest mulig overganger du kan bruke gradient - myk, gradvis overgang fra en farge til en annen... Metoder for å kombinere bilder ved hjelp av myke børster og gradienter er like ved at bildene kombineres i ett dokument og deretter legges en lagmaske til det øverste laget. Men i stedet for å male masken med en svart eller hvit pensel, bruker du en sort-til-transparent eller svart-hvitt gradient for å jevnt og sømløst "blande" fra ett bilde til et annet.

    1. Dra bildet som skal være i forgrunnen av collagen helt til toppen av laglisten og legg til en lagmaske.

    2. Trykk på G-tasten for å velge Gradient-verktøyet. På alternativlinjen klikker du på pilen for rullegardinlisten. I rullegardinlisten velger du en sort-til-transparent gradient, og i gruppen med typer klikker du på lineær gradient-knappen.

    3. I mitt eksempel vil jeg at Batman-logoen til høyre skal være gjennomsiktig. For å gjøre dette, med museknappen, klikker jeg på kanten av logoen og holder nede tasten til visningen til omtrent midten av logoen. Ved å slippe tasten får jeg en jevn overgang mellom bilder. For å forbedre kvaliteten på overgangen kan du bruke en gradient om og om igjen.

    Når du drar, tegner Photoshop-programmet en linje som representerer bredden på overgangen: jo kortere linjen (jo kortere avstand du drar pekeren), jo smalere og hardere blir overgangen (det vil ikke være noen tydelig kant, men du får noe nær det); jo lengre linjen er, desto bredere er gradienten og jo jevnere overgangen.

    Hvis du oppdager en feil i teksten, velg den og trykk Ctrl + Enter. Takk!

    I dag skal jeg vise deg hvordan lage en jevn overgang mellom to bilder.

    Jeg tok et bilde på forhånd og dette er resultatet jeg fikk:

    For å få et slikt bilde skal jeg ta to bilder som jeg skal kombinere.

    Jeg tok en vakker bakgrunn med havet og et bilde av en jente som ble fotografert mot en bakgrunn av dystre trær uten blader.

    Så la oss komme i gang - det skal jeg gjøre jevn overgang av farger og for dette vil jeg følge trinnene nedenfor:

    Trinn 1

    Åpne bildene mine i Photoshop og bruke verktøyet Flytte dra jentas bilde til det marine bakgrunnsbildet.

    Jeg vil redusere bildet av jenta litt og for dette ringer jeg Gratis transformasjon ved å trykke på hurtigtasten CTRL+ T.

    Rammen som dukket opp rundt bildet med jenta har knuter som du kan trekke og redusere størrelsen på bildet, mens du må holde nede tasten Skifte, slik at proporsjonene til bildet ikke blir forvrengt.

    Steg 2

    Nå går jeg til paletten Lag og være på laget med jenta, klikk på ikonet kalt Legg til vektormaske.

    Som vi ser i paletten Lag på laget med jenta dannes det en lagmaske, som er uthevet med en ramme, som indikerer at masken er aktiv og alt arbeidet jeg skal utføre vil bli utført, nemlig på lagmasken.

    På topppanelet, der alle verktøyinnstillingene er plassert Gradient jeg klikker på pil ved siden av verktøyikonet og i gradientvinduet som vises, velger jeg radiell gradient, som går fra svart til gjennomsiktig.

    Nå tegner jeg gradientlinjene før jeg når jentas form som vist på bildet (du har kanskje flere retninger). Når du tegner en gradientlinje, tones bakgrunnen ut.

    Det tok meg to eller tre ganger å tegne en gradientlinje i hver av retningene som er angitt på bildet for å oppnå resultatet som du ser på bildet nedenfor.

    Trinn 4

    Vi kan imidlertid legge merke til at med forsvinningen av bakgrunnen som tilhører jentas fotografi, har bildet av selve jenta også endret seg noe, siden det noen steder har blitt gjennomskinnelig.

    Men det er veldig enkelt å fikse det.

    Mens jeg er på lagmasken tar jeg en myk runde børste hvit og mal med denne penselen på jenta.

    Den hvite børsten gjenoppretter alle de tapte områdene av jentas bilde.

    Og vi vil også minne deg på at du alltid kan chatte om Photoshop-emner på Photoshop-forumet og finne svar på mange av spørsmålene dine.

    Her er resultatet:

    Jeg har slått sammen de to bildene ved å bruke en blanding.

    Jeg håper jeg forklarte klart hvordan gjøre en jevn overgang mellom de to bildene - som du kan se er det ganske enkelt.

    Jeg anbefaler deg også å se på min forrige leksjon. Valentine i Photoshop, der det er mange interessante ting.

    Jeg ønsker deg fortsatt suksess med å mestre Photoshop!

    Galina Sokolova var med deg.

    1 stemme

    God dag, kjære lesere. I dag bestemte jeg meg for å bevise for deg at den beste måten å lære teori på er gjennom praksis. Selv om du er nybegynner, kan du på bokstavelig talt en time oppnå et godt resultat uten å forstå noe i Photoshop! Se, dette bildet ble laget utelukkende takket være gradienter. De brukes på forskjellige elementer og i forskjellige variasjoner.

    Hvis du leser denne artikkelen til slutt, vil du ikke bare lære hvordan du gjør en jevn fargeovergang i Photoshop, men også bruke denne kunnskapen i praksis i forhold til tekst, form, lage vakre flimrende romber og mye mer.

    Jeg har allerede laget dette bildet. Hvis du vil, kan du lage på egen hånd akkurat det samme, eller kanskje enda bedre, men jeg vil lære deg ved et annet eksempel. Hvilken? Finn ut på slutten av artikkelen. Jeg skal tegne med dere og beskrive prosessen samtidig, selv vet jeg ennå ikke hva jeg får. Takket være dette vil jeg kunne se hvilke problemer du kan støte på og hjelpe deg med å løse dem.

    Grunnleggende kunnskap og en hemmelighet for alltid vinnende alternativ

    Så først må vi åpne Photoshop. Jeg anbefaler på det sterkeste at du laster ned dette programmet ( du kan kjøpe den lisensierte versjonen her ). Du vil aldri finne bedre enn henne. Hvis du er redd for at du ikke vil mestre det og vil kaste bort pengene dine, helt glemme programmet etter første forsøk, kan du prøve den elektroniske tjenesten https://editor.0lik.ru/ ... Det er mye mer praktisk å ha ditt eget program, og veldig snart vil du forstå hvorfor.

    Slik ser 2015-versjonen av Photoshop ut, hvis du har en annen utgave, så ikke bekymre deg. Alt vil være omtrent det samme. Du har litt færre alternativer, og dette er den eneste forskjellen.

    Opprett et nytt dokument.

    Å velge størrelse er et av de vanskeligste spørsmålene for meg. Som grunnlag tok jeg maksimal bildestørrelse for et innlegg på sosiale nettverk. 800x500, men som du kan forestille deg, er ikke dette poenget. Alt avhenger av målene og målene du skal utføre med Photoshop.

    Se, panelet til høyre inneholder alle hovedknappene, inkludert gradienten. Den kan imidlertid ikke bli funnet nå. Hvordan det? Jeg selv møtte dette problemet da jeg begynte å lære å jobbe med Photoshop. Du leser en artikkel, og halvparten av informasjonen må du se etter i tredjepartskilder. Google, Google, Google.

    Måtte en veldig flink leser tilgi meg, som kan alt veldig godt for små avvik fra temaet. Jeg vil at alle bloggbesøkende skal kunne jobbe med timene mine. Kanskje en dag vil det være veldig nyttig for deg. Det vil spare deg for mye tid.

    I nedre høyre hjørne av nesten hver knapp, bortsett fra forstørrelsesglasset, er det noe som ligner en pil. Dette indikerer at det er flere verktøy skjult i knappen.

    Hold venstre museknapp på knappen i noen sekunder for å åpne en ekstra meny og velge en gradient.

    En annen tilleggsmeny åpnet øverst. Den brukes utelukkende for gradienter. Peke på teksten - en spesiell tekstmeny åpnes øverst, en pensel og ... vel, du skjønner ideen.

    Klikk på pilen ved siden av fargeikonet. Det er her standard overganger eller de du lastet ned lagres.

    Hvis du ikke anser deg selv som et designgeni, anbefaler jeg at du laster ned gratis maler fra Internett. Det er nok av dem. For det første sparer det tid, og for det andre er flere lignende alternativer som regel kombinert til et tema laget i samme stil. dette kan enkelt brukes på ett bilde, og det vil nesten alltid se bra ut.

    Det er ikke noe problem å installere nye maler. Last ned dem fra Internett, velg deretter mutteren i øvre høyre hjørne og finn lenken "Last ned ...".

    Velg mappen med de nedlastede filene på datamaskinen og lagre.

    De vil bli lagt til nederst på listen.

    Fylle

    La oss nå lære hvordan du fyller. Velg et alternativ du liker (vi går videre til opprettelsen litt senere) og klikk på det. Hvor som helst på skjermen, hold nede venstre museknapp og beveg deg i alle retninger. Plasseringen av fargeovergangen avhenger av den.

    Se forskjellen.

    Du kan snurre hvor som helst.

    Hold nede Shift-tasten mens du angir retningen for å forhindre at bevegelsen av linjen din forskyves og gradienten blir uskarp.

    Du skjønner, fargeovergangen er nå i sentrum. Vi skal se nærmere på innstillingene når vi lager vår egen gradient. Nå skal jeg bare snakke om midtforskyvningen. Vi klikker på denne platen.

    Ta tak i fargen nedenfor med venstre museknapp og flytt den til venstre eller høyre.

    Her er hva jeg endte opp med.

    Hvordan bruke en gradient på tekst for å få bokstaver til å se moderne ut

    La oss nå skrive noe. Vi velger den tilsvarende knappen.

    Hvis du trenger å endre størrelsen eller selve skriften, vær oppmerksom på panelet øverst på skjermen. Alt er enkelt der.

    Trykk nå Ctrl og klikk samtidig på ikonet til det nye tekstlaget. Vær forsiktig, du må ikke klikke på teksten, men på rektangelet, som vist på skjermbildet nedenfor.

    Nå lager vi et nytt lag. Det er tre alternativer for å løse problemet: vi holder nede Shift, ctrl, N samtidig; bruk panelet på toppen, finn der "Layer - new - create"; bruk knappen i hurtigmenyen til høyre. På bildet under viste jeg det med en pil.

    Nå, for å fjerne markeringen rundt kantene på bokstavene, kan du klikke på utvalget og deretter klikke på en hvilken som helst del av bildet. Du får følgende resultat.

    Arbeidet med teksten slutter ikke der. Se, vi har 2 lag: ett med gradient, og det andre med bokstaver. Hvorfor skjedde det der? Jeg vil forklare så godt jeg kan. Skriv i kommentarfeltet hvis det ikke er tydelig. Du skrev teksten. Photoshop skjønte at dette var bokstaver og foreslo til og med at du forstørrer dem, forminsker dem, endrer skrift, og så videre.

    Da har du valgt dette stykket. Vi opprettet et nytt lag, hvis vi tegner en analogi, kuttet ut en sjablong fra papir og fylte den. På dette tidspunktet gikk Photoshop seg vill. Han sluttet å se brevene dine. For ham er det bare en del av et bilde, som en rombe, firkant eller sirkel i det utskårne sentrum. Hvis du går til arbeid med bokstavene på laget, vil du mislykkes, hvis du vil bruke en gradient på teksten - det samme.

    Hvis du nå bestemmer deg for å flytte teksten et sted og du klatrer inn i den tilsvarende delen, og deretter begynner å flytte pilen, vil alt flytte ut for deg.

    Vi fjerner tekstlaget for å unngå forvirring. Klikk på den med høyre museknapp og velg ønsket alternativ.

    Gradientvisninger, formfyll og stjerner

    Hvis du la merke til gradientlinjen på toppen, kan du finne ut at de er forskjellige: lineære, radielle, kantete, speil- eller diamantformede. Det er ikke vanskelig å se forskjellene, for dette trenger du ikke å lese artiklene, bare åpne et blankt ark og prøv å bruke et eller annet alternativ. Se hva som skjedde.

    Det eneste som er verdt å merke seg er at hvis du vil se det perfekte resultatet, som på bildet mitt, må pilen rettes fra midten.

    La oss nå gå tilbake til bildet vårt. La meg lære deg et interessant triks. Fargeoverganger kan brukes innenfor figurene du tegner. Dette er veldig nyttig, spesielt for de som skal lage nettsider.

    Så velg et rektangel eller en sirkel. Det betyr ikke noe.

    Nå fyllfargen.

    Gå til gradientdelen.

    Vi trenger en rombe her.

    Du skjønner, dette er en interessant effekt, men den hvite fargen ødelegger alt. Vi trenger en gjennomsiktig. Finnes i maler. Hvis du ser et slikt rutenett inne i malen, så er dette det vi trenger.

    Lek deg rundt med innstillingene, og du vil ha din ideelle.

    La oss nå klone denne flashen. Å velge et trekk. Bare klikk på knappen.

    Hold nå nede alt og dra duplikatet til siden.

    Jeg fikk følgende resultat.

    Hvordan lage en ny gradient og knapper for nettsteder

    Og til slutt vil jeg fortelle deg hvordan du lager gradienter fra bunnen av selv, og samtidig finne ut innstillingene deres. La oss lage en fin knapp? Jeg vil legge til et avrundet rektangel til bildet mitt.

    Slik ser det ut. Denne gangen skal vi ikke bruke den indre fyllingen. Det er ikke veldig praktisk å jobbe med en ny mal gjennom den. La det bare være svart foreløpig.

    Velg det kjente verktøyet og klikk på platen.

    Nye gradienter er basert på gamle. Klikk på en hvilken som helst. Den gamle versjonen vil ikke forsvinne noe sted. Så er det bare å finne på et nytt navn og lagre det.

    De øvre kontrollpunktene kan brukes til å kontrollere gjennomsiktighetsnivåene.

    Ved hjelp av de nedre jobbes det med farge. For å utvide spekteret, klikk ved siden av et punkt, og det vil bli duplisert.

    Du kan lage så mange du vil.

    For å få overgangen til å se moderne ut, må du jevne ut fargene. Ikke berør denne indikatoren, og alt vil være i orden. Det skal være 100%. Klar. Du kan klikke på "OK" eller "Lagre" - alt avhenger av ditt ønske.

    Nå gjentar vi det vi allerede har gjort nylig med teksten. Hold nede ctrl, stikk knappen til ønsket stil i midten og lag en ny basert på den.

    Legg nå til overgangen og voila.

    Legg til tekst på knappen og det er det. Det er ikke klart hvorfor den nødvendige innretningen er ferdig. Du kan forresten laste ned kilden min hvis du vil ( Last ned gradient.psd-kilde ). Du kan åpne den i Photoshop og forbedre bildet mitt. Jeg tror det ikke blir vanskelig.

    Så det er alt. Du vet nå ganske mye om gradienter. Hvis du er designer, layoutdesigner, nettstedbygger eller ønsker å bli det, og denne leksjonen var veldig nyttig for deg, kan du abonnere på nyhetsbrevet og lære mer om det som interesserer deg. Du kan også ta hensyn til denne siden: https://photoshop-master.org/disc149/ ... Her kan du finne tonnevis av både betalte og gratis kurs som vil lære deg ekte, profesjonelt arbeid med Photoshop.

    Lykke til og se deg snart.