Le azioni possono essere utilizzate per automatizzare rapidamente le attività ripetitive. In questo tutorial, dimostreremo come creare un'azione che creerà automaticamente un box software 3D da un modello piatto.
Dai un'occhiata a questo breve video che mostra cosa farà questa azione.
Il nostro primo passo è creare un'azione per creare il modello di tela. Aprire il pannello azioni, fare clic sull'icona della cartella per creare un nuovo set. Chiamalo Psdtuts + box. Fai clic sulla nuova icona per creare una nuova azione e nominarla 1-Crea Canvas. Fai clic su Registra. Ricorda che non dovresti fare nulla che non sia necessario perché Photoshop lo ricorderà. Assicurati di seguire da vicino questo tutorial.
Il nostro primo passo è la creazione del nuovo file. Fai clic su File> Nuovo. Le dimensioni della scatola sono 19,3 x 5,8 x 24,2 cm. Per le dimensioni della tela, utilizzare 25,1 x 30 cm. Imposta la risoluzione a 300 dpi, questo consentirà la stampa del disegno finale.
Crea due guide orizzontali e verticali. Fai clic su Visualizza> Nuova guida con posizione: 5,8 cm. Vedrai che l'elenco delle azioni è aggiornato.
Aggiungi alcune informazioni sulla dimensione del modello. Non useremo lo spazio nell'angolo in alto a sinistra, quindi aggiungilo pure. Poiché questa azione è pensata per essere utilizzata da molte persone, non per il nostro uso personale, dobbiamo assicurarci che tutto ciò che facciamo qui possa essere fatto sul computer di altre persone. Lo stesso vale per l'aggiunta di testo. Usa caratteri disponibili in ogni sistema operativo (PC e Mac). In questo tutorial, ho usato Arial.
Semplifichiamo il modello e appiattiamo tutti i livelli. Fai clic su Livello> Appiattisci immagine.
Abbiamo finito la prima azione; creando il modello di box. Premere il pulsante Stop. Di seguito, puoi vedere l'elenco dei passaggi che abbiamo eseguito. Ti suggerisco di testare questa azione facendo clic sul pulsante Riproduci.
Abbiamo finito con la creazione del modello di box. Il nostro prossimo passo è la creazione di un'azione per il rendering automatico del modello in 3D. Questo richiede molti passaggi. Lo semplificeremo separandolo in 8 azioni più piccole. La nostra prima azione creerà la copertina anteriore. Fare clic sulla nuova icona di azione e denominarla 2.1-Front Cover. Fare clic sul pulsante di registrazione per avviare l'azione di registrazione.
In pratica, a questo punto il design della scatola è probabilmente in alcuni livelli. Quindi, il nostro primo passo è quello di appiattire tutti i livelli. Il problema ora è che abbiamo solo un layer e il comando Flatten Image non è disponibile. Per risolvere il problema, premere il pulsante Stop per interrompere il processo di registrazione, creare un nuovo livello, premere Registra per continuare la registrazione, fare clic su Livello> Appiattisci immagine. In questo modo, possiamo registrare il comando Appiattisci immagine e saltare la creazione di un nuovo livello. Il passaggio successivo consiste nel ripristinare il colore di primo piano e di sfondo su predefinito, in bianco e nero. Utilizzare la selezione rettangolare per selezionare la copertina anteriore. Premi Cmd / Ctrl + J per duplicare la selezione su un nuovo livello. Rinominare il livello in primo piano.
Premere il tasto Stop. Posiziona un'immagine di riferimento sulla tela. Spostalo dietro al livello anteriore. Attiva il fronte del livello. Premere il pulsante Registra per continuare il processo di registrazione.
Premi Cmd / Ctrl + T. Trasforma il livello davanti fino a quando non si adatta all'immagine di riferimento.
Fare doppio clic sul livello per aprire la finestra di dialogo Stile livello. Aggiungi sovrapposizione sfumatura. Premere Stop per interrompere il processo di registrazione.
Abbiamo finito di registrare le azioni per la copertina. Questa è la lista di passaggi che abbiamo fatto. Assicurati di testare la nostra azione eseguendo l'azione 1-Crea canvas e poi l'azione 2.1-Front Cover.
Per prima cosa, nascondi l'immagine di riferimento. Crea una nuova azione, chiamala 2.2-Side Cover. Registreremo la creazione della copertina laterale.
Attiva il livello di sfondo. Utilizzare lo strumento selezione rettangolare per selezionare la copertura laterale. Duplica la selezione su un nuovo livello (Cmd / Ctrl + J). Rinomina livello a lato.
Premi Stop, non vogliamo che questo passo venga registrato. Posiziona il lato del livello sopra l'immagine di riferimento.
Assicurati che il lato del livello sia attivo. Continua a registrare. Trasforma la copertina laterale in prospettiva.
Aggiungi Sovrapposizione sfumatura e Sovrapposizione colore. Questi stili di livello aggiungono alcune sfumature sulla copertina laterale.
Finiamo con questa parte. Premere il tasto Stop. Dai un'occhiata ai passaggi che abbiamo registrato. Metti alla prova i progressi eseguendo tutte le azioni che abbiamo creato.
Nascondi immagine di riferimento. Il nostro prossimo passo è creare un'azione per la copertina superiore. Fare clic sulla nuova icona e denominare questa copertura 2.3-Top. Fai clic sul pulsante Registra.
Attiva il livello di sfondo. Seleziona la copertina superiore, premi Cmd / Ctrl + J. Rinomina il livello in alto.
Premere il tasto Stop. Ora posiziona l'immagine di riferimento dietro al livello superiore. Assicurati di riattivare il livello superiore e premi il pulsante Registra per continuare la registrazione.
Premi Cmd / Ctrl + T e trasforma la copertina superiore.
Aggiungi sovrapposizione gradiente di stile del livello. Premere il tasto Stop.
Di seguito è riportato l'elenco dei passaggi registrati. Non dimenticare di testare i progressi.
Nascondi immagine di riferimento. Crea una nuova azione, chiamala 2.4-Shadow.
Attiva il livello di sfondo. Crea un nuovo livello. Rinomina il livello all'ombra principale. Premere il tasto Stop. Posiziona l'immagine di riferimento sotto l'ombreggiatura principale. Riattiva ombra principale del livello.
Premere Registra. Se questa è un'illustrazione normale, possiamo semplicemente disegnare l'ombra manualmente usando lo strumento pennello. Poiché le azioni non possono registrare il disegno manuale, dobbiamo utilizzare un altro metodo. Usa lo strumento Lazo poligonale per creare una selezione in forma d'ombra, proprio sotto la scatola. Fai clic su Modifica> Riempi, Usa: nero.
Deseleziona (Comando / Ctrl + D). Fai clic su Filtro> Sfocatura> Sfocatura gaussiana per ammorbidire l'ombra.
Imposta l'opacità del livello al 34%.
Premi Cmd / Ctrl + J per duplicare l'ombra principale del livello. Aggiungi un altro sfocatura gaussiana, questa volta usa un raggio molto grande. Questa sarà l'ombra gettata sul pavimento.
Abbiamo finito con questa azione. Premere Stop per interrompere la registrazione.
Crea una nuova azione, assegnagli il nome 2.5-Drop Shadow.
Seleziona il livello di sfondo. Crea un nuovo livello, rinomina per eliminare ombra. Premere il tasto Stop. Posiziona il livello sopra l'immagine di riferimento.
Premere il pulsante Registra. Dobbiamo creare un'altra ombra che vada dietro la scatola. Usa lo strumento Lazo poligonale per creare la selezione e riempirla con sfumatura da bianco nero a bianco. Cambia la modalità di fusione del livello in Moltiplica per nascondere i pixel più chiari.
Deseleziona (Comando / Ctrl + D). Aggiungi Gaussian Blur. Riduci l'opacità del livello al 58%.
Premi Stop e nascondi l'immagine di riferimento, non ne abbiamo più bisogno ora. Sotto, possiamo vedere che c'è troppa ombra sul retro. Di nuovo, se questa è solo un'altra illustrazione, possiamo semplicemente usare uno strumento gomma e cancellarlo. Poiché Photoshop non può registrare il disegno manuale, useremo un'altra tecnica, mascherando. Ciò richiederà più tempo, ma almeno Photoshop può registrarlo.
Premere il pulsante Registra. Aggiungi una maschera di livello quindi traccia una sfumatura lineare dal nero al bianco. Le ombre coperte di nero saranno nascoste.
Trascina l'icona della maschera di livello sull'icona del cestino per eliminarla. Seleziona Applica per eliminare i pixel nascosti. Se non sei ancora soddisfatto del risultato, puoi ripetere questo processo. Aggiungi di nuovo la maschera di livello, disegna la sfumatura e quindi elimina la maschera.
Abbiamo finito con questa azione. Premere Stop.
Aggiungeremo un bel riflesso sul pavimento. Crea nuovamente una nuova azione. In questa azione, semplicemente taglieremo ogni riflessione in livelli separati.
Attiva il livello di sfondo. Seleziona la copertura laterale. Taglia la selezione su un nuovo livello premendo Comando + Ctrl + Maiusc + J. Rinomina il livello nella riflessione laterale.
Attiva il livello di sfondo. Seleziona la copertina anteriore, tagliala su un nuovo livello (Cmd / Ctrl + Maiusc + J). Rinomina livello in riflessione frontale.
Abbiamo finito con l'azione. Premere Stop.
L'azione successiva sta creando una riflessione frontale. Crea nuova azione.
La nostra tela attuale è troppo piccola per essere riflessa. Abbiamo bisogno di aggiungere spazio extra. Fai clic su Modifica> Dimensioni della tela. Seleziona il rettangolo in alto dal momento che vogliamo aggiungere il canvas alla parte inferiore dell'immagine.
Ricorda che nella nostra ultima azione, viene selezionato il riflesso frontale del livello. Quindi, possiamo continuare direttamente alla trasformazione. Premi Cmd / Ctrl + T, fai clic con il pulsante destro e scegli Rifletti verticale. Tieni premuto Cmd / Ctrl e sposta ogni angolo. Vedi l'immagine qui sotto per riferimento.
Doppio clic sullo strato Imposta Opacità al 30% e aggiungi Sovrapposizione sfumatura.
Aggiungi maschera di livello. Disegna la sfumatura da bianco a nero fino a quando la riflessione frontale si attenua gradualmente.
Premere il tasto Stop. Finiamo con questa azione.
Crea nuova azione. Fai clic su Registra.
Ricorda che nella nostra ultima azione, il livello attivo è la selezione anteriore. Quindi, dobbiamo selezionare il riflesso laterale per attivarlo. Eseguire un processo di trasformazione simile.
Imposta l'opacità del livello al 30% e aggiungi Sovrapposizione sfumatura.
Aggiungi maschera di livello. Disegna il gradiente per sfumare gradualmente il riflesso.
Premere Stop. Rivediamo la nostra azione.
Crea nuove azioni. Questa sarà la nostra ultima azione.
Seleziona il livello di sfondo. Disegna un semplice gradiente radiale da nero a bianco.
Non vogliamo che l'utente venga distratto da sottili guide nell'area di lavoro. Fai clic su Visualizza> Cancella guide per rimuoverli.
Questo è corto.
Semplifichiamo l'azione. Crea un nuovo set. Alt-trascina azione 1-Crea Canvas per duplicarlo. Crea una nuova azione e chiamala 2-Render. Non registreremo alcun comando, quindi premi il pulsante Stop. Alt-trascinare la lista di comandi dall'azione 2.1. Trascinare la lista dei comandi dall'azione 2.2 e inserirla nell'elenco precedente. Continuate a farlo fino a quando ogni comando è in una gigantesca azione. Se esegui il test dell'azione eseguendo la prima azione e poi la seconda azione, otterrai l'immagine di seguito.
Abbiamo finito con l'azione. Ora, useremo questa azione per creare una semplice confezione di texture Psdtuts +. Con l'aiuto della nostra azione, il processo di progettazione è molto più semplice. Seleziona l'azione 1-Crea Canvas e premi il pulsante Riproduci per creare automaticamente il modello di copertina.
Riempiamo lo sfondo con una sfumatura semplice.
Nell'angolo in alto a sinistra della copertina anteriore, disegna una forma quadrata. Usa lo strumento penna e fai clic sul suo angolo in basso a destra per eliminarlo. Duplica la forma, premi Maiusc + Freccia sinistra e Maiusc + Freccia destra alcune volte per spostare la forma. Dalla barra delle opzioni, seleziona l'icona di sottrazione. Avremo una forma a nastro.
Cambia il suo colore in # ebbf25. Aggiungi sovrapposizione sfumatura.
Crea un nuovo livello, premi Cmd / Ctrl + Alt + G per convertirlo in maschera di ritaglio. Dipingi il bianco sulle aree indicate per aggiungere profondità.
Usa lo strumento matita, misura 2 px per disegnare una linea retta su una parte del nastro.
Crea un nuovo livello e posizionalo sotto il nastro. Disegna un'ombra. Crea un altro livello e disegna un'ombra più morbida e più grande.
Aggiungi del testo. Dagli un tocco di stile a livello.
Crea un nuovo livello e disegna un gradiente radiale da bianco a nero in alto a sinistra. Imposta la modalità di fusione su Sovrapponi.
Aggiungiamo un po 'di consistenza. Qui, sto usando una bella texture di Vandelay Premier. Imposta la modalità di fusione su Sovrapponi e riduci la sua opacità.
Uso il pennello acquerello premium da Psdtuts + per creare degli schizzi. Posiziona lo splatter sotto il nastro per ottenere un piacevole effetto 3D.
Aggiungi alcuni loghi a ciascuna copertina. Aggiungi del testo e dagli un tocco per tenerlo in piedi.
Seleziona azione 2-Render e premi il pulsante Riproduci. Attendi alcuni secondi o minuti, dipende dalla velocità del tuo computer.
È magico! Hai una scatola di prodotti 3D. Congratulazioni!
Questo è tutto. Spero che questo tutorial ti ispira a creare qualcosa di interessante usando automaticamente le azioni.