Bármilyen, az Adobe Photoshop grafikus szerkesztő által olvasható digitális kép előkészítése, legyen az PSD fájl, TIF kép vagy "nagy" JPEG kép, weboldalon, fórumon vagy a közösségi hálózatokon, valamint a szállításhoz email. Más szóval, jpeg az internethez. Rímben sikerült.

Természetesen a Photoshop által olvasható képformátumok aligha korlátozódnak erre a háromra. És ami jó, a legtöbb JPEG formátumba konvertálható. Az eredeti formátumtól függetlenül a Photoshopban kétféleképpen lehet "japegizni". A választás lehetősége duplán kellemes. Mindkét út más. A külső különbségek szabad szemmel tárulnak fel, a célbeli különbségek („Melyik utat követendő?”) külön kiemelem.

Ebben az oktatóanyagban két lépésről-lépésre szóló utasítást mutatok be a szükséges elméleti „foltokkal”. Úgy tervezték, hogy megmutassa, hogyan mentheti a legjobban virtuális rajzát, kollázsát vagy fényképét egy széles körben használt formátumban JPEG formátum. Ez utóbbi a leghatékonyabb a sima színátmenetű képeknél.

A megszerzett ismeretek megszilárdítására, bővítésére, valamint egy készség fejlesztésére a megfelelő gyakorlatokat készítettem el. Azt javaslom, hogy töltse ki őket, majd tegye közzé eredményeit a lecke megjegyzéseiben. Próbáld ki tudásodat „terepi körülmények között”!

Első út

1 lépés

nyisd ki eredeti kép a Photoshopban. Az én esetemben ez egy "Example.psd" nevű fájl, amely egy rajzolt golyót tartalmaz.

Megnyomom a „Ctrl”, „Shift” billentyűkombinációt és a latin „S” betűvel jelölt billentyűt a billentyűzeten, vagy kiválasztom a „Fájl” („Fájl”)> „Mentés másként…” (“Mentés másként” . ..”) a főmenüben. Megjelenik a „Mentés másként” párbeszédpanel.

2 lépés

Kiválasztom a leendő JPEG kép helyét. A "Fájlnév" mezőben adjon meg egy új nevet a képnek, ha szükséges. A "Fájltípus" legördülő listában kiválasztom a "JPEG (*.JPG, *.JPEG, *.JPE)" formátumot.

Az alábbi paramétereket változatlanul hagyom, ügyelve arra, hogy a "standard" sRGB legyen megadva és kiválasztva a jövőbeli JPEG képbe beágyazott színprofilként. Ha igen, akkor lépjen a 4. lépésre.

Ha az sRGB helyett más van megadva színprofil, például ProPhotoRGB vagy AdobeRGB, a leckében tárgyalt eljárás megkezdése előtt az eredeti képet sRGB színtérre konvertálom, hogy a legtöbb eszközön egységesen jelenítse meg a színeket. A következő módon fogom megtenni.

3 lépés

Megnyomom az Esc billentyűt a billentyűzeten a Mentés másként ablak bezárásához.

A főmenüben kiválasztom az „Image” („Kép”)> „Mode” („Mód”) lehetőséget. Ha a "tick" a "8 bits\channel" ("8 bits\csatorna") ellenében van beállítva, akkor a "16 bits\channel" ("16 bits\Channel") lehetőséget választom. A színmélység növelése kívánatos, hogy az egyik színprofilról a másikra való átalakítás zökkenőmentesen menjen végbe. A színmélység változása vizuálisan alig befolyásolja az eredeti és a végleges képeket.

Ezután a főmenüből a "Szerkesztés" > "Konvertálás profilba" lehetőséget választom. Megjelenik a "Konvertálás profilba" című párbeszédpanel.

