Making Sense of the Warp Tool - It's All About the Lines

Ogni tanto arriva un progetto che mi sfida a usare uno degli strumenti di Photoshop più che mai. Questa immagine particolare faceva parte di una serie di annunci con cui stavo lavorando con il fotografo Richard Radstone per una linea di abbigliamento con sede in Colombia, in Sud America.

Ciascuna pubblicità presentava una rappresentazione surreale di una regione diversa della Colombia ed è stata creata componendo varie immagini e foto di Richard scattate per il lavoro. La sfida con questa era quella di avvolgere una fisarmonica intorno alla palma come un serpente gigante.

introduzione

Quando abbiamo iniziato a lavorare sull'immagine, ci siamo rapidamente resi conto che le fisarmoniche semplicemente non facevano ciò che volevamo e quindi abbiamo dovuto girarlo pezzo per pezzo e poi deformare, metamorfare e modificare ogni pezzo in posizione per creare l'illusione. Questo è stato abbastanza impegnativo, ma dopo aver raggiunto questo risultato, il cliente ha detto "Oh, ti abbiamo detto che deve essere rosso? E ci deve essere un motivo a diamante sul lato?" Oh ragazzo!

È stato durante l'aggiunta del pattern a rombo che lo strumento Warp ha davvero iniziato ad avere un senso per me e quindi ci porta nel tutorial. Quello che faremo è prendere l'immagine dalla parte in cui abbiamo le sezioni della fisarmonica in atto con la colorazione rossa applicata ai lati. Quindi procederemo passo dopo passo aggiungendo il motivo a rombi sul lato della fascia superiore. Alla fine dovresti avere una buona conoscenza di come funziona lo Strumento Warp e sarà a Maestro della deformazione anche.

Anteprima dell'immagine finale

Dai un'occhiata all'immagine che creeremo. 

Passo 1

Per iniziare, apri il file "Tree-Accordion_Part1.psd situato nei file" source "per i membri di Psd Plus. Come puoi vedere, questa immagine ha già alcuni livelli già installati, come lo sfondo, la palma e i cinque anelli di fisarmonica con la sezione superiore che richiede l'aggiunta del motivo a rombi.

I gruppi di livelli usati qui aiutano a mantenere tutti gli strati organizzati e facili da trovare. Alcune immagini composite molto complesse possono avere oltre un centinaio di livelli, quindi è importante mantenerli organizzati. Un vantaggio collaterale nell'utilizzare i gruppi di livelli è che se usiamo il metodo di fusione normale, qualsiasi livello di regolazione che creiamo all'interno di quel gruppo di strati influirà solo sui livelli all'interno del gruppo di livelli, qualcosa che useremo come ultimo passaggio per regolare il livello. illuminazione dell'albero e della fisarmonica in modo che si adatti meglio allo sfondo.

Passo 2

Aprire il file "Diamond_Pattern.psd", situato nei file "source" per i membri di Psd Plus. Copia il layer denominato "Diamond Pattern" nel primo file che abbiamo aperto.

Passaggio 3

Posiziona questo livello nella parte superiore dei livelli nella tavolozza dei livelli. Quindi crea un'altra copia del livello facendo clic sulla sua miniatura nella palette dei livelli e trascinandola verso il basso fino all'icona nella parte inferiore della tavolozza che assomiglia a una pagina con il suo angolo piegato, come mostrato di seguito. Questo farà una copia del Layer che sarà chiamato "copia DiamondPattern".

Passaggio 4

Ora trascina questo livello nella tavolozza dei livelli fino alla posizione che si trova appena sopra il livello denominato "Fine fisarmonica". Siamo quasi pronti per iniziare a deformare il modello sulla sezione della fisarmonica in cima all'albero. Per assicurarti di avere il livello giusto scelto, fai clic sull'icona a forma di bulbo oculare per il livello "Fine fisarmonica". Dovresti vedere il pezzo per fisarmonica nella parte superiore dell'albero e accenderlo e spegnerlo.

Usa lo strumento Sposta per posizionare approssimativamente il livello denominato "Copia modello diamante" sopra il pezzo di fisarmonica nella parte superiore dell'albero.

Dato che non dovremmo aver bisogno di tutti e otto i diamanti per il lato di questa sezione, semplifichiamo un po 'le cose cancellando quattro dei diamanti dalla copia del Layer che abbiamo appena creato. Fai questo selezionando lo strumento Marquee (M), quindi fai clic e trascina sopra i primi quattro diamanti e premi il tasto Canc per eliminare gli extra.

