Lavorare con le tavole da disegno in Photoshop CC

Lavorare con le tavole da disegno in Photoshop CC

Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure.

Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. La sua funzionalità potrebbe non essere così intuitiva in Photoshop come in Adobe Illustrator, ma con un po' di pratica dovresti prenderci la mano. Segui questi passaggi per vedere come puoi creare tavole da disegno da solo:

In questo esempio, viene creato un nuovo documento utilizzando il documento di avvio di iPhone 6. Se stai iniziando un nuovo documento con la vecchia finestra Nuovo documento, crea un nuovo file con queste dimensioni: 750 di larghezza x 1334 di altezza.Lavorare con le tavole da disegno in Photoshop CC

Crea un documento delle dimensioni di iPhone 6.

Se hai creato il tuo nuovo documento con il file di avvio di iPhone 6, vedi già una tavola da disegno elencata nel pannello Livelli.Lavorare con le tavole da disegno in Photoshop CC

Il pannello Livelli con una tavola da disegno già creata.

Se non vedi una tavola da disegno, creane una ora scegliendo Nuova tavola da disegno dal menu del pannello Livelli.Lavorare con le tavole da disegno in Photoshop CC

Puoi aggiungere la tua tavola da disegno utilizzando il menu del pannello Livelli.

Durante la creazione di tavole da disegno, puoi scegliere tra un'ampia varietà di dimensioni preimpostate o definire le tue dimensioni personalizzate della tavola da disegno.

Scegli File → Inserisci incorporato e vai alla cartella Book03-Photoshop. Fare doppio clic per selezionare l'immagine denominata water_sky o selezionare l'immagine e premere Luogo.

Quando l'immagine appare sulla tavola da disegno, prendi una delle maniglie d'angolo, tieni premuto il tasto Maiusc e fai clic e trascina verso l'esterno per ridimensionare l'immagine e riempire l'intera tavola da disegno. Quando l'immagine è dimensionata e posizionata, seleziona la casella di controllo Conferma nella barra delle opzioni o premi il tasto Invio per confermare il posizionamento dell'immagine.Lavorare con le tavole da disegno in Photoshop CC

Posiziona un'immagine e allungala per adattarla all'intera tavola da disegno.

Successivamente, aggiungi un livello di testo.

Seleziona lo strumento testo e fai clic e trascina sulla tavola da disegno per creare un'area di testo e aggiungere un nuovo livello di testo.

Digita il testo ACQUA E CIELO. Utilizzando i controlli nella barra delle opzioni, impostare il tipo sulle seguenti proprietà:

  • Carattere: Myriad Pro Bold
  • Dimensione: 110 pt
  • Colore: bianco

Seleziona il pulsante Conferma nella barra delle opzioni dopo aver impostato il tipo.Lavorare con le tavole da disegno in Photoshop CC

Aggiungi un livello di testo alla tua tavola da disegno.

Puoi premere Ctrl+A capo (Windows) o ⌘ + A capo (Mac) per salvare anche un livello di testo.

Quindi, come vedi, lavori con le tavole da disegno proprio come lavoreresti con qualsiasi altro documento di Photoshop. La differenza arriva nel passaggio successivo, dove troverai come aggiungere ulteriori tavole da disegno al tuo file.

Aggiunta di ulteriori tavole da disegno

Puoi anche creare tavole da disegno aggiuntive. Forse vuoi creare un'app mobile multischermo in Photoshop o vuoi semplicemente creare più versioni di uno schermo. Per queste istruzioni, prosegui con il progetto iniziato sopra.

Fare clic sullo strumento Sposta e selezionare lo strumento Tavola disegno nascosto.Lavorare con le tavole da disegno in Photoshop CC

Usa lo strumento Tavola da disegno per manipolare le tavole da disegno e crearne altre.

Le icone del segno più vengono visualizzate su tutti i lati della tavola da disegno. Puoi fare clic su queste icone con il segno più per aggiungere ulteriori tavole da disegno.

Fai clic sull'icona del segno più a destra della tavola da disegno esistente per vedere che viene aggiunta una nuova tavola da disegno vuota.Lavorare con le tavole da disegno in Photoshop CC

Aggiungi una tavola da disegno vuota facendo clic sull'icona del segno più.

Dai un'occhiata nel pannello Livelli. Assicurati che, proprio come i livelli, la tavola da disegno più recente appaia sopra il livello selezionato.

