Kada radite na dizajnu web stranice, često se morate suočiti s činjenicom da pronađena slika, koja bi idealno odgovarala vašoj web stranici, ima drugačiju pozadinu koju biste željeli ukloniti.
I tako, otvaramo našu sliku u Photoshopu.
1.
Prva stvar koju treba učiniti je stvoriti radni prostor za sliku s prozirnom pozadinom. Za ovo:
- u prozoru slojeva, dvaput kliknite na naš sloj (sa bravom)
- Kliknite OK u prozoru koji se pojavi.
Brava mora nestati
Ako je pozadina obična:
Odaberite alat " čarobni štapić” je vrlo fleksibilan alat za odabir željenog područja. Naš zadatak je odabrati cijelu pozadinu, osim slike. Da biste to učinili, podesite postavke čarobnog štapića (parametar tolerancije) dok ne dobijemo željeni rezultat. Također koristimo tipku Shift za odabir područja pored one koja je već odabrana. Pritisnite Del i odabrano područje se briše.
Ako je pozadina višebojna:
Koristimo alat Brzi izbor". Ovdje naš zadatak nije da istaknemo pozadinu, već sam objekt, koji bi trebao ostati. Pritiskajte dok se ne istakne željeno područje. Ako je višak istaknut, držite Alt i minus područje. Možete vidjeti rezultat pomoću tipke Q.
Kada je odabir spreman, kopirajte ga sa Ctrl+C. Napravite novi dokument sa prozirnom pozadinom (Ctrl + N) i zalijepite objekt tamo Ctrl + V.
3 . Ako je na slici ostalo nešto suvišno, upotrijebite alat " Eraser“, samo prepišite dodatnu pozadinu.
4 . Sačuvajte sliku za web (Alt + Shift + Ctrl + S) odaberite GIF ili PNG format (u ostalima, naša prozirna pozadina će postati bijela).
Koristan video na temu:
Ponekad je potrebno postaviti sliku koja sadrži prozirne elemente kroz koje će se vidjeti originalna pozadina. U ovim slučajevima bilo bi zgodno učitati PNG slike jer one mogu sačuvati transparentnost.
U ovom članku ćemo vam reći kako napraviti transparentnost u photoshopu.
Kreiranje fajla
Prvi korak je kreiranje datoteke. Da biste to učinili, otvorite Adobe Photoshop i idite na meni Datoteka ( fajl) na vrhu stranice odaberite "Kreiraj" ( Novo).
Zatim, u prozoru Novi dokument koji se pojavi ( Novi dokument) kreirajte datoteku ispravne veličine i uvjerite se da je rezolucija dokumenta 72 piksela po inču ( jer je datoteka namijenjena za korištenje na webu). I takođe da ste odabrali vrijednost "Transparentno" ( transparentan) na padajućoj listi Pozadinski sadržaj ( pozadinski sadržaj).
*Prije nego što napravimo PNG sa prozirnošću u Photoshopu, moramo pojasniti da u ovom primjeru kreiramo sliku za upload kao pozadinu za web lokaciju, tako da je veličina dokumenta postavljena na sljedeći način: širina 3000px, visina 1730px, što su preporučene veličine za preuzimanje HD slika:
Nakon što ste postavili parametre, kliknite na OK da otvorite novi dokument.
Zatim u panelu Slojevi ( Slojevi) pobrinite se da radite na prozirnom sloju, a ne na pozadini:
Nakon što ste završili kreiranje i spremni ste za spremanje prozirne slike, ovisno o verziji Photoshopa koju koristite, u izborniku File ( fajl) možete koristiti jednu od mogućih opcija:
Photoshop verzije starije od CC 2015:
Sada ćemo reći kako napraviti sliku transparentnom u photoshopu, koji je izašao prije CC 2015 . Ove verzije koriste metodu Save for Web ( Sačuvaj za web i uređaje) za spremanje i optimizaciju PNG slika za korištenje na webu. Da biste koristili ovu metodu, jednostavno idite na meni Datoteka ( fajl), a zatim - "Sačuvaj za Web" ( Sačuvaj za web i uređaje):
Zatim u prozoru koji se pojavi odaberite PNG-24 iz padajućeg menija mogućih vrijednosti, a zatim provjerite jesu li odabrane opcije "Transparentnost" ( Transparentnost) i " Pretvorite u sRGB» ( Pretvorite u sRGB). Ovo potvrđuje da će slika sadržavati prozirnu pozadinu i da će njen način boja biti pretvoren u sRGB, preporučeni prostor boja za web.
Polja " Veličina slike» ( Veličina slike) se automatski popunjavaju vrijednostima koje ste naveli kada ste kreirali datoteku. Ali ako želite promijeniti veličinu datoteke prije spremanja, to možete učiniti sada.
Photoshop verzija CC 2015:
prije, kako fotografije učiniti transparentnim u photoshopu, morate znati da je od verzije CC 2015 opcija "Sačuvaj za Web" ( Sačuvaj za web i uređaje) u meniju Datoteka ( fajl) ima oznaku Naslijeđe. I zamijenjen novom opcijom "Izvoz" ( Izvoz), koji nudi identičnu funkcionalnost uz brže spremanje u manjoj veličini datoteke i bolji kvalitet. Da biste koristili opciju Izvoz, kliknite na meni Datoteka ( fajl), i onda - " Izvezi kao» ( izvoz kao).
Napomena: Adobe i dalje nudi opciju Save for Web ( Sačuvaj za web i uređaje) u Photoshopu CC 2015, a dostupan je putem File > Export ( Datoteka > Izvoz) ili kada koristite prečicu na tastaturi Command+Option+Shift+S (za Mac) ili Ctrl+Alt+Shift+S (za PC):
Zatim, u prozoru koji se pojavi, izaberite PNG sa padajućeg menija Format ( Format) i provjerite jesu li odabrane opcije "Transparentnost" ( Transparentnost) i " Pretvorite u sRGB» ( Pretvorite u sRGB).
Vrlo često sam prilikom kreiranja čestitki ili videa nailazio na pitanje: Kako to da uradim bez znanje photoshop?
Oni koji poznaju Photoshop to će učiniti bez poteškoća. Ali nisu svi još naučili ovaj pametni program. Kako mogu biti? Zar zaista nema izlaza?
Uostalom, uvijek postoji želja da naše prezentacije, čestitke, stranice budu najatraktivnije i najprofesionalnije. Već sam vam rekao kako koristiti program u tu svrhu. Pomoći će vam da napravite svoje slike i čak možete napraviti svoju prvu s njom.
A sada ću vam reći još jednu tajnu: danas ćete naučiti kako napraviti pozadinu slike prozirnom. I to ćete učiniti potpuno besplatno i potrošiti samo 2 minute svog vremena.
Hajdemo na posao.
Pronađite sliku koja vam se sviđa. Za početak, to bi trebala biti slika na neslojnoj pozadini - na primjer, na bijeloj. Idemo na stranicu usluge. Ne morate prolaziti kroz dosadnu proceduru registracije. Samo kliknite na link online usluge.
Pred vama će se otvoriti sljedeći prozor:
Pritisnite " Prenesite sliku sa računara". Odaberite sliku koju ste pripremili. Možete je staviti u poseban folder na slikama. Ili na radnu površinu, da ne tražite dugo. Kliknite jednom na ovu sliku i kliknite " otvoren".
Slika se pojavljuje na stranici servera:
Na desnoj strani su 3 prozora i na sredini njih je uvučena brava. Kliknite na njega 2 puta lijevim mišem. Ovo će otvoriti vrata magiji. 
Na lijevoj strani vidite tablu " Alati", od kojih je jedan " Čarobni štapić" koju ćemo sada koristiti. Kliknite na njega jednom, a zatim kliknite na bilo koji prazan prostor u pozadini odabrane slike. Isprekidana linija se pojavljuje oko slike.
Poslednji korak na putu transformacije: pritisnite dugme " Del" (izbriši) na vašem računaru. Pozadina postaje kutija. Ako nije sav prostor okolo prekriven kutijom, ponovo dodirnite ovo mjesto čarobnim štapićem i pritisnite dugme "Del"
Pojavljuje se prozor u kojem se postavlja pitanje: "Želite li sačuvati sliku prije zatvaranja?" Pritisnite " Da".
Danas sam odlučio da se malo odmaknem od teme kodiranja i da ispričam nešto o dizajnu. Iako dizajn igra važnu ulogu u kreiranju sajta, nisam prijatelj sa crtežom, grafikom i dizajnom od detinjstva. Stoga tražim slike za svoje objave, kao i mnogi blogeri, negdje na internetu, koristeći besplatne foto banke i foto fondove.
I tako, ponekad naiđe jako prikladna slika za vaš post i sve bi bilo u redu... Ali pozadina slike ne odgovara pozadini bloga ili bloka sa tekstom. Očigledno, niko od mene nema takav problem i nijedna moja pozadina nije bijela, što bi u većini slučajeva odgovaralo. ja trebam transparentna pozadina!
Nisam našao nijednu dobru ideju na internetu. kako napraviti prozirnu pozadinu za gotovu sliku, pa sam i sam krenuo da eksperimentišem i pronašao više-manje prikladno rešenje!
Kako napraviti prozirnu pozadinu za sliku
Uzmimo za primjer jednu jednostavnu sliku u .jpg formatu (generalno, format nije posebno važan):
Ovdje je bijela pozadina koje se želim riješiti i umjesto toga napraviti prozirnu pozadinu. Pixlr, online sličnost Photoshopa, pomoći će nam u tome.
Učitavamo našu sliku. Desno u prozoru "Slojevi" pojavit će se sloj "Pozadina" na kojem se nalazi brava (ne dozvoljava uklanjanje pozadine slike).
Dvostrukim klikom na lijevu tipku miša na ovaj katanac možete ukloniti bravu iz pozadine. Umjesto katanca pojavit će se kvačica.
Sada uzimamo čarobni štapić (traka s alatima, desna kolona, drugo dugme odozgo), navedite sljedeće parametre: tolerancija = 21, tikovi su na anti-aliasing i kontinuitet(obično su takvi parametri standardni), iako možete eksperimentirati s parametrima; i kliknite na pozadinu slike (u našem slučaju na bijelu podlogu).
Sada brišemo pozadinu pritiskom na dugme "Izbriši" i dobijamo sliku koja nam je potrebna sa prozirnom pozadinom.
Ako trebate urediti PNG datoteku, mnogi žure da preuzmu Photoshop, koji se ne distribuira samo na plaćenoj osnovi, već je i prilično zahtjevan za računarske resurse. Nisu svi stari računari u stanju da rade sa ovom aplikacijom. U takvim slučajevima u pomoć priskaču razni online uređivači koji vam omogućavaju promjenu veličine, skaliranje, komprimiranje i obavljanje brojnih drugih operacija s datotekama.
Danas ćemo pogledati najfunkcionalnije i najstabilnije stranice koje vam omogućuju rad s PNG slikama. Prednosti ovakvih online usluga uključuju činjenicu da nisu zahtjevne za resurse vašeg računala, jer se sve manipulacije datotekama izvode korištenjem cloud tehnologija.
Online uređivači ne moraju biti instalirani na PC - to značajno smanjuje vjerovatnoću zaraze virusom.
Metoda 1: Online Image Editor
Najfunkcionalniji i najstabilniji servis koji ne zamara korisnike nametljivim oglašavanjem. Pogodan za bilo kakve manipulacije sa PNG slikama, apsolutno nezahtjevan za resurse vašeg računala, može se pokrenuti na mobilnim uređajima.
Nedostaci usluge uključuju nedostatak ruskog jezika, međutim, uz produženu upotrebu, ovaj nedostatak postaje jedva primjetan.
Stranica ne zahtijeva registraciju, lako je nositi se sa uslugom, čak i ako ne znate engleski. Ne bojte se eksperimentirati, ako nešto pođe po zlu, uvijek možete to poništiti samo jednim klikom.
Metoda 2: Photoshop Online
Programeri pozicioniraju svoju uslugu kao online photoshop. Funkcionalnost uređivača je zaista slična svjetski poznatoj aplikaciji, podržava rad sa slikama u različitim formatima, uključujući PNG. Ako ste ikada radili sa Photoshopom, neće biti teško razumjeti funkcionalnost resursa.
Jedini, ali prilično značajan nedostatak stranice je stalno zamrzavanje, posebno ako radite s velikim slikama.
Prilikom obavljanja jednostavnih manipulacija rad s uslugom je zgodan i udoban. Ako trebate obraditi veliku datoteku, preporučljivo je da preuzmete i instalirate poseban softver na svoj PC ili budite strpljivi i pripremite se za stalna zamrzavanja stranice.
Metoda 3: Fotor
Zgodna, funkcionalna i što je najvažnije besplatna stranica za rad sa slikama u PNG Fotor formatu omogućava vam izrezivanje, rotiranje, dodavanje efekata, korištenje drugih alata. Funkcionalnost resursa je testirana na datotekama različitih veličina i nisu pronađeni nikakvi problemi. Stranica je prevedena na ruski, u postavkama možete odabrati drugi jezik za sučelje uređivača ako je potrebno.
Pristup dodatnim funkcijama je omogućen korisnicima tek nakon kupovine PRO naloga.
Fotor je moćan alat za rad sa PNG-om: osim skupa osnovnih funkcija, sadrži mnogo dodatnih efekata koji će zadovoljiti i najzahtjevnije korisnike.
Online uređivači fotografija jednostavni su za korištenje, ne zahtijevaju instalaciju na računaru, zbog čega im se može pristupiti čak i sa mobilnog uređaja. Na vama je koji uređivač ćete koristiti.
