Användarhandbok Avbryt

Skapa webbfotogallerier

  1. Användarhandbok för Photoshop
  2. Introduktion till Photoshop
    1. Dröm om det. Gör det.
    2. Nyheter i Photoshop
    3. Redigera ditt första foto
    4. Skapa dokument
    5. Photoshop | Vanliga frågor
    6. Systemkrav för Photoshop
    7. Migrera förinställningar, funktionsmakron och inställningar
    8. Lär dig Photoshop
  3. Photoshop och Adobe-tjänster
    1. Photoshop och Adobe Stock
    2. Creative Cloud Libraries
    3. Creative Cloud Libraries i Photoshop
    4. Använda Touch Bar med Photoshop
    5. Arbeta med Illustrator-bilder i Photoshop
    6. Använd apptillägget Capture i Photoshop
    7. Stödraster och stödlinjer
    8. Skapa funktionsmakron
    9. Ångra och historik
    10. Standardkortkommandon
    11. Funktioner för pekskärmar och anpassningsbara arbetsytor
  4. Photoshop på iPad
    1. Photoshop på iPad | Vanliga frågor
    2. Kom igång med arbetsytan
    3. Systemkrav | Photoshop på iPad
    4. Skapa, öppna och spara dokument
    5. Lägg till foton
    6. Arbeta med lager
    7. Rita och måla med penslar
    8. Gör markeringar och lägg till maskering
    9. Retuschera dina sammansatta bilder
    10. Arbeta med justeringslager
    11. Justera färgtonen i den sammansatta bilden med Kurvor
    12. Använda omformningsåtgärder
    13. Beskär och rotera dina sammansättningar
    14. Rotera, panorera, zooma och återställa arbetsytan
    15. Arbeta med textlager
    16. Arbeta med Photoshop och Lightroom
    17. Skaffa saknade typsnitt i Photoshop på iPad
    18. Japansk text i Photoshop på iPad
    19. Hantera appinställningar
    20. Tryckkortkommandon och gester
    21. Kortkommandon
    22. Redigera bildstorlek
    23. Liveströmma samtidigt som du skapar i Photoshop på iPad
    24. Reparera defekter med verktyget Lagningspensel
    25. Skapa penslar i Capture och använd dem i Photoshop
    26. Arbeta med Camera Raw-filer
    27. Skapa och arbeta med smarta objekt
    28. Justera exponering i dina bilder med skugga och efterbelys
  5. Betaversion av Photoshop på webben
    1. Vanliga frågor | Betaversionen av Photoshop på webben 
    2. Introduktion till arbetsytan
    3. Systemkrav | Betaversionen av Photoshop på webben
    4. Kortkommandon | Betaversion av Photoshop på webben
    5. Filformat som stöds | Betaversion av Photoshop på webben
    6. Öppna och arbeta med molndokument
    7. Samarbeta med intressenter
    8. Använda begränsade redigeringar i molndokument
  6. Molndokument
    1. Photoshop-molndokument | Vanliga frågor
    2. Photoshop-molndokument | Arbetsflödesfrågor
    3. Hantera och arbeta med molndokument Photoshop
    4. Uppgradera molnlagringsutrymmet för Photoshop
    5. Det går inte att skapa eller spara ett molndokument
    6. Lös fel med Photoshops molndokument
    7. Samla in loggar för synkronisering av molndokument
    8. Dela åtkomst och redigera dina molndokument
    9. Dela filer och kommentera i appen
  7. Arbetsyta
    1. Grundläggande om arbetsytan
    2. Skapa dokument
    3. Använda Touch Bar med Photoshop
    4. Stöd för Microsoft Dial i Photoshop
    5. Verktygsgallerier
    6. Prestandainställningar
    7. Använda verktyg
    8. Tryckgester
    9. Funktioner för pekskärmar och anpassningsbara arbetsytor
    10. Förhandstitt på teknik
    11. Metadata och anteckningar
    12. Dela det du skapar snabbt
    13. Montera Photoshop-bilder i andra program
    14. Inställningar
    15. Standardkortkommandon
    16. Linjaler
    17. Visa eller dölj extrainnehåll som inte skrivs ut
    18. Ange kolumner för en bild
    19. Ångra och historik
    20. Paneler och menyer
    21. Montera filer
    22. Placera element med fästfunktionen
    23. Placera med linjalen
    24. Förinställningar
    25. Anpassa kortkommandon
    26. Stödraster och stödlinjer
  8. Webb-, skärm- och appdesign
    1. Photoshop för design
    2. Ritytor
    3. Device Preview
    4. Kopiera CSS från lager
    5. Segmentera webbsidor
    6. HTML-alternativ för segment
    7. Ändra snittlayout
    8. Arbeta med webbilder
    9. Skapa webbfotogallerier
  9. Grundläggande om bilder och färger
    1. Så ändrar du storlek på bilder
    2. Arbeta med raster- och vektorbilder
    3. Bildstorlek och upplösning
    4. Hämta bilder från kameror och skannrar
    5. Skapa, öppna och importera bilder
    6. Visa bilder
    7. Fel ogiltig JPEG-markör | Öppna bilder
    8. Visa flera bilder
    9. Anpassa färgväljare och färgrutor
    10. High Dynamic Range-bilder
    11. Matcha färger i bilden
    12. Konvertera bilder till andra färglägen
    13. Färglägen
    14. Radera delar av en bild
    15. Blandningslägen
    16. Välja färger
    17. Anpassa indexerade färgtabeller
    18. Bildinformation
    19. Förvrängningsfilter är inte tillgängliga
    20. Färg
    21. Färg- och monokromjusteringar med kanaler
    22. Välja färger i Färgpanelen och Färgrutor
    23. Ta färgprov
    24. Färg- eller bildläge
    25. Färgskiftning
    26. Lägga till en villkorsstyrd lägesändring i ett funktionsmakro
    27. Lägga till färgrutor från HTML-, CSS- och SVG-dokument
    28. Bitdjup och inställningar
  10. Lager
    1. Grundläggande om lager
    2. Icke-förstörande redigering
    3. Skapa och hantera lager och grupper
    4. Markera, gruppera och länka lager
    5. Montera bilder i ramar
    6. Lageropacitet och -blandning
    7. Maskeringslager
    8. Använda smarta filter
    9. Lagerkompositioner
    10. Flytta, stapla och låsa lager
    11. Maskera lager med vektormasker
    12. Hantera lager och grupper
    13. Lagereffekter och lagerstilar
    14. Redigera lagermasker
    15. Extrahera resurser
    16. Visa lager med urklippsmasker
    17. Generera bildresurser från lager
    18. Arbeta med smarta objekt
    19. Blandningslägen
    20. Kombinera flera bilder till ett grupporträtt
    21. Kombinera bilder med Blanda lager automatiskt
    22. Justera och fördela lager
    23. Kopiera CSS från lager
    24. Läs in markering från ett lager eller en lagermasks gränser
    25. Med alternativen för ursparning kan du se innehåll från andra lager
    26. Lager
    27. Förenkling
    28. Sammansatt
    29. Bakgrund
  11. Markeringar
    1. Arbetsytan Markera och maskera
    2. Göra snabbmarkeringar
    3. Komma igång med markering
    4. Markera med hjälp av markeringsramsverktygen
    5. Markera med hjälp av lassoverktygen
    6. Markera ett färgintervall i en bild
    7. Justera pixelmarkeringar
    8. Konvertera mellan banor och markeringsgränser
    9. Grundläggande om kanaler
    10. Flytta, kopiera och ta bort markerade pixlar
    11. Skapa en tillfällig snabbmask
    12. Spara markeringar och alfakanalmasker
    13. Välja de bildområden som är i fokus
    14. Duplicera, dela och sammanfoga kanaler
    15. Kanalberäkningar
    16. Markering
    17. Markeringsram
  12. Bildjusteringar
    1. Tänja perspektiv
    2. Reducera oskärpa från kameraskak
    3. Exempel med Lagningspensel
    4. Exportera tabeller för färgsökning
    5. Justera bildens skärpa och oskärpa
    6. Färgjusteringar
    7. Använda intensitets-/kontrastjusteringar
    8. Förbättra skugg- och högdagerdetaljer
    9. Nivåjustering
    10. Justera nyans och mättnad
    11. Justera lyster
    12. Justera färgmättnad i bildområden
    13. Göra snabba toningsjusteringar
    14. Använda färgeffekter på bilder
    15. Förbättra bilden med färgbalansjusteringar
    16. High Dynamic Range-bilder
    17. Visa histogram och pixelvärden
    18. Matcha färger i bilden
    19. Så beskär du och rätar upp foton
    20. Konvertera en färgbild till en svartvit bild
    21. Justerings- och fyllningslager
    22. Kurvanpassning
    23. Blandningslägen
    24. Välja bilder för tryck
    25. Justera färg och ton med pipetterna Nivåer och Kurvor
    26. Justera HDR-exponering och HDR-toning
    27. Filter
    28. Göra oskarpt
    29. Skugga eller efterbelysa bildområden
    30. Selektiv färgjustering
    31. Ersätt objektfärger
  13. Adobe Camera Raw
    1. Systemkrav för Camera Raw
    2. Nyheter i Camera Raw
    3. Introduktion till Camera Raw
    4. Skapa panoramor
    5. Objektiv som stöds
    6. Effekterna Vinjettering, Kornighet och Ta bort dis i Camera Raw
    7. Standardkortkommandon
    8. Automatisk perspektivkorrigering i Camera Raw
    9. Så här gör du icke-förstörande redigeringar i Camera Raw
    10. Radiellt filter i Camera Raw
    11. Hantera Camera Raw-inställningar
    12. Öppna, bearbeta och spara foton i Camera Raw
    13. Reparera foton med hjälp av det förbättrade verktyget Fläckborttagning i Camera Raw
    14. Rotera, beskära och justera foton
    15. Justera färgåtergivning i Camera Raw
    16. Sammanfattning av funktioner | Adobe Camera Raw | 2018-versioner
    17. Sammanfattning av nya funktioner
    18. Processversioner i Camera Raw
    19. Göra lokala justeringar i Camera Raw
  14. Reparera och återställa bilder
    1. Använda Innehållsanpassad fyllning till att ta bort objekt från foton
    2. Innehållsanpassad lappning och flytt
    3. Retuschera och reparera foton
    4. Korrigera förvrängning och brus
    5. Grundläggande felsökningssteg för att korrigera de flesta problem
  15. Bildomformningar
    1. Omforma objekt
    2. Justera beskärning, rotation och storlek på arbetsyta
    3. Så beskär du och rätar upp foton
    4. Skapa och redigera panoramabilder
    5. Tänj bilder, former och banor
    6. Gränspunkt
    7. Använda filtret Gör flytande
    8. Innehållsmedveten skalning
    9. Omforma bilder, former och banor
    10. Tänja
    11. Omforma
    12. Panorama
  16. Rita och måla
    1. Måla symmetriska mönster
    2. Rita rektanglar och ändra linjealternativ
    3. Rita
    4. Rita och redigera former
    5. Målningsverktyg
    6. Skapa och ändra penslar
    7. Blandningslägen
    8. Lägga till färger till banor
    9. Redigera banor
    10. Måla med blandpenseln
    11. Penselförinställningar
    12. Övertoningar
    13. Övertoningsinterpolation
    14. Fylla i och rama in markeringar, lager och banor
    15. Rita med hjälp av ritstiftsverktygen
    16. Skapa mönster
    17. Skapa ett mönster med mönsterverktyget
    18. Hantera banor
    19. Hantera mönsterbibliotek och förinställningar
    20. Rita eller måla med hjälp av ett ritbord
    21. Skapa texturerade penslar
    22. Lägga till dynamiska element i penslar
    23. Övertoning
    24. Måla stiliserade penseldrag med hjälp av Konsthändelsepensel
    25. Måla med ett mönster
    26. Synkronisera förinställningar på flera enheter
  17. Text
    1. Arbeta med OpenType-teckensnitt med SVG-specialtecken
    2. Formatera tecken
    3. Formatera stycken
    4. Så här skapar du texteffekter
    5. Redigera text
    6. Rad- och teckenavstånd
    7. Arabisk och hebreisk text
    8. Teckensnitt
    9. Felsök teckensnitt
    10. Asiatisk text
    11. Skapa text
    12. Textmotorfel vid användning av textverktyget i Photoshop | Windows 8
    13. Internationellt anpassade dispositioner för asiatisk text
    14. Så här lägger du till och redigerar text i Photoshop
  18. Video och animering
    1. Videoredigering i Photoshop
    2. Redigera video- och animeringslager
    3. Översikt över video och animering
    4. Förhandsvisa video och animeringar
    5. Måla bildrutor i videolager
    6. Importera videofiler och bildsekvenser
    7. Skapa bildruteanimeringar
    8. Creative Cloud 3D Animation (förhandstitt på teknik)
    9. Skapa tidslinjeanimeringar
    10. Skapa bilder för videofilmer
  19. Filter och effekter
    1. Använda filtret Gör flytande
    2. Använda Oskärpegalleri
    3. Grundläggande om filter
    4. Referens för filtereffekter
    5. Lägga till ljuseffekter
    6. Använda filtret Adaptiv vidvinkel
    7. Använda oljemålningsfilter
    8. Lagereffekter och lagerstilar
    9. Använda filter
    10. Smeta ut bildområden
  20. Spara och exportera
    1. Spara dina filer i Photoshop
    2. Exportera dina filer i Photoshop
    3. Filformat som stöds
    4. Spara filer med grafikformat
    5. Flytta designer mellan Photoshop och Illustrator
    6. Spara och exportera videofilmer och animeringar
    7. Spara PDF-filer
    8. Digimarc-copyrightskydd
  21. Utskrift
    1. Skriva ut 3D-objekt
    2. Skriva ut från Photoshop
    3. Skriva ut med färghantering
    4. Kontaktkartor och PDF-presentationer
    5. Skriva ut foton i bildpaketslayout
    6. Skriva ut dekorfärger
    7. Duplexfärgbilder
    8. Skriva ut bilder till en kommersiell tryckpress
    9. Förbättra färgutskrifter från Photoshop
    10. Felsöka utskriftsproblem | Photoshop
  22. Automatisering
    1. Skapa funktionsmakron
    2. Skapa databaserade bilder
    3. Skript
    4. Bearbeta en grupp med filer
    5. Spela upp och hantera funktionsmakron
    6. Lägg till villkorstyrda funktionsmakron
    7. Funktionsmakron och panelen Funktionsmakron
    8. Spela in verktyg i funktionsmakron
    9. Lägga till en villkorsstyrd lägesändring i ett funktionsmakro
    10. Användargränssnittsverktygslåda för Photoshop för plugin-program och skript
  23. Färghantering
    1. Färghantering
    2. Bibehålla konsekventa färger
    3. Färginställningar
    4. Arbeta med färgprofiler
    5. Färghantera dokument för visning online
    6. Färghantera dokument vid utskrift
    7. Färghantera importerade bilder
    8. Granska korrektur av färger
  24. Autentisering av innehåll
    1. Läs mer om innehållsuppgifter
    2. Identitet och ursprung – NFT
    3. Anslut konton för kreativ tillskrivning
  25. 3D och teknisk bildbehandling
    1. Photoshop 3D | Vanliga frågor om borttagna 3D-funktioner
    2. Creative Cloud 3D Animation (förhandstitt på teknik)
    3. Skriva ut 3D-objekt
    4. Måla med 3D
    5. Förbättringar av panelen 3D | Photoshop
    6. Grundläggande 3D-koncept och -verktyg
    7. Rendera och spara 3D-filer
    8. Skapa 3D-objekt och animeringar
    9. Bildstaplar
    10. 3D-arbetsflöde
    11. Mått
    12. DICOM-filer
    13. Photoshop och MATLAB
    14. Räkna objekt i en bild
    15. Kombinera och konvertera 3D-objekt
    16. Ändra 3D-textur
    17. Justera HDR-exponering och HDR-toning
    18. Inställningar av panelen 3D
