Zmenšování fotek pro použití na internetu ve Photoshopu

Úpravy fotek
Odpovědět Téma
Avatar uživatele
leschek
Administrátor
Příspěvky: 2049
Registrován: 23 Říj 2005 21:22
Tykání: Yes
Kontaktovat uživatele:

Zmenšování fotek pro použití na internetu ve Photoshopu

Nepřečtený příspěvek od leschek »

Zmenšování rozměrů obrázku pro použití na internetu ve Photoshopu

Nedávno jsem napsal návod na zmenšování fotek pro použití na internetu v programech, co jsou zadarmiko, ale pokud máte Photoshop, tak by asi byla hloupost ho nevyužít a zmenšovat obrázky v jiných programech. Zvlášť když ve Photoshopu máte vynikající kontrolu nad celým procesem.

1. Zmenšení rozměrů fotky

1829

Klikněte na „Image“ („Obraz“) -> “Image Size” („Velikost Obrazu“ – klávesová zkratka „Alt + Ctrl + I“) -> vyskočí okno, v jehož horní části je zobrazena velikost obrázku, kterou můžeme změnit. Pokud je za okýnkama vidět symbol řetězu, tak stačí změnit jen jeden rozměr (700 pixelů je dobrá délka delší strany) a druhý se dopočítá sám. Pokud tam řetěz nemáte, odfajfkujte “Constrain Proportion” („Zachovat proporce“). Po změně velikosti stačí kliknout na tlačítko OK a rozměry obrázku se zmenší.

2. Zmenšení velikosti souboru fotky a uložení

Pro uložení a zmenšení velikosti souboru fotky klikněte na „File“ („Soubor“) -> “Save for Web” („Uložit pro web“ – klávesová zkratka „Shift+Ctrl+Alt+S“) -> otevře se velké okno, ve kterém můžete vidět kvalitu obrázku měnící se v reálném čase podle vašich nastavení. Všimněte si, že na levé straně pod obrázkem můžete vidět formát fotografie a, což je důležité, její velikost. Velikost souboru závisí na tom, jak je obrázek barevný, jak složité jsou barevný plochy (zelené dveře se dají uložit do menšího souboru než detail stejně zeleného koberce, na kterém je vidět každá nitka) a taky na tom, jak je obrázek zaostřen (ostřejší obrázky zaberou víc místa – vlastně je to tím, že je na nich vidět víc detailů – viz dveře/koberec vysvětlení). Velikost souboru a z toho vycházející kvalitu fotky můžete měnit několika způsoby. Před tím ještě ale odfajfkujte „Progresivní uložení obrázku“ („Progressive“), což umožní postupné načítání obrázku na stránkách (je to lepší pro lidi s pomalým připojením nebo, pokud je na stránce víc obrázků – obrázek se načte jakoby v horší kvalitě, která se postupně vylepšuje).


a. V okýnku označeným „Preset“ („Předvolba“) si vyberete jednu z přednastavených předvoleb.

1830

Nebo

b. Vyberete si formát, ve kterém chcete fotku uložit (budu předpokládat, že to bude JPEG) a v okýnku pod volbou formátu si zvolíte, jakou kvalitu fotky chcete (nízká, střední, vysoká, velmi vysoká a maximální). V okýnku napravo můžete vidět kvalitu obrázku v procentech (automaticky se mění podle toho, kterou kvalitu nastavíte – 80 % je ve většině případů postačující kvalita). Pokud chcete trošku víc kontroly, můžete měnit přímo kvalitu v procentech.

Nebo

c. Potřebujete se dostat s fotkou na určitou velikost souboru, kterou nechcete z jakéhokoliv důvodu překročit. V tomto případě je nejlepší kliknout na malý trojúhelník v kolečku, z nabídky vybrat „Optimize to file size“ („Optimalizovat na velikost souboru“), do vyskočeného okna zadat maximální velikost obrázku (pro 700 px obrázek to při docela solidní kvalitě bude něco mezi 80 a 100 kb) a kliknout na OK.

V posledním kroku klikněte na „Save“ („Uložit“), vyberte místo ve vašem PC, kam chcete fotku uložit a klikněte na tlačítko „Uložit“.

3. Jednoduché zaostření obrázku.

1831

Při zmenšování se často obrázek rozostří. Ve Photoshopu je několik možností doostřování obrázku. Některý např.: „Sharpen“ („Zostřit“) a „Sharpen More“ („Zostřit více“) nemají žádný nastavení. Jenom na volbu klikáte tak dlouho, až je obrázek zaostřen.
Jestli máte obrázek hodně velký, a chcete dosáhnout co nejlepší kvality, je nejlepší zmenšovat a zaostřovat obrázek v několika krocích (např. původní obrázek má velikost 4000 x 3000 px. Poprvé ho zmenšíte na 1500 px, doostříte a podruhé ho zmenšíte na konečných 700 px a opět lehce doostříte.)

V pruhu nabídek vyberte „Filter“ („Filtr“) -> “Sharpen” („Zostření“) -> “Unsharp Mask” („Doostřit“). Otevře se okno s několika jezdci. Na horním jezdci „Amount“ („Míra“) nastavíte sílu účinku. Čím je jezdec víc vpravo, tím je účinek silnější.

Prostřední jezdec „Radius“ (Poloměr“) určuje poloměr, ve kterém jsou pixely ostřeny. Čím je jezdec víc vpravo, tím je účinek silnější. Většinou se zadává hodnota 1 px. Pro obrázky s vysokým rozlišením to bývá 1-2 px.

