Käyttöopas Peruuta

Web-valokuvagallerioiden luominen

  1. Photoshop-käyttöopas
  2. Photoshopin esittely
    1. Haaveile. Luo.
    2. Photoshopin uudet ominaisuudet
    3. Muokkaa ensimmäinen kuvasi
    4. Dokumenttien luonti
    5. Photoshop | Usein kysytyt kysymykset
    6. Photoshop-järjestelmävaatimukset
    7. Esimääritysten, makrojen ja asetusten siirto
    8. Tutustu Photoshopiin
  3. Photoshop ja muut Adoben tuotteet ja palvelut
    1. Illustrator-teosten käsitteleminen Photoshopissa
    2. Photoshop-tiedostojen käsittely InDesignissa
    3. Substance 3D -materiaalit Photoshopille
    4. Photoshop ja Adobe Stock
    5. Capture-sovelluslaajennuksen käyttäminen Photoshopissa
    6. Creative Cloud Libraries
    7. Photoshopin Creative Cloud Libraries ‑palvelu
    8. Käytä Touch Baria Photoshopissa
    9. Ruudukko ja apulinjat
    10. Makrojen luominen
    11. Kumoa ja Historia
  4. Photoshopin iPad-versio
    1. Photoshopin iPad-versio | Usein kysytyt kysymykset
    2. Tutustu työtilaan
    3. Järjestelmävaatimukset | Photoshopin iPad-versio
    4. Dokumenttien luominen, avaaminen ja vieminen
    5. Valokuvien lisääminen
    6. Tasojen käyttäminen
    7. Siveltimillä piirtäminen ja maalaaminen
    8. Tee valintoja ja lisää maskeja
    9. Yhdistelmien retusoiminen
    10. Säätötasojen käyttäminen
    11. Sommitelman sävyjen säätäminen käyrien avulla
    12. Muunnosten käyttäminen
    13. Yhdistelmien rajaus ja kääntäminen
    14. Piirtoalueen kierto, panorointi, zoomaus ja palautus
    15. Tekstitasojen käyttäminen
    16. Photoshopin ja Lightroomin käyttäminen
    17. Puuttuvien Photoshop-kirjasinten asentaminen iPadille
    18. Japanilainen teksti Photoshopin iPad-versiossa
    19. Hallitse sovelluksen asetuksia
    20. Kosketustoiminnot ja -eleet
    21. Pikanäppäimet
    22. Kuvan koon muokkaaminen
    23. Reaaliaikainen suoratoisto Photoshopin iPad-versiossa
    24. Korjaa virheitä korjaussiveltimen avulla
    25. Luo siveltimiä Capture-ohjelmistossa ja käytä niitä Photoshopissa
    26. Camera Raw -tiedostojen käsitteleminen
    27. Älykkäiden objektien luominen ja käyttäminen
    28. Kuvien valotuksen säätäminen varjostuksen ja lisävalotuksen avulla
  5. Photoshopin verkkoversio (beeta)
    1. Yleisiä kysymyksiä | Photoshopin verkkoversio (beeta)
    2. Työtilan esittely
    3. Järjestelmävaatimukset | Photoshopin verkkoversio (beeta)
    4. Pikanäppäimet | Photoshopin verkkoversio (beeta)
    5. Tuetut tiedostotyypit | Photoshopin verkkoversio (beeta)
    6. Pilvidokumenttien avaaminen ja käyttäminen
    7. Yhteistyö sidosryhmien kanssa
    8. Rajoitettujen muokkaustoimintojen käyttäminen pilvidokumenteissa
  6. Pilvidokumentit
    1. Photoshop-pilvidokumentit | Yleisiä kysymyksiä
    2. Photoshop-pilvidokumentit | Työnkulkuun liittyviä kysymyksiä
    3. Pilvidokumenttien hallinta ja käyttö Photoshopissa
    4. Photoshopin pilvitallennustilan lisääminen
    5. Pilvidokumentin luominen tai tallennus ei onnistu
    6. Photoshop-pilvidokumenttien ongelmien ratkaiseminen
    7. Pilvidokumenttien synkronointilokien kerääminen
    8. Jaa, käytä ja muokkaa pilvidokumenttejasi
    9. Tiedostojen jakaminen ja kommentointi sovelluksessa
  7. Työtila
    1. Perustietoja työtilasta
    2. Opi nopeammin Photoshopin Tutustu-paneelin avulla
    3. Dokumenttien luonti
    4. Käytä Touch Baria Photoshopissa
    5. Työkaluvalikoimat
    6. Suorituskyvyn oletusarvot
    7. Työkalujen käyttö
    8. Kosketuseleet
    9. Kosketustoiminnot ja mukautettavat työtilat
    10. Tekninen esikatselu
    11. Metatiedot ja muistiinpanot
    12. Oletuspikanäppäimet
    13. Kosketustoiminnot ja mukautettavat työtilat
    14. Photoshop-kuvien sijoittaminen muihin sovelluksiin
    15. Oletusasetukset
    16. Oletuspikanäppäimet
    17. Viivaimet
    18. Tulostumattomien ylimääräisten elementtien näyttäminen ja piilottaminen
    19. Palstojen määrittäminen kuvalle
    20. Kumoa ja Historia
    21. Paneelit ja valikot
    22. Tiedostojen sijoittaminen
    23. Elementtien sijoittelu kohdistamalla
    24. Sijoittaminen viivaintyökalulla
    25. Esimääritykset
    26. Pikanäppäinten mukauttaminen
    27. Ruudukko ja apulinjat
  8. Web-, näyttö- ja sovellussuunnittelu
    1. Photoshop suunnitteluun
    2. Piirtoalustat
    3. Laitteen esikatselu
    4. CSS:n kopioiminen tasoista
    5. Verkkosivun osittaminen
    6. Osien HTML-asetukset
    7. Osien asettelun muuttaminen
    8. Web-grafiikan käsitteleminen
    9. Web-valokuvagallerioiden luominen
  9. Perustietoja kuvista ja väreistä
    1. Kuvien koon muuttaminen
    2. Rasterikuvien ja vektorigrafiikan käyttäminen
    3. Kuvan koko ja tarkkuus
    4. Kuvien tuominen kameroista tai skannereista
    5. Kuvien luominen, avaaminen ja tuominen
    6. Kuvien tarkasteleminen
    7. Virheellinen JPEG-merkki -virhe | Kuvien avaaminen
    8. Useiden kuvien katseleminen
    9. Värimuokkainten ja värimallien mukauttaminen
    10. High Dynamic Range -kuvat
    11. Värien sovittaminen kuvassasi
    12. Muuntaminen väritilasta toiseen
    13. Väritilat
    14. Kuvan osan pyyhkiminen
    15. Sekoitustilat
    16. Värien valitseminen
    17. Indeksiväritaulukoiden mukauttaminen
    18. Kuvien tiedot
    19. Vääristyssuodattimet eivät ole käytettävissä
    20. Tietoja väreistä
    21. Väri- ja mustavalkosäädöt kanavia käyttämällä
    22. Värien valitseminen Väri- ja Värimallit-paneeleista
    23. Näyte
    24. Väritila tai kuvatila
    25. Värivääristymä
    26. Ehdollisen tilan muunnoksen lisääminen makroon
    27. Värimallien lisääminen HTML-, CSS- ja SVG-tiedostoista
    28. Bittisyvyys ja oletusarvot
  10. Tasot
    1. Tasoja koskevaa perustietoa
    2. Tiedot säilyttävä muokkaus
    3. Tasojen ja ryhmien luominen ja hallinta
    4. Tasojen valinta, ryhmittäminen ja linkittäminen
    5. Kuvien sijoittaminen kehyksiin
    6. Tason peittävyys ja sekoitus
    7. Tasojen maskaaminen
    8. Älykkäiden suodatinten käyttö
    9. Tasovedokset
    10. Tasojen siirtäminen, pinoaminen ja lukitseminen
    11. Tasojen maskaaminen vektorimaskeilla
    12. Tasojen ja ryhmien hallinta
    13. Tasotehosteet ja -tyylit
    14. Tasomaskien muokkaus
    15. Erota resurssit
    16. Tasojen paljastaminen rajausmaskeilla
    17. Kuvaresurssien luominen tasoista
    18. Älykkäiden objektien käyttö
    19. Sekoitustilat
    20. Usean kuvan yhdistäminen ryhmäkuvaksi
    21. Kuvien yhdistäminen automaattisella tasojen sekoituksella
    22. Tasojen tasaaminen ja jakaminen
    23. CSS:n kopioiminen tasoista
    24. Valintojen lataaminen tasosta tai tasomaskin reunoista
    25. Muiden tasojen sisällön paljastaminen syrjäytysasetuksilla
    26. Taso
    27. Kaikkien tasojen yhdistäminen
    28. Yhdistelmä
    29. Tausta
  11. Valinnat
    1. Valinta ja maski -työtila
    2. Nopeiden valintojen tekeminen
    3. Valintojen perusteet
    4. Valintatyökaluilla valitseminen
    5. Valitseminen lassotyökalulla
    6. Värialueen valitseminen kuvasta
    7. Pikselivalintojen muokkaaminen
    8. Reittien muuntaminen valintareunuksiksi ja päinvastoin
    9. Kanavien perusteet
    10. Valittujen pikselien siirtäminen, kopiointi ja poistaminen
    11. Tilapäisen pikamaskin luominen
    12. Valintojen tallentaminen ja alfakanavamaskit
    13. Kuvan tarkkuusalueiden valitseminen
    14. Kanavien monistaminen, jakaminen ja yhdistäminen
    15. Kanavien laskenta
    16. Valinta
    17. Muokkausalue
  12. Kuvan säädöt
    1. Perspektiivin käyristäminen
    2. Kameran tärinän aiheuttaman sumennuksen vähentäminen
    3. Esimerkkejä korjaussiveltimen käytöstä
    4. Vie värihaun taulukoita
    5. Kuvan terävyyden ja sumeuden säätäminen
    6. Värinsäädöt
    7. Kirkkaus/kontrasti-säädön käyttäminen
    8. Tummien ja vaaleiden yksityiskohtien säätäminen
    9. Tasojen säätö
    10. Sävyn ja kylläisyyden säätäminen
    11. Värikirkkauden säätäminen
    12. Kuvan alueiden värikylläisyyden säätäminen
    13. Nopeiden säätöjen tekeminen sävyihin
    14. Väritehosteiden lisääminen kuviin
    15. Kuvan paranteleminen väritasapainoa säätämällä
    16. High Dynamic Range -kuvat
    17. Histogrammien ja pikseliarvojen tarkasteleminen
    18. Värien sovittaminen kuvassasi
    19. Valokuvien rajaaminen ja suoristaminen
    20. Värikuvan muuntaminen mustavalkokuvaksi
    21. Säätö- ja täyttötasot
    22. Käyrien säätö
    23. Sekoitustilat
    24. Kuvien kohdearvojen valmisteleminen kirjapainoa varten
    25. Värien ja sävyjen säätäminen Tasot- ja Käyrät-pipettityökaluilla
    26. HDR-valotuksen ja -sävytyksen säätäminen
    27. Suodatin
    28. Sumenna
    29. Kuvan alueiden varjostaminen tai lisävalottaminen
    30. Selektiivisten värinsäätöjen tekeminen
    31. Objektin värien korvaaminen
  13. Adobe Camera Raw
    1. Camera Raw’n järjestelmävaatimukset
    2. Camera Raw’n uudet ominaisuudet
    3. Johdanto Camera Raw -ohjelmistoon
    4. Panoraamojen luonti
    5. Tuetut objektiivit
    6. Vinjetointi, rakeisuus ja udun poisto Camera Raw'ssa
    7. Oletuspikanäppäimet
    8. Automaattinen perspektiivin korjaus Camera Raw'ssa
    9. Tietoja hävittämättömien muokkausten tekeminen Camera Raw’ssa
    10. Säteittäinen suodatin Camera Raw'ssa
    11. Camera Raw -asetusten hallinta
    12. Kuvien avaaminen, käsittely ja tallentaminen Camera Raw’ssa
    13. Korjaa kuvia Camera Raw’n parannetulla täplänpoistotyökalulla
    14. Kuvien kiertäminen, rajaus ja säätäminen
    15. Värinmuodostuksen säätö Adobe Camera Raw’ssa
    16. Ominaisuuksien yhteenveto | Adobe Camera Raw | 2018-julkaisuversiot
    17. Uusien toimintojen yhteenveto
    18. Camera Raw'n prosessiversiot
    19. Paikallisten säätöjen tekeminen Camera Raw -sovelluksessa
  14. Kuvien korjaaminen ja retusoiminen
    1. Kohteiden poistaminen valokuvista sisältötietoisen täytön avulla
    2. Sisältötietoinen paikkaus ja siirto
    3. Valokuvien retusointi ja korjaus
    4. Kuvan vääristymien ja kohinan korjaaminen
    5. Vianmäärityksen perusvaiheet useimpien ongelmien ratkaisemiseen
  15. Kuvien muuntaminen
    1. Objektien muuntaminen
    2. Rajauksen, käännön ja piirtoalueen koon säätäminen
    3. Valokuvien rajaaminen ja suoristaminen
    4. Panoraamakuvien luominen ja muokkaaminen
    5. Kuvien, muotojen ja reittien käyristykset
    6. Pakopiste
    7. Sulata-suodattimen käyttö
    8. Sisältötietoinen skaalaus
    9. Kuvien, muotojen ja reittien muuntaminen
    10. Käyristys
    11. Muunna
    12. Panoraama
  16. Piirtäminen ja maalaaminen
    1. Symmetristen kuvioiden maalaaminen
    2. Suorakulmioiden piirtäminen ja viivan asetusten muokkaaminen
    3. Tietoja piirtämisestä
    4. Muotojen piirtäminen ja muokkaus
    5. Maalaustyökalut
    6. Siveltimien luominen ja muokkaaminen
    7. Sekoitustilat
    8. Värin lisääminen reitteihin
    9. Reittien muokkaus
    10. Maalaaminen sekoitussiveltimellä
    11. Siveltimien esimääritykset
    12. Liukuvärit
    13. Liukuvärien interpolointi
    14. Täyttö- ja viivavalinnat, tasot ja reitit
    15. Piirtäminen kynätyökaluilla
    16. Kuvioiden luominen
    17. Kuvion muodostaminen Kuvion luominen -toiminnolla
    18. Reittien hallinta
    19. Kuviokirjastojen ja esimääritysten hallinta
    20. Piirtäminen tai maalaaminen piirtopöydällä
    21. Pintakuvioitujen siveltimien luominen
    22. Dynaamisten elementtien lisääminen siveltimiin
    23. Liukuväri
    24. Tyyliteltyjen viivojen maalaaminen taidehistoriasiveltimellä
    25. Maalaaminen kuviolla
    26. Synkronoi esimääritykset eri laitteisiin
  17. Teksti
    1. Tekstin lisääminen ja muokkaaminen
    2. Unified Text Engine
    3. OpenType SVG -kirjasinten käyttö
    4. Merkkien muotoileminen
    5. Kappaleiden muotoileminen
    6. Tekstitehosteiden luominen
    7. Tekstin muokkaus
    8. Rivien ja merkkien välit
    9. Arabian- ja hepreankielinen teksti
    10. Kirjasimet
    11. Kirjasinten vianmääritys
    12. Aasialainen teksti
    13. Tekstin luonti
    14. Tekstiytimen virhe, kun käytetään Tekstityökalua Photoshopissa | Windows 8
  18. Videot ja animaatiot
    1. Videoiden muokkaus Photoshopissa
    2. Video- ja animaatiotasojen muokkaaminen
    3. Videoiden ja animaatioiden yleiskatsaus
    4. Videoiden ja animaatioiden esikatseleminen
    5. Ruutujen maalaaminen videotasoille
    6. Videotiedostojen ja kuvasarjojen tuominen
    7. Ruutuanimaatioiden luominen
    8. Creative Cloud 3D -animaatio (esikatselu)
    9. Aikajana-animaatioiden luonti
    10. Kuvien luonti videoita varten
  19. Suodattimet ja tehosteet
    1. Sulata-suodattimen käyttö
    2. Sumennusgallerian käyttö
    3. Perustietoja suodattimista
    4. Suodatintehosteiden luettelo
    5. Valaistustehosteiden lisääminen
    6. Mukautuvan laajakuvasuodattimen käyttö
    7. Öljymaalaussuodattimen käyttö
    8. Tasotehosteet ja -tyylit
    9. Erityisten suodatinten käyttö
    10. Kuvan alueiden hankaaminen
  20. Tallentaminen ja vieminen
    1. Tiedostojen tallentaminen Photoshopissa
    2. Tiedostojen vieminen Photoshopissa
    3. Tuetut tiedostomuodot
    4. Tiedostojen tallentaminen kuvamuodoissa
    5. Suunnittelutiedostojen siirtäminen Photoshopin ja Illustratorin välillä
    6. Videoiden ja animaatioiden tallentaminen ja vienti
    7. PDF-tiedostojen tallentaminen
    8. Digimarc-tekijänoikeuksien suojaus
  21. Tulostaminen
    1. 3D-objektien tulostus
    2. Tulostaminen Photoshopista
    3. Tulostaminen käyttäen värinhallintaa
    4. Kontaktiarkit ja PDF-esitykset
    5. Kuvien tulostaminen kuvapakkausasettelussa
    6. Spottivärit tulostuksessa
    7. Kaksisävyt
    8. Kuvien tulostaminen kirjapainossa
    9. Photoshopin väritulosteiden parantaminen
    10. Tulostusongelmien vianmääritys | Photoshop
  22. Automaatio
    1. Makrojen luominen
    2. Tieto-ohjatun grafiikan luominen
    3. Komentosarjat
    4. Tiedostoerän käsitteleminen
    5. Makrojen toistaminen ja hallitseminen
    6. Ehdollisten tilan muutosten lisääminen
    7. Tietoja makroista ja Makrot-paneelista
    8. Työkalujen tallentaminen makroihin
    9. Ehdollisen tilan muunnoksen lisääminen makroon
    10. Photoshop-käyttöliittymän työkalusarja plug-ineille ja komentosarjoille
  23. Color Management
    1. Perustietoja värinhallinnasta
    2. Värien tasalaatuisuuden säilyttäminen
    3. Väriasetukset
    4. Väriprofiilien käyttäminen
    5. Julkaisujen värinhallinta online-katselua varten
    6. Dokumenttien värinhallinta tulostuksessa
    7. Tuotujen kuvien värinhallinta
    8. Värien tarkastaminen
  24. Content Authenticity
    1. Lisätietoja sisällön valtuuksista
    2. NFT-teosten identiteetti- ja käsittelyhistoriatiedot
    3. Tilien liittäminen teoksen määritetietoihin
  25. Kolmiulotteinen ja tekninen kuvantaminen
    1. Photoshop 3D | Usein kysyttyjä kysymyksiä poistetuista 3D-ominaisuuksista
    2. Creative Cloud 3D -animaatio (esikatselu)
    3. 3D-objektien tulostus
    4. 3D-maalaus
    5. 3D-paneelin parannukset | Photoshop
    6. Keskeiset 3D-käsitteet ja -työkalut
    7. 3D-muodostus ja tallentaminen
    8. 3D-objektien ja -animaatioiden luominen
    9. Kuvapinot
    10. 3D-työnkulku
    11. Mittaus
    12. DICOM-tiedostot
    13. Photoshop ja MATLAB
    14. Kuvan kohteiden laskeminen
    15. 3D-objektien yhdistäminen ja muuntaminen
    16. 3D-pintakuvion muokkaaminen
    17. HDR-valotuksen ja -sävytyksen säätäminen
    18. 3D-paneelin asetukset
