Hvordan lage en gjennomsiktig tegning. Hvordan lage PNG med åpenhet i Adobe Photoshop (CC-versjon og nyere)? Hvordan lage en gjennomsiktig bakgrunn for et bilde

Noen ganger må du laste opp et bilde som inneholder gjennomsiktige elementer, som den originale bakgrunnen vises gjennom. I disse tilfellene vil det være praktisk å laste inn PNG-bilder siden de er i stand til å bevare gjennomsiktighet.

I denne artikkelen vil vi fortelle hvordan lage åpenhet i photoshop.

Oppretting av filer

Det første trinnet er å lage en fil. For å gjøre dette, åpne Adobe Photoshop og i Fil-menyen ( Fil) øverst på siden, velg "Opprett" ( Ny).

Så i vinduet som dukker opp nytt dokument » ( Nytt dokument) lag en fil med riktig størrelse, og sørg for at oppløsningen til dokumentet er 72 piksler per tomme ( fordi filen er ment for bruk på nettet). Og også at du valgte verdien "Transparent" ( gjennomsiktig) i rullegardinlisten Bakgrunnsinnhold ( bakgrunnsinnhold).

*Før du lager en PNG med gjennomsiktighet i Photoshop, må vi avklare at i dette eksemplet lager vi et bilde som skal lastes opp som bakgrunn for nettstedet, så dokumentstørrelsen er satt som følger: bredde 3000px, høyde 1730px, som er anbefalte størrelser for nedlasting av HD-bilder:

Etter at du har angitt parameterne, klikker du OK for å åpne et nytt dokument.

Deretter i lagpanelet ( Lag) sørg for at du jobber med det gjennomsiktige laget og ikke bakgrunnen:

Når du har fullført opprettelsen og er klar til å lagre det gjennomsiktige bildet, avhengig av hvilken versjon av Photoshop du bruker, i Fil-menyen ( Fil) kan du bruke ett av de mulige alternativene:

Photoshop-versjoner tidligere enn CC 2015:

Nå skal vi fortelle hvordan lage et bilde gjennomsiktig i photoshop, som kom ut før CC 2015 . Disse versjonene bruker Lagre for web-metoden ( Lagre for web og enheter) for å lagre og optimalisere PNG-bilder for bruk på nettet. For å bruke denne metoden, gå ganske enkelt til Fil-menyen ( Fil), og deretter - "Lagre for web" ( Lagre for web og enheter):

Deretter, i vinduet som vises, velg PNG-24 fra rullegardinmenyen med mulige verdier, og sørg deretter for at "Transparency"-alternativene er valgt ( Åpenhet) Og " Konverter til sRGB» ( Konverter til sRGB). Dette bekrefter at bildet vil inneholde gjennomsiktig bakgrunn og fargemodusen vil bli konvertert til sRGB , det anbefalte fargerommet for nettet.

Enger " Bildestørrelse» ( Bildestørrelse) fylles automatisk ut med verdiene du spesifiserte da du opprettet filen. Men hvis du vil endre størrelsen på filen før du lagrer, kan du gjøre det nå.

Photoshop versjon CC 2015:

Før, hvordan gjøre bilder gjennomsiktige i photoshop, må du vite at siden versjon CC 2015 alternativet "Lagre for web" ( Lagre for web og enheter) i Fil-menyen ( Fil) er merket Legacy. Og erstattet av et nytt alternativ "Eksporter" ( Eksport), som tilbyr identisk funksjonalitet med raskere lagring i en mindre fil og i beste kvalitet. For å bruke Eksporter-alternativet, klikk på Fil-menyen ( Fil), og så - " Eksporter som» ( eksportere som).

Merk: Adobe tilbyr fortsatt et Save for Web-alternativ ( Lagre for web og enheter) i Photoshop CC 2015, og den er tilgjengelig via Fil > Eksporter ( Fil > Eksporter) eller når du bruker hurtigtasten Kommando+Alternativ+Skift+S (for Mac) eller Ctrl+Alt+Shift+S (for PC):

Deretter, i vinduet som vises, velger du PNG fra Format-rullegardinmenyen ( Format) og sørg for at "Transparency"-alternativene er valgt ( Åpenhet) Og " Konverter til sRGB» ( Konverter til sRGB).

Hei kjære besøkende. I denne opplæringen skal jeg vise deg hvordan du bruker Photoshop til fjern bakgrunn og gjør bildet gjennomsiktig. Du trenger ingen spesiell kunnskap om dette fotomonsteret, for alt er veldig enkelt her. Hovedsaken er at du har Photoshop installert, og du gjentar alle trinnene etter meg.

