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 | Yleisiä kysymykset
    6. Photoshop-järjestelmävaatimukset
    7. 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. Capture-sovelluslaajennuksen käyttäminen Photoshopissa
  4. Photoshopin iPad-versio (ei saatavilla Manner-Kiinassa)
    1. Photoshopin iPad-versio | Yleisiä 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. Sommitelmien retusoiminen
    10. Säätötasojen käyttäminen
    11. Sommitelman sävyjen säätäminen käyrien avulla
    12. Muunnosten käyttäminen
    13. Sommitelmien 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 (ei saatavilla Manner-Kiinassa)
    1. Yleisiä kysymyksiä
    2. Järjestelmävaatimukset
    3. Pikanäppäimet
    4. Tuetut tiedostotyypit
    5. Työtilan esittely
    6. Pilvidokumenttien avaaminen ja käyttäminen
    7. Generatiiviset tekoälyominaisuudet
    8. Muokkaamisen peruskäsitteet
    9. Pikatoiminnot
    10. Tasojen käyttäminen
    11. Kuvien retusointi ja virheiden poistaminen
    12. Nopeiden valintojen tekeminen
    13. Kuvan parantaminen säätötasojen avulla
    14. Kuvien siirtäminen, muuntaminen ja rajaaminen
    15. Piirtäminen ja maalaaminen
    16. Tekstitasojen käyttäminen
    17. Työskentele verkossa kenen tahansa kanssa
    18. Hallitse sovelluksen asetuksia
  6. Photoshop (Beta) (ei saatavana Manner-Kiinassa)
    1. Creative Cloud (Beta) -sovellusten käytön aloittaminen
    2. Photoshop (Beta) -tietokoneversio
  7. Generatiivinen tekoäly (ei saatavilla Manner-Kiinassa) 
    1. Yleisiä kysymyksiä Photoshopin uusista tekoälytoiminnoista
    2. Generatiivinen täyttö Photoshopin tietokoneversiossa
    3. Generatiivinen laajennus Photoshopin tietokoneversiossa
    4. Generatiivinen täyttö Photoshopin iPad-versiossa
    5. Generatiivinen laajennus Photoshopin iPad-versiossa
    6. Generatiiviset variaatiot Photoshopin iPad-versiossa
    7. Generatiiviset tekoälyominaisuudet Photoshopin verkkoversiossa
  8. Content Authenticity (ei saatavilla Manner-Kiinassa)
    1. Sisällön valtuudet Photoshopissa
    2. NFT-teosten identiteetti- ja käsittelyhistoriatiedot
    3. Tilien liittäminen teoksen määritetietoihin
  9. Pilvidokumentit (ei saatavilla Manner-Kiinassa)
    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. Kutsu muita muokkaamaan pilvidokumenttejasi
    9. Tiedostojen jakaminen ja kommentointi sovelluksessa
  10. Työtila
    1. Perustietoja työtilasta
    2. Oletusasetukset
    3. Opi nopeammin Photoshopin Tutustu-paneelin avulla
    4. Dokumenttien luonti
    5. Tiedostojen sijoittaminen
    6. Oletuspikanäppäimet
    7. Pikanäppäinten mukauttaminen
    8. Työkaluvalikoimat
    9. Suorituskyvyn oletusarvot
    10. Työkalujen käyttö
    11. Esimääritykset
    12. Ruudukko ja apulinjat
    13. Kosketuseleet
    14. Käytä Touch Baria Photoshopissa
    15. Kosketustoiminnot ja mukautettavat työtilat
    16. Tekninen esikatselu
    17. Metatiedot ja muistiinpanot
    18. Kosketustoiminnot ja mukautettavat työtilat
    19. Photoshop-kuvien sijoittaminen muihin sovelluksiin
    20. Viivaimet
    21. Tulostumattomien ylimääräisten elementtien näyttäminen ja piilottaminen
    22. Palstojen määrittäminen kuvalle
    23. Kumoa ja Historia
    24. Paneelit ja valikot
    25. Elementtien sijoittelu kohdistamalla
    26. Sijoittaminen viivaintyökalulla
  11. 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
  12. 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
  13. Tasot
    1. Tasojen perusteet
    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
  14. Valinnat
    1. Valintojen perusteet
    2. Valintojen tekeminen sommitelmissa
    3. Valinta ja maski -työtila
    4. Valintatyökaluilla valitseminen
    5. Valitseminen lassotyökalulla
    6. Pikselivalintojen muokkaaminen
    7. Valittujen pikselien siirtäminen, kopiointi ja poistaminen
    8. Tilapäisen pikamaskin luominen
    9. Värialueen valitseminen kuvasta
    10. Reittien muuntaminen valintareunuksiksi ja päinvastoin
    11. Kanavien perusteet
    12. Valintojen tallentaminen ja alfakanavamaskit
    13. Kuvan tarkkuusalueiden valitseminen
    14. Kanavien monistaminen, jakaminen ja yhdistäminen
    15. Kanavien laskenta
  15. Kuvan säädöt
    1. Objektin värien korvaaminen
    2. Perspektiivin käyristäminen
    3. Kameran tärinän aiheuttaman sumennuksen vähentäminen
    4. Esimerkkejä korjaussiveltimen käytöstä
    5. Vie värihaun taulukoita
    6. Kuvan terävyyden ja sumeuden säätäminen
    7. Värinsäädöt
    8. Kirkkaus/kontrasti-säädön käyttäminen
    9. Tummien ja vaaleiden yksityiskohtien säätäminen
    10. Tasojen säätö
    11. Sävyn ja kylläisyyden säätäminen
    12. Värikirkkauden säätäminen
    13. Kuvan alueiden värikylläisyyden säätäminen
    14. Nopeiden säätöjen tekeminen sävyihin
    15. Väritehosteiden lisääminen kuviin
    16. Kuvan paranteleminen väritasapainoa säätämällä
    17. High Dynamic Range -kuvat
    18. Histogrammien ja pikseliarvojen tarkasteleminen
    19. Värien sovittaminen kuvassasi
    20. Valokuvien rajaaminen ja suoristaminen
    21. Värikuvan muuntaminen mustavalkokuvaksi
    22. Säätö- ja täyttötasot
    23. Käyrien säätö
    24. Sekoitustilat
    25. Kuvien kohdearvojen valmisteleminen kirjapainoa varten
    26. Värien ja sävyjen säätäminen Tasot- ja Käyrät-pipettityökaluilla
    27. HDR-valotuksen ja -sävytyksen säätäminen
    28. Kuvan alueiden varjostaminen tai lisävalottaminen
    29. Selektiivisten värinsäätöjen tekeminen
  16. 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. Säteittäinen suodatin Camera Raw'ssa
    10. Camera Raw -asetusten hallinta
    11. Kuvien avaaminen, käsittely ja tallentaminen Camera Raw’ssa
    12. Korjaa kuvia Camera Raw’n parannetulla täplänpoistotyökalulla
    13. Kuvien kiertäminen, rajaus ja säätäminen
    14. Värinmuodostuksen säätö Adobe Camera Raw’ssa
    15. Camera Raw'n prosessiversiot
    16. Paikallisten säätöjen tekeminen Camera Raw -sovelluksessa
  17. 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
  18. Kuvan parantaminen ja muuntaminen
    1. Taivaan korvaaminen kuvissa
    2. Objektien muuntaminen
    3. Rajauksen, käännön ja piirtoalueen koon säätäminen
    4. Valokuvien rajaaminen ja suoristaminen
    5. Panoraamakuvien luominen ja muokkaaminen
    6. Kuvien, muotojen ja reittien käyristykset
    7. Pakopiste
    8. Sisältötietoinen skaalaus
    9. Kuvien, muotojen ja reittien muuntaminen
  19. 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
    27. Esimääritysten, makrojen ja asetusten siirto
  20. 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
  21. 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. Sulata-suodattimen käyttö
    9. Tasotehosteet ja -tyylit
    10. Erityisten suodatinten käyttö
    11. Kuvan alueiden hankaaminen
  22. 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
  23. Color Management
    1. Perustietoja värinhallinnasta
    2. Värien tasalaatuisuuden säilyttäminen
    3. Väriasetukset
    4. Kaksisävyt
    5. Väriprofiilien käyttäminen
    6. Julkaisujen värinhallinta online-katselua varten
    7. Dokumenttien värinhallinta tulostuksessa
    8. Tuotujen kuvien värinhallinta
    9. Värien tarkastaminen
  24. 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
  25. 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
  26. 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. Kuvien tulostaminen kirjapainossa
    8. Photoshopin väritulosteiden parantaminen
    9. Tulostusongelmien vianmääritys | Photoshop
  27. 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
  28. Vianmääritys
    1. Ratkaistut ongelmat 
    2. Tunnetut ongelmat
    3. Optimoi Photoshopin suorituskyky
    4. Perusvianmääritys
    5. Kaatumisen tai jumiutumisen vianmääritys
    6. Ohjelmavirheiden vianmääritys
    7. Työlevy täynnä -virheiden vianmääritys
    8. Grafiikkasuorittimen ja näytönohjaimen ongelmien vianmääritys
    9. Puuttuvien työkalujen etsiminen
    10. Photoshop | Yleisiä kysymyksiä poistetuista 3D-ominaisuuksista
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

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?