Passaggio 5

Ora inizia il divertimento. Assicurati di avere il livello "Copia modello diamante" selezionato nella palette dei livelli, quindi visualizza lo strumento Warp andando al menu di Photoshop e scegliendo Modifica> Trasforma> Deforma. Questo dovrebbe darti qualcosa che assomigli all'immagine qui sotto.

La griglia di linee e punti che vedi imposti sul rombo sono le linee di controllo e le maniglie per questo strumento. Queste linee e maniglie sono ciò che useremo per manipolare i diamanti sulla fisarmonica. Ad ogni angolo vi è un punto di controllo e una maniglia di controllo che è in qualche modo simile alle maniglie di controllo utilizzate dallo Strumento tracciato.

Quindi ognuna delle altre linee e punti rappresenta i luoghi in cui possiamo afferrare l'immagine per spingerla o tirarla in posizione. Piuttosto facile, eh?

Prima di saltare, però, ci sono alcune cose da tenere a mente. La griglia formata da queste linee e punti determina il modo in cui il livello con cui stiamo lavorando sarà deformato. In molti modi, lo strumento Warp è tutto sulle linee qui. Se vogliamo che il modello appaia corretto, dovremo prestare molta attenzione a come vengono posizionate queste linee e punti.

Quindi, nel caso di deformare il nostro motivo a rombi, questo significa assicurarsi che le linee alle estremità della griglia rimangano abbastanza dritte e che le linee all'interno seguano il aereo della fisarmonica, pur rimanendo abbastanza dritti tra loro.

Passaggio 6

La prima cosa che dobbiamo fare è avvicinare i diamanti alla giusta posizione sulla fisarmonica. In questo caso, è molto utile sapere che possiamo passare facilmente dallo strumento Warp allo strumento di trasformazione libera al volo semplicemente tenendo premuto il tasto di controllo (sul Mac) e facendo clic in qualsiasi punto dell'immagine. Questo fa apparire un sottomenu che mostra le varie opzioni per lo strumento Trasforma. La semplice scelta di Trasformazione libera qui ci consente di trascinare i diamanti approssimativamente al loro posto senza preoccuparci di eventuali deformazioni indesiderate lungo la strada.

Una volta trascinato il pattern e dato un po 'di rotazione in modo che il bordo sinistro segua approssimativamente il bordo sinistro del soffietto della fisarmonica, dovremmo avere qualcosa che assomigli all'immagine qui sotto.

Passaggio 7

Ancora una volta Control-clic per visualizzare il sottomenu e scegliere Warp. Questo dovrebbe darti il ​​risultato mostrato di seguito.

Facendo ciò senza applicare alcuno dei passaggi, manteniamo il posizionamento della griglia di controllo allineato con il nostro motivo a diamante in modo tale da renderlo più facile da lavorare. Nota che le linee seguono il nostro schema e ora tutto ciò che dobbiamo fare è fare in modo che le linee seguano la superficie della fisarmonica su cui le stiamo posizionando. Se avessimo applicato uno dei passaggi di trasformazione prima di questo, le linee sarebbero allineate direttamente ai bordi dell'immagine, non al livello con cui lavoriamo.

Passaggio 8

Partendo dagli angoli per il lato sinistro, posizionare il punto di controllo di ciascun angolo lungo il bordo sinistro del soffietto della fisarmonica. Presta attenzione alle maniglie che escono da ogni angolo. Queste maniglie influenzano due cose: la piegare della linea e il posizionamento delle due linee tra i bordi esterni. Volete essere sicuri che il bordo sinistro sia dritto, non piegato e che le due linee tra gli angoli siano posizionate in modo uniforme.

Passaggio 9

Ora vai sul margine destro del Diamond Pattern e fai la stessa cosa lì. Prestare nuovamente attenzione alle maniglie e al posizionamento delle linee intermedie. Basta trascinare i punti agli angoli della fisarmonica per darti una cosa del genere (devi indovinare un po 'su dove si trova l'angolo più lontano della fisarmonica).

Passaggio 10

Guarda come si presentano le Maniglie all'angolo del Modello di Diamante e fai sembrare il disegno piegato e distorto? Trascinandoli ognuno in modo che punti direttamente nell'altro angolo lo raddrizzerà.