Dolní jezdec „Threshold“ („Práh“) určuje, jak musí být pixel jasný před tím, než bude zaostřen. Čím víc je vpravo, tím je obrázek méně ostrý. Když zadáte 0, budou všechny pixely v obrázku zaostřeny.

Klasické nastavení je mít spodní jezdec na nule, prostřední na jedničce a horním určujete zaostřenost obrázku podle náhledu.

Více o doostřování naleznete v příspěvku o Ostření fotek pomocí filtru „Unsharp Mask“ („Doostřit“) v režimu prolnutí „Luminosity“ („Světlost“) nebo v příspěvku o Ostření fotek pomocí filtru „Unsharp Mask“ (Doostřit) v LAB barvách.

4. Jednoduchý rámeček

1832

Klikněte na „Image“ („Obraz“) -> „Canvas Size“ („Velikost Plátna“ – klávesová zkratka „Alt + Ctrl + C“) -> vyskočí okno, v jehož horní části je zobrazena velikost plátna. Pod tím najdete okýnka, ve kterých můžete změnit velikost plátna (představte si to jako obraz, který přemalujete na větší plátno) a určit jednotku, ve které se budou změny měřit.

V malém čtverečku si můžete odfajfkovat, jestli chcete velikost plátna určit relativně (zatrženo) – určíte počet pixelů, o které se plátno zvětší, a které budou tvořit rámeček (např. v případě, že je obrázek 700x500 px velký a chcete rámeček o velikosti 1 pixelu okolo celého obrázku, zadáte hodnoty pro šířku 2 px a 2 px pro délku). Nebo možnost nezatrhnete a musíte napsat absolutní hodnotu plátna (např. v případě, že je obrázek 700x500 px velký a chcete rámeček o velikosti 1 pixelu okolo celého obrázku, zadáte délku 702 a šířku 502 px).

V devíti čtverečcích si vyberete, kde bude váš obrázek a kam se bude plátno zvětšovat.

Úplně dole si vybíráte barvu plátna. Můžete si vybrat buď barvu pozadí, popředí, bílou, černou a šedou nebo si vybrat barvu vlastní.

Docela dobrý je, že můžete plátno zvětšovat postupně (např. uděláte bílou linku o velikosti 1 px dole a nahoře a pak ještě přidáte okolo celého obrázku černej rámeček o velikosti 30 px).

Na konci tohoto příspěvku si můžete stáhnout jednoduchou akci, která vytvoří kolem fotky jednopixelový rámeček.
Přílohy
ramecek.zip
Akce, která vytvoří kolem fotky jednoduchej bílej 1px rámeček.
(407 Bytů) Staženo 172 x
Avatar uživatele
leschek
Administrátor
Příspěvky: 2049
Registrován: 23 Říj 2005 21:22
Tykání: Yes
Kontaktovat uživatele:

Nepřečtený příspěvek od leschek »

Zmenšování fotek pomocí příkazu „Fit Image“ ve Photoshopu

Zmenšování fotek pomocí příkazu na „Image“ („Obraz“) -> “Image Size” („Velikost Obrazu“), které jsem popsal v předchozím příspěvku, funguje bezvadně, ale má jednu nevýhodu a to, že pokud chcete zmenšování zautomatizovat, musíte vytvořit dvě akce. Jednu pro fotky nastojato a druhou pro fotky naležato. To moc nevadí u jednotlivých fotek, ale při dávkovém zpracování obrázků, už to může způsobit menší problém.

Proto jsem se skoro přestal kontrolovat a radostně zařičel, když mi při vyměňování zkušeností s prací v PS jeden známej ukázal příkaz, který zachová poměr stran a zmenší fotku nezávisle na tom, jestli je vyfocená nastojato nebo naležato. Příkaz „Fit Image“ (tak se jmenuje) najdete přinejmenším v PS CS3 a CS4 a pravděpodobně i v dřívějších, i když ruku do ohně bych za to nedal.

Celý to funguje velmi jednoduše. Klikněte na „File“ („Soubor“) -> „Automate“ („Automaticky“) -> „Fit Image“ („Vyplnit obraz“? – opravdu si nejsem jist, jak se to překládá do češtiny).
Otevře se následující okýnko, do kterého zadáte novou výšku a šířku obrázku a kliknete na OK.

1833

Jestli zadáte obě hodnoty stejně, tak se delší strana zmenší na vámi zadaný rozměr a kratší se dopočítá tak, aby byl zachován poměr stran.

Na konci tohoto příspěvku si můžete stáhnout akci, která zmenší obrázek na vámi zadanou velikost (výchozí je 798 px), zaostří ho pomocí filtru „Unsharp Mask“ („Doostřit“) v režimu prolnutí „Luminosity“ („Světlost“) a udělá kolem něho okraj o velikosti jednoho pixelu (akci je možno před tímto úkonem ukončit). Nakonec, při zachování výchozích hodnot dostanete obrázek, který bude mít delší stranu 800 px (798 px obrázek + 2 x 1 px okraj na každé straně obrázku).

V případě problémů s nahráváním akcí do PS si přečtěte tento návod.
Přílohy
Zmenšení obrázku.zip
Akce do Photoshopu na zmenšování fotek popsaná v tomto příspěvku.
(945 Bytů) Staženo 214 x
Odpovědět