Guida utente Annulla

Lavorate con la grafica per il Web

Cerca
  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 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. Photoshop e Adobe Stock
    5. Usare l’estensione Capture in-app in Photoshop
    6. Creative Cloud Libraries
    7. Creative Cloud Libraries in Photoshop
    8. Usare la Touch Bar con Photoshop
    9. Griglia e guide
    10. Creazione delle azioni
    11. Annullare e il pannello Storia
  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. Imparare più velocemente con il pannello Discover di Photoshop
    3. Creare documenti
    4. Usare la Touch Bar con 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. Scelte rapide da tastiera predefinite
    13. Funzionalità touch e aree di lavoro personalizzabili
    14. Inserire immagini di Photoshop in altre applicazioni
    15. Preferenze
    16. Scelte rapide da tastiera predefinite
    17. Righelli
    18. Visualizzare o nascondere gli elementi extra non stampabili
    19. Specificare le colonne per un’immagine
    20. Annullare e il pannello Storia
    21. Pannelli e menu
    22. Inserire file
    23. Posizionare elementi con allineamento
    24. Posizionare con lo strumento righello
    25. Predefiniti
    26. Personalizzare le scelte rapide da tastiera
    27. 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. 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
    14. Errore relativo al motore di testo quando utilizzi lo strumento Testo di Photoshop | Windows 8
  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

Gli strumenti per il Web di Photoshop semplificano la realizzazione delle singole parti di una pagina Web o di pagine Web complete in un formato predefinito o personalizzato.

  • Usate livelli e sezioni per progettare le pagine Web e gli elementi di interfaccia. Consultate Livelli e Divisione in sezioni delle pagine Web.

  • Usate le composizioni di livelli per provare varie composizioni per una pagina o per esportare varianti di una pagina. Consultate Composizioni di livelli.

  • Create testo rollover o grafica per i pulsanti da importare in Dreamweaver o Flash.

  • Create animazioni per il Web con il pannello Animazione, quindi esportatele come immagini GIF animate o file QuickTime. Consultate Creazione di animazioni di fotogrammi.

  • Usate Adobe Bridge per creare una galleria di foto per Web, trasformando rapidamente una serie di immagini in un sito Web interattivo grazie a un’ampia gamma di modelli di aspetto professionale.

Per un video sulla progettazione di siti Web con Photoshop e Dreamweaver, consultate Accesso a Photoshop da Dreamweaver per migliorare l’immagine Web.

Creazione di immagini con rollover

Un rollover è un pulsante o un’immagine di una pagina Web che cambia quando il mouse è su di esso. Per creare un rollover, sono necessarie almeno due immagini: un’immagine primaria per lo stato normale e un’immagine secondaria per lo stato modificato.

Photoshop include vari utili strumenti per creare immagini rollover:

  • Usate i livelli per creare immagini primarie e secondarie. Create il contenuto su un livello, quindi duplicatelo e modificatelo in modo da creare un contenuto simile mantenendo l’allineamento tra i livelli. Quando create un effetto rollover, potete cambiare lo stile, la visibilità e la posizione del livello, variare i colori e le tonalità e applicare gli effetti dei filtri. Consultate Duplicare i livelli.

  • Potete anche modificare gli stili dei livelli per applicare al livello primario effetti quali sovrapposizioni di colore, ombre esterne, bagliori o effetti rilievo. Per creare una coppia di rollover, attivare e/o disattivare lo stile di livello e salvare l’immagine nei due stati. Consultate Stili ed effetti di livello.

  • Usate gli stili di pulsanti predefiniti del pannello Stili per creare pulsanti di rollover con stati normale, mouse sopra e mouse premuto. Disegnate una forma di base con lo strumento rettangolo e applicate uno stile, ad esempio Smussato normale, per trasformare automaticamente il rettangolo in un pulsante. Quindi copiate il livello e applicate altri stili predefiniti, come Smussato mouse sopra, per creare altri stati per i pulsanti. Salvate ogni livello come un’immagine separata per creare un set completo di pulsanti di rollover.

  • Usate la finestra di dialogo Salva per Web e dispositivi per salvare le immagini rollover con un formato e una dimensione ottimizzati per il Web. 

Nota:

Quando salvate le immagini rollover, usate una convenzione di nomi per distinguere l’immagine primaria (stato non rollover) dall’immagine secondaria (stato rollover).

Dopo avere creato un’immagine rollover con Photoshop, usate Dreamweaver per inserire le immagini in una pagina Web e aggiungere automaticamente il codice JavaScript per l’azione di rollover.

Esportare nel formato Zoomify

È possibile pubblicare sul Web immagini ad alta risoluzione che gli utenti possono scorrere e ingrandire per visualizzare i dettagli. Il download di un’immagine con dimensioni base ha una durata pari a quello di un file JPEG di dimensioni equivalenti. Photoshop esporta i file JPEG e il file HTML, che è poi possibile caricare sul server Web.

  1. Scegliete File > Esporta > Zoomify e impostate le opzioni di esportazione.

    Modello

    Imposta lo sfondo e le funzioni di navigazione per l’immagine visualizzata nel browser.

    Posizione di output

    Specifica la posizione e il nome del file..

    Opzioni porzione immagine

    Specifica la qualità dell’immagine..

    Opzioni browser

    Imposta la larghezza e l’altezza in pixel dell’immagine di base quando visualizzata nel browser.

  2. Caricate i file HTML e di immagine sul server Web.

Lavorare con valori esadecimali dei colori

Photoshop può visualizzare i valori esadecimali dei colori dell’immagine o copiare il valore esadecimale di un colore da usare in un file HTML.

Visualizzare i valori esadecimali dei colori nel pannello Info

  1. Scegliete Finestra > Info o fate clic sulla linguetta del pannello Info per visualizzare il pannello.
  2. Scegliete Opzioni pannello dal menu del pannello. In Primo rilevamento colore o Secondo rilevamento colore, scegliete Colore Web nel menu Metodo e fate clic su OK.
  3. Posizionate il puntatore sul colore di cui desiderate visualizzare i valori esadecimali.

Copiare un colore come valore esadecimale

Photoshop copia i colori come attributo HTML COLOR contenente il valore esadecimale (color=#xxyyzz) oppure come solo valore esadecimale.

  1. Effettuate una delle seguenti operazioni:

    • Con lo strumento contagocce, portate il cursore sul colore che desiderate copiare. Fate clic con il pulsante destro del mouse (Windows) o tenendo premuto Control (Mac OS) e scegliete Copia colori in formato HTML oppure Copia codice esa colore.

    • Impostate il colore di primo piano usando il pannello Colore o Campioni o il Selettore colore di Adobe. Dal menu del pannello Colore, scegliete Copia colori in formato HTML oppure Copia codice esa colore.

    • Nella finestra di dialogo Salva per Web, fate clic sul campione colore o scegliete Alone > Altro In Selettore colore, fate clic con il pulsante destro del mouse sul valore esadecimale e scegliete Copia.

  2. Aprite il file desiderato in un’applicazione di modifica HTML e scegliete Modifica > Incolla.

Altri argomenti correlati

Logo Adobe

Accedi al tuo account

Collegamenti rapidi

Visualizza tutti i tuoi piani Gestione dei piani

Note legali    |    Informativa sulla privacy online