Så hvordan lager du en gjennomsiktig bakgrunn i Photoshop?

Vi starter Photoshop og åpner det eksperimentelle bildet. Klikk på menyen Fil - Åpne og angi plasseringen av bildet.

Ok, bildet er åpent, og la oss begynne å beskjære bakgrunnen. Først av alt må vi låse opp laget. Vær oppmerksom på nedre høyre hjørne av programmet. Der vil du se hovedlaget til bildet vårt og liten hengelås.

Det er nødvendig at denne låsen forsvinner, det vil si at laget låses opp. For dette, rett ved slottet ett klikk med venstre museknapp. Og slottet er ikke lenger!

Nå må vi fjerne bakgrunnen. For å gjøre dette tar vi et slags utvalgsverktøy, for eksempel, tryllestav.

Vi trykker på verktøyet på bakgrunnen i bildet, og fremhever dermed objektet vi ikke trenger.

En stiplet linje dukket opp (løpende maur). Det gjenstår å trykke på DELETE-tasten på tastaturet og bakgrunnen vil bli slettet. Se hvordan det ble:

Super! Fjern markeringen ved å trykke CTR+D på tastaturet.

Vel, generelt, hvordan lage en gjennomsiktig bakgrunn i photoshop vi fant ut av det, og nå gjenstår det å lagre dette bildet riktig.

For å gjøre dette, klikk på menyen Fil - Lagre for web. Eller bare bruk ALT+SHIFT+CTRL+S.

Du vil se et vindu der vi definitivt må velge PNG-24-formatet og først etter det klikker du på Lagre-knappen.

Og se nå hva som var og hva som har blitt:

Til slutt skal det sies at i noen tilfeller når du bestemmer deg for å lage en gjennomsiktig bakgrunn i Photoshop på et bilde, må du kanskje bruke andre utvalgsverktøy, for eksempel, Penn eller magnetisk lasso. Jeg brukte verktøyet tryllestav, siden det var enkelt å skille en person fra bakgrunnen på bildet mitt. Hvis du fjerner bakgrunnen fra komplekse bilder, må du svette litt.

Det var alt for i dag, lykke til!

Ta en titt på figuren i formatet jpg, den beryktede tegneseriefiguren Mammoth som mistet moren sin.. Jeg vil gråte.. nei, ikke fordi mammuten ikke finner moren sin (men på grunn av dette også), men fordi den blå bakgrunnen gjør fryktelig vondt i øynene hans! Jeg vil bare fjerne denne blåen og fylle bakgrunnen til bildet med en slik farge at den blander seg med bakgrunnen på siden.

Jeg tror ikke dette er noe problem for deg! bare tenk på å åpne den med samme Photoshop og fylle bakgrunnen med ønsket farge! men hva om hovedbakgrunnen til siden er en slags kompleks tekstur?

Et eksempel der et bilde legges over en tekstur:











Åpne Photoshop og tegne inn et bilde med en mammut i stedet for en blå bakgrunn av en celle? Og så prøve å tilpasse dem til hovedbakgrunnen på siden? Dette er ikke et alternativ!!!

Så jeg rapporterer det grafiske formater gif Og png- Støtt gjennomsiktighetsmodusen, og gjør det dermed mulig å gjøre noen områder av bildet usynlige for det menneskelige øyet - som er akkurat det vi trenger!

Nå i rekkefølge:

1. Åpne bildet hvis bakgrunn du vil gjøre gjennomsiktig med Adobe Photoshop.

2. Åpne et bokmerke "Bilde" >> "Modus" >> "Indekserte farger".


3. I dialogboksen som vises "Indekserte farger" sette en hake "Åpenhet" og trykk "OK"


4. Bruke utvalgsverktøyet "Tryllestav" Og "Viskelær" vi sletter bakgrunnen i bildet, og gjør faktisk delene vi trenger gjennomsiktige.

5. Vel, lagre bildet vårt i formatet gif.. bokmerke "Fil" >> "Lagre for web..." i vinduet som vises, angir (enig) at bildet skal lagres i formatet gif klikk "Lagre".. velg en mappe, skriv et navn - alt dette er deg, jeg håper du vet hvordan ..

Alt bilde med gjennomsiktig bakgrunn laget!!

Nå kan den settes inn på siden vår igjen, uten å glemme å endre utvidelsen jpggif .




Lage gjennomsiktige områder i en tegning


gif" alt="Mammut"> !}



Svært ofte, når jeg lager gratulasjonskort eller videoer, kom jeg over spørsmålet: Hvordan kan jeg gjøre dette uten kunnskap photoshop?

