Guida utente Annulla

Creare gallerie di foto per il Web

  1. Guida utente di Photoshop
  2. Introduzione a Photoshop
    1. Sognare e creare.
    2. Novità di Photoshop
    3. Modificare la prima foto
    4. Creare documenti
    5. Photoshop | Domande comuni
    6. Requisiti di sistema per Photoshop
    7. Scopri Photoshop
    8. Aggiornamento costante di Photoshop
  3. Photoshop e altri servizi e prodotti Adobe
    1. Lavorare con la grafica di Illustrator su Photoshop
    2. Operazioni con file Photoshop in InDesign
    3. Materiali Substance 3D per Photoshop
    4. Usare l’estensione Capture in-app in Photoshop
  4. Photoshop su iPad (non disponibile nella Cina continentale)
    1. Photoshop su iPad | Domande comuni
    2. Scoprire l’area di lavoro
    3. Requisiti di sistema | Photoshop per iPad
    4. Creare, aprire ed esportare i documenti
    5. Aggiungi foto
    6. Utilizzare i livelli
    7. Disegnare e dipingere con i pennelli
    8. Effettuare selezioni e aggiungere maschere
    9. Ritoccare le composizioni
    10. Operazioni con i livelli di regolazione
    11. Regolare la tonalità dei compositi con Curve
    12. Applicare le operazioni di trasformazione
    13. Ritagliare e ruotare le composizioni
    14. Rotazione, panning, zoom e reimpostazione dell’area di lavoro
    15. Operazioni con i livelli di testo
    16. Operazioni con Photoshop e Lightroom
    17. Ottenere font mancanti in Photoshop su iPad
    18. Testo giapponese in Photoshop su iPad
    19. Gestire le impostazioni dell’app
    20. Scorciatoie e movimenti touch
    21. Scelte rapide da tastiera
    22. Modificare le dimensioni dell’immagine
    23. Livestream durante la creazione in Photoshop su iPad
    24. Correggere le imperfezioni con il Pennello correttivo
    25. Creare pennelli in Capture e usarli in Photoshop su iPad
    26. Lavorare con i file Camera Raw
    27. Creare e lavorare con gli oggetti avanzati
    28. Regolare l’esposizione nelle immagini con Scherma e brucia
    29. Comandi di regolazione automatica in Photoshop su iPad
    30. Sfumare aree nelle immagini con Photoshop su iPad
    31. Aggiungere o togliere saturazione alle immagini con lo strumento Spugna
    32. Riempimento in base al contenuto per iPad
  5. Photoshop per il Web (non disponibile nella Cina continentale)
    1. Domande frequenti
    2. Requisiti di sistema
    3. Scelte rapide da tastiera
    4. Tipi di file supportati
    5. Introduzione all’area di lavoro
    6. Aprire e lavorare con i documenti cloud
    7. Funzioni di IA generativa
    8. Concetti di base dell’editing
    9. Azioni rapide
    10. Utilizzare i livelli
    11. Ritoccare le immagini e rimuovere le imperfezioni
    12. Effettuare selezioni rapide
    13. Migliorare le immagini con i livelli di regolazione
    14. Aggiungere un livello di riempimento
    15. Spostare, trasformare e ritagliare le immagini
    16. Disegnare e dipingere
    17. Disegnate e modificate le forme
    18. Operazioni con i livelli di testo
    19. Collaborare con chiunque sul Web
    20. Gestire le impostazioni dell’app
    21. Genera immagine
    22. Genera sfondo
    23. Immagine di riferimento
  6. Photoshop (beta) (non disponibile nella Cina continentale)
    1. Introduzione alle versioni beta delle app Creative Cloud
    2. Photoshop (beta) per desktop
    3. Immagine di riferimento
  7. IA generativa (non disponibile nella Cina continentale) 
    1. Domande frequenti sulla IA generativa in Photoshop
    2. Riempimento generativo di Photoshop per desktop
    3. Genera immagine con prompt di testo descrittivi
    4. Espansione generativa in Photoshop per desktop
    5. Sostituire lo sfondo con Genera sfondo
    6. Ottenere varianti simili con Genera simile
    7. Riempimento generativo in Photoshop su iPad
    8. Espansione generativa in Photoshop su iPad
    9. Funzioni di IA generativa in Photoshop per il Web
  8. Autenticità dei contenuti (non disponibile nella Cina continentale)
    1. Credenziali del contenuto in Photoshop
    2. Identità e provenienza dei NFT
    3. Connettere un account per l’attribuzione creativa
  9. Documenti cloud (non disponibili nella Cina continentale)
    1. Documenti cloud di Photoshop | Domande comuni
    2. Documenti cloud di Photoshop | Domande sul flusso di lavoro
    3. Gestione e lavoro con i documenti cloud in Photoshop
    4. Aggiornare l’archiviazione cloud per Photoshop
    5. Impossibile creare o salvare un documento cloud
    6. Risolvere i problemi dei documenti cloud di Photoshop
    7. Raccogliere i registri di sincronizzazione dei documenti cloud
    8. Invitare altri utenti a modificare i documenti cloud
    9. Condividere file e commenti direttamente dall’app
  10. Area di lavoro
    1. Nozioni di base sull’area di lavoro
    2. Preferenze
    3. Imparare più velocemente con il pannello Discover di Photoshop
    4. Creare documenti
    5. Inserire file
    6. Scelte rapide da tastiera predefinite
    7. Personalizzare le scelte rapide da tastiera
    8. Panoramica degli strumenti
    9. Preferenze per le prestazioni
    10. Utilizzare gli strumenti
    11. Predefiniti
    12. Griglia e guide
    13. Movimenti touch
    14. Usare la Touch Bar con Photoshop
    15. Funzionalità touch e aree di lavoro personalizzabili
    16. Anteprime tecnologiche
    17. Metadati e note
    18. Inserire immagini di Photoshop in altre applicazioni
    19. Righelli
    20. Visualizzare o nascondere gli elementi extra non stampabili
    21. Specificare le colonne per un’immagine
    22. Annullare e il pannello Storia
    23. Pannelli e menu
    24. Posizionare elementi con allineamento
    25. Posizionare con lo strumento righello
  11. Creazione di contenuti per il Web, per lo schermo e app
    1. Photoshop per la progettazione
    2. Tavole da disegno
    3. Anteprima dispositivo
    4. Copiare CSS dai livelli
    5. Dividere in sezioni una pagina Web
    6. Opzioni HTML per sezioni
    7. Modificare la disposizione delle sezioni
    8. Lavorare con la grafica per il Web
    9. Creare gallerie di foto per il Web
  12. Concetti di base sul colore e sulle immagini
    1. Come ridimensionare le immagini
    2. Utilizzare immagini raster e vettoriali
    3. Dimensioni e risoluzione dell’immagine
    4. Acquisire le immagini da fotocamere e scanner
    5. Creare, aprire e importare le immagini
    6. Visualizzare immagini
    7. Errore: Marcatore JPEG non valido | Apertura immagini
    8. Visualizzare più immagini
    9. Personalizzare i selettori colore e i campioni
    10. Immagini HDR (High Dynamic Range)
    11. Ottenere colori corrispondenti nell’immagine
    12. Convertire le immagini in un altro metodo di colore
    13. Metodi di colore
    14. Cancellare parti di un’immagine
    15. Metodi fusione
    16. Scegliere i colori
    17. Personalizzare le tavole dei colori per immagini in scala di colore
    18. Informazioni sulle immagini
    19. I filtri di distorsione sono non disponibili
    20. Il colore
    21. Regolazioni a colori e monocromatiche con i canali
    22. Scegliere i colori nei pannelli Colore e Campioni
    23. Campionare
    24. Metodo di colore o Metodo di immagine
    25. Dominante di colore
    26. Aggiungere una modifica di metodo condizionale a un’azione
    27. Aggiungere campioni da file HTML, CSS e SVG
    28. Profondità di bit e preferenze
  13. Livelli
    1. Nozioni di base sui livelli
    2. Modifiche non distruttive
    3. Creare e gestire livelli e gruppi
    4. Selezionare, raggruppare e collegare i livelli
    5. Inserire immagini nelle cornici
    6. Opacità e fusione dei livelli
    7. Mascherare i livelli
    8. Applicare filtri avanzati
    9. Composizioni di livelli
    10. Spostare, sovrapporre e bloccare i livelli
    11. Mascherare i livelli con maschere vettoriali
    12. Gestire livelli e gruppi
    13. Stili ed effetti di livello
    14. Modificare le maschere di livello
    15. Estrarre le risorse
    16. Rivelare i livelli con maschere di ritaglio
    17. Generare risorse di immagini dai livelli
    18. Utilizzare gli oggetti avanzati
    19. Metodi fusione
    20. Combinare più immagini in un ritratto di gruppo
    21. Combinare le immagini con Fusione automatica livelli
    22. Allineare e distribuire i livelli
    23. Copiare CSS dai livelli
    24. Caricare selezioni dai bordi di un livello o di una maschera di livello
    25. Foratura per rivelare il contenuto di altri livelli
  14. Selezione
    1. Introduzione alle selezioni
    2. Effettuare selezioni nella composizione
    3. Area di lavoro Seleziona e maschera
    4. Selezionare con gli strumenti di selezione
    5. Selezionare con gli strumenti lazo
    6. Regolare selezioni di pixel
    7. Spostare, copiare ed eliminare i pixel selezionati
    8. Creare una maschera veloce temporanea
    9. Selezionare un intervallo di colori in un’immagine
    10. Convertire i tracciati in bordi di selezione e viceversa
    11. Nozioni di base sui canali
    12. Salvare selezioni e maschere di canali alfa
    13. Selezionare le aree di interesse di un’immagine
    14. Duplicare, dividere e unire i canali
    15. Calcoli per le operazioni con i canali
  15. Regolazioni delle immagini
    1. Sostituire il colore degli oggetti
    2. Alterare la prospettiva
    3. Ridurre la sfocatura causata da fotocamera mossa
    4. Esempi di utilizzo del pennello correttivo
    5. Esportare le tavole di consultazione del colore
    6. Regolare la nitidezza e la sfocatura dell’immagine
    7. Le regolazioni di colore
    8. Applicare una regolazione Luminosità/contrasto
    9. Regolare i particolari nelle aree di ombra e di luce
    10. Regolazioni Valori tonali
    11. Regolare tonalità e saturazione
    12. Regolare la vividezza
    13. Regolare la saturazione dei colori in un’area dell’immagine
    14. Effettuare regolazioni tonali rapide
    15. Applicare effetti speciali di colore alle immagini
    16. Migliorare l’immagine con le regolazioni di Bilanciamento colore
    17. Immagini HDR (High Dynamic Range)
    18. Visualizzare istogrammi e valori dei pixel
    19. Ottenere colori corrispondenti nell’immagine
    20. Ritagliare e raddrizzare le foto
    21. Convertire un’immagine a colori in bianco e nero
    22. Livelli di regolazione e riempimento
    23. Regolazioni Curve
    24. Metodi fusione
    25. Preparare immagini per la stampa
    26. Regolare colore e tonalità con i contagocce di Valori tonali e Curve
    27. Effettuare regolazioni con Esposizione HDR e Viraggio HDR
    28. Schermare o bruciare un’area dell’immagine
    29. Eseguire regolazioni selettive del colore
  16. Adobe Camera Raw
    1. Requisiti di sistema per Camera Raw
    2. Novità in Camera Raw
    3. Introduzione a Camera Raw
    4. Creare panorami
    5. Obiettivi supportati
    6. Effetti Vignettatura, Granulosità e Rimuovi foschia in Camera Raw
    7. Scelte rapide da tastiera predefinite
    8. Correzione prospettica automatica in Camera Raw
    9. Filtro radiale in Camera Raw
    10. Gestione delle impostazioni di Camera Raw
    11. Aprire, elaborare e salvare le immagini in Camera Raw
    12. Riparare le immagini con lo strumento rimozione macchie ottimizzato di Camera Raw
    13. Ruotare, ritagliare e ritoccare le immagini
    14. Regolare la riproduzione dei colori in Camera Raw
    15. Versioni di processo in Camera Raw
    16. Apportare regolazioni locali in Camera Raw
  17. Ritocco e riparazione delle immagini
    1. Strumento Rimuovi
    2. Rimuovere oggetti dalle foto con Riempimento in base al contenuto
    3. Correzione e spostamento in base al contenuto
    4. Ritoccare e riparare le foto
    5. Correzione della distorsione e del disturbo di un’immagine
    6. Procedure di base per la risoluzione della maggior parte dei problemi
  18. Miglioramento e trasformazione delle immagini
    1. Sostituire il cielo nelle immagini
    2. Trasformare gli oggetti
    3. Regolare il ritaglio, la rotazione e la dimensione del quadro
    4. Come ritagliare e raddrizzare le foto
    5. Creare e modificare immagini panoramiche
    6. Alterare immagini, forme e tracciati
    7. Fuoco prospettico
    8. Ridimensionamento in base al contenuto
    9. Trasformare immagini, forme e tracciati
  19. Disegnare e colorare
    1. Disegnare pattern simmetrici
    2. Disegnare rettangoli e modificare le opzioni di traccia
    3. Il disegno
    4. Disegnare e modificare le forme
    5. Strumenti di pittura
    6. Creare e modificare i pennelli
    7. Metodi fusione
    8. Aggiungere colore ai tracciati
    9. Modificare i tracciati
    10. Colorare con lo strumento pennello miscela colori
    11. Pennelli predefiniti
    12. Sfumature
    13. Interpolazione sfumatura
    14. Applicare riempimento e traccia a selezioni, livelli e tracciati
    15. Disegnare con gli strumenti penna
    16. Creare i pattern
    17. Generare un pattern con Crea pattern
    18. Gestire i tracciati
    19. Gestire le librerie di pattern e i predefiniti
    20. Disegnare o colorare con una tavoletta grafica
    21. Creare pennelli con texture
    22. Aggiungere elementi dinamici ai pennelli
    23. Sfumatura
    24. Colorare con tratti stilizzati con lo strumento pennello artistico storia
    25. Applicare un pattern
    26. Sincronizzare i predefiniti su più dispositivi
    27. Migrazione di predefiniti, azioni e impostazioni
  20. Testo
    1. Aggiungere e modificare il testo
    2. Unified Text Engine
    3. Utilizzare i font SVG OpenType
    4. Formattare i caratteri
    5. Formattare i paragrafi
    6. Come creare effetti di testo
    7. Modificare il testo
    8. Spaziatura tra righe e caratteri
    9. Testo in arabo e in ebraico
    10. Font
    11. Risoluzione dei problemi relativi ai font
    12. Testo asiatico
    13. Creare il testo
  21. Filtri ed effetti
    1. Utilizzare la Galleria sfocatura
    2. Nozioni di base sui filtri
    3. Presentazione degli effetti dei filtri
    4. Aggiungere effetti di luce
    5. Usare il filtro Grandangolo adattato
    6. Usare il filtro Dipinto a olio
    7. Utilizzare il filtro Fluidifica
    8. Stili ed effetti di livello
    9. Applicare filtri specifici
    10. Sfumare un’area dell’immagine
  22. Salvataggio ed esportazione
    1. Salvare i file in Photoshop
    2. Esportare i file in Photoshop
    3. Formati di file supportati
    4. Salvare i file in formati grafici
    5. Spostare i progetti tra Photoshop e Illustrator
    6. Salvare ed esportare video e animazioni
    7. Salvare i file PDF
    8. Protezione Digimarc del copyright
  23. Gestione del colore
    1. Comprendere la gestione del colore
    2. Mantenere i colori coerenti
    3. Impostazioni del colore
    4. Immagini a due tonalità
    5. Utilizzare i profili colore
    6. Gestione del colore nei documenti da visualizzare online
    7. Gestione del colore dei documenti durante la stampa
    8. Gestione del colore nelle immagini importate
    9. Prove colore
  24. Creazione di contenuti per il Web, per lo schermo e app
    1. Photoshop per la progettazione
    2. Tavole da disegno
    3. Anteprima dispositivo
    4. Copiare CSS dai livelli
    5. Dividere in sezioni una pagina Web
    6. Opzioni HTML per sezioni
    7. Modificare la disposizione delle sezioni
    8. Lavorare con la grafica per il Web
    9. Creare gallerie di foto per il Web
  25. Video e animazioni
    1. Modifiche video in Photoshop
    2. Modificare i livelli di animazioni e video
    3. Panoramica su video e animazioni
    4. Anteprima di video e animazioni
    5. Colorare i fotogrammi nei livelli video
    6. Importare file video e sequenze di immagini
    7. Creare animazioni di fotogrammi
    8. Creative Cloud 3D Animation (anteprima)
    9. Creare animazioni nella timeline
    10. Creare le immagini per i video
  26. Stampa
    1. Stampare oggetti 3D
    2. Stampare da Photoshop
    3. Stampa con la gestione del colore
    4. Provini a contatto e presentazioni PDF
    5. Stampare le foto con un layout Pacchetto d’immagini
    6. Stampa di tinte piatte
    7. Stampare immagini con una macchina da stampa
    8. Migliorare le stampe a colori da Photoshop
    9. Risoluzione dei problemi di stampa | Photoshop
  27. Automazione
    1. Creazione delle azioni
    2. Creare la grafica basata su dati
    3. Script
    4. Elaborare i file in batch
    5. Eseguire e gestire le azioni
    6. Aggiungere azioni condizionali
    7. Le azioni e il pannello Azioni
    8. Registrare gli strumenti nelle azioni
    9. Aggiungere una modifica di metodo condizionale a un’azione
    10. Toolkit dell’interfaccia utente di Photoshop per plug-in e script
  28. Risoluzione dei problemi
    1. Problemi risolti 
    2. Problemi noti
    3. Ottimizzare le prestazioni di Photoshop
    4. Risoluzione dei problemi di base
    5. Risoluzione dei problemi di blocco o arresto anomalo
    6. Risoluzione dei problemi dovuti a errori nel programma
    7. Risoluzione dell’errore “Disco di memoria virtuale pieno”
    8. Risoluzione dei problemi relativi a GPU e driver della scheda grafica
    9. Trovare strumenti mancanti
    10. Photoshop | Domande frequenti sulla rimozione delle funzioni 3D