Obs!

Instruktioner om hur du skapar webbgallerier med Photoshop CS5 finns i Skapa ett webbfotogalleri i hjälpen för Adobe Bridge. Om du vill använda det äldre plugin-programmet för webbfotogalleri som beskrivs i avsnitten nedan hämtar du det först och installerar det för Windows eller Mac OS.

Webbfotogallerier

Ett webbfotogalleri är en webbplats som innehåller en startsida med miniatyrbilder samt gallerisidor med bilderna i full storlek. Varje sida innehåller länkar som gör det lättare för besökarna att navigera på webbplatsen. När en besökare t.ex. klickar på en miniatyrbild på startsidan så läses den tillhörande fullstorleksbilden in på en gallerisida. Med kommandot Webbfotogalleri skapar du automatiskt ett webbfotogalleri av en grupp bilder.

Photoshop: Startsida för webbfotogalleri
Webbfotogalleri, startsida

Photoshop innehåller en rad olika galleristilar som du kan välja bland med hjälp av kommandot Webbfotogalleri. Om du är en van användare och har erfarenhet av HTML kan du skapa en ny stil eller anpassa en stil genom att redigera en uppsättning HTML-mallfiler.

Varje mall för galleristilar innehåller olika alternativ. Om du använder en förinställd stil kan en del alternativ vara nedtonade eller otillgängliga för just den stilen.

