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. Migrazione di predefiniti, azioni e impostazioni
    8. Scopri Photoshop
  3. Photoshop e i servizi Adobe
    1. Photoshop e Adobe Stock
    2. Creative Cloud Libraries
    3. Creative Cloud Libraries in Photoshop
    4. Usare la Touch Bar con Photoshop
    5. Lavorare con la grafica di Illustrator su Photoshop
    6. Usare l’estensione Capture in-app in Photoshop
    7. Griglia e guide
    8. Creazione delle azioni
    9. Annullare e il pannello Storia
    10. Scelte rapide da tastiera predefinite
    11. Funzionalità touch e aree di lavoro personalizzabili
  4. Photoshop su iPad
    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
    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
  5. Versione beta di Photoshop per il Web
    1. Domande frequenti | Versione beta di Photoshop per il Web 
    2. Introduzione all’area di lavoro
    3. Requisiti di sistema | Photoshop per il Web beta
    4. Tasti di scelta rapida | Photoshop per il Web beta
    5. Tipi di file supportati | Photoshop per il Web beta
    6. Aprire e lavorare con i documenti cloud
    7. Collaborare con le parti interessate
    8. Applicare modifiche limitate ai documenti cloud
  6. Documenti cloud
    1. Documenti cloud di Photoshop | Domande comuni
    2. Documenti cloud di Photoshop | Domande sul flusso di lavoro
    3. Gestire e lavorare con i documenti cloud in Photoshop
    4. Aggiornare l’archiviazione cloud per Photoshop
    5. Impossibile creare o salvare un documento cloud
    6. Risolvi i problemi dei documenti cloud di Photoshop
    7. Raccogliere i registri di sincronizzazione dei documenti cloud
    8. Condividere l’accesso e modificare i documenti cloud
    9. Condividere file e commenti direttamente dall’app
  7. Area di lavoro
    1. Nozioni di base sull’area di lavoro
    2. Creare documenti
    3. Usare la Touch Bar con Photoshop
    4. Supporto di Microsoft Dial in Photoshop
    5. Panoramica degli strumenti
    6. Preferenze per le prestazioni
    7. Utilizzare gli strumenti
    8. Movimenti touch
    9. Funzionalità touch e aree di lavoro personalizzabili
    10. Anteprime tecnologiche
    11. Metadati e note
    12. Condividere rapidamente le creazioni
    13. Inserire immagini di Photoshop in altre applicazioni
    14. Preferenze
    15. Scelte rapide da tastiera predefinite
    16. Righelli
    17. Visualizzare o nascondere gli elementi extra non stampabili
    18. Specificare le colonne per un’immagine
    19. Annullare e il pannello Storia
    20. Pannelli e menu
    21. Inserire file
    22. Posizionare elementi con allineamento
    23. Posizionare con lo strumento righello
    24. Predefiniti
    25. Personalizzare le scelte rapide da tastiera
    26. Griglia e guide
  8. 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. Lavorate con la grafica per il Web
    9. Creare gallerie di foto per il Web
  9. 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. Visualizzazione di 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
  10. 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
    26. Livello
    27. Unione dei livelli
    28. Immagini composite
    29. Sfondo
  11. Selezione
    1. Area di lavoro Seleziona e maschera
    2. Effettuare selezioni rapide
    3. Introduzione alle selezioni
    4. Selezionare con gli strumenti di selezione
    5. Selezionare con gli strumenti lazo
    6. Selezionare un intervallo di colori in un’immagine
    7. Regolare selezioni di pixel
    8. Convertire i tracciati in bordi di selezione e viceversa
    9. Nozioni di base sui canali
    10. Spostare, copiare ed eliminare i pixel selezionati
    11. Creare una maschera veloce temporanea
    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
    16. Selezione
    17. Rettangolo di selezione
  12. Regolazioni delle immagini
    1. Alterazione prospettiva
    2. Ridurre la sfocatura causata da fotocamera mossa
    3. Esempi di utilizzo del pennello correttivo
    4. Esportare le tavole di consultazione del colore
    5. Regolare la nitidezza e la sfocatura dell’immagine
    6. Le regolazioni di colore
    7. Applicare una regolazione Luminosità/contrasto
    8. Regolare i particolari nelle aree di ombra e di luce
    9. Regolazioni Valori tonali
    10. Regolare tonalità e saturazione
    11. Regolare la vividezza
    12. Regolare la saturazione dei colori in un’area dell’immagine
    13. Effettuare regolazioni tonali rapide
    14. Applicare effetti speciali di colore alle immagini
    15. Migliorare l’immagine con le regolazioni di Bilanciamento colore
    16. Immagini HDR (High Dynamic Range)
    17. Visualizzare istogrammi e valori dei pixel
    18. Ottenere colori corrispondenti nell’immagine
    19. Come ritagliare e raddrizzare le foto
    20. Convertire un’immagine a colori in bianco e nero
    21. Livelli di regolazione e riempimento
    22. Regolazioni Curve
    23. Metodi fusione
    24. Preparare immagini per la stampa
    25. Regolare colore e tonalità con i contagocce di Valori tonali e Curve
    26. Effettuare regolazioni con Esposizione HDR e Viraggio HDR
    27. Filtro
    28. Sfoca
    29. Schermare o bruciare un’area dell’immagine
    30. Eseguire regolazioni selettive del colore
    31. Sostituire il colore degli oggetti
  13. 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. Come apportare modifiche non distruttive in Camera Raw
    10. Filtro radiale in Camera Raw
    11. Gestione delle impostazioni di Camera Raw
    12. Aprire, elaborare e salvare le immagini in Camera Raw
    13. Riparare le immagini con lo strumento rimozione macchie ottimizzato di Camera Raw
    14. Ruotare, ritagliare e ritoccare le immagini
    15. Regolare la riproduzione dei colori in Camera Raw
    16. Riepilogo delle funzioni | Adobe Camera Raw | Versioni 2018
    17. Riepilogo delle nuove funzioni
    18. Versioni di processo in Camera Raw
    19. Apportare regolazioni locali in Camera Raw
  14. Ritocco e riparazione delle immagini
    1. Rimuovere oggetti dalle foto con Riempimento in base al contenuto
    2. Correzione e spostamento in base al contenuto
    3. Ritoccare e riparare le foto
    4. Correzione della distorsione e del disturbo di un’immagine
    5. Procedure di base per la risoluzione della maggior parte dei problemi
  15. Trasformazioni delle immagini
    1. Trasformare gli oggetti
    2. Regolare il ritaglio, la rotazione e la dimensione del quadro
    3. Come ritagliare e raddrizzare le foto
    4. Creare e modificare immagini panoramiche
    5. Alterare immagini, forme e tracciati
    6. Fuoco prospettico
    7. Utilizzare il filtro Fluidifica
    8. Ridimensionamento in base al contenuto
    9. Trasformare immagini, forme e tracciati
    10. Altera
    11. Trasforma
    12. Panorama
  16. 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
  17. Testo
    1. Utilizzare i font SVG OpenType
    2. Formattare i caratteri
    3. Formattare i paragrafi
    4. Come creare effetti di testo
    5. Modificare il testo
    6. Spaziatura tra righe e caratteri
    7. Testo in arabo e in ebraico
    8. Font
    9. Risoluzione dei problemi relativi ai font
    10. Testo asiatico
    11. Creare il testo
    12. Errore relativo al motore di testo quando utilizzi lo strumento Testo di Photoshop | Windows 8
    13. Modulo di composizione World-Ready per scritture asiatiche
    14. Come aggiungere e modificare il testo in Photoshop
  18. 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
  19. Filtri ed effetti
    1. Utilizzare il filtro Fluidifica
    2. Usare la Galleria sfocatura
    3. Nozioni di base sui filtri
    4. Presentazione degli effetti dei filtri
    5. Aggiungere effetti di luce
    6. Usare il filtro Grandangolo adattato
    7. Usare il filtro Dipinto a olio
    8. Stili ed effetti di livello
    9. Applicare filtri specifici
    10. Sfumare un’area dell’immagine
  20. 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. Sposta i progetti tra Photoshop e Illustrator
    6. Salvare ed esportare video e animazioni
    7. Salvare i file PDF
    8. Protezione Digimarc del copyright
  21. 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. Immagini a due tonalità
    8. Stampare immagini con una macchina da stampa
    9. Migliorate le stampe a colori da Photoshop
    10. Risoluzione dei problemi di stampa | Photoshop
  22. 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
  23. Gestione del colore
    1. Comprendere la gestione del colore
    2. Mantenere i colori coerenti
    3. Impostazioni del colore
    4. Utilizzare i profili colore
    5. Gestione del colore nei documenti da visualizzare online
    6. Gestione del colore dei documenti durante la stampa
    7. Gestione del colore nelle immagini importate
    8. Prove colore
  24. Content Authenticity
    1. Informazioni sulle credenziali contenuto
    2. Identità e provenienza dei NFT
    3. Connettere un account per l’attribuzione creativa
  25. Immagini tecniche e 3D
    1. Photoshop 3D | Domande frequenti sulla rimozione delle funzioni 3D
    2. Creative Cloud 3D Animation (anteprima)
    3. Stampare oggetti 3D
    4. Disegno 3D
    5. Miglioramenti del pannello 3D | Photoshop
    6. Concetti e strumenti 3D essenziali
    7. Rendering 3D e salvataggio
    8. Creare oggetti 3D e animazioni
    9. Serie di immagini
    10. Flusso di lavoro 3D
    11. Misurazione
    12. File DICOM
    13. Photoshop e MATLAB
    14. Contare gli oggetti in un’immagine
    15. Combinare e convertire oggetti 3D
    16. Modifica di texture 3D
    17. Effettuare regolazioni con Esposizione HDR e Viraggio HDR
    18. Impostazioni del pannello 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 una galleria di foto per il Web

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.

Opzioni di Galleria di foto per Web

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.

Stili per la galleria di foto per il Web

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).

Personalizzare gli stili di Galleria di foto per Web

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 (%).

Personalizzare o creare uno stile per la galleria di foto per il Web

  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.

Token degli stili delle gallerie di foto per il Web

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.

Logo Adobe

Accedi al tuo account