Crearea unui lanț strălucitor cu Photoshop

În acest tutorial vom folosi Photoshop CS pentru a crea un nou lanț strălucitor. Vom acoperi crearea de forme folosind tehnici de knock-out cu Shape Layers pentru aplicarea unor contururi destul de sofisticate cu Styles Layer. Acest tutorial vă va ajuta să regândiți modul în care funcționează Photoshop Layer Styles și, până la sfârșit, nu veți avea numai un lanț sexy, dar ați învățat câteva tehnici noi, gândindu-vă de modul în care presupunem că lucrurile ar trebui să funcționeze. E timpul să ajungem la ea!

Bonus Tutorial și Concurs!

Există oa doua parte a acestui tutorial de la "Fuel Your Creativity", unde vom lua acest lanț strălucitor și vom face să pară vechi, ruginite și distruse. În plus, ați putea câștiga o primă calitate la Psdtuts + !! Deci, când ați terminat aici, mergeți direct la fuelyourcreativity.com pentru un tutorial bonus și șansa dvs. de a câștiga un membru Premium de 6 luni la Psd Plus!

Imagine finală a imaginii

Uitați-vă la imaginea pe care o vom crea. 

Detalii tutoriale

  • Program: Photoshop CS 2, 3 & 4
  • Dificultate: Intermediar
  • Durata estimată de finalizare: 30-40 de minute

Tutorial video

Editorul nostru video Gavin Steele a creat acest tutorial video pentru a completa acest tutorial text + imagine.

Pasul 1

Mai întâi, să creăm un nou document apăsând comanda + N și lăsându-l o lățime de 750 de pixeli și o înălțime de 1500 de pixeli la 300dpi.

Pasul 2

Acum, înainte de a crea formele lanțului nostru, trebuie să ne înființăm ghizii. Apăsați Command + R pentru a vă arăta rigle, apoi glisați un ghidor vertical și un ghidaj orizontal pentru a prinde în centrul documentului. Trageți un alt ghid în jos cu 140 de pixeli din partea superioară și cu 50 de pixeli din stânga.

SFAT: Ținând Deplasare în timp ce trageți va forța ghidul să se fixeze la fiecare 10 pixeli și menținerea Alt în timpul tragerii va trece de la un ghid orizontal la un ghidaj vertical. Deci, dacă doriți să trageți un ghid exact la 100 de pixeli din stânga, ar trebui să țineți Shift + Alt în timp ce trageți pentru a obține un ghid vertical care se fixează la fiecare 10 pixeli.

Pasul 3

Cu ajutorul ghidurilor noastre dorim să creăm forma de bază pentru lanțul nostru. Luați-vă Instrumentul rotunjit dreptunghi și schimbați Radiusul la 750px. Plasați cursorul la intersecția celor două ghidaje centrale și începeți să trageți. În timp ce trageți, țineți apăsat Alt pentru a scala din centru până când se fixează cu ghidajele superioare și laterale așa cum este ilustrat mai jos. Vom numi acest strat, "link-ul de bază". Notă: este important să începeți să trageți înainte de a vă țineți apăsat pe Alt. Voi explica mai multe în pasul următor.

Pasul 4

Acum avem nevoie făcut praf centrul formei anterioare prin repetarea ultimului pas cu câteva diferențe minore. Selectați Instrumentul rotunjit dreptunghi și modificați raza acestuia la 325px. Cu stratul de formă de "legătură de bază" selectat din nou, vom începe cu cursorul nostru în cea mai mare intersecție a ghizilor noștri. După cum am menționat în pasul 3, a fost important să nu atingeți Alt până când ați fost în mijlocul tragerii. De data aceasta, dorim să țineți apăsată tasta Alt înainte de a începe să tragem.

Veți observa că cursorul dvs. are acum un simbol minus lângă el. Acest lucru ne spune că vom scădea această formă din stratul de "legătură de bază". Deci, să mergem mai departe și să ne creăm forma noastră interioară acum. Începând cu ghidajele centrale, țineți Alt și apoi începeți să trageți forma până când aveți o legătură de lanț asemănătoare imaginii de mai jos.

Pasul 5

Hai să cromăm acest catel! Cu stratul "legătura de bază" evidențiat, adăugați un stil de nivel Bevel și Emboss cu setările de mai jos, dar păstrați fereastra de dialog deschisă.