Huomautus:

Tietoja web-gallerioiden luomisesta Photoshop CS5:ssä on Adobe Bridgen ohjeen osassa Web-valokuvagallerian luominen. Jos haluat käyttää vanhaa valinnaista Web-valokuvagalleria-plug-iniä, joka on kuvattu alla olevissa aiheissa, lataa ja asenna sen ensin Windowsille tai Mac OS:lle.

Tietoja Web-valokuvagallerioista

Web-valokuvagalleria on sivusto, johon kuuluu pienoiskuvia sisältävä kotisivu sekä täysikokoisia kuvia sisältäviä galleriasivuja. Kullakin sivulla on linkkejä, joiden avulla katselijat pääsevät sivulta toiselle. Kun katselija esimerkiksi napsauttaa kotisivulla olevaa miniatyyriä, vastaava täysikokoinen kuva latautuu galleriasivulle. Web-valokuvagalleria-komennolla luodaan kuvista automaattisesti Web-valokuvagalleria.

Photoshopin Web-valokuvagalleria-kotisivu
Web-valokuvagalleria-kotisivu

Photoshopissa on galleriaa varten monenlaisia valmiita tyylejä, joita voidaan valita Web-valokuvagalleria-komennolla. Jos olet edistynyt HTML-kielen tuntija, voit luoda uuden tyylin tai mukauttaa tyyliä muokkaamalla HTML-mallitiedostoja.