Nota che non abbiamo ancora lavorato sui lati lunghi, questa parte riguarda solo il posizionamento corretto degli angoli.

Passaggio 11

Ora lavoreremo su quei lati lunghi. Prima prendi la linea superiore da qualche parte nel mezzo e trascinala verso l'alto in modo che segua approssimativamente la curva superiore del lato della fisarmonica, come mostrato.

Passaggio 12

Ripeti questo per la linea superiore che corre lungo il modello centrale e tirala approssimativamente in posizione sulla fisarmonica. Tieni presente che questa linea dovrebbe seguire lungo la curva della linea superiore. Poiché controlla il posizionamento della parte medio-alta del nostro modello, la sua relazione con la linea superiore è molto importante per mantenere il nostro modello corretto.

Passaggio 13

Ora prendi la linea medio-bassa e spostala al suo posto. Ricorda di nuovo la sua relazione con le altre linee che controllano l'ordito. Mentre modifichi questa linea potresti aver bisogno di spostare anche la linea che abbiamo appena spostato, come mostrato.

Passaggio 14

La prossima linea che sposteremo è la linea lungo il fondo. Questo dovrebbe seguire la linea di fondo della fisarmonica. Mentre lo fai dovrai spostare anche le altre linee per mantenere tutto in ordine dritto. Con un po 'di tweaking e spintoni dovresti vedere qualcosa di simile.

Nota: voglio prendere un momento qui per ricordarti che il segreto per ottenere questo lavoro è giusto per prestare attenzione alle linee
per lo strumento curvatura. Se tutte le linee di controllo orizzontali più lunghe seguono la stessa curva e mantengono la giusta relazione l'una con l'altra, anche le linee di controllo verticali più corte restano diritte e praticamente parallele l'una all'altra, quindi il rombo dovrebbe apparire corretto.

Passaggio 15

Se necessario, sposta la posizione delle linee e dei diamanti per far posizionare i diamanti proprio sulla fisarmonica. Spostando le linee corte più vicine le une alle altre farai sembrare i diamanti più schiacciati e spostarli più distanti li allungherà maggiormente. Vuoi far sembrare che i diamanti abbiano le stesse dimensioni tenendo presente la prospettiva mutevole della fisarmonica mentre avvolge l'albero.

Ecco un esempio di come appare quando i diamanti non sono posizionati correttamente.

Quando sei soddisfatto del posizionamento del modello, premi Invio per applicare la trasformazione. Poiché abbiamo appena terminato una mossa complessa con lo Strumento di trasformazione, è probabilmente una buona idea salvare il file in questo momento. Mi piace salvare le versioni mentre procedo, così posso tornare indietro se necessario. Per fare ciò, usa il comando Salva con nome Photoshop e cambia il nome in qualcosa come: "Tree-Accordion Part2."

Passaggio 16

Ora che abbiamo i diamanti posizionati sulla fisarmonica, dovremo far sfilare parte della fisarmonica in modo che sembri che faccia parte della fisarmonica e non ci sieda solo sopra. Per fare ciò aggiungeremo una maschera di livello al livello che abbiamo appena deformato. Successivamente, usa lo strumento Pennello per dipingere con cura il nero nella Maschera di livello in cui vogliamo far vedere la fisarmonica.

Aggiungi la maschera di livello facendo clic sul pulsante Aggiungi maschera di livello nella parte inferiore della palette dei livelli, come mostrato di seguito.

Passaggio 17

Vogliamo mostrare le costole scure sul lato della fisarmonica in modo da colorare il nero nella maschera di livello lungo quelle aree. Un trucco che può rendere più facile vedere dove è necessario applicare la vernice nera è di abbassare l'opacità del motivo a rombi del 70%, quel tanto che basta per farti vedere attraverso i diamanti.

Poiché le costole sono linee rette, possiamo fare in modo che Photoshop faccia la maggior parte del lavoro di dipingere le linee per noi. Per fare ciò, prima scegli un Pennello largo circa 5 pixel, questo dovrebbe corrispondere abbastanza strettamente alla larghezza delle costole. Quindi, con la palette dei pennelli aperta, accertarsi che il pulsante di Other Dynamics sia disattivato. Questo disattiva la sensibilità alla pressione per il pennello.