Nota:

Per creare delle gallerie per il Web con Photoshop CS5, consultate Creare una galleria di foto per il Web nell’Aiuto di Adobe Bridge. Per utilizzare il precedente plug-in facoltativo della Galleria di foto per Web descritto negli argomenti seguenti, scaricatelo e installatelo per Windows o Mac OS.

Le gallerie di foto per il Web

Una galleria di foto per il Web è un sito Web costituito da una home page con immagini in miniatura e pagine con immagini in dimensioni reali. Ogni pagina contiene dei collegamenti che consentono ai visitatori di navigare nel sito. Ad esempio, quando un visitatore fa clic su un’immagine in miniatura nella home page, viene caricata una pagina della galleria con l’immagine associata in dimensioni reali. Tramite il comando Galleria di foto per Web potete generare automaticamente una galleria di foto per il Web da un gruppo di immagini.

Home page della galleria di foto per Web in Photoshop
Home page della galleria di foto per Web

Photoshop offre molti stili da selezionare con il comando Galleria di foto per Web. Se avete una buona conoscenza del codice HTML, potete creare un nuovo stile o personalizzare uno stile esistente modificando un gruppo di file di template HTML.

Ciascun template degli stili della galleria include diverse opzioni. Se usate uno stile predefinito, alcune opzioni potrebbero non essere disponibili.