Galleriatyylien jokaisessa mallitiedostossa on erilaisia asetuksia. Jos käytät esimääritettyä tyyliä, osa asetuksista on ehkä himmennetty eli niitä ei voi käyttää kyseisen tyylin kanssa.

Web-gallerioiden luominen Adobe Bridgessä

Päivitetyt web-gallerioiden toiminnot sisältyvät Adobe Bridgeen. Saat ohjeita Adobe Bridgen ohjeen kohdasta Web-valokuvagallerian luominen tai tutustumalla alla oleviin ohjeisiin.

Vanhan, valinnaisen Photoshop-plug-inin käyttäminen

  1. Lataa ja asenna vanha Web-valokuvagalleria-plug-in Windowsille tai Mac OS:lle.

  2. (Valinnainen) Valitse tiedostot tai kansio, jota haluat käyttää Adobe Bridgessä.

    Kuvat esitetään siinä järjestyksessä, jossa ne näkyvät Bridgessä. Jos haluat käyttää toista järjestystä, muuta järjestystä Bridgessä.

  3. Tee jokin seuraavista toimista:

    • Valitse Adobe Bridgessä Työkalut > Photoshop > Web-valokuvagalleria.

    • Valitse Photoshopissa Tiedosto/Arkisto > Automatisoi > Web-valokuvagalleria.

  4. Valitse Tyylit-valikosta gallerian tyyli. Valitulla tyylillä muotoillun kotisivun esikatselukuva näkyy valintaikkunassa.

  5. (Valinnainen) Kirjoita sähköpostiosoite gallerian yhteystiedoksi.

  6. Valitse Käytä-valikosta gallerian lähdetiedostot.

    Valitut kuvat Bridgestä

    Käyttää ennen Web-valokuvagalleria-valintaikkunan avaamista valitsemiasi tiedostoja.

    Kansio

    Käyttää niissä kansioissa olevia kuvia, jotka valitaan käyttämällä Selaa-painiketta (Windows) tai Valitse-painiketta (Mac OS). Valitse Sisällytä kaikki alikansiot -asetus, jos galleriaan pitää sisällyttää kuvat, jotka ovat valitun kansion alikansioissa.

  7. Napsauta Kohde-painiketta ja valitse kansio, johon gallerian kuvat ja HTML-sivut tallennetaan. Valitse sitten OK (Windows) tai Valitse (Mac OS).

  8. Valitse Web-gallerian muotoiluasetukset: Voit tuoda asetusryhmät näkyviin Asetukset-valikosta valitsemalla. Katso Web-valokuvagallerian asetukset.

  9. Valitse OK. Photoshop tallentaa kohdekansioon seuraavat HTML- ja JPEG-tiedostot:

    • Gallerian kotisivun, jonka nimi on Tunniste-asetuksen mukaan joko index.htm tai index.html. Avaa tämä tiedosto millä tahansa Web-selaimella, kun haluat esikatsella galleriaa.

    • JPEG-kuvat images-alikansioon.

    • HTML-sivut pages-alikansioon.

    • JPEG-pienoiskuvat thumbnails-alikansioon.

