Come personalizzare un modello di Photoshop

• Potrebbe 17, 2024

In questo tutorial di Photoshop CC, impareremo come personalizzare un modello Photoshop predefinito. Che si tratti di un modello animato o meno, iniziare con un modello può far risparmiare molto tempo. Quando si utilizza un modello di Photoshop per i progetti di progettazione, tutto il lavoro di progettazione viene svolto per te ed è sufficiente sostituire gli elementi di progettazione generici, chiamati segnaposto, con video, testo, grafica o foto personalizzati.

Con la crescente popolarità di gif e video animati, puoi utilizzare un modello animato predefinito per aggiungere animazioni al tuo sito Web e ai siti social. Ad esempio, puoi pubblicare un video sui tuoi post o storie su Instagram e caricare un video come copertina di Facebook. Rimarrai sorpreso da ciò che puoi creare con l'animazione della sequenza temporale di Photoshop.

Ci sono molti posti sul web che offrono modelli Photoshop predefiniti ed è facile personalizzare questi modelli per le tue esigenze specifiche. Diamo un'occhiata a come sostituire alcuni dei segnaposto di modelli generici con i tuoi contenuti.

Caratteri

La prima cosa che potresti vedere quando apri il modello in Photoshop è il messaggio sui caratteri mancanti (vedi screenshot). Naturalmente, se hai già i caratteri utilizzati nel modello installato sul tuo computer, non riceverai questo messaggio. La maggior parte dei caratteri utilizzati nei modelli di progettazione sono gratuiti e ci sono molti posti con caratteri gratuiti. Se non si desidera installare i caratteri mancanti, Photoshop sceglierà automaticamente il carattere di sostituzione migliore.

Adobe ha aggiunto un nuovo gratuito Appartenenza a Creative Cloud, che include l'uso illimitato dei caratteri nella libreria di base. Nei miei modelli, mi piace usare questi caratteri Adobe perché sono disponibili registrandosi per un Adobe ID gratuito, sono facili da sincronizzare e i termini d'uso sono molto chiari sia per uso personale che commerciale. Dopo aver sincronizzato i caratteri mancanti, i caratteri vengono associati al tuo ID Adobe e saranno disponibili per qualsiasi software Adobe.

Forme dal vivo

Alcuni livelli contengono oggetti vettoriali, chiamati Forme dal vivo in un modello di Photoshop e può essere riconosciuto dalla piccola icona nell'angolo in basso a destra della miniatura del livello (vedi screenshot). Di solito, queste forme hanno un colore predefinito e puoi cambiare questo colore in base alle tue esigenze. Facendo clic sulla miniatura si aprirà il Selettore colore. Basta usare i controlli o digitare il codice colore per impostare un nuovo colore.

Stili di livello

Gli stili di livello possono essere applicati a qualsiasi tipo di livello in Photoshop. Riconoscerai questi livelli dall'icona fx a destra del nome del livello (vedi screenshot).

Per modificare gli stili di livello, fai doppio clic sul livello per aprire la finestra Stili di livello. Come puoi vedere (vedi screenshot), puoi cambiare il colore, il motivo o la sovrapposizione del gradiente dell'oggetto, nonché applicare l'ombra interna, il bagliore esterno, l'ombra esterna e altro ancora.

Oggetti intelligenti

Esistono diversi usi di Photoshop Smart Objects nei modelli di progettazione, con foto e video i più comuni. Inoltre, gli oggetti intelligenti possono essere segnaposto per loghi e altri elementi grafici che si desidera sostituire per il proprio marchio. Riconoscerai questi oggetti intelligenti dall'icona piccola in basso a destra della miniatura del livello (vedi screenshot). Questi oggetti intelligenti possono avere filtri intelligenti o altri livelli di regolazione collegati.

Il progettista del modello di solito ti darà istruzioni sullo scopo dell'Oggetto Intelligente. Ad esempio, se una foto è contenuta in un oggetto intelligente, le istruzioni potrebbero essere nel nome del livello, ad esempio [immagine di sfondo qui]. Dopo aver fatto doppio clic sulla miniatura del livello, l'oggetto intelligente verrà aperto in un nuovo file temp .psb (vedi screenshot). Modificherai il contenuto dello Smart Object in questo file temporaneo. Il metodo più semplice è copiare e incollare il nuovo contenuto nel file temporaneo o trascinare / rilasciare il contenuto in Photoshop dal desktop o dalla cartella. Dopo aver salvato il file temporaneo e tornare al modello, vedrai lo Smart Object aggiornato.