Az én esetemben a forrás színprofil ("Source Space"), amely leírja a rajz színeit, az "Adobe RGB (1998)" nevet viseli. A "Célterület" legördülő listában kiválasztom az "sRGB IEC61966-2.1" értéket. Ellenőrzöm a konverziós paramétereket - az alábbiakban találhatók: az "Eszköz" ("Motor") paraméter beállítása "Adobe (ACE)", "Módszer (rendering)" ("Intent") - "Relative Colorimetric" ("Relatív" Kolorimetrikus") beállítva Nincs pipa a „Feketepont-kompenzáció használata” opció mellett, nincs pipa a „Kép lapítása a megjelenés megőrzése érdekében” opció mellett.

Ha növelte a színmélységet (ezt egy kicsit korábban tettem), akkor a "Dither használata" opció inaktív lesz. Ha csak egy réteg van a megnyitott képben (amikor JPEG-eket vagy "egyszerű" TIF-eket nyit meg, általában az), akkor a Kép egyesítése a nézet megőrzéséhez szintén le van tiltva.

Rákattintok a „Befejezés” („OK”) gombra. Az Átalakítás profillá ablak eltűnik.

4 lépés

A program főablakában egy új párbeszédpanel jelenik meg "JPEG-beállítások" címmel. A "Minőség" paraméter lehetővé teszi a kimeneti kép minőségének és a kép által a számítógép memóriájában elfoglalt térfogat arányának beállítását. Így a hangerő csökkentéséért járó fizetés az eredeti kép minőségének romlása. Minél alacsonyabb a Minőség beállítás, annál kisebb a JPEG kép mérete.

Ebben a példában a 6-os értéknél megállok.

A kép minőségének értékeléséhez a mentés előtt bejelölöm az „Előnézet” paraméter melletti négyzetet.

5 lépés

Állítsa be a második paraméter - "Formátumbeállítások" - értékét a "Normál optimalizált" ("Alapvonal optimalizált") értékre. A jövőbeli JPEG kép hangereje csökkent, de a képminőség változatlan marad.

6 lépés

A JPEG beállítások ablakban rákattintok az OK gombra, és megnézem az eredményt.

Összehasonlítom az eredeti PSD-rajz (~ 3000 Kb) és a végleges JPEG-kép (82 Kb) térfogatát. Így a JPEG fájl körülbelül 36-szor kisebbnek bizonyult, mint az eredeti kép, vizuálisan azonos minőségben. Kényelmes!

Felhívom a figyelmet, hogy a végleges JPEG kép mérete változatlan marad, az eredeti PSD képhez hasonlóan 2480 pixel × 2480 pixel.

Második út

1 lépés

Photoshopban megnyitom az eredeti képet.

Megnyomom a billentyűzeten a "Ctrl", "Alt", "Shift" billentyűkombinációt és a latin "S" betűvel jelölt billentyűt, vagy kiválasztom a "Fájl" > "Mentés webre ..." ("Mentés" webhez…»).

Megjelenik egy új párbeszédpanel azonos címmel.

2 lépés

3 lépés

A "Minőség" ("Minőség") paraméter értékét maximumra állítottam.

4 lépés

A kép méretét az "Image Size" paraméterrel csökkentem.

Ez egy opcionális művelet, de jelentősen csökkenti a jövőbeli JPEG-kép méretét, leggyakrabban minimális minőségveszteséggel. A méret csökkentése egyrészt a térfogat természetes csökkenéséhez, másrészt a részletezés csökkenéséhez vezet. Ez utóbbi viszont korlátozza a végső JPEG kép kinyomtatását. Ha nem tervezem kinyomtatni a legújabbat, akkor elfelejtem a korlátozásokat.

BAN BEN ezt a példát A „Width” mezőbe 600 értéket írok be, a „Magasság” mezőben lévő érték automatikusan megváltozik. Ezenkívül a kimeneti kép mérete automatikusan át lesz méretezve az eredeti kép méretéhez képest, amelyet a „Százalék” mezőben ad meg. A változások automatikusan megtörténnek, és a "Százalék" mező aktív állapotban van, ha a "Szélesség" és a "Magasság" mező-paraméterek össze vannak kapcsolva, amit a megnevezett mezőktől jobbra található megfelelő ikon bizonyít.

A bal oldali előnézeti ablakban értékelem a kép méretét és minőségét. Utóbbi hozzávetőleges mennyiségét pedig az ablak bal sarka alatt jelzett számmal tudom megtudni, általában kilobyte-ban (Kb) vagy megabájtban (Mb).

5 lépés

Bejelölöm az „Optimalizált” paraméter melletti négyzetet.

6 lépés

Ha tovább szeretném csökkenteni a kimeneti kép méretét, akkor csökkentem a „Minőség” paraméter értékét („Minőség”). Azt javaslom, hogy a 45-90 közötti értékekhez ragaszkodjunk.

Ebben az esetben a 75-ös értéket választom.

Ennek eredményeként egy megabites (1 Mbit) internet-hozzáférési sebesség mellett a rajzom internetről történő letöltési ideje átlagosan egy másodperc lesz. A jövőbeli JPEG-kép hangerő-értéke alatt látható.

Ugyanakkor vizuálisan a kép meglehetősen elfogadható minőségűnek bizonyult, a tónusátmenetek meglehetősen simák.

7 lépés

Bejelölöm a „Convert to sRGB” opció melletti négyzetet, és kiválasztom a „Monitor Color” értéket az alábbi legördülő listából.

8 lépés

Végül bejelölöm a "Színprofil beágyazása" opció melletti négyzetet.

A 7. és a 8. lépést célszerű elvégezni, hogy a jövőbeli JPEG-kép megközelítőleg azonos legyen a különböző eszközökön.

9. lépés

Az „Optimalizált másként mentése” („Save Optimized As”) címmel megjelenő párbeszédpanelen kiválasztom a JPEG kép helyét, és szükség esetén beállítom a nevét. Az aktív ablakban a "Mentés" gombra kattintok. Mindkét ablak eltűnik. Most már tudom értékelni az eredményt.

Zárja be az eredeti képet. A megjelenő párbeszédpanelen, amely a módosítások mentésére kéri, válassza a "Nem" ("Nem") lehetőséget.

A második módszerrel kapott kép kényelmesen használható az interneten való közzétételhez. Az első módszerrel kapott kép pedig az internetes publikálás mellett ki is nyomtatható. Tekintettel arra, hogy a kép mérete nem változott, nem vetettük alá interpolációt, ami azt jelenti, hogy a minősége eleve jobb, mint a második módszerrel kapott kép minősége.

Az interpolációról és annak a digitális képminőség romlására gyakorolt ​​hatásáról a „Mi az interpoláció?” című leckében fogok többet mondani.

A megszerzett ismeretek megszilárdításához azt javaslom, hogy ne csak mentsen el több saját fényképét JPEG formátumban, hanem végezze el a leckéhez mellékelt gyakorlatokat is. Ez utóbbiak a fotózás során felmerülő kihívásokat fedik le.

Ma arról fogunk beszélni, hogyan lehet megfelelően menteni és optimalizálni egy képet a Photoshopban, és milyen formátumban jobb megtenni. De jó választás mentési formátum nagyban befolyásolja a minőséget és kinézet képeket, valamint a kép súlyát kilobájtban. Ez különösen fontos azok számára, akik figyelembe veszik a forgalom fogyasztását. Szóval, foglalkozzunk a jpg, gif és png sorrendben.

1. Milyen formátumokba mentse a képeket
Miután megnyitotta kedvenc fényképét a Photoshopban, és valamilyen módon átvarázsolta, vagy általában a semmiből készített egy kollázst saját produkciójából, el kell mentenie ezt a fájlt a számítógépére. Három leggyakoribb formátum létezik a fájlok mentésére.

jpg formátumban. Talán a leggyakoribb formátum. Komplex tárolására alkalmas grafikus képek sok színnel és árnyalattal és gazdag textúrával. Vagyis a fényképeket a legjobb ebben a formátumban menteni. Hátrányai közé tartozik, hogy nem támogatja az átlátszóságot és nagyon érzékeny a vörösre.

gif formátumban. Ez a formátum nagyon jó fájlok mentésére, a korlátozott számban színek. Például, szöveges oldalak, táblázatok, diagramok, logók, egyszerű képek. Sokkal tisztábbnak és kisebb súlyúnak bizonyul. Ráadásul a formátum támogatja az átlátszóságot és az animációt. A formátum azonban erkölcsileg elavult, és máris gyengébb a png formátumnál.

png formátumban. Hasonló az előző formátumhoz, de fejlettebb és hatékonyabb a képek tömörítése. Png-ben nagyon kényelmes a clipart átlátszó háttérre menteni. Két formátum létezik: png-8 (egyszerű képekhez, 256 színt támogat) és png-24 (továbbiakért) összetett képek, jól támogatja a színeket).

