For å lage et gjennomsiktig PNG-bilde ved hjelp av gratis online tjeneste nettstedet må først forberede et bilde. Det er tilrådelig å bruke bilder i PNG- eller GIF-formater, siden JPEG-formatet kan introdusere små forvrengninger i bildet ved grensen av fargeovergangen, noe som vil forhindre deg i å lage et tomt av høy kvalitet for det fremtidige vannmerket.

Deretter må du male over området som skal bli usynlig med litt farge, helst fraværende fra resten av bildet. Dette er nødvendig for å tydelig skille de synlige og usynlige delene av bildet. Hvis dette ikke gjøres, kan det vise seg at den delen av bildet som dette ikke er ønskelig for, blir usynlig. Nedenfor er et eksempel på et bilde klargjort for behandling. Området i bildet som skal gjøres gjennomsiktig er uthevet i rødt.

Deretter bør du velge "Tjenester"-elementet i hovedmenyen til nettstedet og gå til underelementet "Opprett et gjennomsiktig bilde i PNG-format". På siden som åpnes, velg filen vi forberedte tidligere og klikk på "Neste trinn" -knappen.

Bildet vil bli lastet opp til serveren og på neste side vil vi få muligheten til å bruke musen til å velge fargen som skal gjøres gjennomsiktig.

Ved å klikke med musen på riktig sted i bildet, kommer vi til resultatsiden for bildebehandling. Nå må du høyreklikke på det behandlede bildet, velge menyelementet "Lagre bilde som ..." og lagre det resulterende bildet på datamaskinen din.

Noen ganger må du laste opp et bilde som inneholder gjennomsiktige elementer, der den opprinnelige bakgrunnen vil være synlig. I disse tilfellene vil det være praktisk å laste ned PNG-bilder siden de er i stand til å opprettholde åpenhet.

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

Opprette en fil

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