Creare gallerie per il Web con Adobe Bridge

Adobe Bridge offre funzioni aggiornate per la creazione di gallerie di foto per il Web. Per istruzioni, consultate Creare gallerie Web nell’Aiuto di Adobe Bridge o guardate le esercitazioni di seguito.

Utilizzare il precedente plug-in facoltativo per Photoshop

  1. Scaricate e installate il precedente plug-in della Galleria di foto per Web per Windows o Mac OS.

  2. (Facoltativo) In Adobe Bridge selezionate i file o la cartella che desiderate usare.

    Le immagini verranno visualizzate nell’ordine in cui appaiono in Bridge. Se preferite un ordine diverso, potete modificarlo in Bridge.

  3. Effettuate una delle seguenti operazioni:

    • In Adobe Bridge, scegliete Strumenti > Photoshop > Galleria di foto per Web.

    • In Photoshop, scegliete File > Automatizza > Galleria di foto per Web.

  4. Scegliete uno stile per la galleria dal menu a comparsa Stili. Nella finestra di dialogo viene visualizzata in anteprima la home page con lo stile selezionato.

  5. (Facoltativo) Immettete un indirizzo e-mail come informazione di contatto per la galleria.

  6. Scegliete i file sorgente per la galleria dal menu Usa.

    Immagini selezionate da Bridge

    Usa le immagini selezionate prima di aprire la finestra di dialogo Galleria di foto per Web.

    Cartella

    Usa le immagini da cartelle selezionate con il pulsante Sfoglia (Windows) o Scegli (Mac OS). Selezionate Includi tutte le sottocartelle per includere anche le immagini all’interno delle sottocartelle.

  7. Fate clic su Destinazione e selezionate una cartella in cui memorizzare le immagini e le pagine HTML per la galleria. Quindi fate clic su OK (Windows) o Scegli (Mac OS).

  8. Selezionate le opzioni di formattazione per la galleria per il Web. Scegliete una voce dal menu Opzioni per visualizzare i diversi set di opzioni. Consultate Opzioni di Galleria di foto per Web.

  9. Fate clic su OK. Photoshop posiziona i seguenti file HTML e JPEG nella cartella di destinazione:

    • Una home page per la galleria denominata index.htm o index.html, a seconda delle opzioni specificate in Estensione. Per visualizzare la galleria in anteprima, aprite questo file in qualsiasi browser Web.

    • Le immagini JPEG, in una sottocartella per le immagini.

    • Le pagine HTML, in una sottocartella per le pagine.

    • Le immagini in miniatura JPEG, in una sottocartella per le miniature.