2. Mentse a "Mentés másként..." (Mentés másként...) segítségével.
A képet a régi jó módszerrel mentheti a "Fájl" -\u003e "Mentés másként..." (Mentés másként...) menüben vagy a "Shift + Ctrl + S" billentyűkombinációval. A legördülő menüben válassza ki azt a fájlformátumot, amelyben a fájlt menteni szeretnénk. (Lásd az alábbi képet) Ezt a módszert akkor alkalmazzuk, ha az elmentett kép a számítógépén marad, és nem az interneten való közzétételre szolgál.

3. Mentse a „Mentés webre” (Save for Web...) segítségével.
Ha a képet az internetre kívánják közzétenni, akkor jobb a „Mentés webre” (Save for Web…) funkció használata. Ezzel a módszerrel a kép egyre jobban menthető kifejezetten az internetre, ráadásul számos kényelmes funkció is van. A menüben válassza a "Fájl" -> "Mentés webre ..." (Mentés webre ...) vagy az "Alt + Shift + Ctrl + S" billentyűkombinációt. Megnyílik egy párbeszédpanel.

A kép jpg formátumban történő mentéséhez a legördülő menüben (1) válassza ki a JPEG formátumot. A tartósítás minőségét (2) 75%-ról 95%-ra állítottuk be. Én mindig 75%-ot teszek rá. Ha szükséges, állítsa be a kép kívánt méreteit (3). A bal oldali négyzetek az eredeti képméretet (4) és az optimalizált képméretet (5) mutatják. Ezt követően kattintson a "Mentés" gombra.