Värien vastaavuuden varmistaminen

Jos käsittelet valokuvia, joiden väriavaruuden toistoala on laaja, esimerkiksi ProPhoto RGB tai Adobe RGB, niiden värit voivat muuttua katseltaessa Web-galleriaa selaimella, joka ei lue sisällytettyjä väriprofiileja. Jos näin käy, yritä muuntaa kuvaprofiilit sRGB-muotoon (joka on useimpien selainten oletusarvo) ennen kuvien optimoimista tai lisäämistä Web-valokuvagalleriaan. Muunna ne sRGB-muotoon yhdellä seuraavista menetelmistä. Tässä kannattaa käyttää kuvien kopioita.

Jos käytät Kuvaprosessoria, voit tallentaa tiedostot suoraan JPEG-muotoon haluamasi kokoisina. Jos teet näin, poista Suuret kuvat -asetuksissa oleva Muuta kuvien kokoa -asetus käytöstä.

Yleiset

Tiedostotunnisteiden, koodauksen ja metatietojen asetukset.

Tunniste

Käyttää tiedostotunnistetta .htm tai .html.

Käytä URL-osoitteissa UTF 8 -koodausta

Käyttää UTF-8-koodausta.

Lisää kuvien leveys- ja korkeusominaisuudet

Määrittää mitat ja lyhentää latausaikaa.