Verificare che i colori corrispondano

Se lavorate con foto in uno spazio colore di lavoro con gamma ampia come ProPhoto RGB o Adobe RGB, i colori delle immagini potrebbero risultare diversi in una galleria di foto per Web visualizzata da un browser che non sia in grado di leggere i profili colore incorporati. In tal caso, provate a convertire i profili immagine in sRGB (utilizzato per impostazione predefinita dalla maggior parte dei browser) prima di ottimizzarli o includerli in una galleria di foto per Web. Li potete convertire in sRGB in uno dei seguenti modi. Può essere una buona idea lavorare con una copia delle immagini.

Se usate Elaboratore immagini, potete salvare i file direttamente in formato JPEG nella dimensione desiderata. In questo caso, accertatevi di disattivare Ridimensiona immagini nelle opzioni di Immagini grandi.

Generale

Opzioni per le estensioni dei file, la codifica e i metadati.

Estensione

Consente di specificare .htm o .html come estensione del nome del file.

Usa codifica UTF-8 per l’URL

Consente di usare la codifica UTF-8.

Aggiungi attributi di larghezza e altezza per le immagini

Consente di specificare le dimensioni, riducendo il tempo necessario per lo scaricamento.

Mantieni tutti i metadati

Consente di conservare tutti i metadati.