Skapa ett webbfotogalleri

Skapa webbgallerier med Adobe Bridge

I Adobe Bridge finns uppdaterade funktioner för webbgallerier. Instruktioner finns i Skapa ett webbfotogalleri i Adobe Bridge-hjälpen. Du kan också titta på självstudierna nedan.

Använda Photoshops äldre, valfria plugin-program

  1. Hämta och installera det äldre plugin-programmet för webbfotogalleri för Windows eller Mac OS.

  2. (Valfritt) Markera de filer eller den mapp som du vill använda i Adobe Bridge.

    Bilderna visas i den ordning som de visas i Bridge. Om du vill använda en annan ordning ändrar du ordningen i Bridge.

  3. Gör något av följande:

    • I Adobe Bridge: Välj Verktyg > Photoshop > Webbfotogalleri.

    • I Photoshop: Välj Arkiv > Automatisera > Webbfotogalleri.

  4. Välj en stil till galleriet på snabbmenyn Stilar. En förhandsvisning av startsidan med den valda stilen visas i dialogrutan.

  5. (Valfritt) Ange en e-postadress som kontaktinformation för galleriet.

  6. Välj källfiler för galleriet på menyn Använd.

    Valda bilder från Bridge

    Använder de bilder du valde innan du öppnade dialogrutan Webbfotogalleri.

    Mapp

    Använder bilder från de mappar du väljer med hjälp av knappen Bläddra (Windows) eller Välj (Mac OS). Markera Inkludera alla undermappar om du även vill ta med bilder i alla underordnade mappar till den markerade mappen.

  7. Klicka på Mål och välj sedan en mapp där du vill lagra galleriets bilder och HTML-sidor. Klicka på OK (Windows) eller Välj (Mac OS).

  8. Välj formateringsalternativ för webbgalleriet. På menyn Alternativ kan du visa alla alternativuppsättningar. Se Alternativ för webbfotogalleri.

  9. Klicka på OK. Följande HTML- och JPEG-filer placeras i målmappen av Photoshop:

    • En startsida till ditt galleri med namnet index.htm eller index.html beroende på alternativen för filtillägg. Du kan förhandsvisa galleriet genom att öppna den här filen i valfri webbläsare.

    • JPEG-bilder i en underordnad bildmapp.

    • HTML-sidor i en separat mapp.

    • JPEG-miniatyrbilder i en egen mapp.