Ora tutto ciò che dobbiamo fare è cliccare su un'estremità di una costola, quindi mentre si tiene premuto il tasto Maiusc cliccare sull'altra estremità della costola. Photoshop traccia automaticamente una linea retta dal primo clic a quello successivo. Assicurati di lasciare la chiave Shift tra le costole e spostarti lungo il lato della fisarmonica. Se necessario, modifica le dimensioni del Pennello mentre lavori, assicurati di tenere disattivato Other Dynamics.

Dopo aver terminato le costole, potrebbe essere necessario dipingere le aree in cui i diamanti si estendono oltre il lato della fisarmonica. Quando hai finito di dipingere, imposta l'opacità del livello al 100% e dovrebbe apparire come l'immagine seguente.

Passaggio 18

Siamo quasi arrivati ​​ora. Per la fisarmonica questo sembra abbastanza buono, ma potremmo aggiungere un po 'di senso illuminazione ai diamanti per far sembrare davvero che sia nell'ambiente.

Per fare ciò, aggiungi un livello di regolazione della curva e poi Clip quel livello al livello "Copia modello diamante" su cui abbiamo appena lavorato. A Clip questo livello di regolazione su Diamond Pattern, assicurati prima di aver selezionato la "copia di rombo di diamante" nella palette dei livelli, quindi vai al menu di Photoshop e scegli Livello> Nuovo livello di regolazione> Curve. Inoltre, assicurati che l'opzione Usa livello precedente per creare maschera di ritaglio sia selezionata.

Passaggio 19

Poiché il motivo a rombi è bianco, possiamo scurirlo un po 'aprendo la finestra Curve, facendo clic sul punto bianco nella finestra curva e quindi tirandolo verso il basso un po' come mostrato.

Passaggio 20

Ora scegli un pennello grande e morbido - qualcosa di circa 120 pixel. Imposta il colore di primo piano sul nero e crea un tratto diagonale nella maschera di livello per il livello di curve appena creato. Questo nasconderà l'effetto della Curva rendendo le estremità del disegno più scure rispetto alla metà creando l'illusione che stia catturando la luce nella scena. Dovrebbe apparire come l'immagine qui sotto.

Passaggio 21

Zoomando per guardare l'intera immagine dovremmo ora vedere tutte le bande della fisarmonica avere applicato il motivo a rombi.

Tutto ciò che deve essere fatto ora per finire la nostra immagine è di oscurare selettivamente l'albero e la fisarmonica in modo che sembri qualcosa di simile al tramonto. Per fare ciò aggiungiamo un altro Livello di regolazione delle curve all'inizio del gruppo di livelli denominato "Accord-Wrapping".

Ancora una volta puoi farlo andando al menu di Photoshop e scegliendo Livello> Nuovo livello di regolazione> Curve. Poiché il metodo di fusione per il gruppo di livelli era impostato su Normale, non è necessario preoccuparsi del livello di regolazione che influisce sul resto dell'immagine.

Con il dialogo Curve aperto, prendi un punto sulla Curva e trascinalo verso il basso come mostrato.

Passaggio 22

Non preoccuparti che l'intero albero e la fisarmonica sembrino troppo scuri. Proprio come abbiamo fatto con il livello di regolazione che ha oscurato il pattern che abbiamo appena collocato sulla fisarmonica, spazzoleremo selettivamente questo oscuramento per tenerlo per lo più fuori dalla fisarmonica. Ciò contribuirà anche a dare all'immagine un po 'più di illuminazione, che è fondamentale per far sembrare tutto giusto.

Ecco uno scatto che mostra la Maschera di livello e l'immagine allo stesso tempo in modo da poter vedere come appare la Maschera che ho dipinto. Il verde mostra le aree in cui ho dipinto il nero nella maschera di livello per nascondere l'effetto del livello di regolazione. Questo è un ottimo momento per sperimentare con il tuo senso dell'illuminazione, quindi vai avanti e dipingi!

Conclusione

Quando hai finito dovresti avere qualcosa di molto simile all'immagine finale mostrata sotto.

Quindi con questo esercizio abbiamo lavorato con lo strumento di trasformazione libera di Photoshop per ruotare i diamanti in posizione, passati allo strumento Warp e li abbiamo utilizzati per distorcere i diamanti in modo che si adattino perfettamente, (ricorda che è tutto sulle linee), e poi Abbiamo usato un paio di livelli di regolazione delle curve su
aggiungi un senso di illuminazione ai nostri elementi portandoli tutti insieme nel
scena. Guardando la posizione del sole, direi che non è una brutta giornata di lavoro.