Kako spremiti slike za web u Photoshopu

Jedna od kritičnijih funkcija koju Photoshop nudi jest značajka Spremi za web / uređaje .

Zašto ga koristiti? Iako biste jednostavno mogli spremiti datoteku u standardnu ​​metodu, kao što je File / Save As , značajka Spremi za web / uređaje ima tri ključne stvari.

Ovaj alat izvrsno funkcionira za izradu ikona na Twitteru, Facebookovih pics profila, datoteka proizvoda, slika na blogu i izvornih datoteka za favicons.

  • 01 - Otvorite izvornu datoteku

    Datoteka / Otvori Photoshop. Snimak zaslona Bryan Haines

    Da biste započeli, morat ćete otići u datoteku / otvoriti da biste otvorili datoteku. Može biti u bilo kojem obliku - jpg, gif, psd, png ili drugi. Sve dok ga Photoshop može otvoriti, možete ga izlaziti za web.

  • 02 - Spremanje datoteke za web

    Datoteka Spremi Photoshop CS5. Snimak zaslona Bryan Haines

    Idemo naprijed da spremimo za web, pod pretpostavkom da ste napravili sve potrebne prilagodbe. Očito, ako trebate urediti sliku, učinite to najprije i nastavite s ovim korakom kasnije.

    Idite na Datoteka / Spremi za web / uređaje i kliknite. To je oko pola puta dolje padajući izbornik.

    Taj proces uopće ne mijenja izvorni dokument. Stvarate novu datoteku. Kada dovršite ovaj vodič i vratite se na svoju izvornu sliku u Photoshopu, trebate spremiti tu datoteku ako ste ga unijeli. Važno je imenovati novu sliku različitu od izvornog. Često jednostavno dodavanje _web-a na ime datoteke će raditi dobro. (primjer: filename_web.jpg)

  • 03 - Podešavanje usporednog prikaza na 2-gore

    Usporedba Side by Side Usporedba Photoshop CS5. Snimak zaslona Bryan Haines

    Ovisno o vašim postavkama, možda ćete morati prilagoditi prikaz ovdje. Ono što želite je lijeva i desna usporedba vaše slike. Na lijevoj strani će se prikazati izvornik, a desno će prikazati kvalitetu slike u trenutačnim postavkama.

    Ako pogledate na vrhu prozora, vidjet ćete sljedeće opcije: Izvorni, Optimizirano, 2-Up, 4-Up. Za većinu svrhe, 2-Up je ono što želite.

  • 04 - Postavite veličinu prikaza na 100%

    Podešavanje prikaza na 100% u programu Photoshop CS5. Snimak zaslona Bryan Haines

    Kako biste osigurali da gledate 100%, provjerite opciju u donjem lijevom kutu zaslona.

    Važno je zapamtiti da ako pogledate vašu sliku više od 100%, izgledat će zrnasto ili možda čak i neodgovorivo. Uvijek radite s fotografijom na 100%.

  • 05 - Izaberite dimenziju datoteka

    Odabir dimenzija datoteke u Photoshopu CS5. Snimak zaslona Bryan Haines

    Dimenzije za web gotovo su uvijek u pikselima (px). Važno je zadržati proporcije točnim. Uz slikovni okvir je mala slika lančane veze. Ono što to čini jest širina razmjera prilikom prilagodbe visine. Na primjer, slika koja je 600 x 400 piksela. Ako smanjite širinu na 300 px, datoteka će se automatski izmjeriti na visinu od 200px. Ako je neoznačena, slika će biti iskrivljena.

    Također imate mogućnost skale slike prema postocima.

  • 06 - Odaberite vrstu datoteke za izvoz

    Odabir vrste datoteke za izvoz u Photoshopu CS5. Snimak zaslona Bryan Haines

    U toj opciji, vrsta izvorne datoteke nije važna. Možete odabrati bilo koju datoteku koju trebate.

    Napomena: za početak postupka morat ćete kliknuti sliku na desnoj strani. Treba odabrati sliku za obradu.

    Najčešći je jpg za web - to je najmanji format datoteke, što znači da se preuzimaju brže za posjetitelje vaših web stranica. Ako imate transparentnost, odaberite png-24. Ako ne znate što znači transparentnost, trebali biste odabrati jpg.

  • 07 - Odaberite kvalitetu slike

    Odaberite kvalitetu slike u programu Photoshop CS5. Snimak zaslona Bryan Haines

    Svaka od tri opcije jpg-a (Visoka, Srednja i Niska) imaju unaprijed postavljene postavke kvalitete - sve to može biti ručno podešeno. Ako gledate na 100%, možete odrediti kakvu kvalitetu trebate. Da biste podesili razinu zumiranja, pogledajte 5. korak. Slika će izgledati isto on-line kao u prozoru pregleda.

    Ako ste odabrali bilo što drugo osim jpg-a, možete preskočiti ovaj korak.

  • 08 - Spremite datoteku

    Spremite datoteku u Photoshop CS5. Snimak zaslona Bryan Haines

    Kada napravite potrebne prilagodbe spremni ste za spremanje datoteke. Kliknite "Spremi" i odaberete naziv mape i datoteke za ovu novu sliku.

    Čestitamo! Nova datoteka spremna je za upotrebu na mreži.