A kép gif formátumban történő mentéséhez a legördülő menüben (1) válassza ki a GIF formátumot. Válassza ki a menteni kívánt színek számát (2). Ha szükséges, állítsa be a kép kívánt méreteit (3). A bal oldali négyzetek az eredeti képméretet (4) és az optimalizált képméretet (5) mutatják. Ezt követően kattintson a "Mentés" gombra.

Kép mentése ide png formátumban a legördülő menüben (1) válassza ki a PNG-8 formátumot. Válassza ki a menteni kívánt színek számát (2). Ha szükséges, állítsa be a kép kívánt méreteit (3). A bal oldali négyzetek az eredeti képméretet (4) és az optimalizált képméretet (5) mutatják. Jelölje be az „Átlátszóság” (6) jelölőnégyzetet, hogy a háttér átlátszó legyen. Ezt követően kattintson a "Mentés" gombra.

Ha nem egyértelmű, hogy melyik módban kell menteni, akkor a legjobb, ha kipróbálja az összes mentési módot, és szemrevételezéssel határozza meg a képminőség és annak súlyának megfelelő kombinációját az optimalizálás után. Általában hasznos kísérletezni a beállításokkal, hogy megértsük, hogyan működik egy adott funkció.

09.11.2018 09.11.2018

Amikor a Photoshopban elkészült a munka, el kell menteni.