Deretter i "Nytt dokument"-vinduet som vises ( Nytt dokument) lag en fil med ønsket størrelse, og sørg for at dokumentoppløsningen er 72 piksler per tomme ( siden 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å du 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 3000 piksler, høyde 1730 piksler, som er de anbefalte størrelsene for nedlasting av HD-bilder:

Etter at du har angitt parameterne, klikk "OK" for å åpne nytt dokument.

Deretter i "Lag"-panelet ( 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, fra Fil-menyen ( Fil) kan du bruke ett av de mulige alternativene:

Photoshop-versjoner tidligere enn CC 2015:

Nå skal vi fortelle deg hvordan lage et bilde gjennomsiktig i Photoshop, som kom ut før CC 2015. Disse versjonene bruker "Lagre for web"-metoden ( Spar 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):

Velg deretter PNG-24 fra rullegardinmenyen i vinduet som vises 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.

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

Photoshop versjon CC 2015:

Før hvordan lage et bilde gjennomsiktig i Photoshop, må du vite at fra 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 til en mindre fil og til beste kvalitet. For å bruke "Eksporter"-alternativet, klikk på "Fil"-menyen ( Fil), og deretter - " Eksporter som» ( Eksporter som).

Merk: Adobe tilbyr fortsatt alternativet "Lagre for web" ( Lagre for web og enheter) i Photoshop CC 2015, og den er tilgjengelig via Fil > Eksporter-menyen ( Fil > Eksporter) eller ved å bruke tastatursnarveien Kommando+Alternativ+Shift+S (for Mac) eller Ctrl+Alt+Shift+S (for PC):

I vinduet som vises, velg PNG fra "Format"-rullegardinmenyen ( Format) og sørg for at åpenhetsalternativene er valgt ( Åpenhet) Og " Konverter til sRGB» ( Konverter til sRGB).

Når du jobber med webdesign, må du ofte forholde deg til det faktum at det funnet bildet, som ideelt sett passer til nettstedet ditt, har en annen bakgrunn som det ville være ønskelig å fjerne.

Og så åpne bildet vårt i Photoshop.

1. Det første du må gjøre er å lage et arbeidsområde for bildet med en gjennomsiktig bakgrunn. Slik gjør du dette:
- i lagvinduet, dobbeltklikk på laget vårt (med låsen)
- Klikk OK i vinduet som vises

Låsen skal forsvinne

Hvis bakgrunnen er ren:
Velg verktøyet " Wand"er et veldig fleksibelt verktøy for å fremheve ønsket område. Vår oppgave er å markere hele bakgrunnen bortsett fra bildet. For å gjøre dette, juster innstillingene til tryllestaven (parameter adgang) til vi får ønsket resultat. Vi bruker også Shift-tasten for å velge et område i tillegg til det allerede valgte. Trykk Del og det valgte området slettes.

Hvis bakgrunnen er flerfarget:
Vi bruker verktøyet " Rask valg". Her er vår oppgave å fremheve ikke bakgrunnen, men selve objektet, som skal forbli. Klikk til ønsket område er uthevet. Hvis for mye er uthevet, hold nede Alt og minus området. Du kan se resultatet ved å trykke på Q-tasten.
Når utvalget er klart, kopierer du det med Ctrl+C. Lag et nytt dokument med en gjennomsiktig bakgrunn (Ctrl+N) og lim inn objektet Ctrl+V i det.

3 . Hvis det er noe unødvendig igjen i bildet, bruk " Viskelær", bare slett den ekstra bakgrunnen.

4 . Lagre bildet for nettet (Alt+Shift+Ctrl+S) og velg GIF- eller PNG-formatet (i andre vil vår gjennomsiktige bakgrunn bli hvit).

Nyttig video om emnet:

Forskjell PNG-format fra andre grafikkformater er at gjennomsiktige eller delvis gjennomsiktige deler av bildet forblir gjennomsiktige når de lagres. Når du lagrer filer i et annet format, kan denne gjennomsiktigheten gå tapt. For å lage og, viktigst av alt, lagre en PNG-fil, må du vurdere flere punkter.

Instruksjoner

Mye avhenger av hvilken grafisk editor du jobber i. De enkleste programmene, for eksempel standard Paint editor, støtter ikke åpenhet i prinsippet. Flere funksjonelle programmer Paint.net, CorelDraw, Adobe Photoshop (og lignende) lar deg justere gjennomsiktigheten til bilder og støtte arbeid med lag.

For å justere gjennomsiktigheten (delvis gjennomsiktighet) til et bilde eller en del av det, lag nye lag og bruk redigeringsverktøyene til å justere visningen av lag. Avhengig av redaktøren din, må du kanskje slå sammen alle lagene før du lagrer.

For å lagre bildet slik du ser det i redigeringsprogrammet, velg Fil fra den øverste menylinjen. Velg kommandoen "Lagre som" fra rullegardinmenyen. I dialogboksen som åpnes, spesifiser katalogen for å lagre filen i "Filnavn"-feltet, skriv inn navnet du vil lagre filen under. I feltet "Filtype" (Format), velg verdien PNG(*.PNG) fra rullegardinlisten og klikk på "Lagre"-knappen.

Hvis sammenslåing av lag fører til tap av gjennomsiktighet, lagre enten bildet uten å slå sammen lagene, eller installer et verktøy i redigeringsprogrammet som lar deg eksportere lag i .png-format uten å miste gjennomsiktighet (for eksempel i Adobe Photoshop kan dette ikke oppnås med standardverktøy, slik at det ikke er noen utvidelse .png i listen over formater).

Last ned det tilsvarende skriptet fra Internett. Sett et gjennomsiktig lag som bakgrunn, og plasser hovedbildet på et annet lag. Velg "Fil"-elementet i den øverste menylinjen, "Skript"-elementet i den utvidede menyen og kommandoen "Eksporter lag til fil".

I dialogboksen som åpnes, velg katalogen for å lagre lagene, merk av i boksen ved siden av Hurtigmodus (Ikke fjern skjulte lag), velg .png-formatet i "Filtype"-feltet og klikk på "Kjør"-knappen . Denne handlingen betyr at du vil ha to filer lagret: en "tom", den andre vil inneholde et bilde med dine gjennomsiktighetsinnstillinger.

Noen ganger blir det nødvendig å endre et bilde ved å gjøre bakgrunnen gjennomsiktig. Noen ganger kommer du over et bilde, men bakgrunnen passer ikke til nettstedet ditt, og du vil gjøre det gjennomsiktig. Hvis du har Photoshop og vet hvordan du jobber med det, kan du selvfølgelig gjøre det der også. Men det er en enklere måte, så å si, "for dummies."

En dag mens jeg surfet på Internett, kom jeg over en artikkel om Pixlr Photo Editor. Dette er forresten ikke vanlig grafisk redaktør, og en nettredaktør. Her er lenken til den - http://pixlr.com/editor/.

Det er dette programmet som vil hjelpe oss å lage et bilde med en gjennomsiktig bakgrunn i PNG-format.

For eksempel har vi dette bildet:

Jeg vil fjerne den svarte bakgrunnen fra den og gjøre den gjennomsiktig.

For å gjøre dette, gå til programmet, velg "Åpne bilde fra datamaskin" og last inn ønsket bilde. Endre programspråket umiddelbart til russisk (meny Språk->Russisk språk).

Til høyre i «Layers»-vinduet vil du se et miniatyrbilde av bildet og en blokk. Dobbeltklikk på blokken (en "fugl" skal vises i firkanten). På denne måten fjerner du blokkeringen fra bakgrunnen.

Etter det, velg "Magic Wand"-verktøyet (til venstre på verktøylinjen), ta det til bakgrunnen av bildet og klikk med musen. Bakgrunnen vil bli uthevet med en stiplet linje. Slett nøkkelødelegge bakgrunnen.

Her er hva jeg fikk:

Instruksjoner