Se till att färgerna matchar

Om du arbetar med foton i en stor arbetsfärgrymd, t.ex. ProPhoto RGB eller Adobe RGB, kan det hända att färgåtergivningen påverkas när bilderna visas i ett webbgalleri med en webbläsare som inte läser inbäddade färgprofiler. Om så är fallet kan du prova att konvertera bildprofilerna till sRGB (som används som standard i de flesta webbläsare) innan du optimerar dem eller inkluderar dem i ett webbfotogalleri. Konvertera dem till sRGB på något av följande sätt: Det kan vara bra att arbeta med kopior av bilderna.

Om du använder bildbearbetaren kan du spara filerna direkt i JPEG-format och i den storlek som du vill ha. Om du vill göra det så måste du se till att inaktivera Ändra bildstorlek i alternativen för stora bilder.

Alternativ för webbfotogalleri

Allmänt

Alternativ för filtillägg, kodning och metadata.

Filtillägg

Använder antingen .htm eller .html som filnamnstillägg.

Använd UTF 8-kodning för URL

Använder UTF-8-kodning.

Lägg till bredd- och höjdattribut för bilder

Anger dimensionerna och förkortar hämtningstiden.

Bevara alla metadata

Bevarar informationen om metadata.

Banderoll

Textalternativ för den banderoll som visas på varje sida i galleriet. Ange text för var och en av följande:

Platsnamn

Galleriets namn.

Fotograf

Namnet på den person eller organisation som är ansvarig för fotografierna i galleriet.

Kontaktinformation

Kontaktinformation för galleriet, t.ex. ett telefonnummer eller en företagsadress.

Datum

Det datum som visas på varje sida i galleriet. Som standard används dagens datum.

Teckensnitt och teckensnittsstorlek

(Tillgängligt för vissa webbplatsstilar) Alternativ för texten på banderollen.

Stora bilder

Alternativ för de huvudbilder som visas på varje sida i galleriet.

Lägg till numeriska länkar

(Tillgängligt för vissa webbplatsstilar) Infogar en numerisk sekvens (som börjar med 1 och slutar med det sammanlagda antalet sidor i galleriet) som löper vågrätt längs överkanten på varje gallerisida. Varje nummer är en länk till respektive sida.

Ändra bildstorlek

Ändrar storlek på källbilderna så att de placeras på gallerisidorna. Välj en storlek på snabbmenyn eller ange en storlek i pixlar. Välj vilka bildstorlekar du vill begränsa när du ändrar storlek i Begränsa. För JPEG-kvalitet väljer du ett alternativ på snabbmenyn, anger ett värde mellan 0 och 12 eller drar reglaget. Ju högre värde du väljer, desto bättre bildkvalitet och större fil får du.

Obs!

I Photoshop används den standardbildinterpolation som angetts i inställningarna. Välj Bikubisk skarpare som standard för att få bäst resultat när du minskar bildstorleken.

Gränsstorlek

Anger bredden på gränsen runt bilden i pixlar.

Använda titlar

(Tillgängligt för vissa webbplatsstilar) Anger alternativ för visning av bildtexter under varje bild. Markera Filnamn om du vill visa filnamnet eller markera Beskrivning, Medarbetare, Titel och Copyright om du vill visa beskrivningstext från dialogrutan Filinformation.

Teckensnitt och teckensnittsstorlek