Puoi anche utilizzare lo strumento Tavola da disegno per creare la tua tavola da disegno di dimensioni personalizzate. Fallo facendo clic e trascinando con lo strumento tavola da disegno sulla tela di Photoshop. Dalla barra delle opzioni degli strumenti, seleziona una dimensione preimpostata dal menu a comparsa Dimensione o lasciala nella dimensione personalizzata.

Dai un nome alle tue tavole da disegno

Prima che questo file diventi più complesso, sarebbe saggio dare un nome alle tavole da disegno. Questo viene fatto nel pannello Livelli.

Seleziona la tavola da disegno iniziale (Tavola da disegno 1) e fai doppio clic sul nome della tavola da disegno. Quando la casella di testo è attiva, digita il nome Home.

Fare doppio clic sul nome Tavola da disegno 2 nel pannello Livelli e denominare questo livello Spiaggia.

Aggiunta di contenuto alla seconda tavola da disegno

Ora aggiungi un'immagine e del testo alla seconda tavola da disegno:

Fare clic sullo strumento Tavola da disegno e tornare allo strumento Sposta.

Assicurati che la tavola da disegno Beach sia selezionata nel pannello Livelli e scegli File → Inserisci incorporato. Passare alla cartella Book03_Photoshop e selezionare l'immagine denominata Beach e premere Luogo. L'immagine viene aggiunta alla seconda tavola da disegno.

Come per l'ultima immagine che hai posizionato, tieni premuto il tasto Maiusc e trascina Maiusc su un punto d'angolo per ingrandire proporzionalmente l'immagine e riempire lo schermo.

Con lo strumento Sposta attivo, fai clic e trascina l'immagine. Tieni presente che anche se si trova nello stesso documento, non si sovrappone né interferisce con la grafica su altre tavole da disegno.

Clonazione da una tavola da disegno all'altra

Ora clona il testo dalla tavola da disegno Home alla tavola da disegno Beach:

Con lo strumento Sposta ancora selezionato, fai Ctrl-clic (Windows) o ⌘-clic (Mac) sul testo ACQUA E CIELO nella tavola da disegno Home. Questo attiva quel livello.

Tieni premuto il tasto Alt (Windows) o Opzione (Mac) e fai clic e trascina il testo da una tavola da disegno a quella successiva.

Se tieni premuto il tasto Maiusc mentre trascini l'immagine rimarrà allineata.

Passa alla tavola da disegno e fai doppio clic sul testo appena clonato per attivare l'area di testo e digita SPIAGGE DIVERTENTI.Lavorare con le tavole da disegno in Photoshop CC

Un file Photoshop con due tavole da disegno.

Spostare elementi da una tavola da disegno all'altra

Per spostare un elemento da una tavola da disegno a un'altra, trascina semplicemente gli elementi da una tavola da disegno all'altra. Quando sposti un elemento tra le tavole da disegno, Photoshop cerca di posizionarlo nella stessa posizione rispetto alle origini del righello situate negli angoli in alto a sinistra delle tavole da disegno.

Esportare le tue tavole da disegno

Puoi salvare il tuo file come file Photoshop per mantenere i livelli, ma in questo esempio esporterai il file come PDF di due pagine. Oppure, usa la funzione File → Esporta per esportare le tue tavole da disegno come PNG, JPEG, PDF e altro.

Esporta tavole da disegno come risorse immagine

Puoi esportare tavole da disegno come risorse immagine JPEG, GIF o PNG direttamente dal pannello Livelli .

Esporta tavole da disegno come PDF

Puoi esportare tavole da disegno come documenti PDF. Segui questi passi:

In Photoshop, seleziona File > Esporta > Tavole da disegno in PDF.

Nella finestra di dialogo Tavole da disegno in PDF , procedi come segue:

  • Scegli la destinazione/posizione in cui desideri salvare i documenti PDF generati.
  • Specificare un prefisso del nome file per i documenti PDF generati. Ad esempio, Campaign_insurance.
  • Specifica se desideri esportare solo il contenuto sulle tavole da disegno o anche il contenuto nelle aree sovrapposte alle tavole da disegno.
  • Specifica se desideri esportare tutte le tavole da disegno o solo quelle attualmente selezionate.
  • Specifica se desideri esportare anche gli sfondi delle tavole da disegno insieme alle tavole da disegno.
  • Specifica se desideri generare un singolo PDF per tutte le tavole da disegno nel documento corrente o generare un documento PDF per tavola da disegno. Se scegli di generare più documenti PDF, tutti questi documenti prenderanno il prefisso del nome file specificato in precedenza.
  • Specificare una codifica per i documenti PDF esportati: ZIP o JPEG. Se scegli JPEG, specifica anche un'impostazione Qualità (0-12).
  • Specificare se si desidera includere il profilo International Color Consortium (ICC) nei documenti PDF esportati. Un profilo ICC comprende dati che caratterizzano un dispositivo di input o output del colore.
  • Specifica se desideri esportare anche i nomi delle tavole da disegno insieme alle tavole da disegno esportate. Puoi specificare un carattere personalizzato, una dimensione del carattere, un colore del carattere e un colore dell'estensione della tela mentre selezioni questa impostazione.