Säilytä kaikki metatiedot

Metatiedot säilytetään.

Mainoskuva

Gallerian kullakin sivulla näkyvän mainoskuvan tekstin asetukset. Kirjoita teksti kuhunkin näistä:

Sivuston nimi

Gallerian nimi.

Valokuvaaja

Sen henkilön tai organisaation nimi, joka on tehnyt gallerian kuvat.

Yhteystiedot

Gallerian yhteystiedot, kuten puhelinnumero tai yrityksen osoite.

Päiväys

Gallerian kullakin sivulla näkyvä päivämäärä. Photoshop käyttää normaalisti tämänhetkistä päivämäärää.

Kirjasin ja kirjasinkoko

(Käytettävissä eräissä sivustotyyleissä) Mainosnauhatekstin asetukset.

Suuret kuvat

Gallerian kullakin sivulla näkyvien pääkuvien asetukset.

Lisää numeeriset linkit

(Käytettävissä eräissä sivustotyyleissä) Sijoittaa vaakasuoran numerosarjan (alkaa ykkösestä ja päättyy gallerian viimeisen sivun numeroon) gallerian jokaisen sivun yläreunaan. Kukin numero on linkki vastaavalle sivulle.

Muuta kuvien kokoa

Muuttaa lähdekuvien kokoa galleriasivuille sijoittamista varten. Valitse koko valikosta tai kirjoita koko pikseleinä. Jos käytät Rajoitus-asetusta, valitse ne kuvan mitat, joita pitää rajoittaa koon muuttamisen aikana. Valitse JPEG-laatu-asetus valikosta, määritä arvo 0–12 tai vedä liukusäädintä. Mitä suurempi arvo, sitä parempi laatu ja sitä suurempi tiedosto.

Huomautus:

Photoshop käyttää oletusarvoissa määritettyä oletusinterpolaatiomenetelmää. Valitse oletusasetukseksi Bicubic, terävämpi -asetus, jos pienennät kuvan kokoa.

Reunuksen koko

Määrittää kuvaa ympäröivän reunuksen leveyden pikseleinä.

Otsikoissa käytetään