Banner

Opzioni di testo per il banner che compare in ogni pagina della galleria. Immettete il testo necessario per ciascuna delle seguenti voci:

Nome sito

Il nome della galleria.

Fotografo

Il nome della persona o dell’organizzazione che ha realizzato le foto della galleria.

Info di contatto

Informazioni di contatto per la galleria, ad esempio numero di telefono o indirizzo.

Data

La data che compare in ogni pagina della galleria. Per impostazione predefinita, Photoshop usa la data corrente.

Font e Dimensione font

(Disponibile solo per alcuni stili di sito) Opzioni per il testo del banner.

Immagini grandi

Opzioni per le immagini principali che compaiono in ciascuna pagina della galleria.

Aggiungi collegamenti numerici

(Disponibile solo per alcuni stili di sito) Consente di inserire una sequenza numerica (che inizia da 1 e termina con il numero totale di pagine presenti nella galleria) in orizzontale lungo il bordo superiore di ogni pagina della galleria. Ogni numero rappresenta un collegamento verso la pagina corrispondente.

Ridimensiona immagini

Consente di ridimensionare le immagini sorgente per inserirle nelle pagine della galleria. Scegliete una dimensione dal menu a comparsa o immettete una dimensione in pixel. Per Vincola, scegliete le dimensioni dell’immagine da mantenere durante il ridimensionamento. Per Qualità JPEG, specificate un’opzione nel menu a comparsa, immettete un valore compreso tra 0 e 12 oppure trascinate il cursore. A un valore elevato corrisponde una qualità dell’immagine migliore, ma una maggiore dimensione del file.