(Tillgängligt för vissa webbplatsstilar) Ange teckensnitt och teckenstorlek för bildtexten.

Miniatyrbilder

Alternativ för galleristartsidan, inklusive storlek på miniatyrbilderna.

Storlek

Anger storleken på miniatyrbilderna. Välj på snabbmenyn eller ange ett värde i pixlar för bredden på varje miniatyrbild.

Kolumner och rader

Ange antalet kolumner och rader som miniatyrbilderna ska visas i på startsidan. Det här alternativet kan inte användas för gallerier med stilen Vågrät ram eller Lodrät ram.

Gränsstorlek

Anger bredden på gränsen runt varje miniatyrbild i pixlar.

Använda titlar

(Tillgängligt för vissa webbplatsstilar) Anger alternativ för visning av bildtexter under varje miniatyrbild. Markera Filnamn om du vill visa filnamnet eller markera Beskrivning, Medarbetare, Titel och Copyright om du vill visa beskrivningstext från dialogrutan Filinformation.

Teckensnitt och teckensnittsstorlek

(Tillgängligt för vissa webbplatsstilar) Ange teckensnitt och teckenstorlek för bildtexten.

Egna färger

Alternativ för färger på element i galleriet. Om du vill ändra färg på ett visst objekt klickar du på dess färgruta och väljer en annan färg med hjälp av färgväljaren. Du kan ändra bakgrundsfärgen för varje sida (alternativet Bakgrund) och för banderollen (alternativet Banderoll).

Dokumentskydd

Visar text över varje bild som en åtgärd mot stöld.

Innehåll

Anger den text som ska visas. Välj Egen text om du vill ange anpassad text. Markera Filnamn, Beskrivning, Tillskrivning, Titel eller Copyright om du vill visa text som hämtas från dialogrutan Filinformation.

Teckensnitt, färg och position

Ange teckensnitt, färg och justering för bildtexten.

Rotera

Placera texten på bilden i en viss vinkel.

Stilar för webbfotogalleri

I Photoshop finns en mängd olika stilar som du kan använda på ett webbfotogalleri. Om du är en van användare och har erfarenhet av HTML kan du skapa en ny stil eller anpassa en stil genom att redigera en uppsättning HTML-mallfiler.

De stilar för webbfotogallerier som ingår i Photoshop finns i separata mappar på följande platser:

Windows

Program/Adobe/Adobe Photoshop CS5/Förinställningar/Webbfotogalleri.

MacOS

Adobe Photoshop CS5/Förinställningar/Webbfotogalleri.

Namnet på mapparna visas som ett alternativ på menyn Stilar i dialogrutan Webbfotogalleri. Varje mapp innehåller ett antal HTML-mallfiler som används av Photoshop när galleriet skapas:

Caption.htm

Bestämmer layouten för den bildtext som visas under varje miniatyrbild på startsidan.

FrameSet.htm

Bestämmer layouten för de ramar som används för att visa sidorna.

IndexPage.htm

Bestämmer startsidans layout.

SubPage.htm

Bestämmer layouten för gallerisidorna där bilderna visas i full storlek.

Thumbnail.htm anger layouten för de miniatyrbilder som visas på startsidan.

Varje mallfil innehåller HTML-kod och variabler. En variabel är en textsträng som ersätts av Photoshop när du anger motsvarande alternativ i dialogrutan Webbfotogalleri. En mallfil kan till exempel innehålla följande TITLE-element som består av två HTML-koder som omger en variabel (token):

<TITLE>%TITLE%</TITLE>

När galleriet genereras av Photoshop med hjälp av mallfilen ersätts variabeln %TITLE% med den text som du har angett i Platsnamn i dialogrutan Webbfotogalleri.

Om du vill skaffa dig mer ingående kunskaper om en stil kan du öppna och studera dess HTML-mallfiler med en HTML-redigerare. Eftersom bara standardvarianten av ASCII-tecken får användas när man skapar HTML-dokument, kan du skapa, öppna och redigera sådana dokument med en vanlig textredigerare, till exempel Anteckningar (Windows) eller TextEdit (Mac OS).

Anpassa stilar för webbfotogallerier

Du kan anpassa en befintlig webbfotogalleristil genom att redigera en eller flera av dess HTML-mallfiler. När du anpassar en stil måste du följa de här riktlinjerna för att galleriet sedan ska kunna skapas på rätt sätt i Photoshop:

  • Stilmappen måste innehålla de här filerna: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm och FrameSet.htm.

  • Du kan byta namn på stilmappen men inte på HTML-mallfilerna inuti mappen.

  • Du kan låta filen Caption.htm vara tom och lägga de HTML-koder och variabler som bestämmer bildtextlayouten i filen Thumbnail.htm.

  • Du kan ersätta en variabel i en mallfil med rätt text eller HTML-kod så att ett alternativ ställs in med hjälp av mallfilen istället för i dialogrutan Webbfotogalleri. En mallfil kan till exempel innehålla ett BODY-objekt med följande attribut för bakgrundsfärg och en variabel som värde:

    bgcolor=%BGCOLOR%

    Om du vill ställa in bakgrundsfärgen röd kan du ersätta variabeln %BGCOLOR% med ”FF0000”.

  • Du kan lägga till HTML-kod och variabler i mallfilerna. Alla variabler måste skrivas med versaler och inledas och avslutas med ett procenttecken (%).

