- Photoshop Felhasználói útmutató
- Bevezetés a Photoshopba
- Photoshop és más Adobe-termékek és -szolgáltatások
- Az Illustratorban készített tartalom használata a Photoshopban
- Photoshop-fájlokkal való munka az InDesignban
- Substance 3D-anyagok a Photoshophoz
- Photoshop és Adobe Stock
- Az alkalmazáson belüli Capture bővítmény használata a Photoshopban
- Creative Cloud Libraries
- Creative Cloud Libraries a Photoshop alkalmazásban
- A Photoshop használata a Touch Barral
- Rács és segédvonalak
- Műveletek létrehozása
- Visszavonás és előzmények
- iPadhez készült Photoshop
- Photoshop az iPaden | Gyakori kérdések
- A munkaterület megismerése
- Rendszerkövetelmények | Photoshop iPaden
- Dokumentumok létrehozása, megnyitása és exportálása
- Fotók hozzáadása
- A rétegek használata
- Rajzolás és festés ecsetekkel
- Kijelölések létrehozása és maszkok hozzáadása
- Kompozit képek retusálása
- Korrekciós rétegek használata
- Módosítsa a kompozit tónusait görbék használatával
- Átalakítási műveletek alkalmazása
- Kompozit képek vágása és elforgatása
- Vászon elforgatása, pásztázása, kicsinyítése/nagyítása és visszaállítása
- Szövegrétegek használata
- Munka a Photoshoppal és a Lightroommal
- Hiányzó betűkészletek letöltése iPaden a Photoshop alkalmazásban
- Japán szöveg az iPadhez készült Photoshopban
- Alkalmazásbeállítások kezelése
- Érintésvezérléses gyorsbillentyűk és ujjmozdulatok
- Billentyűparancsok
- Képméret szerkesztése
- Élő közvetítés alkotás közben az iPadhez készült Photoshopban
- Retusálás a Javítóecset eszközzel
- Készítsen ecseteket a Capture-ben, és használja őket a Photoshopban
- Camera Raw-fájlok használata
- Intelligens objektumok létrehozása és használata
- Képek expozíciójának korrigálása fakítással és színégetéssel
- Webes Photoshop (bétaverzió)
- Gyakori kérdések | Webes Photoshop (bétaverzió)
- Ismerkedés a munkaterülettel
- Rendszerkövetelmények | Webes Photoshop (bétaverzió)
- Gyorsbillentyűk | Webes Photoshop (bétaverzió)
- Támogatott fájltípusok | Webes Photoshop (bétaverzió)
- Felhődokumentumok megnyitása és használata
- Felhődokumentumok korlátozott szerkesztése
- Együttműködés az érdekelt felekkel
- Felhőtárolású dokumentumok
- Photoshop-felhődokumentumok | Gyakori kérdések
- Photoshop-felhődokumentumok | Munkafolyamattal kapcsolatos kérdések
- Felhődokumentumok kezelése és munkavégzés rajtuk a Photoshop alkalmazásban
- Felhőalapú tárolás frissítése Photoshophoz
- Egy felhőbeli dokumentum létrehozása vagy mentése nem sikerült
- A felhőalapú Photoshop-dokumentumok hibáinak megoldása
- Felhődokumentum-szinkronizálási naplók gyűjtése
- Hozzáférés megosztása és felhőalapú dokumentumok szerkesztése
- Fájlok megosztása és véleményezés alkalmazáson belül
- Munkaterület
- A munkaterület alapjai
- Beállítások
- Tanuljon gyorsabban a Photoshop Felfedezés panelje segítségével
- Dokumentumok létrehozása
- Fájlok elhelyezése
- Alapértelmezett billentyűparancsok
- Billentyűparancsok testreszabása
- Eszközgalériák
- Teljesítmény-beállítások
- Eszközök használata
- Készletek
- Rács és segédvonalak
- Ujjmozdulatok
- A Photoshop használata a Touch Barral
- Érintésvezérléses funkciók és testre szabható munkaterületek
- Technológiai előnézet
- Metaadatok és jegyzetek
- Érintésvezérléses funkciók és testre szabható munkaterületek
- Photoshop-képek elhelyezése más alkalmazásokban
- Vonalzók
- Nyomtatásban meg nem jelenő extrák megjelenítése és elrejtése
- Hasábok megadása képhez
- Visszavonás és előzmények
- Panelek és menük
- Elemek elhelyezése igazítással
- Elhelyezés a Vonalzó eszközzel
- Webes, képernyő- és alkalmazástervezés
- A képekkel és a színekkel kapcsolatos alapismeretek
- Képek átméretezése
- Munka raszter- és vektorképekkel
- A kép mérete és felbontása
- Képek beolvasása kamerákról és szkennerekről
- Képek létrehozása, megnyitása és importálása
- Képek megjelenítése
- Érvénytelen JPEG-jelölőhiba | Képek megnyitása
- Több kép egyidejű megjelenítése
- Pipetták és színtárak testreszabása
- Magas dinamikus tartományú képek
- Színek egyeztetése a képen
- Képek átalakítása egyik színmódból a másikba
- Színmódok
- Képrészletek törlése
- Keverési módok
- Színek kiválasztása
- Színpalettás képek színtáblázatának testreszabása
- Képinformáció
- A torzítószűrők nem elérhetőek
- A színek – ismertető
- Szín- és monokróm-korrekció csatornák használatával
- Színválasztás a Szín és Színtár panelen
- Minta
- Színmód vagy képmód
- Színvetítés
- Feltételesmód-váltás hozzáadása művelethez
- Színek felvétele a színtárba HTML-, CSS- és SVG-fájlokból
- Bitmélység és beállítások
- Rétegek
- Alapvető tudnivalók a rétegekről
- Visszavonható szerkesztési műveletek
- Rétegek és csoportok létrehozása és kezelése
- Rétegek kijelölése, csoportosítása és csatolása
- Képek keretbe helyezése
- Réteg opacitása és keverése
- Rétegek maszkolása
- Intelligens szűrők alkalmazása
- Rétegszedők
- Rétegek áthelyezése, halomképzése és zárolása
- Rétegek maszkolása vektormaszkokkal
- Rétegek és csoportok kezelése
- Rétegeffektusok és stílusok
- Rétegmaszkok szerkesztése
- Kellékek kivonása
- Rétegek felfedése vágómaszkokkal
- Képkellékek létrehozása rétegekből
- Intelligens objektumok használata
- Keverési módok
- Csoportportré készítése több képből
- Képek kombinálása a Rétegek automatikus keverése paranccsal
- Rétegek igazítása és elosztása
- CSS másolása rétegekből
- Kijelölés betöltése réteg vagy rétegmaszkhatárok alapján
- Más rétegek tartalmának megjelenítése kiejtéssel
- Kijelölések
- Ismerkedés a kijelölési lehetőségekkel
- Kijelölés kompozit képeken
- Kijelölés és maszkolás munkaterület
- Kijelölés a Téglalap-kijelölő eszközzel
- Kijelölés a lasszóeszközökkel
- Képpontkijelölések testreszabása
- Kijelölt képpontok áthelyezése, másolása és törlése
- Ideiglenes gyorsmaszk létrehozása
- Színtartomány kijelölése a képen
- Görbék és kijelöléskeretek egymásba alakítása
- Alapismertek a csatornákról
- Kijelölések és alfacsatornamaszkok mentése
- A kép fókuszban lévő területeinek kijelölése
- Csatornák másolása, szétbontása és egyesítése
- Csatornaszámítások
- Ismerkedés a kijelölési lehetőségekkel
- Képkorrekciók
- Objektumszínek cseréje
- Perspektivikus hajlítás
- Bemozdulás okozta életlenség mérséklése
- Példák a Javító ecset használatára
- Színkeresési táblák exportálása
- Kép élességének és életlenségének beállítása
- Színkorrekciók ismertetése
- A Fényesség/kontraszt korrekció alkalmazása
- Árnyékos és csúcsfényes területek részletességének módosítása
- Szintkorrekció
- Színezet és telítettség korrigálása
- Élénkség korrekciója
- Színtelítettség módosítása a kép egyes területein
- Gyors tónuskorrekciók
- Különleges színhatások alkalmazása képekre
- Képjavítás színegyensúly-korrekciókkal
- Magas dinamikus tartományú képek
- Hisztogramok és képpontértékek megtekintése
- Színek egyeztetése a képen
- Fényképek levágása és dőlésmentesítése
- Színes kép fekete-fehérré alakítása
- Korrekciós és kitöltési rétegek
- Görbék korrekció
- Keverési módok
- Képek kiválasztása nyomtatáshoz
- Szín és tónus korrekciója a Szintek és Görbék pipettákkal
- HDR expozíció és tónus korrekciója
- Képterületek fakítása vagy színégetése
- Szelektív színkorrekció
- Adobe Camera Raw
- Az Camera Raw rendszerkövetelményei
- Újdonságok a Camera Raw programban
- A Camera Raw bemutatása
- Panorámaképek létrehozása
- Támogatott objektívek
- Vignetta-, szemcsézettség- és homályosságmentesítési hatások a Camera Raw modulban
- Alapértelmezett billentyűparancsok
- Automatikus perspektívakorrekció a Camera Raw modulban
- Sugárirányú szűrő a Camera Raw modulban
- A Camera Raw beállításainak kezelése
- Képek megnyitása, feldolgozása és mentése a Camera Raw bővítményben
- Képek korrigálása a Kibővített folteltávolító eszközzel a Camera Raw bővítményben
- Képek elforgatása, vágása és kiigazítása
- Színmegjelenítés beállítása a Camera Raw bővítményben
- Feldolgozásverziók a Camera Raw bővítményben
- Helyhez kötött korrigálás a Camera Raw bővítményben
- Képjavítás és -helyreállítás
- Képek javítása és átalakítása
- Rajzolás és festés
- Szimmetrikus mintázatok festése
- Téglalapok rajzolása és körvonal-beállítások módosítása
- A rajzolás ismertetése
- Alakzatok rajzolása és szerkesztése
- Festőeszközök
- Ecsetek létrehozása és módosítása
- Keverési módok
- Görbék színezése
- Görbék szerkesztése
- Festés a keverőecsettel
- Ecsetkészletek
- Színátmenetek
- Színátmenetek közbeszúrása
- Kijelölések, rétegek és görbék kitöltése és körvonalazása
- Rajzolás a tolleszközökkel
- Mintázatok létrehozása
- Mintázat létrehozása a Pattern Maker (Mintázatkészítő) eszközzel
- Görbék kezelése
- Mintázatkönyvtárak és -készletek kezelése
- Rajzolás és festés rajztáblával
- Texturált ecsetek létrehozása
- Dinamikus elemek adása az ecsetekhez
- Színátmenet
- Stilizált vonások festése a Művészi előzmény ecsettel
- Festés mintázattal
- Készletek szinkronizálása több eszközön
- Text (Szöveg)
- A szöveg hozzáadása és szerkesztése
- Egyesített szövegkezelő
- Műveletek OpenType SVG-betűtípusokkal
- Karakterek formázása
- Bekezdésformázás
- Szövegeffektusok létrehozása
- Szövegszerkesztés
- Sortávolság és betűköz
- Arab és héber szöveg
- Betűtípusok
- Betűtípusokkal kapcsolatos problémák hibaelhárítása
- Ázsiai szöveg
- Típus létrehozása
- A szöveg hozzáadása és szerkesztése
- Szűrők és effektek
- A Cseppfolyósítás szűrő használata
- Az Életlenítési galéria használata
- Alapvető tudnivalók a szűrőkről
- Szűrőeffektusok – referencia
- Megvilágítási effektusok hozzáadása
- Az Adaptív nagylátószög szűrő használata
- Az Olajfesték szűrő használata
- A Cseppfolyósítás szűrő használata
- Rétegeffektusok és stílusok
- Speciális szűrők használata
- Képterületek elmaszatolása
- A Cseppfolyósítás szűrő használata
- Mentés és exportálás
- Színkezelés
- Webes, képernyő- és alkalmazástervezés
- Mozgóképek és animáció
- Videószerkesztés a Photoshop alkalmazásban
- Video-és animációs rétegek szerkesztése
- Videók és animációk áttekintése
- Videók és animációk előzetes megtekintése
- Videoréteg képkockáinak festése
- Videofájlok és képsorozatok importálása
- Képkocka-animációk létrehozása
- Creative Cloud 3D Animációs szolgáltatás (előzetes verzió)
- Idővonal-animációk létrehozása
- Képek létrehozása videókhoz
- Nyomtatás
- 3D objektumok nyomtatása
- Nyomtatás a Photoshopból
- Nyomtatás színkezeléssel
- Indexképek és PDF-bemutatók
- Fényképek nyomtatása képcsomag-elrendezésben
- Direktszínek nyomtatása
- Képek nyomtatása kereskedelmi nyomdagépen
- Színes dokumentumok nyomtatásának javítása Photoshopban
- Nyomtatási problémák hibaelhárítása | Photoshop
- Automatizálás
- Műveletek létrehozása
- Adatalapú grafikák létrehozása
- Parancsfájlok
- Fájlköteg feldolgozása
- Műveletek lejátszása és kezelése
- Feltételes műveletek hozzáadása
- A műveletek és a Műveletek panel működése
- Felvétel műveletet végző eszközökről
- Feltételesmód-váltás hozzáadása művelethez
- Felhasználói felületi eszközkészlet a Photoshop bővítményeihez és szkriptjeihez
- Tartalomhitelesség
- Photoshop 3D
Az Adobe Bridge súgójának Webes fotógalériák létrehozása című témakörében segítséget talál a webes galériák Photoshop CS5-tel történő létrehozásához. Ha a lenti témakörökben ismertetett régebbi, külön megvásárolható Webes fotógaléria beépülő modult szeretné használni, akkor előbb le kell töltenie, majd telepítenie kell Windows vagy macOS rendszerű eszközére.
Webes fotógalériák – ismertető
A webes fotógaléria egy olyan webhely, amely egy bélyegképeket tartalmazó kezdőlapból, valamint a teljes méretű képeket tartalmazó galérialapokból áll. Az egyes lapokon megtalálhatók a webhelyen történő navigálást lehetővé tevő hivatkozások. Ha például egy látogató a kezdőlapon látható valamelyik bélyegképre kattint, akkor egy galérialapon betöltődik a megfelelő teljes méretű kép. A Web Photo Gallery (Webes fotógaléria) paranccsal automatikusan hozhat létre webes fotógalériát a képek csoportjaiból.
A Photoshop számos különböző stílust kínál a galériákhoz, melyek közül a Web Photo Gallery (Webes fotógaléria) paranccsal választhat. A HTML nyelvet alaposan ismerő, tapasztalt felhasználók létrehozhatnak új stílust, illetve testre szabhatják a már meglévő stílusokat a különféle HTML-sablonfájlok szerkesztésével.
A galériastílusokat meghatározó sablonok mindegyike más-más beállításokat tartalmaz. Előre definiált stílus használata esetén bizonyos beállítások szürkén jelennek meg vagy egyáltalán nem állnak rendelkezésre az adott stílushoz.
Webes fotógalériák létrehozása
Webgalériák készítése Adobe Bridge alkalmazásban
Az Adobe Bridge frissített webes fotógaléria szolgáltatást kínál. Ha útmutatásra van szüksége, olvassa el az Adobe Bridge súgójának Webes fotógaléria létrehozása című témakörét, vagy tanulmányozza a lenti oktatóanyagokat.
A Photoshop régebbi, külön megvásárolható beépülő moduljának használata
-
-
(Nem kötelező) Jelölje ki az Adobe Bridge alkalmazásban használni kívánt fájlokat vagy mappát.
A képek olyan sorrendben láthatók, ahogyan a Bridge alkalmazásban megjelennek. Ha inkább másik sorrendet használna, módosítsa azt a Bridge alkalmazásban.
-
Tegye az alábbiak egyikét:
Az Adobe Bridge alkalmazásban válassza az Eszközök > Photoshop > Web Photo Gallery (Webes fotógaléria) parancsot.
A Photoshop alkalmazásban válassza a Fájl > Automatizálás > Web Photo Gallery (Webes fotógaléria) parancsot.
-
Válassza ki a galéria stílusát a Styles (Stílusok) legördülő listából. A párbeszédpanelen megjelenik a kijelölt stílusnak megfelelő kezdőlap.
-
(Nem kötelező) Adja meg a kapcsolattartó e-mail címét a galériához.
-
Válassza ki a galéria forrásfájljait a Use (Használat) listában.
Kijelölt képek a Bridge alkalmazásból
A Webes fotógaléria párbeszédpanel megnyitása előtt kijelölt képek használata.
Mappa
A Browse (Tallózás) (Windows) vagy Choose (Kiválasztás) (Mac OS) gombra kattintva kijelölt mappák képeinek használata. Az Include All Subfolders (Minden almappa) jelölőnégyzetet bejelölve a rendszer a kijelölt mappa almappáiban talált képeket is belefoglalja a műveletbe.
-
Kattintson a Destination (Cél) elemre, majd jelölje ki azt a mappát, amelyben a galériát alkotó képeket és HTML-lapokat tárolni szeretné. Ezután kattintson az OK (Windows) vagy a Choose (Kiválasztás) (Mac OS) gombra.
-
Válassza ki a webes galéria formázási beállításait. Az egyes beállításcsoportokat az Options (Beállítások) menüből kiválasztva jelenítheti meg. Lásd Webes fotógalériák beállításai.
-
Kattintson az OK gombra. A Photoshop a következő HTML- és JPEG-fájlokat helyezi a célmappába:
A galéria index.htm vagy index.html nevű kezdőlapja (a kiterjesztés a megadott beállításoktól függ). Ezt a fájlt tetszés szerinti böngészőben megnyitva előzetesen megtekintheti a galériát.
JPEG-képek egy külön képalmappában.
HTML-lapok egy külön lapalmappában.
JPEG-bélyegképek egy külön bélyegképalmappában.
A színek egyezésének biztosítása
Széles színtartományú munkatér, például a ProPhoto RGB vagy az Adobe RGB használata esetén a képek színei megváltozhatnak, ha olyan böngészőben jelenítik meg a webgalériát, amely nem olvassa be a beágyazott színprofilokat. Ilyen esetben próbálja átalakítani a képprofilokat sRGB színterűvé (melyet a legtöbb böngésző alapértelmezésként használ), mielőtt optimalizálná vagy egy webes fotógalériába foglalná azokat. Az sRGB színtérre való átalakítás az alábbi módokon lehetséges. Érdemes a képek másolatát használni a művelethez.
Egyetlen kép átalakításához válassza a Szerkesztés > Konvertálás profillá parancsot, majd az sRGB lehetőséget. Lásd a Színprofil hozzárendelése és eltávolítása (Illustrator, Photoshop) című részt.
Egy adott mappában található összes kép konvertálására használja a Képfeldolgozót. Válassza a Fájl > Parancsfájlok > Képfeldolgozó parancsot. Lásd Fájlok konvertálása a Képfeldolgozóval.
A Képfeldolgozó használatával a fájlokat közvetlenül JPEG formátumba mentheti a kívánt méretben. Amennyiben így jár el, győződjön meg arról, hogy a nagy képek beállításaiban ki van kapcsolva a képek átméretezése.
Webes fotógalériák beállításai
General (Általános):
A fájlkiterjesztésekre, a kódolásra és a metaadatokra vonatkozó beállítások.
Extension (Kiterjesztés):
A .htm vagy a .html kiterjesztés használata a fájlnévhez.
Use UTF 8 Encoding For URL (UTF-8 kódolás használata URL-címekhez):
UTF‑8 kódolás használata.
Add Width And Height Attributes For Images (Képek szélesség- és magasságattribútumainak hozzáadása):
A függőleges és a vízszintes kiterjedés megadása, így rövidítve a letöltési időt.
Preserve All Metadata (Az összes metaadat megőrzése):
A metaadatokban tárolt információ megőrzése.
Banner (Szalagcím):
A galéria minden egyes lapján megjelenő szalagcím szövegbeállításai. Adjon meg szöveget a következő beállítások mindegyikében:
Site Name (Hely neve):
A galéria neve.
Photographer (Fotós):
A galériában található fotók készítőjeként feltüntetendő személy vagy szervezet neve.
Contact Info (Kapcsolatfelvételi információ):
A galériához tartozó kapcsolatfelvételei adatok, például egy telefonszám vagy egy cég címe.
Date (Dátum):
A galéria minden egyes lapján megjelenő dátum. A Photoshop alapértelmezés szerint az aktuális dátumot használja.
Font (Betűtípus) és Font Size (Betűméret):
(Csak bizonyos webhelystílusokhoz) A szalagcím szövegére vonatkozó beállítások.
Large Images (Nagy képek):
Az egyes galérialapokon megjelenő fő képekre vonatkozó beállítások.
Add numeric links (Numerikus hivatkozások hozzáadása):
(Csak bizonyos webhelystílusoknál használható) Vízszintesen végigfutó (1-gyel kezdődő és a galériában található összes kép számával végződő) számsorozat elhelyezése az egyes galérialapok tetején. Mindegyik szám egy hivatkozás a megfelelő lapra.
Resize Images (Képek átméretezése):
A forrásképek átméretezése a galérialapokon való elhelyezésük érdekében. A méretet válassza ki a legördülő menüből vagy írja be képpontokban kifejezve. A Constrain (Megtartás) beállításnál válassza ki, hogy a kép melyik kiterjedését szeretné megtartani a méretezés során. Válasszon egy beállítást a JPEG Quality (JPEG minősége) legördülő listáról, adjon meg egy 0 és 12 közötti értéket, illetve húzza a csúszkát a kívánt helyzetbe. Minél magasabb az érték, annál jobb a kép minősége, ugyanakkor a fájl mérete is annál jobban megnő.
A Photoshop a beállításokban megadott alapértelmezett képinterpolációs módszert használja. Válassza alapértelmezettként a Bicubic Sharper (Kettős köbös élesebb) módszert, ha a legjobb eredményt szeretné kapni a kép kicsinyítése esetén.
Border Size (Szegély mérete):
A képet keretező szegély szélessége képpontban megadva.
Titles Use (Címek alapja):
(Csak bizonyos webhelystílusoknál) Az egyes képek alatt megjelenő feliratokra vonatkozó beállítások megadása. Válassza a Filename (Fájlnév) lehetőséget a fájlnév megjelenítéséhez, illetve a Description (Leírás), Credits (Szerzők), Title (Cím) vagy Copyright (Szerzői jog) lehetőséget a File Info (Fájlinformációk) párbeszédpanelről beolvasott leíró szöveg megjelenítéséhez.
Font (Betűtípus) és Font Size (Betűméret):
(Csak bizonyos webhelystílusoknál) A felirat betűtípusának és betűméretének megadása.
Thumbnails (Bélyegképek):
A galéria kezdőlapjára vonatkozó beállítások, például a bélyegképek mérete.
Size (Méret):
Adja meg a bélyegképek méretét. Az egyes képek méretét kiválaszthatja a legördülő listáról vagy megadhatja képpontokban.
Columns (Oszlopok) és Rows (Sorok):
A kezdőlapon a bélyegképek megjelenítéséhez használt oszlopok és sorok száma. A beállítás nem vonatkozik a vízszintes vagy függőleges keretstílust használó galériákra.
Border Size (Szegély mérete):
Az egyes bélyegképeket keretező szegély szélessége képpontban megadva.
Titles Use (Címek alapja):
(Csak bizonyos webhelystílusoknál) Az egyes bélyegképek alatt megjelenő feliratokra vonatkozó beállítások megadása. Válassza a Filename (Fájlnév) lehetőséget a fájlnév megjelenítéséhez, illetve a Description (Leírás), Credits (Szerzők), Title (Cím) vagy Copyright (Szerzői jog) lehetőséget a File Info (Fájlinformációk) párbeszédpanelről beolvasott leíró szöveg megjelenítéséhez.
Font (Betűtípus) és Font Size (Betűméret):
(Csak bizonyos webhelystílusoknál) A felirat betűtípusának és betűméretének megadása.
Custom Colors (Egyéni színek):
A galéria elemeinek színére vonatkozó beállítások. Egy adott elem színének megváltoztatásához kattintson annak színtárára, majd válasszon egy új színt az Adobe színválasztóval. Módosíthatja az egyes lapok háttérszínét (Background (Háttér) beállítás) vagy a szalagcím háttérszínét (Banner (Szalagcím) beállítás).
Security (Biztonság):
A szerző engedélye nélküli felhasználást megnehezítő szöveg feltüntetése minden egyes képen.
Content (Tartalom):
Itt adható meg a megjelenítendő szöveg. Válassza a Custom Text (Egyéni szöveg) lehetőséget testre szabott szöveg megadásához. Válassza a Filename (Fájlnév), Description (Leírás), Credits (Szerzők), Title (Cím) vagy Copyright (Szerzői jog) lehetőséget a File Info (Fájlinformációk) párbeszédpanelről átvett szöveg megjelenítéséhez.
Font (Betűtípus), Color (Szín) és Position (Pozíció):
A felirat betűtípusát, színét és igazítási módját meghatározó beállítások.
Rotate (Forgatás):
A szöveg elhelyezése a képen a megadott szögben.
Webes fotógalériák stílusai
A Photoshop számos különböző stílust kínál a webes fotógalériákban való használatra. A HTML nyelvet alaposan ismerő, tapasztalt felhasználók létrehozhatnak új stílust, illetve testre szabhatják a már meglévő stílusokat a különféle HTML-sablonfájlok szerkesztésével.
A Photoshop beépített fotógaléria-stílusai egyedi mappákban tárolódnak a következő helyeken:
Windows
Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery
macOS:
Adobe Photoshop CS5 /Presets/Web Photo Gallery
Az ezen a helyen lévő mappák neve megtalálható a Web Photo Gallery (Webes fotógaléria) párbeszédpanel Styles (Stílusok) menüjének elemei között. Minden egyes mappa tartalmazza a következő HTML-sablonfájlokat, melyeket a Photoshop a galéria létrehozására használ:
Caption.htm:
A kezdőlapon látható bélyegképek alatti felirat elrendezését határozza meg.
FrameSet.htm:
A lapokat megjelenítő keretkészlet elrendezését határozza meg.
IndexPage.htm:
A kezdőlap elrendezését határozza meg.
SubPage.htm:
A teljes méretű képeket tartalmazó galérialapok elrendezését határozza meg.
Thumbnail.htm: A kezdőlapon látható bélyegképek elrendezését határozza meg.
A sablonfájlok mindegyike tartalmaz HTML-kódot és tokeneket. A token egy olyan szöveges karakterlánc, amelyet a Photoshop lecserél, amint a felhasználó megadja a megfelelő beállítást a Web Photo Gallery (Webes fotógaléria) párbeszédpanelen. Egy sablonfájl tartalmazhatja például a következő TITLE elemet, melyben a közrezárt szöveg egy token:
<TITLE>%TITLE%</TITLE>
Amikor a Photoshop létrehozza a galériát a sablonfájl használatával, a %TITLE% tokent lecseréli a Web Photo Gallery (Webes fotógaléria) párbeszédpanel Site Name (Hely neve) beállításában megadott szövegre.
Egy már meglévő stílus alaposabb megismerése érdekében megnyithatja és tanulmányozhatja az ahhoz tartozó valamelyik HTML-sablonfájlt egy HTML-szerkesztővel. Mivel a HTML-dokumentumok létrehozásához csupán szabványos, ASCII formátumú karakterek szükségesek, ezeket a dokumentumokat megnyithatja, szerkesztheti és létrehozhatja akár egy egyszerű szövegszerkesztő, például a Jegyzettömb (Windows) vagy a TextEdit (Mac OS) használatával is.
A webes fotógalériák stílusainak testreszabása
A meglévő fotógaléria-stílusok testreszabása a hozzájuk tartozó HTML-sablonfájlok valamelyikének, illetve akár többnek a szerkesztésével lehetséges. A stílusok testreszabásakor legyen figyelemmel az alábbiakra annak érdekében, hogy a Photoshop helyesen hozza létre a galériát:
A stílusmappának ezeket a fájlokat kell tartalmaznia: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm és FrameSet.htm.
A stílusmappa átnevezhető, a benne található HTML-sablonfájlok neve azonban kötött.
A Caption.htm fájl üresen hagyható, ha a felirat elrendezését meghatározó HTML-kódot és tokeneket elhelyezi a Thumbnail.htm fájlban.
A sablonfájlokban található tokeneket lecserélheti a megfelelő szövegre vagy HTML-kódra abból a célból, hogy egy beállítás értéket a sablonfájl határozza meg a Web Photo Gallery (Webes fotógaléria) párbeszédpanel helyett. Egy sablonfájl tartalmazhat például egy olyan BODY elemet, melynek háttérszín jellemzője tokent használ értékként a következőképpen:
bgcolor=%BGCOLOR%
A lap háttérszínének vörösre állításához például lecserélheti a %BGCOLOR% tokent az FF0000 értékre.
A sablonfájlokat további HTML-kóddal és tokenekkel egészítheti ki. A tokenek mindegyikének csupa nagybetűből kell állnia, illetőleg százalékjellel (%) kell kezdődnie és végződnie.
Webes fotógaléria-stílus testreszabása vagy létrehozása
-
Keresse meg a meglévő webes fotógaléria-stílusokat tároló mappát.
-
Tegye az alábbiak egyikét:
Egy stílus testreszabásához készítsen másolatot a stílusmappáról, és tárolja ugyanazon a helyen, mint a meglévő stílusmappákat.
Új stílus létrehozásához hozzon létre egy új mappát az új stílusnak, és tárolja ugyanazon a helyen, mint a meglévő stílusmappákat.
Az új vagy testre szabott stílus (mely nevét a mappája alapján kapja) megjelenik a Web Photo Gallery (Webes fotógaléria) párbeszédpanel Styles (Stílusok) menüjében.
-
Egy HTML-szerkesztővel hajtsa végre az alábbi műveletek egyikét:
Szabja testre szükség szerint a HTML-sablonfájlt.
Hozza létre a szükséges HTML-sablonfájlokat, és helyezze el azokat a stílusmappában.
A sablonfájlok létrehozásakor mindig vegye figyelembe A webes fotógalériák stílusainak testreszabása című szakasznál vázolt irányelveket.
Megjegyzés:Ha egy galériastílus sablonfájlját szabja testre vagy hozza létre, a következő tokenek mindegyikét külön sorban helyezze el a HTML-fájlon belül: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% és %PREVINDEX%. A galéria egyes lapjainak létrehozásakor a Photoshop átugorja a sablon azon sorait, amelyek az adott lapokra nem vonatkozó tokeneket tartalmaznak. Amikor például a Photoshop az első galérialapot hozza létre, a sablon minden olyan sorát átugorja, amely a %PREVIMAGE% tokent tartalmazza, mivel ez az előző galérialapra mutató hivatkozást testesíti meg. A %PREVIMAGE% token külön sorban tartásával biztosíthatja, hogy a Photoshop ne hagyja figyelmen kívül a sablon további tokenjeit.
A webes fotógaléria stílustokenjei
A Photoshop a HTML-sablonfájlokban található tokenek felhasználásával határozza meg az alapértelmezett fotógaléria-stílust. A Photoshop ezen tokeneket együttesen használja a Web Photo Gallery (Webes fotógaléria) párbeszédpanelen a felhasználó által megadott értékekkel a galéria létrehozása érdekében.
A galériastílusok testreszabásakor és létrehozásakor bármely HTML-fájlba felvehet bármilyen tokent a %THUMBNAILS% és a %THUMBNAILSROWS% kivételével, mely kettő kizárólag az IndexPage.htm fájlban szerepelhet. Token hozzáadásakor vegye figyelembe, hogy esetleg HTML-kóddal is ki kell egészítenie a fájlt a token megfelelő használatának érdekében.
A HTML-sablonfájlokban az alábbi tokenek használhatók:
%ALINK%
Meghatározza az aktív hivatkozások színét.
%ALT%
Egy képfájl nevét határozza meg.
%ANCHOR%
Lehetőséget nyújt a felhasználó által megtekintett kép bélyegképére való visszatérésre az index eleje helyett. Akkor lép érvénybe, ha a felhasználó a Home (Kezdőlap) gombra kattint.
%BANNERCOLOR%
Meghatározza a szalagcím színét.
%BANNERFONT%
Meghatározza a szalagcím szövegének betűtípusát.
%BANNERFONTSIZE%
Meghatározza a szalagcím szövegének betűméretét.
%BGCOLOR%
A háttér színét határozza meg.
%CAPTIONFONT%
A kezdőlapon látható bélyegképek alatti felirat betűtípusát határozza meg.
%CAPTIONFONTSIZE%
Meghatározza a felirat betűméretét.
%CAPTIONTITLE%
Beszúrja feliratként a dokumentum fájladatok között szereplő címét.
%CHARSET%
Az egyes lapokon használt karakterkészletet határozza meg.
%CONTACTINFO%
A galériához tartozó kapcsolatfelvételi adatokat határozza meg (például a telefonszámot és a települést).
%CONTENT_GENRATOR%
Az Adobe Photoshop CS5 Web Photo Gallery szöveget jeleníti meg.
%COPYRIGHT%
Feliratként beszúrja a fájl adatai között található szerzői jogi információkat.
%CREDITS%
Feliratként beszúrja a fájl adatai között található alkotói információkat.
%CURRENTINDEX%
A jelenlegi kezdőlapra mutató hivatkozást határozza meg.
%CURRENTINDEXANCHOR%
A SubPage.htm fájlban található, és az index első lapjára mutat.
%DATE%
A szalagcímen megjelenő dátumot határozza meg.
%EMAIL%
A galériához tartozó kapcsolatfelvételi adatok között szereplő e-mail-címet határozza meg.
%FILEINFO%
A feliratok képfájljainak adatait határozza meg.
%FILENAME%
Egy kép fájlnevét határozza meg. A HTML-szövegként megjelenő metaadatokhoz használatos.
%FILENAME_URL%
Egy kép URL-alapú fájlnevét határozza meg. Csak URL-fájlnevek esetén használja.
%FIRSTPAGE%
Meghatározza a keretkészlet jobb oldali keretében elsőként megjelenő galérialapra mutató hivatkozást.
%FRAMEINDEX%
Meghatározza a keretkészlet bal oldali keretében elsőként megjelenő kezdőlapra mutató hivatkozást.
%HEADER%
Meghatározza a galéria címét.
%IMAGEBORDER%
A galérialapokon található teljes méretű képek szegélyvastagságát határozza meg.
%IMAGE_HEIGHT%
Elérhetővé teszi az Add Width And Height Attributes For Images (Szélesség és magasság jellemző hozzáadása a képekhez) jelölőnégyzetet. Ekkor a felhasználó letöltheti a jellemzőket, ami a letöltési idő csökkenését eredményezi.
%IMAGE_HEIGHT_NUMBER%
Ezt a tokent írjuk felül azzal a (kizárólag) numerikus értékkel, amely a kép szélességét határozza meg.
%IMAGEPAGE%
A galérialapok valamelyikére mutató hivatkozás.
%IMAGE_SIZE%
A token a Large Images (Nagy képek) panelen használt képpontértéket tartalmazza, amennyiben be van jelölve a Resize Images (Képek átméretezése) négyzet. Ha a négyzet nincs bejelölve, a token üres karakterláncot tartalmaz. Ez igen hasznos funkció a sablonokban történő JavaScript-használat szempontjából, mivel megmutatja a létrehozott webhelyen fellelhető összes képre vonatkozó maximális magasságot és szélességet.
%IMAGESRC%
A galérialapok egyikén található teljes méretű kép URL-címét határozza meg.
%IMAGE_WIDTH%
Elérhetővé teszi az Add Width And Height Attributes For Images (Szélesség és magasság jellemző hozzáadása a képekhez) jelölőnégyzetet. Ekkor a felhasználó letöltheti a jellemzőket, ami a letöltési idő csökkenését eredményezi.
%IMAGE_WIDTH_NUMBER%
Ezt a tokent írjuk felül azzal a (kizárólag) numerikus értékkel, amely a kép szélességét határozza meg.
%LINK%
Meghatározza a hivatkozások színét.
%NEXTIMAGE%
A következő galérialapra mutató hivatkozást határozza meg.
%NEXTIMAGE _CIRCULAR%
Az egyik nagy előnézeti képről a következőre mutató hivatkozást állít be.
%NEXTINDEX%
A következő kezdőlapra mutató hivatkozást határozza meg.
%NUMERICLINKS%
Számozott hivatkozásokat szúr be a melléklapokra a nagy előnézeti képek mindegyikéhez.
%PAGE%
Meghatározza a jelenlegi lap elhelyezkedését (például: 3/1. lap).
%PHOTOGRAPHER%
Meghatározza a galériában található fotók készítőjeként feltüntetendő személy vagy szervezet nevét.
%PREVIMAGE%
Az előző galérialapra mutató hivatkozást határozza meg.
%PREVINDEX%
Az előző kezdőlapra mutató hivatkozást határozza meg.
%SUBPAGEHEADER%
Meghatározza a galéria címét.
%SUBPAGETITLE%
Meghatározza a galéria címét.
%TEXT%
A szöveg színét határozza meg.
%THUMBBORDER%
A bélyegképek szegélyének méretét határozza meg.
%THUMBNAIL_HEIGHT%
Elérhetővé teszi az Add Width And Height Attributes For Images (Szélesség és magasság jellemző hozzáadása a képekhez) jelölőnégyzetet. Ekkor a felhasználó letöltheti a jellemzőket, ami a letöltési idő csökkenését eredményezi.
%THUMBNAIL_HEIGHT_NUMBER%
Ezt a tokent írjuk felül azzal a (kizárólag) numerikus értékkel, amely a bélyegkép magasságát határozza meg.
%THUMBNAILS%
E token helyére bélyegképek kerülnek, melyek Thumbnail.htm fájlt használják a keretstílusokhoz. Ezt a tokent egy önálló, tördelés nélküli sorban kell elhelyezni a HTML-fájlon belül.
%THUMBNAIL_SIZE%
A Thumbnails (Bélyegképek) panelen képpontban megadott bélyegképméretet tartalmazza. Ez igen hasznos funkció a sablonokban történő JavaScript-használat szempontjából, mivel megmutatja a létrehozott webhelyen fellelhető összes bélyegképre vonatkozó maximális magasságot és szélességet.
%THUMBNAILSRC%
A bélyegképek valamelyikére mutató hivatkozás.
%THUMBNAILSROWS%
E token helyére bélyegképek sorai kerülnek, melyek Thumbnail.htm fájlt használják a keret nélküli stílusokhoz. Ezt a tokent egy önálló, tördelés nélküli sorban kell elhelyezni a HTML-fájlon belül.
%THUMBNAIL_WIDTH%
Elérhetővé teszi az Add Width And Height Attributes For Images (Szélesség és magasság jellemző hozzáadása a képekhez) jelölőnégyzetet. Ekkor a felhasználó letöltheti a jellemzőket, ami a letöltési idő csökkenését eredményezi.
%THUMBNAIL_WIDTH_NUMBER%
Ezt a tokent írjuk felül azzal a (kizárólag) numerikus értékkel, amely a bélyegkép szélességét határozza meg.
%TITLE%
Meghatározza a galéria címét.
%VLINK%
Meghatározza a már meglátogatott hivatkozások színét.
Bejelentkezés a fiókba