Nota:

Photoshop usa il metodo di interpolazione immagine predefinito impostato nelle preferenze. Per ottenere risultati migliori quando riducete un’immagine, scegliete Bicubica più nitida come impostazione predefinita.

Dimensione bordo

Consente di specificare la larghezza, in pixel, del bordo attorno all’immagine.

Titoli basati

(Disponibile solo per alcuni stili di sito) Consente di specificare le opzioni per la visualizzazione delle didascalie sotto ogni immagine. Selezionate Nome file per visualizzare il nome del file o Descrizione, Autori, Titolo e Copyright per trarre il testo della descrizione dalla finestra Info file.

Font e Dimensione font

(Disponibile solo per alcuni stili di sito) Consente di specificare il font e la dimensione da applicare al testo della didascalia.

Miniature

Opzioni per la home page della galleria di foto per il Web, compresa la dimensione delle immagini in miniatura.

Dimensioni

Consente di specificare la dimensione delle miniature. Scegliete dal menu a comparsa o immettete un valore in pixel per la larghezza di ciascuna miniatura.

Colonne e Righe

Consente di specificare il numero di colonne e righe in cui visualizzare le miniature sulla home page. Questa opzione non è valida per le gallerie con lo stile Riquadro orizzontale o Riquadro verticale.

Dimensione bordo

Consente di specificare la larghezza, in pixel, del bordo attorno a ciascuna miniatura.

Titoli basati

(Disponibile solo per alcuni stili di sito) Consente di specificare le opzioni per la visualizzazione delle didascalie sotto ogni miniatura. Selezionate Nome file per visualizzare il nome del file o Descrizione, Autori, Titolo e Copyright per trarre il testo della descrizione dalla finestra Info file.

Font e Dimensione font

(Disponibile solo per alcuni stili di sito) Consente di specificare il font e la dimensione da applicare al testo della didascalia.

Colori personali

Opzioni relative ai colori degli elementi della galleria. Per modificare il colore di un elemento, fate clic sul relativo campione di colore e selezionate un nuovo colore da Adobe Color Picker. Potete modificare il colore di sfondo di ciascuna pagina (opzione Sfondo) e del banner (opzione Banner).

Protezione

Visualizza del testo su ogni immagine al fine di scoraggiare i furti.

Contenuto

Consente di specificare il testo da visualizzare. Selezionate Testo personalizzato per immettere un testo personale. Selezionate Nome file, Descrizione, Autori, Titolo o Copyright per visualizzare il testo corrispondente tratto dalla finestra Info file.

Font, Colore e Posizione

Specificate il font, il colore e l’allineamento della didascalia.

Rotazione

Posizionate il testo sull’immagine selezionando un’angolazione.

Photoshop offre una serie di stili per le gallerie di foto per il Web. Se avete una buona conoscenza del codice HTML, potete creare un nuovo stile o personalizzare uno stile esistente modificando un gruppo di file di template HTML.

Gli stili per la galleria di foto per Web disponibili in Photoshop sono memorizzati in singole cartelle nelle seguenti posizioni:

Windows

Programmi/Adobe/Adobe Photoshop CS5/Predefiniti/Galleria foto per Web.

Mac OS

Adobe Photoshop CS5/Predefiniti/Galleria foto per Web.

Il nome di ciascuna cartella appare come un’opzione del menu a comparsa Stili nella finestra Galleria di foto per Web. Ogni cartella contiene i seguenti file template HTML, usati da Photoshop per creare la galleria:

Caption.htm

Determina il layout della didascalia visualizzata sotto ciascuna miniatura della home page.

FrameSet.htm

Determina il layout dei frame per la visualizzazione delle pagine.

IndexPage.htm

Determina il layout della home page.

SubPage.htm

Determina il layout delle pagine della galleria con immagini in dimensioni reali.

Thumbnail.htm determina il layout delle miniature visualizzate sulla home page.

Tutti i file template contengono token e codice HTML. Un token è una stringa di testo che viene sostituita da Photoshop quando impostate l’opzione corrispondente nella finestra Galleria di foto per Web. Ad esempio, un file template può contenere il seguente elemento TITLE che usa un token come testo incorporato:

<TITLE>%TITLE%</TITLE>

Quando create una galleria usando questo file template, il token %TITLE% viene sostituito con il testo immesso in Nome del sito nella finestra Galleria di foto per Web.