Pasul 6

Acum vom face dublu clic pe conturul Gloss. Vrem să transformăm acest contur într-un tsunami, folosind imaginea de mai jos ca ghid, să creăm prima jumătate a valului. Nu vă faceți griji dacă nu este exact ca imaginea de mai jos, dar încercați să o apropiați. Acum, înainte de a forma a doua jumătate, cu vârful valului selectat, doriți să verificați caseta de colț așa cum se vede mai jos numai pentru acest punct. În mod prestabilit, toate punctele noi au acest lucru dezactivat, astfel încât ar trebui să verificați o singură dată pentru vârful valului.

Pasul 7

Pentru cea de-a doua jumătate a valului dorim o picătură abruptă și o curbă ascuțită până jos, așa cum se vede în imaginea de mai jos. Uite ... Este Keanu?

Pasul 8

Acum, chiar sub filtrul Bevel și Emboss este o casetă de bord imbricată numită Contour. Permiteți verificarea căsuței, apoi faceți dublu clic pe Contur și formați-o pe cea a noastră pentru a arăta ca imaginea de mai jos. E un fel de curbă S cu punctul inițial, un spațiu de rețea de sus în sus.

Pasul 9

Apoi, intrăm în Satin. Modificați setările pentru a se potrivi imaginii de mai jos.

Pasul 10

Așa cum probabil veți vedea deja legătura noastră începe să arate ca un lanț. Dar așteptați, sunt mai multe! Apoi, vom adăuga o suprapunere Gradient.

Modificați setările principalei casete de dialog pentru a se potrivi imaginii de mai jos, apoi faceți dublu clic pe pantă pentru a personaliza culorile și pașii înclinării. Din nou, nu trebuie să fim perfecți cu culorile sau treptele gradientului, dar am adăugat culorile exacte de mai jos pentru a fi mai precis.

Pasul 11

Ewww, ce sa întâmplat cu lanțul nostru? E totul spălat și rău, am făcut ceva greșit? Nu te teme! Pentru că vom păstra fereastra Stiluri de straturi puțin mai lungă și vom adăuga finisajele pentru a obține bunătatea noastră cromată. Oh, și da ... observațiile corni vor continua, de asemenea, așa că treci peste asta deja.

Apoi, vom adăuga o strălucire interioară în rețeta noastră de stiluri de straturi. Inner Glow este puțin înșelătoare în acest caz.

Implicit, culoarea Inner Glow este setată la o culoare gălbuie cu un mod de amestecare a ecranului. Acest lucru este bine dacă dorim de fapt o strălucire interioară, dar ce căutăm pentru contrariul?

Nu există niciun filtru Edge Shadow. Dar prin folosirea Inner Glow și gândirea în sens invers putem adăuga un efect asupra formei noastre care dă marginea formei noastre iluzia rotunjimii. Setarea modului de amestecare la Multiplicare și folosirea unei culori mai întunecate în locul unei culori mai deschise ating acest efect.

SFAT: Puteți folosi acest truc Invers Glow invers asupra oricărui lucru pe care doriți să îl arați ca și cum ar fi rotunjit la margini.

Pasul 12

Oh, îmi pare rău. Am spus că am terminat cu Glow Inner? Amintiți-vă prietenul nostru Tsunami Contour de la Bevel și Emboss "? Ei bine, îl aducem înapoi pentru Inner Glow. Aici veți începe cu adevărat să vă vedeți părțile spălate care revin la viață.

Folosind setările de mai jos și ajustând conturul cu valul nostru din pașii 6 și 7. Acum putem pune Inner Glow în pat și trecem la următorul Strat de Strat.

Pasul 13

Apoi, dorim să adăugăm o Shadow Inner folosind setările de mai jos. & Shadow Inner distorsionează colorarea suficient pentru a face lanțul să nu pară atât de simetric. Atunci când încercăm să creăm elemente pseudo-realiste, este mai bine să încercăm și să distorsionăm perfecțiunea puțin pentru a da o imagine mai realistă.

Pasul 14

Acum vom aplica un alt Contour, dar de data asta este presetat. Deschideți meniul Contur și selectați "Ring - Double" așa cum se vede mai jos.

Pasul 15