Le dimensioni del file temporaneo saranno le stesse della dimensione dell'oggetto intelligente nel modello. Se il contenuto sostitutivo non ha le stesse dimensioni, è possibile ridimensionare e modificare la posizione del contenuto all'interno del livello Smart Object.

È possibile scegliere di sostituire l'immagine del segnaposto di Smart Object con un riempimento a colori. Dal menu in alto, fai clic su Modifica - Riempi e impostare il contenuto su Colore nella finestra Riempi (vedi screenshot). Quando si apre il Selettore colore, scegli un colore.

Alcuni oggetti intelligenti vengono collegati insieme e quando si sostituisce il segnaposto con il proprio contenuto per un oggetto intelligente, tutti gli altri oggetti intelligenti collegati verranno aggiornati. Ovviamente, devi solo modificare uno degli oggetti intelligenti collegati. Per evitare confusione, ho impostato il nome del livello su [Non modificare] per tutti tranne uno degli oggetti intelligenti collegati.

Livelli di testo

I livelli di testo contengono oggetti di testo. Ovviamente, vorrai cambiare il testo del segnaposto con le tue informazioni. Riconoscerai questi livelli dall'icona T a sinistra del nome del livello (vedi screenshot).

Di solito il nome del layer indica il tipo di informazioni necessarie, come ad esempio [nome dell'azienda qui]. Fare doppio clic sull'icona T per selezionare la casella di testo nel documento. Fare clic nella casella di testo per modificare le parole nel documento. Puoi anche modificare il carattere, lo stile del carattere, la dimensione del carattere e molte altre opzioni nella finestra Carattere (vedi screenshot).

Esportare

Se il modello non è animato, in genere lo esporterai come .gif, .png o .jpg, a seconda dello scopo del modello. Se il modello è animato, dovrai esportare come video .mp4 o .gif animato per il web.

Esporta video

Per esportare o renderizzare il modello come video .mp4, fare clic su File - Esporta - Rendering video (vedi screenshot). Nella finestra Rendering video (vedi screenshot), dai un nome al tuo file e scegli una posizione di salvataggio. Impostare il formato su H.264, che renderà automaticamente il video nel formato .mp4. Impostare l'intervallo su Tutti i frame e clicca rendere. Una volta eseguito il rendering del modello, è possibile visualizzare il video in QuickTime.

Salva come GIF animata

Per salvare il modello come GIF animato, fare clic su File - Esporta - Salva per Web (vedi screenshot). Nella finestra Salva per Web (vedi screenshot), imposta il tipo di file su GIF e Opzioni di looping a Per sempre. Mantieni le altre impostazioni predefinite e fai clic Salva. Per visualizzare la gif, aprila in un browser web.

Lavorare con l'animazione

Per la maggior parte dei modelli animati, alcuni degli elementi di design, come le foto, che devono essere modificati saranno visibili solo per parti dell'intera animazione. Per vedere questi oggetti che desideri modificare, basta spostare la testina di riproduzione lungo la linea temporale fino a quando gli oggetti sono visibili.

La maggior parte degli oggetti animati sono progettati per spostarsi all'interno di un'area specifica della scena. Se sposti o ridimensioni questi oggetti, l'animazione potrebbe essere interrotta. Quindi, apporta modifiche agli oggetti animati solo se hai familiarità con l'animazione di Photoshop.

Quando si sostituiscono i contenuti segnaposto con i propri contenuti per uno Smart Object animato, è necessario eseguire un ulteriore passaggio. Se la linea temporale non è aperta, fare clic su Finestra - Linea temporale. Per impostazione predefinita, il nuovo contenuto terminerà a 5 secondi nella linea temporale. Ne abbiamo bisogno per estendersi fino alla fine dell'animazione. Quindi, trascina il bordo destro della traccia per espanderlo sull'intera linea temporale (vedi screenshot).

Vantaggi di un abbonamento gratuito a Creative Cloud
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Benvenuto in Adobe Fonts
//fonts.adobe.com/about

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: TUTORIAL COME MODIFICARE UN TEMPLATE (Photoshop) (Potrebbe 2024).