Per ottenere maggiori informazioni su uno stile esistente, aprite e analizzate i relativi file template HTML con un editor HTML. Poiché per creare documenti HTML sono necessari solo i caratteri ASCII standard, aprite, modificate e create tali documenti con un semplice editor di testo come Blocco note (Windows) o TextEdit (Mac OS).

Per personalizzare uno stile esistente per la galleria di foto per il Web, modificate uno o più dei relativi file template HTML. Per consentire a Photoshop di generare la galleria correttamente, attenetevi alle seguenti istruzioni:

  • La cartella degli stili deve contenere i seguenti file: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm e FrameSet.htm.

  • Potete rinominare la cartella degli stili ma non i file template HTML in essa contenuti.

  • Ad esempio, potete lasciare il file Caption.htm vuoto e inserire nel file Thumbnail.htm i token e il codice HTML necessari per definire il layout della didascalia.

  • Potete sostituire un token in un file template con un testo o codice HTML appropriato, in modo che l’opzione venga impostata dal file template e non dalla finestra Galleria di foto per Web. Ad esempio, un file template potrebbe contenere un elemento TESTO con il seguente attributo bgcolor e che usa come valore un token:

    bgcolor=%BGCOLOR%

    Per impostare il colore di sfondo della pagina su rosso, potete sostituire il token %BGCOLOR% con “FF0000”.

  • Potete aggiungere token e codice HTML ai file template. Tutti i token devono essere in lettere maiuscole e iniziare e finire con il simbolo di percentuale (%).

  1. Individuate la cartella in cui sono memorizzati gli stili esistenti.
  2. Effettuate una delle seguenti operazioni:
    • Per personalizzare uno stile, create una copia della cartella dello stile e salvatela nella stessa posizione delle cartelle degli stili esistenti.

    • Per creare un nuovo stile, create una nuova cartella e salvatela nella stessa posizione delle cartelle degli stili esistenti.

    Lo stile nuovo o personalizzato (che prende il nome della sua cartella) compare quindi nel menu Stili della finestra di dialogo Galleria di foto per Web.

  3. Usando un editor HTML, effettuate una delle seguenti operazioni:
    • Personalizzate il file template HTML.

    • Create i file template HTML necessari e memorizzateli nella cartella degli stili.

    Quando create i file template, seguite le linee guida descritte in Personalizzare gli stili delle gallerie di foto per il Web.

    Nota:

    Quando personalizzate o create un template per lo stile di una galleria, posizionate ognuno dei seguenti token su una riga a parte del file HTML: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% e %PREVINDEX%. Quando create pagine specifiche per una galleria, Photoshop ignora le righe del template contenenti token non sono validi per tali pagine. Ad esempio, quando Photoshop crea la prima pagina di una galleria ignora qualsiasi riga del template contenente il token %PREVIMAGE%, che determina il collegamento alla pagina precedente della galleria. Mantenendo il token %PREVIMAGE% su una riga separata, Photoshop non ignora eventuali altri token presenti nel template.

Per definire uno stile predefinito per la galleria di foto per il Web, Photoshop usa dei token incorporati nei file template HTML. I token consentono inoltre di creare una galleria in base agli input dell’utente nella finestra Galleria di foto per Web.

Quando personalizzate o create uno stile, potete aggiungere qualsiasi token a un qualsiasi file template HTML, tranne %THUMBNAILS% e %THUMBNAILSROWS%, che possono apparire solo nel file IndexPage.htm. Se aggiungete un token, ricordate di aggiungere anche al file il codice HTML necessario per usarlo correttamente.

Nei file template HTML potete usare i seguenti token:

%ALINK%

Determina il colore dei collegamenti attivi.

%ALT%

Determina il nome di un file immagine.

%ANCHOR%

Consente di tornare alla miniatura dell’immagine visualizzata invece che all’inizio dell’indice. Ciò avviene quando l’utente fa clic sul pulsante della pagina iniziale.

%BANNERCOLOR%

Determina il colore del banner.

%BANNERFONT%

Determina il font del testo del banner.

%BANNERFONTSIZE%

Determina la dimensione del font per il testo del banner.

%BGCOLOR%

Determina il colore di sfondo.

%CAPTIONFONT%

Determina il font della didascalia sotto le miniature presenti nella home page.

%CAPTIONFONTSIZE%

Determina la dimensione del font per la didascalia.

%CAPTIONTITLE%

Inserisce come didascalia il titolo del documento (dalle informazioni sul file).

%CHARSET%

Determina il set di caratteri usato in ciascuna pagina.

%CONTACTINFO%

Determina le informazioni di contatto per la galleria, come ad esempio numero telefonico e località.

%CONTENT_GENRATOR%

Diventa “Adobe Photoshop CS5 - Galleria di foto per Web”.

%COPYRIGHT%

Inserisce come didascalia le informazioni sul copyright del documento (dalle informazioni sul file).

%CREDITS%

Inserisce come didascalia le informazioni sugli autori del documento (dalle informazioni sul file).

%CURRENTINDEX%