(Käytettävissä eräissä sivustotyyleissä) Määrittää, miten kuvateksti näytetään kunkin kuvan alapuolella. Valitse Tiedostonimi, jos haluat näyttää tiedoston nimen, tai valitse Kuvaus, Tekijät, Otsikko ja Tekijänoikeus, jos haluat näyttää Tiedoston tiedot -valintaikkunan sisältämät tiedot.

Kirjasin ja kirjasinkoko

(Käytettävissä eräissä sivustotyyleissä) Määritä kuvatekstin kirjasin ja koko.

Miniatyyrit

Gallerian kotisivun asetukset, kuten miniatyyrikuvien koko.

Koko

Määrittää miniatyyrin koon. Valitse valikosta tai kirjoita kunkin miniatyyrin leveyden arvo pikseleinä.

Sarakkeet ja Rivit

Määritä sarakkeiden ja rivien määrä, joissa miniatyyrit näytetään kotisivulla. Tämä asetus ei koske galleriaa, jossa käytetään vaaka- tai pystysuoraa kehystyyliä.

Reunuksen koko

Määrittää kutakin miniatyyriä ympäröivän reunuksen leveyden pikseleinä.

Otsikoissa käytetään

(Käytettävissä eräissä sivustotyyleissä) Määrittää, miten kuvateksti näytetään kunkin miniatyyrin alapuolella. Valitse Tiedostonimi, jos haluat näyttää tiedoston nimen, tai valitse Kuvaus, Tekijät, Otsikko ja Tekijänoikeus, jos haluat näyttää Tiedoston tiedot -valintaikkunan sisältämät tiedot.

Kirjasin ja kirjasinkoko

(Käytettävissä eräissä sivustotyyleissä) Määritä kuvatekstin kirjasin ja koko.

Mukautetut värit

Gallerian osien värien asetukset. Jos haluat vaihtaa tietyn osan värin, napsauta osan väriruutua ja valitse sitten uusi väri Adobe Värivalitsimella. Voit muuttaa kunkin sivun (Tausta-asetus) ja mainoskuvan (Mainoskuva-asetus) taustaväriä.

Suojaus

Näyttää tekstin kunkin kuvan päällä varkauden estämiseksi.

Sisältö

Määrittää näytettävän tekstin. Valitse Mukautettu teksti, jos haluat kirjoittaa mukautetun tekstin. Valitse Tiedostonimi, Kuvaus, Tekijät, Otsikko tai Tekijänoikeus, jos haluat näyttää Tiedoston tiedot -valintaikkunan sisältämät tiedot.

Kirjasin, Väri ja Sijainti

Määritä kuvatekstin kirjasin, väri ja tasaus.

Käännä

Sijoita teksti kuvan päälle vinottain.

Photoshopissa on Web-valokuvagalleriaa varten monenlaisia valmiita tyylejä. Jos olet edistynyt HTML-kielen tuntija, voit luoda uuden tyylin tai mukauttaa tyyliä muokkaamalla HTML-mallitiedostoja.

Photoshopiin kuuluvat Web-valokuvagalleriatyylit on tallennettu seuraaviin kansioihin:

Windows

Ohjelmatiedostot/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Kunkin tässä kansiossa sijaitsevan alikansion nimi näkyy vaihtoehtona Web-valokuvagalleria-valintaikkunan Tyylit-valikossa. Kussakin kansiossa on seuraavat HTML-mallitiedostot, joita Photoshop käyttää luodessaan gallerian:

Caption.htm

Määrittää kunkin kotisivulle sijoitetun pienoiskuvan alapuolella olevan kuvatekstin asettelun.

FrameSet.htm

Määrittää sivujen näyttämiseen käytettävän kehysryhmän asettelun.

IndexPage.htm

Määrittää kotisivun asettelun.

SubPage.htm

Määrittää täysikokoiset kuvat sisältävien galleriasivujen asettelun.

Thumbnail.htm Määrittää etusivulla näkyvien miniatyyrien asettelun.

Kukin mallitiedosto sisältää HTML-koodeja ja paikkamerkkejä. Paikkamerkki on merkkijono, jonka Photoshop korvaa, kun vastaava asetus määritetään Web-valokuvagalleria-valintaikkunassa. Mallitiedostossa voi olla esimerkiksi seuraava TITLE-osa, joka sisältää paikkamerkin:

<TITLE>%TITLE%</TITLE>

Kun Photoshop luo gallerian tämän mallitiedoston perusteella, se korvaa paikkamerkin %TITLE%-tekstillä, joka on kirjoitettu Web-valokuvagalleria-valintaikkunan Sivuston nimi -ruutuun.

Jos haluat tietää tyylistä enemmän, avaa ja tutki HTML-mallitiedostoa HTML-editorilla. Koska HTML-tiedostoissa tarvitaan vain ASCII-merkkejä, voit avata, muokata ja luoda niitä tavallisella tekstieditorilla, kuten Muistiolla (Windows) tai TextEditillä (Mac OS).