Oameni buni, un ultim efect de stil de strat care trebuie adăugat și este un accident vascular cerebral. Modificați setările pentru a se potrivi imaginii de mai jos și viola - avem un lanț! Dar avem o ultimă bucată de fler pentru a adăuga la "link-ul de bază", deci permite să trecem la pasul următor.

Pasul 16

Să începem prin adăugarea unui nou strat făcând clic pe Command + Shift + N și denumind acest strat, "Hilight".

Pasul 17

Apoi, cu stratul "Hilight", selectați Comandă-clic pe stratul de legătură de bază pentru a obține selecția noastră.

Pasul 18

Acum vrem să micșorăm această selecție. Vom face acest lucru îndreptându-vă spre meniul de sus și faceți clic pe Selectați> Modificare> Contract, apoi contractați selecția cu 60 de pixeli.

Pasul 19

Apoi, dorim să pătrundem această selecție cu 5 pixeli. Trageți înapoi în sus și selectați> Modificați> Feather cu 5 pixeli.

Pasul 20

În timp ce încă mai rămânem în stratul "Evidențiere", vom apăsa "D" pentru a ne asigura că culorile din prim-plan și de fundal sunt la valorile implicite. Acum, apăsați Command + Delete / Backspace pentru a umple selecția cu pene cu alb. Ați putea ajunge aproape în ecranul dvs. și să-l prindeți!

Pasul 21

Acum trebuie să facem legăturile de sus și de jos, care ar trebui să fie mult mai rapide, deoarece am făcut deja toate lucrările de la sol în "Stiluri de strat" ​​pentru a face finisajul nostru cromat. Deci, să stabilim niște ghiduri noi și vom crea restul legăturilor noastre.

Știm că lanțul nostru din vedere lateral nu este mai gros decât o latură a lanțului nostru din față, așa că tragem un ghid spre interiorul-stânga al "legăturii de bază" și unul până la partea inferioară a "bazei" link ", după cum se vede mai jos.

Pasul 22

Folosind aceste ghidaje vrem să creăm legăturile laterale ale lanțului nostru. Prindeți Instrumentul rotunjit dreptunghiular, setați raza la 325 pixeli și folosiți noile ghidaje, trageți forma în loc până când se fixează în ghidajele noastre. Ar trebui să ajungeți la un nou strat de formă care arată ca imaginea de mai jos. Denumiți acest strat "link de sus".

Pasul 23

Acum, dorim să copiem stilul stratului pe care l-am aplicat la "link-ul de bază" și să îl lipim în link-ul de vizualizare laterală pe care tocmai l-am creat. Faceți clic dreapta pe stratul "link-ul de bază" și selectați Copiere stil strat. Apoi selectați stratul "top link" și faceți clic dreapta, apoi Paste Style Layer.

Pasul 24

Imaginea de mai jos arată că avem același efect aplicat "link-ului de top" ca și cel al "link-ului de bază". Acum, dorim să adăugăm accentul pe "link-ul de sus", așa cum am făcut în pașii 17, 18 și 19 cu "link-ul de bază". Să mergem la asta.

Pasul 25

Mai întâi, creați un strat nou deasupra stratului de legătură de sus prin apăsarea comenzii + Shift + N.

Apoi, cu noul layer care a fost încă selectat, apăsați Comandă pe stratul de legătură de sus pentru a obține selecția noastră. Acum, dacă vă amintiți că trebuie să contractăm și să păstrăm această selecție, mergeți la meniul de sus și alegeți Selectați> Modificare> Contract și contractați cu 60 de pixeli și apoi alegeți Selectați> Modificați> Feather și dorim să peneți selecția cu 5 pixeli.

În cele din urmă, vom completa această selecție cu alb prin apăsarea Command + Delete / Backspace. Denumiți acest strat "top link hilight" și acum avem legătura noastră de top cu același stil strat și subliniem ca stratul de bază.

Pasul 26

Acum să punem aceste piese în loc. Selectați atât stratul "top link", cât și stratul "top link humor", selectând unul și Shift-clic pe celălalt. Trageți-l spre centrul de sus, așa cum se vede în imaginea de mai jos.

Apoi, vrem să copiem aceste două straturi. Facem acest lucru prin clic pe Alt și trăgându-le în jos până când se potrivește cu imaginea. Acum, în cele din urmă, redenumiți aceste copii la "link-ul de jos" și "evidențiază link-ul de jos".