De som er kjent med Photoshop vil gjøre dette uten problemer. Men ikke alle har ennå lært dette smarte programmet. Hvordan kan de være det? Er det virkelig ingen vei utenom?

Tross alt er det alltid et ønske om å gjøre presentasjonene våre, gratulasjoner, sidene de mest attraktive og profesjonelle. Jeg har allerede fortalt deg hvordan du bruker programmet til dette formålet. Det vil hjelpe deg med å lage bildene dine, og du kan til og med lage ditt første med det.

Og nå vil jeg fortelle deg en hemmelighet til: i dag vil du lære hvordan du gjør bakgrunnen til bildet gjennomsiktig. Og du vil gjøre det helt gratis og bruke bare 2 minutter av tiden din.

La oss komme i gang.

Finn bildet du liker. Til å begynne med bør det være et bilde på en ikke-lagdelt bakgrunn - for eksempel på en hvit. La oss gå til tjenestesiden. Du trenger ikke gå gjennom en kjedelig registreringsprosedyre. Bare klikk på lenken til onlinetjenesten.

Følgende vindu åpnes foran deg:

Trykk " Last opp bilde fra datamaskinen". Velg bildet du har forberedt. Du kan legge det i en egen mappe i bildene. Eller på skrivebordet, for ikke å lete lenge. Klikk en gang på dette bildet og klikk " åpen".

Bildet vises på serversiden:

Til høyre er det 3 vinduer og en lås er tegnet på midten av dem. Klikk på den 2 ganger med venstre mus. Dette vil åpne døren til magi.

På venstre side ser du panelet " Verktøy", hvorav en er at" Tryllestav" som vi nå skal bruke. Klikk på den én gang, og klikk deretter på et tomt sted i bakgrunnen til det valgte bildet. En stiplet linje vises rundt bildet.

Det siste trinnet på veien til transformasjon: trykk på knappen " Del" (slett) på datamaskinen din. Bakgrunnen blir en boks. Hvis ikke hele plassen rundt er dekket av en boks, trykk på dette stedet igjen med en tryllestav og trykk på "Del"-knappen

Et vindu vises der du blir spurt: "Vil du lagre bildet før du lukker?" Trykk " Ja".

I dag bestemte jeg meg for å gå litt bort fra temaet koding og fortelle litt om designet. Selv om design spiller en viktig rolle i å lage et nettsted, har jeg ikke vært venn med tegning, grafikk og design siden barndommen. Derfor leter jeg etter bilder til innleggene mine, som mange bloggere, et sted på Internett, ved å bruke gratis fotobanker og fotoaksjer.

Og så, noen ganger kommer et veldig passende bilde for innlegget ditt over, og alt ville være bra ... Men bakgrunnen til bildet passer ikke til bakgrunnen til en blogg eller en blokk med tekst. Det er klart at ingen av meg har et slikt problem, og ingen av bakgrunnene mine er hvite, noe som ville være passende i de fleste tilfeller. jeg trenger gjennomsiktig bakgrunn!

Jeg fant ingen gode ideer på internett. hvordan lage en gjennomsiktig bakgrunn Til ferdig bilde, så jeg begynte å eksperimentere selv og fant en mer eller mindre passende løsning!

Hvordan lage en gjennomsiktig bakgrunn for et bilde

La oss ta ett eksempel et enkelt bilde i .jpg-format (generelt sett er ikke formatet spesielt viktig):

Det er en hvit bakgrunn her som jeg vil bli kvitt og lage en gjennomsiktig bakgrunn i stedet. Pixlr, en online likhet med Photoshop, vil hjelpe oss med dette.

Laster inn bildet vårt. Til høyre i "Layers"-vinduet vil "Bakgrunn"-laget vises, som det er en lås på (tillater ikke å fjerne bakgrunnen til bildet).

Ved å dobbeltklikke på venstre museknapp på denne hengelåsen kan du fjerne låsen fra bakgrunnen. Et hakemerke vises i stedet for en hengelås.

Nå tar vi tryllestaven (verktøylinje, høyre kolonne, andre knapp fra toppen), spesifiser følgende parametere: toleranse = 21, haker er på kantutjevnelse og kontinuitet(vanligvis er slike parametere standard), selv om du kan eksperimentere med parameterne; og klikk på bakgrunnen til bildet (i vårt tilfelle, på en hvit bakgrunn).

Nå sletter vi bakgrunnen ved å trykke på "Slett"-knappen og får bildet vi trenger med en gjennomsiktig bakgrunn.




Topp