Determina il collegamento per la home page corrente.

%CURRENTINDEXANCHOR%

Risiede in SubPage.htm e punta alla prima pagina di indice.

%DATE%

Determina la data visualizzata sul banner.

%EMAIL%

Determina l’indirizzo e-mail di contatto per la galleria.

%FILEINFO%

Determina le informazioni del file immagine da inserire nella didascalia.

%FILENAME%

Determina il nome del file immagine. Usate questo token per i metadati che appaiono come testo HTML.

%FILENAME_URL%

Determina il nome del file dell’URL dell’immagine. Usate questo token solo per i nomi dei file degli URL.

%FIRSTPAGE%

Determina il collegamento per la prima pagina della galleria, che appare nel frame destro di un gruppo di frame.

%FRAMEINDEX%

Determina il collegamento per la home page che appare nel frame sinistro del gruppo di frame.

%HEADER%

Determina il titolo della galleria.

%IMAGEBORDER%

Determina la dimensione del bordo di un’immagine in dimensioni reali su una pagina della galleria.

%IMAGE_HEIGHT%

Attiva la casella di controllo Aggiungi attributi di larghezza e altezza per le immagini. In questo modo, l’utente può scaricare più rapidamente gli attributi.

%IMAGE_HEIGHT_NUMBER%

Questo token è sostituito da un valore numerico (solo) che rappresenta la larghezza dell’immagine.

%IMAGEPAGE%

Determina il collegamento a una pagina della galleria.

%IMAGE_SIZE%

Se la casella Ridimensiona immagini è selezionata, questo token contiene il valore in pixel dell’immagine usato nel riquadro Immagini grandi. Se la casella non è selezionata, il token contiene una stringa vuota. Ciò è utile per JavaScript nei template, perché visualizza i valori massimi di altezza e larghezza per tutte le immagini del sito generato.

%IMAGESRC%

Determina l’URL di un’immagine in dimensioni reali su una pagina della galleria.

%IMAGE_WIDTH%

Attiva la casella di controllo Aggiungi attributi di larghezza e altezza per le immagini. In questo modo, l’utente può scaricare più rapidamente gli attributi.

%IMAGE_WIDTH_NUMBER%

Questo token è sostituito da un valore numerico (solo) che rappresenta la larghezza dell’immagine.

%LINK%

Determina il colore dei collegamenti.

%NEXTIMAGE%

Determina il collegamento per la pagina successiva della galleria.

%NEXTIMAGE _CIRCULAR%

Imposta il collegamento da un’immagine di anteprima grande alla successiva.

%NEXTINDEX%

Determina il collegamento per la home page successiva.

%NUMERICLINKS%

Inserisce collegamenti numerati a tutte le immagini di anteprima grandi nelle pagine secondarie.

%PAGE%

Determina la posizione della pagina corrente (ad esempio, pagina 1 di 3).

%PHOTOGRAPHER%

Determina il nome della persona o dell’organizzazione che ha realizzato le foto della galleria.

%PREVIMAGE%

Determina il collegamento per la pagina precedente della galleria.

%PREVINDEX%

Determina il collegamento per la home page precedente.

%SUBPAGEHEADER%

Determina il titolo della galleria.

%SUBPAGETITLE%

Determina il titolo della galleria.

%TEXT%

Determina il colore del testo.

%THUMBBORDER%

Determina la dimensione dei bordi delle miniature.

%THUMBNAIL_HEIGHT%

Attiva la casella di controllo Aggiungi attributi di larghezza e altezza per le immagini. In questo modo, l’utente può scaricare più rapidamente gli attributi.

%THUMBNAIL_HEIGHT_NUMBER%

Questo token è sostituito da un valore numerico (solo) che rappresenta l’altezza della miniatura.

%THUMBNAILS%

Questo token viene sostituito con le miniature, usando il file Thumbnail.htm per gli stili di frame. Inserite questo token da solo in una riga singola intera nel file HTML.

%THUMBNAIL_SIZE%

Visualizza il valore in pixel della miniatura nel riquadro Miniature. Ciò è utile per JavaScript nei template, perché visualizza i valori massimi di altezza e larghezza per tutte le miniature del sito generato.

%THUMBNAILSRC%

Determina il collegamento a una miniatura.

%THUMBNAILSROWS%

Questo token viene sostituito con righe di miniature, usando il file Thumbnail.htm per gli stili non di frame. Inserite questo token da solo in una riga singola intera nel file HTML.

%THUMBNAIL_WIDTH%

Attiva la casella di controllo Aggiungi attributi di larghezza e altezza per le immagini. In questo modo, l’utente può scaricare più rapidamente gli attributi.

%THUMBNAIL_WIDTH_NUMBER%

Questo token è sostituito da un valore numerico (solo) che rappresenta la larghezza della miniatura.

%TITLE%

Determina il titolo della galleria.

%VLINK%

Determina il colore dei collegamenti usati.

Ottieni supporto in modo più facile e veloce

Nuovo utente?