Attól függően, hogy milyen feladathoz menti a fájlt, ki kell választania a formátumot. Ebben a cikkben megvizsgáljuk, hogyan kell menteni, és melyik fájlformátumot válasszuk.

Milyen formátumba kell menteni a fájlt?

PSD. Ez a Photoshop szabványos fájlformátuma. Ebben elmenti a fájlt, hogy bármikor folytathassa a munkát. PSD formátumban nem fogja tudni megmutatni barátainak (szülőknek, barátnőknek stb.) az Ön által rajzolt fotót vagy grafikát. Ez a formátum csak Photoshoppal nyitható meg.

JPG. A formátum kiválóan alkalmas fényképekhez és egyéb grafikákhoz. A Photoshopban való mentés előtt optimalizálhatja a mentett adatokat JPG fájl- ez azt jelenti, hogy beállíthatja a képminőséget úgy, hogy a fájlméret megfeleljen Önnek. A formátum bármely számítógépen és telefonon megnyílik. Jó döntés fényképeket mutatni a rokonoknak, grafikákat küldeni a munkába, hátteret menteni az oldalhoz stb.

PNG. Főleg tervezők használják grafikákhoz weboldalakon, online reklámokhoz (bannerekhez), grafikákhoz mobil alkalmazások stb. A formátum figyelemre méltó, hogy támogatja a kép átlátszóságát. Ha átlátszó háttérre kell mentenie egy objektumot, mentse el PNG formátumban.

gif. Ezt a formátumot használja, ha el akarja menteni az animációt. Például, animált banner, hangulatjel, rövid videó vagy matrica. Emlékezzen az összes jól ismert GIF-re, amelyek az interneten járnak - ez csak ez a formátum.

Hogyan lehet PSD-re menteni

Adjon nevet a fájlnak, és válassza ki a PSD formátumot (általában alapértelmezés szerint van kiválasztva).

Feltétlenül jelölje be a jelölőnégyzetet Rétegek. Ellenkező esetben nem lesz minden mentve, és nem lesz haszna az ilyen fájlmentésnek.

Hogyan lehet menteni JPG formátumban

  1. Hajtsa végre a parancsot Fájl – Mentés.
  2. Válasszon formátumot JPG.

Ezt követően megjelenik egy ablak, ahol beállíthatja a mentett fájl paramétereit.

Itt állíthatja be a fénykép minőségét az érték beállításával Minőség 1-től 12-ig.

Jelölje be az előnézeti opció jelölőnégyzetét, és látni fogja, hogyan változik a fénykép minősége az opció megváltoztatásakor Minőség.

Ezenkívül azonnal láthatja, hogy a fájl mennyi súlyú lesz, amikor elmenti. Minél kisebb a fájl, annál gyorsabban küldheti el az interneten keresztül, annál gyorsabban tölti be egy másik felhasználó. Ne feledje, hogy senki sem szeret sokáig várni a fényképek internetre történő feltöltésére, különösen mobiltelefonon keresztül.

A formátum egy változatát érdemes meghagyni Haladó. Most nem megyünk bele a technikai részletekbe, de ez a lehetőség a legjobb.

Mentéskor módosítani kell a minőséget, hogy a kép ne szenvedjen sokat, miközben a fájl mérete jelentősen csökken.

Hogyan lehet menteni PNG-ként

A fényképeket nem kell PNG formátumban menteni. Használja ezt a formátumot, ha jó minőségű képet szeretne menteni átlátszó háttér.

Megjelenik egy ablak a mentett kép beállításaival.

Válassza a PNG-24 formátumot - ez lesz minőségi kép a legkisebb reszelősúllyal és minden színnel.

Jelölje be a négyzetet Átláthatóság hogy a képnek átlátszó háttere legyen.

Lehetőségek - átlapoltÉs Beágyazott profil el kell távolítani, mert Ez extra és szükségtelen terhelést jelent a fájlon.

átlátszó háttérrel a Photoshopban mentett kép