Fai clic su Esegui. Photoshop genera il documento PDF.

Esporta tavole da disegno come file

Puoi esportare le tavole da disegno come file separati. Segui questi passi:

In Photoshop, seleziona File > Esporta > Tavole da disegno nei file.

Nella finestra di dialogo Da tavole da disegno a file , procedi come segue:

  • Scegli la destinazione in cui desideri salvare i file generati.
  • Specificare un prefisso del nome file.
  • Specifica se desideri esportare solo il contenuto della tavola da disegno o includere anche aree sovrapposte.
  • Specifica se desideri esportare tutte le tavole da disegno o solo quelle attualmente selezionate.
  • Specifica se desideri esportare anche gli sfondi delle tavole da disegno insieme alle tavole da disegno.
  • Scegli il tipo di file in cui desideri esportare. Hai la possibilità di esportare come BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 o PNG-24.
  • Specifica le opzioni di esportazione per il tipo di file selezionato.
    • Specifica se desideri esportare anche i nomi delle tavole da disegno insieme alle tavole da disegno esportate. Puoi specificare un carattere personalizzato, una dimensione del carattere, un colore del carattere e un colore dell'estensione della tela mentre selezioni questa impostazione.

Fai clic su Esegui. Photoshop esporta le tavole da disegno come file nel formato selezionato.


Schermata Cattura una sezione di un file PDF

Schermata Cattura una sezione di un file PDF

Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Misurazione, conteggio e analisi dei pixel in Photoshop CC

Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Gli strumenti Fluidifica in Adobe CS5 Illustrator

Quando utilizzi gli strumenti Fluidifica in Adobe Creative Suite 5 (Adobe CS5) Illustrator, puoi piegare gli oggetti, renderli ondulati, appiccicosi o appuntiti, creando distorsioni da semplici a complesse. Gli strumenti Fluidifica possono realizzare tutti i tipi di distorsioni creative o stravaganti (a seconda di come lo guardi) ai tuoi oggetti. Voi […]

Come regolare le proprietà del testo in Adobe XD

Come regolare le proprietà del testo in Adobe XD

Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]

Come creare codici QR in InDesign CC

Come creare codici QR in InDesign CC

Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]

Lavorare con le tavole da disegno in Photoshop CC

Lavorare con le tavole da disegno in Photoshop CC

Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure. Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. Suo […]

Testo a capo in Adobe Illustrator CC

Testo a capo in Adobe Illustrator CC

Avvolgere il testo in Adobe Illustrator CC non è esattamente come avvolgere un regalo: è più facile! Un ritorno a capo forza il testo a avvolgere un elemento grafico, come mostrato in questa figura. Questa caratteristica può aggiungere un po' di creatività a qualsiasi pezzo. L'elemento grafico sta costringendo il testo a avvolgerlo. Innanzitutto, crea […]

Come ridimensionare le forme in Illustrator

Come ridimensionare le forme in Illustrator

Quando si progetta in Adobe Illustrator CC, spesso è necessario che una forma abbia le dimensioni esatte (ad esempio, 2 x 3 pollici). Dopo aver creato una forma, il modo migliore per ridimensionarla a misure esatte è utilizzare il pannello Trasforma, mostrato in questa figura. Avere l'oggetto selezionato e quindi scegliere Finestra → Trasforma in […]

Come applicare la trasparenza agli SVG

Come applicare la trasparenza agli SVG

Scopri come applicare la trasparenza alla grafica SVG in Illustrator. Scopri come produrre SVG con sfondi trasparenti e applicare effetti di trasparenza.

Lavorare con le immagini in Adobe XD

Lavorare con le immagini in Adobe XD

Dopo aver importato le tue immagini in Adobe XD, non hai un grande controllo sulla modifica, ma puoi ridimensionare e ruotare le immagini proprio come faresti con qualsiasi altra forma. Puoi anche arrotondare facilmente gli angoli di un'immagine importata utilizzando i widget degli angoli. Mascherare le tue immagini Definendo una forma chiusa […]