Pasul 27

Acum, poate că sunt doar eu, dar nu-mi place cum arată topul link-ului de jos. Deci, să o rezolvăm. Deschideți caseta de dialog Styles Layer pentru "link-ul de jos" făcând dublu clic pe strat. Apoi, mergeți la stilul Bevel și Emboss și schimbați-l de la Sus la Jos. Mult mai bine.

Pasul 28

Acest pas nu este cu adevărat un pas atât cât este o practică bună. Deoarece avem straturi diferite care alcătuiesc părțile separate de legătură, vom grupa straturile împreună. Să selectăm legătura de bază și stratul "Hilight" și să apăsăm pe Command + G și să denumim acest link de bază "Layer Group". Faceți același proces pentru "link-ul de sus" și evidențiați, apoi pentru "link-ul de jos" și evidențiați-l. Toate frumos și organizat.

Pasul 29

Dacă avem subliniază, trebuie să avem umbre potrivite? Dreapta! Așadar, creați un strat nou deasupra stratului de grup "link de bază" așa cum se vede mai jos și denumiți-l "umbre". Apoi, dacă nu este deja deschis, să deschidem grupul "link-ul de bază" și cu stratul "umbre" încă selectat Command-lick pe stratul de formă "link de bază". Încă o dată acest lucru ne oferă o selecție a "link-ului nostru de bază".

Pasul 30

Acum, apăsați Shift + M până când avem instrumentul nostru de eliptice Marquee. Vrem să scăpăm o parte din această selecție, așa cum am făcut înainte ca atunci când am făcut efectul knock-out al stratului de legături de bază, apăsați și țineți apăsat Alt și din nou putem vedea că semnul minus este vizibil, ceea ce ne spune că suntem va scădea din această selecție.

Acum, trageți pur și simplu marca dvs. pe fiecare parte a selecției noastre originale pentru al scădea de la o parte până la o selecție care arată ca imaginea de mai jos. Dupa cum puteti vedea mai jos, selectia noastra nu este perfecta, deci daca doriti sa o incercati de cateva ori putem astepta.

Pasul 31

Puneți selecția cu 35 de pixeli. Deci, dacă vă amintiți mai devreme, puteți merge la meniu și puteți accesa Selectare> Modificare> Feather. Sau doar să apăsați Shift + F6.

Pasul 32

Pentru a completa selecția cu pene, apăsați negru Alt + Delete / Backspace, apoi deselectați apăsând Command + D și treceți la pasul următor.

Pasul 33

Din nou, cu stratul "umbre" selectat, vom comanda pe "stratul de bază" pentru a obține selecția noastră. Apoi mergem la Layer> Layer Mask> Reveal All pentru a crea stratul de mască. Completați acum masca apăsând Command + Delete / Backspace, apoi Command + D pentru deselectare.

Pasul 34

Stai, ceva e în neregulă. Nu ar trebui să fie umbra PE lanțului și nu în spatele acestuia?

Pasul 35

Da, o comandă simplă + i pentru a inversa masca noastră și acolo aveți. Aruncați umbra la 70% opacitate apăsând V pentru a vă asigura că instrumentul nostru de mișcare este activ și apoi 7 pentru a obține Opacitatea la 70%.

SFAT: Atâta timp cât Instrumentul de mutare (V) este activ, apăsarea numerelor de la unul la zero va sări peste opacitatea acelui strat în pași de zece. Prin urmare, apăsarea 1 vă va oferi opacitatea de 10%, iar apăsarea 8 vă va oferi opacitate de 80%, în timp ce 0 va aduce înapoi la 100%. Ulterior, apăsarea a 5 apoi 3 rapid vă va da 53% și așa mai departe și așa mai departe.

Concluzie

Am reușit! Faceți clic aici pentru a vedea dimensiunea completă completă.

Sper că ai distracție atât de mare ca și mine! Am învățat multe și nu doar cum să creăm un lanț, dar sperăm că și alte tehnici pe care le puteți utiliza în viitoarele modele pe care le creați.

Amintiți-vă, pentru a vă îndrepta spre Fuel Your Creativity pentru a citi tutorialul surorii despre modul în care acest lanț arata atât de vechi, cât și de șansa dvs. de a câștiga o calificare de membru de 6 luni în plus pentru Psd Plus!