Anpassa eller skapa en webbfotogalleristil

  1. Leta upp mappen som innehåller de befintliga stilarna för webbfotogallerier.
  2. Gör något av följande:
    • Om du vill anpassa en stil skapar du en kopia av stilmappen och sparar den på samma plats som de andra stilmapparna.

    • Om du vill skapa en ny stil skapar du en ny mapp för den nya stilen och sparar den på samma plats som de andra stilmapparna.

    Den nya eller anpassade stilen (samma namn som mappen) visas på menyn Stilar i dialogrutan Webbfotogalleri.

  3. Gör något av följande om du vill använda en HTML-redigerare:
    • Anpassa HTML-mallfilen.

    • Skapa de HTML-mallfiler som krävs och spara dem i stilmappen.

    När du skapar mallfilerna måste du följa riktlinjerna för anpassning som beskrivs i avsnittet Anpassa stilar för webbfotogallerier.

    Obs!

    När du anpassar eller skapar en mall för en galleristil bör du lägga till följande variabler på var sin separat rad i HTML-filen: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% och %PREVINDEX%. När de specifika sidorna i ett galleri genereras hoppar Photoshop över rader i en mall som innehåller variabler som inte gäller för sidorna. När Photoshop t.ex. skapar den första gallersidan förbigås alla rader i mallen som innehåller variabeln %PREVIMAGE%, dvs. variabeln som anger länken till föregående gallerisida. Genom att lägga till variabeln %PREVIMAGE% på en separat rad kan du se till att andra variabler i mallen inte hoppas över i programmet.

Variabler för webbgalleristilar

I Photoshop används variabler i HTML-mallfilerna för att definiera en standardstil för webbfotogallerier. De här variablerna används i programmet för att skapa ett galleri utifrån det du anger i dialogrutan Webbfotogalleri.

När du anpassar eller skapar en galleristil kan du lägga till vilka variabler som helst i HTML-mallfilerna, med undantag för %THUMBNAILS% och %THUMBNAILSROWS%, som bara kan förekomma i filen IndexPage.htm. När du lägger till en variabel måste du komma ihåg att du också måste lägga till HTML-kod i filen så att variabeln kan användas på rätt sätt.

Du kan använda följande variabler i HTML-mallfilerna:

%ALINK%

Bestämmer färgen för aktiva länkar.

%ALT%

Bestämmer namnet på en bildfil.

%ANCHOR%

Gör att det går att gå tillbaka till miniatyren för bilden som användaren visar i stället för att gå till början på index. Detta börjar gälla när användaren klickar på knappen Hem.

%BANNERCOLOR%

Bestämmer färgen för banderollen.

%BANNERFONT%

Bestämmer teckensnittet för banderolltexten.

%BANNERFONTSIZE%

Bestämmer teckensnittsstorleken för banderolltexten.

%BGCOLOR%

Bestämmer bakgrundsfärgen.

%CAPTIONFONT%

Bestämmer teckensnittet för bildtexten under varje miniatyrbild på startsidan.

%CAPTIONFONTSIZE%

Bestämmer teckenstorleken för bildtexten.

%CAPTIONTITLE%

Infogar dokumenttiteln som en bildtext från filinformationen.

%CHARSET%

Bestämmer vilken teckenuppsättning som ska användas på en sida.

%CONTACTINFO%

Bestämmer kontaktinformationen för galleriet, som till exempel telefonnummer och plats.

%CONTENT_GENRATOR%

Expanderar till webbfotogalleriet i Adobe Photoshop CS5.

%COPYRIGHT%

Infogar copyright-informationen som en bildtext från filinformationen.

%CREDITS%

Infogar medarbetarinformation som en bildtext från filinformationen.

%CURRENTINDEX%

Anger länken till den aktuella startsidan.

%CURRENTINDEXANCHOR%

Finns i SubPage.htm och pekar på den första indexsidan.

%DATE%

Bestämmer vilket datum som ska visas på banderollen.

%EMAIL%

Bestämmer e-postadressen i kontaktinformationen för galleriet.

%FILEINFO%

Anger bildfilsinformationen för en bildtext.