Hogyan lehet menteni GIF-ként

Válassza a GIF formátumot.

A GIF formátum komolyan tömöríti a képet színekben és ennek megfelelően a fájl súlyában. Itt maximum 256 szín érhető el.

Ne felejtse el bejelölni a mellette lévő négyzetet Átláthatóság hogy szükség esetén átlátszó háttérrel rendelkezzen.

Adaptív a színes modell a legjobb, ha maximális minőségben szeretne spórolni.

nyavalygás 100%-ra állítottam, ilyenkor simábbak a gradiens átmenetek.

Ha van animációja a GIF-ben, akkor beállíthatja az ismétlések számát. Általában fel sokszor hogy az animáció végtelenül megismételhető legyen.

Most már tudja, hogyan menthet a Photoshopban a legnépszerűbb formátumok használatával. Van kérdésed? Meghívom, hogy kommentálja.

Az Adobe Photoshop egy népszerű többfunkciós grafikus szerkesztő. Sok felhasználó szembesül vele, különösen fényképek és képek feldolgozásakor. Hogyan lehet dokumentumot menteni a Photoshopban? Ez a grafikus szerkesztő egyik fő funkciója. A következőkben minden lehetséges módszerek képek mentése. Az Ön figyelmébe ajánlott tippek nagyban megkönnyítik a Photoshoppal való munkafolyamatot. Könnyen megtanulhatók és a gyakorlatba is átültethetők.

Rendszeres mentés

Hogyan lehet fotót menteni a Photoshopban? Az első elérhető opció: grafikus szerkesztő, a "Mentés" parancs. Általában egy korábban megnyitott dokumentum feldolgozásakor használják. A parancs végrehajtása során a korábban meglévő objektum helyére a szerkesztett kép kerül.

  1. Nyissa meg a fényképet, és szerkessze tetszés szerint.
  2. Kattintson a "Fájl" gombra. A képernyő tetején található eszköztáron található.
  3. Kattintson a "Mentés..." gombra.

Fontos: ha a felhasználó a semmiből hozott létre egy grafikus dokumentumot, a végrehajtott műveletek után egy mentési napló jelenik meg a képernyőn. Itt meg kell adni a dokumentum nevét, tárolási formátumát és a kívánt helyet a számítógépen.

"Mentés másként..." opciót

A grafikus fájlok mentésének második módja a "Mentés másként..." parancs használata. Ez a technika hasonló a korábban vizsgált cselekvési algoritmushoz. Különféle mentési lehetőségeket kínál. A módszer kiválóan alkalmas képek sokszorosítására.

  1. A dokumentum szerkesztése után kattintson a "Fájl" gombra.
  2. Válassza a "Mentés másként..." lehetőséget a megjelenő menüből.
  3. Adja meg a mentett dokumentum nevét.
  4. Válasszon egy mentési formátumot. A "Fájltípus" sorban található.
  5. Adja meg a grafikus dokumentum mentési helyét.
  6. Kattintson a "Mentés" gombra.
  7. Adja meg a fényképezési beállításokat. Általában itt van kiválasztva a képminőség és a formátum típusa. Megadhat szabványos vagy továbbfejlesztett optimalizálást, vagy a képminőség fokozatos javulását a betöltés során.
  8. Kattintson az "OK" gombra.

Ez kész. Megtanultunk egy másik módot a dokumentumok Photoshop segítségével történő mentésére. Az opció gyors aktiválásához nyomja meg a Ctrl + Shift + S billentyűket.

Fájl bezárásával

  1. Lépjen a kiválasztott kép lapjára.
  2. Mozgassa a kurzort jobbra felső sarok lapokat a megfelelő dokumentummal.
  3. Kattintson a keresztre a bal egérgombbal.
  4. Fogadja el a dokumentum mentését az „Igen” gombra kattintva.

Fontos: Ha a Nem gombra kattint, a Photoshop bezárul a dokumentum módosításainak mentése nélkül. A "Mégse" gomb változtatás nélkül visszaküldi a felhasználót a szerkesztőbe.