Voit mukauttaa Web-valokuvagallerian tyyliä muokkaamalla siihen liittyviä HTML-mallitiedostoja. Muokkaa tyyliä seuraavien ohjeiden mukaisesti, jotta Photoshop osaa muodostaa gallerian oikein:

  • Tyylikansiossa on oltava nämä tiedostot: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm ja FrameSet.htm.

  • Voit vaihtaa tyylikansion nimen, mutta et kansion sisältämien HTML-mallitiedostojen nimiä.

  • Voit jättää Caption.htm-tiedoston tyhjäksi ja sijoittaa kuvatekstin asettelun määrittävät HTML-koodit ja paikkamerkit Thumbnail.htm-tiedostoon.

  • Voit korvata mallitiedostossa olevan paikkamerkin sopivalla tekstillä tai HTML-koodilla. Tällöin asetus määritetään mallitiedostossa eikä Web-valokuvagalleria-valintaikkunassa. Mallitiedostossa voi olla esimerkiksi BODY-osa, jonka taustavärimääritteen arvon tilalla on paikkamerkki:

    bgcolor=%BGCOLOR%

    Jos haluat muuttaa sivun taustan punaiseksi, korvaa paikkamerkki %BGCOLOR% arvolla ”FF0000”.

  • Voit lisätä mallitiedostoihin HTML-koodeja ja paikkamerkkejä. Kaikki paikkamerkit täytyy kirjoittaa isolla ja ympäröidä prosenttimerkein (%).

  1. Etsi kansio, joka sisältää nykyiset Web-valokuvagalleriatyylit.
  2. Tee jokin seuraavista toimista:
    • Jos haluat mukauttaa tyyliä, luo tyylikansiosta kopio ja tallenna se samaan kansioon olemassa olevien tyylikansioiden kanssa.

    • Jos haluat luoda uuden tyylin, luo uutta tyyliä varten uusi kansio ja tallenna se samaan kansioon olemassa olevien tyylikansioiden kanssa.

    Uuden tai mukautetun tyylin (vastaavan kansion mukainen) nimi näkyy vaihtoehtona Web-valokuvagalleria-valintaikkunan Tyylit-valikossa.

  3. Tee HTML-editorilla jokin seuraavista toimista:
    • Mukauta HTML-mallitiedostoa.

    • Luo tarvittavat HTML-mallitiedostot ja tallenna ne tyylikansioon.

    Kun luot mallitiedostoja, muista noudattaa kohdassa Tietoja Web-valokuvagalleriatyylien mukauttamisesta esitettyjä ohjeita.

    Huomautus:

    Kun mukautat tai luot mallia galleriatyyliä varten, sinun pitäisi sijoittaa jokainen seuraavista paikkamerkeistä erilliselle riville HTML-tiedostossa: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% ja %PREVINDEX%. Kun Photoshop muodostaa gallerian sivua, se ohittaa mallin ne rivit, joilla olevat paikkamerkit eivät koske kyseistä sivua. Kun Photoshop luo esimerkiksi gallerian ensimmäistä sivua, se ohittaa mallitiedoston jokaisen rivin, jolla sijaitseva %PREVIMAGE%-paikkamerkki määrittää linkin gallerian edelliselle sivulle. Kun kirjoitat %PREVIMAGE%-paikkamerkin omalle rivilleen, Photoshop ei vahingossa ohita mallin muita paikkamerkkejä.

Photoshop käyttää HTML-mallitiedostoissa paikkamerkkejä, joilla määritetään Web-valokuvagallerian oletustyyli. Paikkamerkkien avulla Photoshop muodostaa Web-valokuvagalleria-valintaikkunassa määritettyjen tietojen mukaisen gallerian.

Kun muokkaat tai luot galleriatyyliä, voit lisätä mihin tahansa HTML-tiedostoon minkä tahansa muun paikkamerkin paitsi %THUMBNAILS% ja %THUMBNAILSROWS%. Näitä paikkamerkkejä saa olla vain IndexPage.htm-tiedostossa. Kun lisäät paikkamerkin, muista, että sinun pitää ehkä lisätä tiedostoon HTML-koodeja, jotta Photoshop käyttäisi paikkamerkkiä oikein.

Voit käyttää HTML-mallitiedostoissa seuraavia paikkamerkkejä:

%ALINK%

Määrittää aktiivisten linkkien värin.

%ALT%

Määrittää kuvatiedoston nimen.

%ANCHOR%

Mahdollistaa palaamisen katseltavaa kuvaa vastaavaan pienoiskuvaan hakemiston alkuun palaamisen sijasta. Pienoiskuvaan palataan napsauttamalla Kotisivu-painiketta.

%BANNERCOLOR%

Määrittää mainosnauhan värin.

%BANNERFONT%

Määrittää mainosnauhan tekstin kirjasimen.

%BANNERFONTSIZE%

Määrittää mainosnauhan tekstin kirjasinkoon.

%BGCOLOR%

Määrittää taustavärin.

%CAPTIONFONT%

Määrittää kotisivun kunkin pienoiskuvan alapuolella näkyvän kuvatekstin kirjasimen.

%CAPTIONFONTSIZE%

Määrittää kuvatekstin kirjasinkoon.

%CAPTIONTITLE%

Lisää kuvatekstiksi dokumentin otsikon, joka on luettu tiedoston tiedoista.

%CHARSET%

Määrittää kullakin sivulla käytettävän merkistön.

%CONTACTINFO%

Määrittää gallerian yhteystiedot, esimerkiksi puhelinnumeron ja sijainnin.

%CONTENT_GENRATOR%

Muuttuu tekstiksi Adobe Photoshop CS5 Web Photo Gallery.

%COPYRIGHT%

Lisää kuvatekstiksi tekijänoikeustiedot, jotka on luettu tiedoston tiedoista.

%CREDITS%

Lisää kuvatekstiksi tekijätiedot, jotka on luettu tiedoston tiedoista.

%CURRENTINDEX%

Määrittää nykyiselle kotisivulle johtavan linkin.

%CURRENTINDEXANCHOR%

Sijaitsee SubPage.htm-tiedostossa ja viittaa hakemiston ensimmäiselle sivulle.

%DATE%

Määrittää mainosnauhassa näkyvän päivämäärän.

%EMAIL%

Määrittää gallerian yhteystiedoksi sähköpostiosoitteen.

