Hoe om beelde vir die web op te slaan in Photoshop

Een van die meer kritiese funksies wat Photoshop bied, is die funksie Stoor vir web / toestelle .

Hoekom gebruik dit? Terwyl jy net jou lêer kan stoor in 'n standaard metode, is die lêer Save / Save as die lêer Save / Save ( Save for Web / Devices) van kritieke belang.

Hierdie hulpmiddel werk goed vir die uitruil van Twitter-ikone, Facebook-profielfoto's, produklêers, blogprente en bronlêers vir favicons.

  • 01 - Maak jou bron lêer oop

    Lêer / Open Photoshop. Screenshot van Bryan Haines

    Om te begin moet jy na File / Open gaan om jou lêer oop te maak. Dit kan in enige formaat wees - jpg, gif, psd, png of ander. Solank as wat Photoshop dit kan oopmaak, kan u dit vir die web uitvoer.

  • 02 - Jou lêer vir die web stoor

    Lêer Stoor Photoshop CS5. Screenshot van Bryan Haines

    Ons gaan vorentoe slaan om vir die web te spaar, met die veronderstelling dat u enige aanpassings gemaak het wat u benodig. Natuurlik, as jy die prent moet wysig, doen dit eers en gaan voort met hierdie stap later.

    Gaan na File / Save for Web / Devices en klik. Dit is omtrent halfpad in die keuselys.

    Hierdie proses verander glad nie jou oorspronklike lêer nie. Jy skep 'n nuwe lêer. Sodra jy hierdie tutoriaal voltooi het en terugkeer na jou oorspronklike prent in Photoshop, moet jy daardie lêer stoor as jy enige veranderinge daaraan aangebring het. Dit is belangrik om jou nuwe prent as jou oorspronklike een te noem. Dikwels kan jy net _web by die lêernaam voeg. (voorbeeld: lêernaam_web.jpg)

  • 03 - Vergelyk vertoning aan 2-op

    By-sy-vergelyking Photoshop CS5. Screenshot van Bryan Haines

    Afhangende van jou instellings, moet jy dalk die aansig hier aanpas. Wat jy wil, is 'n linker en regter vergelyking van jou prent. Die linkerkant sal die oorspronklike wys, die reg sal die beeldkwaliteit wys by die huidige instellings.

    As jy langs die bokant van die venster kyk, sal jy die volgende opsies sien: Oorspronklike, Geoptimaliseerde, 2-up, 4-up. Vir die meeste doeleindes is 2-Up wat jy wil hê.

  • 04 - Stel jou lees grootte op 100%

    Verstel aansig tot 100% in Photoshop CS5. Screenshot van Bryan Haines

    Om te verseker dat u 100% besigtig, kyk die opsie in die onderste linkerhoek van die skerm.

    Dit is belangrik om te onthou dat as jy jou beeld 'n hoër as 100% sien, dit korrel of moontlik selfs onduidelijk sal lyk. Werk altyd met die prent teen 100%.

  • 05 - Kies lêer afmetings

    Lêer Dimensies kies in Photoshop CS5. Screenshot van Bryan Haines

    Afmetings vir die web is amper altyd in pixels (px). Dit is belangrik om die verhoudings korrek te hou. Behalwe die beeldkassie is 'n klein prentjie van 'n ketting skakel. Wat dit wel doen, is die breedte skaal wanneer jy die hoogte aanpas. Byvoorbeeld, 'n beeld wat 600px by 400px is. As u die breedte verminder tot 300px, sal die lêer outomaties skaal tot 200px. As dit afgeskakel is, sal die prent vervorm word.

    U het ook die opsie om die beeld te skaal volgens persentasies.

  • 06 - Kies die Lêertipe vir Uitvoer

    Die lêer tipe kies vir uitvoer in Photoshop CS5. Screenshot van Bryan Haines

    In hierdie opsie maak die tipe oorspronklike lêer nie saak nie. U kan kies watter lêer u ook al benodig.

    Nota: om die proses te begin moet jy op die prentjie regs kliek. Die beeld moet gekies word om verwerk te word.

    Die mees algemene is jpg vir die web - dit is die kleinste lêerformaat, wat beteken dat dit vinniger afgelaai word vir jou besoekers. As u deursigtigheid het, kies png-24. As jy nie weet wat deursigtigheid beteken nie, moet jy jpg kies.

  • 07 - Kies beeldkwaliteit

    Kies beeldkwaliteit in Photoshop CS5. Screenshot van Bryan Haines

    Elk van die drie jpg opsies (Hoog, Medium, Laag) het vooraf ingestelde kwaliteit instellings - wat almal handmatig aangepas kan word. As jy teen 100% kyk, kan jy besluit watter kwaliteit jy benodig. Om die vlak van soom aan te pas, sien Stap 5. Die prent sal dieselfde aanlyn lyk soos in die voorskou venster.

    As jy iets anders as jpg gekies het, kan jy hierdie stap oorskiet.

  • 08 - Stoor jou lêer

    Stoor jou lêer in Photoshop CS5. Screenshot van Bryan Haines

    Sodra u die nodige aanpassings gemaak het, is u gereed om die lêer te stoor. Kliek op 'Stoor' en kies die gids en lêernaam wat jy wil hê vir hierdie nuwe prent.

    Baie geluk! Jou nuwe lêer is gereed om aanlyn gebruik te word.