Share
In questo tutorial useremo Photoshop CS per creare una nuova brillante catena. Copriremo la creazione di forme usando una tecnica a eliminazione diretta con i livelli di forma per applicare dei contorni piuttosto sofisticati con gli stili di livello. Questo tutorial ti aiuterà a ripensare a come funzionano gli stili dei livelli Photoshops e alla fine non avrai solo una dannata catena sexy, ma hai imparato alcune nuove tecniche pensando fuori dagli schemi su come supponiamo che le cose dovrebbero funzionare. È ora di arrivarci!
C'è una seconda parte di questo tutorial su Fuel Your Creativity in cui prenderemo questa catena lucida completata e la fare sembrare vecchia, arrugginita e angosciata. Inoltre, potresti vincere un abbonamento Premium a Psdtuts + !! Quindi quando hai finito qui, vai su fuelyourcreativity.com per un tutorial bonus e la tua possibilità di vincere un abbonamento Premium di 6 mesi a Psd Plus!
Dai un'occhiata all'immagine che creeremo.
Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.
Per prima cosa creiamo un nuovo documento premendo Comando + N e diamo una larghezza di 750 pixel e un'altezza di 1500 pixel a 300 dpi.
Ora, prima di creare le nostre forme a catena, dobbiamo impostare le nostre guide. Premi Comando + R per mostrare i righelli, quindi trascina una verticale e una guida orizzontale per scattare al centro del documento. Trascina un'altra guida verso il basso di 140 pixel dalla parte superiore e una da 50 pixel dalla sinistra.
SUGGERIMENTO: Tenendo premuto Shift mentre si trascina, si impone alla guida di scattare ogni 10 pixel e tenendo premuto Alt mentre si trascina si passa da una guida orizzontale a una guida verticale. Quindi, se vuoi trascinare una guida esattamente a 100 pixel da sinistra, tieni premuto Shift + Alt mentre trascini per ottenere una guida verticale che scatta ogni 10 pixel.
Con le nostre guide in atto vogliamo creare la forma di base per la nostra catena. Prendi il tuo strumento Rettangolo arrotondato e modifica il raggio a 750 px. Posiziona il cursore sull'intersezione delle due guide centrali e inizia a trascinare. Durante il trascinamento, tenere premuto Alt per scalare dal centro fino a quando non scatta in dentro con le guide superiore e laterale come illustrato di seguito. Chiameremo questo livello, "link di base". Nota: è importante iniziare a trascinare prima di tenere premuto Alt. Spiegherò di più nel prossimo passo.
Ora dobbiamo tramortire il centro della forma precedente ripetendo l'ultimo passaggio con alcune piccole differenze. Seleziona lo strumento Rettangolo arrotondato e modifica il raggio a 325 px. Con il livello di forma "link di base" selezionato ancora una volta inizieremo con il cursore al centro più intersezione delle nostre guide. Come ho detto nel passaggio 3, era importante non premere Alt fino a quando non eri in mid-drag. Questa volta vogliamo tenere premuto Alt prima di iniziare a trascinare.
Noterai che il tuo cursore ora ha un simbolo meno accanto ad esso. Questo ci dice che stiamo per sottrarre questa forma dal livello "link di base". Quindi andiamo avanti e creare la nostra forma interiore ora. Partendo dal centro, le guide tengono premuto Alt e quindi iniziano a trascinare la forma finché non si ottiene una forma di collegamento a catena come nell'immagine sottostante.
Diamoci questo cucciolo! Con il livello "link di base" evidenziato, aggiungi uno stile di smusso e rilievo con le seguenti impostazioni, ma mantieni la finestra di dialogo aperta.
Ora faremo doppio clic sul contorno lucido. Vogliamo modellare questo contorno per assomigliare ad uno tsunami, quindi usando l'immagine sotto come nostra guida, creiamo la prima metà dell'onda. Non preoccuparti se non è esattamente come l'immagine qui sotto, ma cerca di avvicinarla. Ora, prima di modellare la seconda metà, con la punta dell'onda selezionata, si desidera controllare la casella Angolo come visto di seguito solo per questo punto. Per impostazione predefinita, tutti i nuovi punti sono disattivati, quindi dovresti solo controllarlo una volta per la punta dell'onda.
Per la seconda metà dell'onda vogliamo una discesa ripida e una curva marcata verso il basso come si vede nell'immagine qui sotto. Ehi guarda ... È Keanu?
Ora, proprio sotto il filtro Bevel and Emboss c'è una checkbox annidata chiamata Contour. Consente di selezionare questa casella, quindi fare doppio clic sul contorno e modellare la nostra per assomigliare all'immagine seguente. È una specie di curva a S con il punto iniziale uno spazio di griglia in alto.
Successivamente, scivoliamo in un po 'di raso. Cambia le impostazioni per abbinare l'immagine qui sotto.
Come puoi probabilmente vedere già il nostro link sta iniziando a sembrare una catena. Ma aspetta, c'è di più! Successivamente, aggiungeremo una sovrapposizione sfumatura.
Modificare le impostazioni della finestra di dialogo principale in modo che corrispondano all'immagine sottostante, quindi fare doppio clic sul gradiente per personalizzare i colori e i passaggi del gradiente. Ancora una volta non dobbiamo essere perfetti con i colori o le fasi del gradiente, ma abbiamo aggiunto i colori esatti qui sotto per essere più precisi.
Ewww, cosa è successo alla nostra catena? È tutto slavato e icky, abbiamo fatto qualcosa di sbagliato? Non aver paura! Perché manterremo la finestra Stili di livello aperta un po 'più a lungo e aggiungeremo i tocchi finali per ottenere la nostra bontà cromata. Oh, e sì ... anche le osservazioni sarcastiche continueranno, quindi passaci sopra.
Successivamente, aggiungeremo una bagliore interno alla nostra ricetta di stili di livello. Inner Glow è un po 'fuorviante in questo caso.
Di default, l'opzione Bagliore interno è impostato su un colore giallastro con una modalità di fusione. Questo va bene se in realtà vogliamo un bagliore interiore, ma quello che stiamo cercando è il contrario?
Non c'è nessun filtro dell'ombra del bordo. Ma usando Inner Glow e pensando al contrario possiamo aggiungere un effetto alla nostra forma che dà al bordo della nostra forma l'illusione della rotondità. Impostando il metodo di fusione su Moltiplica e utilizzando un colore più scuro invece di un colore più chiaro otteniamo questo effetto.
SUGGERIMENTO: puoi usare questo trucco Inner Glow inverso su tutto ciò che vuoi assomigliare ai bordi.
Oh mi dispiace. Ho detto che avevamo finito con l'Inner Glow? Ricorda il nostro amico il Tsunami Contour da Bevel and Emboss "? Beh, lo stiamo riportando per Inner Glow. Qui è dove inizierai veramente a vedere le tue parti sbiadite tornare in vita.
Usando le impostazioni di seguito e regolando il contorno con la nostra ondata dai punti 6 e 7. Ora possiamo mettere Inner Glow a letto e passare al prossimo stile di livello.
Successivamente, vogliamo aggiungere un'ombra interna usando le impostazioni seguenti. L'ombra & Inner distorce la colorazione quanto basta per rendere la catena non così simmetrica. Quando tentiamo di creare elementi pseudo-realistici è meglio provare a distorcere la perfezione un pochino per dargli un aspetto più realistico.
Ora applicheremo un altro Contour, ma questa volta è un preset. Apri il menu Contour e seleziona "Ring - Double" come mostrato di seguito.
Ok gente, un ultimo effetto Layer Style da aggiungere ed è Stroke. Cambia le tue impostazioni per abbinare l'immagine qui sotto e viola - abbiamo una catena! Ma abbiamo un ultimo tocco da aggiungere al "link di base", quindi passiamo al passaggio successivo.
Iniziamo aggiungendo un nuovo livello facendo clic su Comando + Maiusc + N e denominando questo livello, "Hilight".
Successivamente, con il livello "Hilight" selezionato Comando-fai clic sul livello del link di base per ottenere la nostra selezione.
Ora vogliamo ridurre questa selezione. Lo faremo andando al menu principale e fare clic su Seleziona> Modifica> Contratto, quindi contrarre la selezione di 60 pixel.
Successivamente, vogliamo sfumare questa selezione di 5 pixel. Tornate in cima e selezionate> Modifica> Sfuma di 5 pixel.
Mentre sei ancora sul livello "Evidenzia", clicchiamo su "D" per assicurarci che i nostri colori di primo piano e di sfondo siano predefiniti. Ora premi Command + Delete / Backspace per riempire la nostra selezione sfumata con il bianco. Potresti quasi raggiungere lo schermo e afferrarlo!
Ora dobbiamo creare i collegamenti in alto e in basso, che dovrebbero essere molto più veloci dato che abbiamo già fatto tutto il lavoro di base in "Stili di livello" per rendere la nostra finitura cromata. Quindi impostiamo alcune nuove guide e creeremo il resto dei nostri link.
Sappiamo che la nostra catena dalla vista laterale non è più spessa di un lato della nostra catena dalla parte anteriore, quindi trasciniamo una guida nella parte interna sinistra del nostro "collegamento di base" e una in basso nella parte esterna-inferiore della "base" link, "come visto di seguito.
Usando queste guide vogliamo creare i collegamenti laterali della nostra catena. Afferra lo strumento Rettangolo arrotondato, imposta il raggio a 325 pixel e, utilizzando le nostre nuove guide, trascina la forma in posizione finché non si aggancia alle nostre guide. Dovresti ritrovarti con un nuovo livello di forma simile all'immagine qui sotto. Denominare questo livello "top link".
Ora vogliamo copiare lo stile di livello che abbiamo applicato al "link di base" e incollarlo sul link di visualizzazione laterale appena creato. Fai clic con il pulsante destro del mouse sul livello "link di base" e seleziona Copia stile livello. Quindi seleziona il livello "top link" e fai clic con il pulsante destro del mouse, quindi tocca Incolla stile.
L'immagine qui sotto mostra che abbiamo lo stesso effetto applicato al "top link" come facciamo con il "link di base". Ora vogliamo aggiungere l'evidenziazione al "top link" proprio come abbiamo fatto nei passaggi 17, 18 e 19 con il "link di base". Passiamo a quello.
Per prima cosa, crea un nuovo livello sopra il livello superiore del link premendo Comando + Maiusc + N.
Quindi con il nuovo livello ancora selezionato Comando-clic sul livello superiore del link per ottenere la nostra selezione. Ora se ti ricordi dobbiamo contrarre e sfumare questa selezione andando al menu in alto e scegliendo Seleziona> Modifica> Contratto e contratto di 60 pixel e quindi seleziona Seleziona> Modifica> Sfuma e vogliamo sfumare la selezione di 5 pixel.
Infine, riempiremo questa selezione con il bianco premendo Command + Delete / Backspace. Dai un nome a questo livello "top link hilight" e ora abbiamo il nostro link superiore con lo stesso stile di livello ed evidenziamo il nostro livello di base.
Ora mettiamo questi pezzi in posizione. Seleziona sia il livello "top link" che il livello "top link hilight" selezionandone uno e tenendo premuto Maiusc-clic sull'altro. Trascinalo al centro in alto come mostrato nell'immagine qui sotto.
Successivamente, vogliamo copiare questi due livelli. Lo facciamo facendo clic con il tasto Alt e trascinandoli verso il basso fino a quando non corrisponde all'immagine. Ora finalmente, rinomina queste copie in "link in basso" e "evidenzia in basso in basso".
Ora, forse sono solo io, ma non mi piace il modo in cui appare la parte superiore di quel link in basso. Quindi sistemiamolo. Aprire la finestra di dialogo Stili livello per il "collegamento in basso" facendo doppio clic sul livello. Quindi vai allo stile Bevel and Emboss e cambialo da Up to Down. Molto meglio.
Questo passaggio non è tanto un passo quanto una buona pratica. Dato che abbiamo diversi livelli che costituiscono le parti di collegamento separate, raggrupperemo gli strati. Selezioniamo il link di base e il suo livello "Hilight" e premiamo Command + G e denominiamo questo "Base link" di livello di gruppo. Fai questo stesso processo per il "link in alto" e il momento saliente e poi per il "link in basso" e il momento saliente. Tutto carino e organizzato.
Se abbiamo punti salienti dobbiamo avere ombre giuste? Destra! Quindi crea un nuovo livello sopra il livello del gruppo "link di base" come mostrato di seguito e chiamalo "ombre". Successivamente, se non è già aperto, apriamo il gruppo "link di base" e con il livello "ombre" ancora selezionato Command-lick sul livello di forma "link di base". Ancora una volta questo ci offre una selezione del nostro "link di base".
Ora, premi MAIUSC + M finché non avremo il nostro strumento di selezione ellittica. Vogliamo sottrarre una parte di questa selezione, quindi come prima, quando abbiamo fatto l'effetto knock out del nostro shape shape link, premiamo e manteniamo premuto Alt e ancora possiamo vedere che il segno meno è visibile, il che ci dice che siamo andando a sottrarre da questa selezione.
Ora trascina semplicemente il tuo riquadro su entrambi i lati della selezione originale per sottrarlo da entrambi i lati fino a ottenere una selezione simile all'immagine seguente. Come potete vedere qui sotto la nostra selezione non è perfetta, quindi se volete provarlo un paio di volte possiamo aspettare.
Sfuma la nostra selezione di 35 pixel. Quindi, se ricordi di prima, puoi andare al menu e selezionare Seleziona> Modifica> Sfuma. Oppure premi Shift + F6.
Per riempire la nostra selezione sfumata con il nero premi Alt + Canc / Backspace, quindi deseleziona premendo Comando + D e vai al passaggio successivo.
Sempre con il livello "ombre" selezionato, facciamo Command-click sul livello "link di base" per ottenere la nostra selezione. Quindi andiamo su Livello> Maschera di livello> Mostra tutto per creare il livello maschera. Ora riempire la maschera premendo Comando + Elimina / Backspace, quindi Comando + D per deselezionare.
Aspetta, qualcosa non va. Non dovrebbe essere l'ombra SOPRA la catena e non dietro di essa?
Oh sì, un semplice comando + I per invertire la maschera e lì ce l'hai. Rilascia l'ombra al 70% di Opacità premendo V per assicurarti che il nostro strumento di spostamento sia attivo e quindi 7 per ottenere la nostra opacità al 70%.
SUGGERIMENTO: finché lo strumento Sposta (V) è attivo, premendo i numeri da uno a zero si salta l'opacità di quel livello con incrementi di dieci. Quindi premendo 1 otterrai il 10% di Opacità e premendo 8 otterrai l'opacità dell'80%, mentre 0 lo riporterà al 100%. Successivamente, premendo 5 e 3 velocemente otterrai il 53% e così via e così via.
L'abbiamo fatta! Clicca qui per vedere la catena finita a grandezza naturale.
Spero ti sia divertito tanto quanto me! Abbiamo imparato molto e non solo come creare una catena, ma spero che alcune altre tecniche possano essere utilizzate nei progetti futuri che crei tu stesso.
Ricorda, dirigiti a Fuel Your Creativity per leggere il tutorial su come rendere questa catena vecchia e la tua possibilità di vincere un abbonamento Premium di 6 mesi a Psd Plus!
Accentsconagua