%FILEINFO%

Määrittää kuvatekstissä näytettävät kuvatiedoston tiedot.

%FILENAME%

Määrittää kuvan tiedostonimen. Käytä tätä metatiedoissa, jotka esitetään HTML-tekstinä.

%FILENAME_URL%

Määrittää kuvan URL-tiedostonimen. Käytä tätä vain URL-tiedostonimissä.

%FIRSTPAGE%

Määrittää gallerian ensimmäiselle sivulle johtavan linkin, joka näkyy kehysjoukon oikeanpuoleisessa kehyksessä.

%FRAMEINDEX%

Määrittää kotisivulle johtavan linkin, joka näkyy kehysjoukon vasemmanpuoleisessa kehyksessä.

%HEADER%

Määrittää gallerian otsikon.

%IMAGEBORDER%

Määrittää galleriasivulla olevan täysikokoisen kuvan reunuksen leveyden.

%IMAGE_HEIGHT%

Ottaa käyttöön Lisää kuvien leveys- ja korkeusmääritteet -valintaruudun. Näin käyttäjä voi ladata määritteet, mikä lyhentää latausaikaa.

%IMAGE_HEIGHT_NUMBER%

Tämä paikkamerkki korvautuu luvulla, joka tarkoittaa kuvan leveyttä.

%IMAGEPAGE%

Määrittää galleriasivulle johtavan linkin.

%IMAGE_SIZE%

Jos Muuta kuvien kokoa -valintaruutu on valittu, tämän paikkamerkin arvo on sama kuin Suuret kuvat -paneelissa näkyvä kuvan pikseliarvo. Ellei valintaruutua ole valittu, tämän paikkamerkin arvo on tyhjä merkkijono. Paikkamerkistä on hyötyä mallitiedostojen JavaScript-ohjelmissa, koska sen avulla voidaan näyttää muodostetun sivuston kaikkien kuvien korkeus- ja leveysmitat.

%IMAGESRC%

Määrittää galleriasivulla olevan täysikokoisen kuvan URL-osoitteen.

%IMAGE_WIDTH%

Ottaa käyttöön Lisää kuvien leveys- ja korkeusmääritteet -valintaruudun. Näin käyttäjä voi ladata määritteet, mikä lyhentää latausaikaa.

%IMAGE_WIDTH_NUMBER%

Tämä paikkamerkki korvautuu luvulla, joka tarkoittaa kuvan leveyttä.

%LINK%

Määrittää linkkien värin.

%NEXTIMAGE%

Määrittää seuraavalle galleriasivulle johtavan linkin.

%NEXTIMAGE _CIRCULAR%

Määrittää linkin isosta esikatselukuvasta seuraavaan isoon esikatselukuvaan.

%NEXTINDEX%

Määrittää seuraavalle kotisivulle johtavan linkin.

%NUMERICLINKS%

Lisää alisivujen numeroidut linkit kaikkiin isoihin esikatselukuviin.

%PAGE%

Määrittää nykyisen sivun sijainnin (esimerkiksi sivu 1/3).

%PHOTOGRAPHER%

Määrittää sen henkilön tai organisaation nimen, joka on tehnyt gallerian kuvat.

%PREVIMAGE%

Määrittää edelliselle galleriasivulle johtavan linkin.

%PREVINDEX%

Määrittää edelliselle kotisivulle johtavan linkin.

%SUBPAGEHEADER%

Määrittää gallerian otsikon.

%SUBPAGETITLE%

Määrittää gallerian otsikon.

%TEXT%

Määrittää tekstin värin.

%THUMBBORDER%

Määrittää miniatyyrien reunuksen koon.

%THUMBNAIL_HEIGHT%

Ottaa käyttöön Lisää kuvien leveys- ja korkeusmääritteet -valintaruudun. Näin käyttäjä voi ladata määritteet, mikä lyhentää latausaikaa.

%THUMBNAIL_HEIGHT_NUMBER%

Tämä paikkamerkki korvautuu luvulla, joka tarkoittaa pienoiskuvan korkeutta.

%THUMBNAILS%

Tämä paikkamerkki korvautuu pienoiskuvilla, joiden kehystyylit ovat Thumbnail.htm-tiedoston mukaiset. Sen on oltava HTML-tiedostossa omalla rivillään, jota ei ole jaettu osiin.

%THUMBNAIL_SIZE%

Sisältää Miniatyyrit-paneelista luetun pienoiskuvan pikseliarvon. Paikkamerkistä on hyötyä mallitiedostojen JavaScript-ohjelmissa, koska sen avulla voidaan näyttää muodostetun sivuston kaikkien pienoiskuvien korkeus- ja leveysmitat.

%THUMBNAILSRC%

Määrittää pienoiskuvaan johtavan linkin.

%THUMBNAILSROWS%

Tämä paikkamerkki korvautuu pienoiskuvariveillä, joiden muut kuin kehystyylit ovat Thumbnail.htm-tiedoston mukaiset. Sen on oltava HTML-tiedostossa omalla rivillään, jota ei ole jaettu osiin.

%THUMBNAIL_WIDTH%

Ottaa käyttöön Lisää kuvien leveys- ja korkeusmääritteet -valintaruudun. Näin käyttäjä voi ladata määritteet, mikä lyhentää latausaikaa.

%THUMBNAIL_WIDTH_NUMBER%

Tämä paikkamerkki korvautuu luvulla, joka tarkoittaa pienoiskuvan leveyttä.

%TITLE%

Määrittää gallerian otsikon.

%VLINK%

Määrittää käytettyjen linkkien värin.

Adobe-logo

Kirjaudu sisään tiliisi