%FILENAME%

Bestämmer filnamnet för en bild. Använd den här för metadata som visas som HTML-text.

%FILENAME_URL%

Bestämmer URL-filnamnet för en bild. Använd bara det här alternativet för URL-filnamn.

%FIRSTPAGE%

Anger länken till den första gallerisidan som visas i den högra ramen i en ramuppsättning.

%FRAMEINDEX%

Anger länken till startsidan som visas i den vänstra ramen i en ramuppsättning.

%HEADER%

Bestämmer galleriets rubrik.

%IMAGEBORDER%

Bestämmer ramlinjetjockleken för fullstorleksbilden på en gallerisida.

%IMAGE_HEIGHT%

Aktiverar kryssrutan Lägg till bredd- och höjdattribut för bilder. På så sätt kan användaren hämta attributen och hämtningstiden förkortas.

%IMAGE_HEIGHT_NUMBER%

Den här variabeln ersätts med ett numeriskt värde (endast) som motsvarar bildens bredd.

%IMAGEPAGE%

Anger länken till en gallerisida.

%IMAGE_SIZE%

Om kryssrutan Ändra bildstorlek är markerad innehåller den här variabeln bildpixelvärdet som används i panelen Stora bilder. Om kryssrutan inte är markerad innehåller den här variabeln en tom sträng. Det här är användbart för JavaScript i mallar eftersom den maximala höjden och bredden för alla bilder på platsen kan visas.

%IMAGESRC%

Anger URL-adressen för en fullstorleksbild på en gallerisida.

%IMAGE_WIDTH%

Aktiverar kryssrutan Lägg till bredd- och höjdattribut för bilder. På så sätt kan användaren hämta attributen och hämtningstiden förkortas.

%IMAGE_WIDTH_NUMBER%

Den här variabeln ersätts med ett numeriskt värde (endast) som motsvarar bildens bredd.

%LINK%

Bestämmer färgen för länkar.

%NEXTIMAGE%

Anger länken till nästa gallerisida.

%NEXTIMAGE _CIRCULAR%

Skapar en länk från stor förhandsvisningsbild till nästa stora förhandsvisningsbild.

%NEXTINDEX%

Anger länken till nästa startsida.

%NUMERICLINKS%

Infogar numrerade länkar på underordnade sidor till alla stora förhandsvisningsbilder.

%PAGE%

Anger den aktuella sidans placering (t.ex. sidan 1 av 3).

%PHOTOGRAPHER%

Anger namnet på den person eller organisation som är ansvarig för fotografierna i galleriet.

%PREVIMAGE%

Anger länken till föregående gallerisida.

%PREVINDEX%

Anger länken till föregående startsida.

%SUBPAGEHEADER%

Bestämmer galleriets rubrik.

%SUBPAGETITLE%

Bestämmer galleriets rubrik.

%TEXT%

Bestämmer textfärgen.

%THUMBBORDER%

Bestämmer storleken på miniatyrbildernas gränser.

%THUMBNAIL_HEIGHT%

Aktiverar kryssrutan Lägg till bredd- och höjdattribut för bilder. På så sätt kan användaren hämta attributen och hämtningstiden förkortas.

%THUMBNAIL_HEIGHT_NUMBER%

Den här variabeln ersätts med ett numeriskt värde (endast) som motsvarar bildens höjd.

%THUMBNAILS%

Den här variabeln ersätts med miniatyrbilder med hjälp av filen Thumbnail.htm för ramstilar. Du måste placera den här variabeln ensam i en enda rad utan radbrytningar i HTML-filen.

%THUMBNAIL_SIZE%

Innehåller pixelvärdet för miniatyrbilden i panelen Miniatyrbilder. Det här är användbart för JavaScript i mallar eftersom den maximala höjden och bredden för alla miniatyrbilder på platsen kan visas.

%THUMBNAILSRC%

Anger länken till en miniatyrbild.

%THUMBNAILSROWS%

Den här variabeln ersätts med rader av miniatyrbilder med hjälp av filen Thumbnail.htm för andra stilar än ramstilar. Du måste placera den här variabeln ensam i en enda rad utan radbrytningar i HTML-filen.

%THUMBNAIL_WIDTH%

Aktiverar kryssrutan Lägg till bredd- och höjdattribut för bilder. På så sätt kan användaren hämta attributen och hämtningstiden förkortas.

%THUMBNAIL_WIDTH_NUMBER%

Den här variabeln ersätts med ett numeriskt värde (endast) som motsvarar miniatyrbildens bredd.

%TITLE%

Bestämmer galleriets rubrik.

%VLINK%

Bestämmer färgen för besökta länkar.

Adobes logotyp

Logga in på ditt konto