Webes forrásokhoz

Gyakran a "Photoshop" alkalmazást használják weboldalak grafikájának létrehozásakor. Csak a dokumentum helyes mentése marad. Mi kell ehhez?

  1. Válassza a "Fájl" - "Mentés webre..." lehetőséget.
  2. Adja meg a grafikus készletet és a mentési formátumot.
  3. Állítsa be a háttérbeállításokat.
  4. Adja meg a kép minőségét és méretét.
  5. Kattintson a "Befejezés" gombra.

Az opcióhoz való gyors hozzáférés az Alt + Shift + Ctrl + S billentyűparancs segítségével történik.

A háttér és a kép mentése nélküle

Hogyan lehet hátteret menteni a Photoshopban? Ez egy meglehetősen egyszerű feladat. A helyzet az, hogy a felhasználó bármilyen képet használhat háttérként. Már csak be kell állítani a kép említett elemeként.

A háttér létrehozása a Photoshopban a következőképpen történik:

  1. Nyisson meg vagy hozzon létre egy grafikus dokumentumot.
  2. Kattintson az "Új réteg hozzáadása" gombra.
  3. Másolja ki a háttérként használt képet.
  4. Illessze be a képet a létrehozott új rétegre.

Most már el kell végezni a szükséges módosításokat a képen, majd mozgatni a háttérréteget a legaljára.

Hogyan lehet képet menteni a Photoshopban anélkül háttér? Ehhez létre kell hoznia egy .gif vagy .tiff dokumentumot. Célszerű az első opcióval dolgozni. Ehhez aktiválnia kell a "Mentés webre ..." opciót, majd a mentési lehetőségek között jelölje be az "Átlátszó" mellett.

Sziasztok, kedves Start-Luck blog olvasók! Vegye fel a kapcsolatot Andrey Zenkovval és a webdesignhoz kapcsolódó gyakorlati tanácsaimmal. Ma ugyanazokról a kulcsokról fogunk beszélni, amelyek nélkül webhelye soha nem nyitja meg az ajtót a böngésző könyvjelzőinek világába (és nagyon fontos, hogy a felhasználó csillaggal jelölje meg kedvenc oldalait).

Amint azt sejteni lehetett, képekről lesz szó. Egy világos fénykép felvétele csak a csata fele. Feldolgozása, színezése, szövegfedése és egyéb manipulációi után készül a horizont új probléma: hogyan lehet képet menteni a Photoshopban?

Tegyük fel, hogy létrehozott egy webhelyet a házi kedvencekről, és szeretne egy kiterjedt fotógalériát hozzáadni. Bach – és a dizájn el sem képzelhető bájos menüikonok nélkül, mancsnyomok formájában. És mi a helyzet egy vicces animációkkal ellátott szekcióval, amely felvidítja az oldal vendégeit?

Lelkesedéssel illeszti az összes képet, hogy illeszkedjen, mentse el és... lássa, hogy az erőfeszítés hiábavaló. A pixelek teljesen megölik a gondosan megalkotott „mancsokat”, és nem lehet könnyek nélkül nézni a mozgó képeket. A Photoshop automatikusan átkerül az eltávolító programok listájára, és Ön megígéri magának, hogy igazi mesterembert talál. Miért? Mindent megtehet saját maga, miután megtanulta a fő titkot, amelyet mindig használok.

A képek optimális minőségben történő mentésének algoritmusa a formátumtól függ. Nem akarok részletekbe menni, arról beszélek, hogy melyik a raszteres és melyik a vektoros. Ezenkívül néhány kattintással megváltoztathatja őket. Erről már írtam az egyik cikkemben, megosztva az olvasókkal a képformátumok megváltoztatásának módját.

Az internet gazdag oldalait elemezve egy érdekes részletre lettem figyelmes: az összes grafikai elemet csak néhány univerzális formátum képviseli, míg mások létezése teljesen feledésbe merült. Kik ők?

A webdesign képeinek fő csoportjai

A weboldalak grafikus tartalma feltételesen három kategóriába sorolható.

Kollázsok és fotók

Jellemzik őket JPG formátum- mellesleg a legelterjedtebb a weben. Ezek a képek kis méretűek, ami lehetővé teszi, hogy felhasználja őket a webhely kialakításához anélkül, hogy félne a lassú oldalbetöltéstől. Például ugyanaz a JPG és PNG formátumban mentett tájkép jelentősen eltér a súlyban:

Ikonok, gombok és bannerek

Ezekhez a tervezési elemekhez a PNG preferált. Lehetővé teszi egy objektum kivágását és a kép mentését háttér nélkül, helyette a webhely „háttérét”. Ezt a formátumot olyan képekhez is ajánlom, amelyek nem rendelkeznek hatalmas palettával. Például hozzon létre egy dokumentumot a Photoshopban, és - a webhely nevét:

A képet két formátumban mentjük, és összehasonlítjuk az eredményt:

Élénkség

A GIF két vagy több rétegből álló animált képek létrehozására szolgál. Ezt nem csak Photoshoppal lehet megtenni, hanem. Ezt a formátumot nevezném a legszeszélyesebbnek, mert elmentésekor nehéz elérni jó minőségű. Szerencsére van egy hackem, amely minimális pixeles animációkat ad. Érdekelt? Olvass tovább!

Lépésről lépésre a képek mentéséhez

Kezdjük a JPG-vel: nagyon könnyű minőségromlás nélkül fotózni. Ehhez kattintson a "Fájl" - "Mentés másként" elemre. Ha szükséges, használhatja a Shift + Ctrl + S billentyűkombinációt:

A megjelenő ablakban keresse meg a "Fájltípus" legördülő listát, és válassza ki a JPEG sort. Általában alapértelmezés szerint áll:

Ugyanebben a legördülő listában kiválaszthatja a PNG sort is, ezzel egyszerűsítve a feladatot. Azt javaslom azonban, hogy az átlátszó hátterű képeket másképp mentsd el.

Vizsgálja meg a megnyíló ablakot. Az Ön feladata, hogy megbizonyosodjon arról, hogy a PNG-24 elem ki van jelölve a legördülő listában, és hogy a "Transparency" és a "Interlaced" sorok mellett vannak pipák:

Kérjük, vegye figyelembe: az utolsó pipa csökkenti a kép webhelyre való betöltésének idejét, ugyanakkor növeli a súlyát. Ha ez nem zavarja, kattintson a Mentés gombra. A legördülő ablakban válassza ki a fájl elérési útját, és nyomja meg ismét a kincses gombot, hogy a PNG kép minél hamarabb megjelenjen és felkerüljön az oldalra!

Az animáció mentése ugyanazon a menüponton keresztül történik, de most a legördülő listából kell kiválasztani a GIF opciót. Nagy mennyiség paraméterek és érthetetlen szavak zavart vagy akár félelmet is okozhatnak. Nem éri meg! Csak állítsa be az általam használt opciókat:

Összegezve

A grafikával való munkavégzés a készségek folyamatos fejlesztését igényli, anélkül, hogy egy vagy két irányra összpontosítana. Hogyan legyen? Egy időben igazi lelet volt számomra öt minitanfolyamból álló készlet a Photoshop Master projektből. Több mint egy bájtot tanultam tőlük hasznos információ.


Az anyagot hozzáférhető formában és ingyenesen mutatjuk be. Ez egy nagyszerű alternatíva a számítógépes akadémiákon való tanuláshoz, és sok órát tölt a megfelelő leckék keresésével az interneten.

Ez minden. Ne felejts el előfizetni VKontakte csoport és blogfrissítések egy heti adag friss és hasznos cikkeket.

Andrej Zenkov veled volt. Hamarosan találkozunk!