În acest tutorial, vom folosi Instrumentele de cale din Photoshop pentru a desena o formă asemănătoare scutului. Apoi, folosind niște gradienți, îi vom da o margine metalică și centru strălucitor. De fapt, am făcut acest tutorial când fac pictogramele implicite pentru unele postări de aici pe PSDtuts, deci dacă te duci la lista principală de pe site-ul le vei vedea în acțiune.
Începem cu un gradient închis la negru până la negru. Am desenat acest lucru cu Gradientul Radial, pe care cititorii PSDtuts de mult timp il vor cunoaste este instrumentul meu de gradient preferat. În orice caz, nu vă îngrijorați prea mult despre aceste culori, deoarece la mijlocul secțiunii tutorialului, am decis că erau prea întunecate și le-au schimbat!
Acum, apăsați pe Ctrl-R pentru a comuta pe conducătorii dvs. și trageți niște ghidaje. Faceți asta făcând clic pe conducător, apoi ținând mouse-ul în jos și tragând spre locul în care doriți să fie. Mi-am înființat ghizii după cum se arată mai jos. Pentru că desenez un triunghi, vreau să fiu sigur că este simetric și că nu e prea mare - de aceea ghizii.
Rețineți că puteți apăsa în orice moment tasta Ctrl + și ghidajele se vor activa și dezactiva. Acest lucru este util pentru că altfel ele se opresc de ceea ce încercați uneori să faceți.
De asemenea, cu conducătorii puteți face clic dreapta pe conducători și veți vedea diferitele măsurători în care lucrează. Pentru grafica Web este probabil cea mai ușoară de a lucra în pixeli (deși pentru imprimare doriți ceva mai mare, probabil). Oricum, deoarece panza mea este de 500x500, am pus ghizii la 100px, 250px, și 400px și apoi 100px și 250px în jos.
Apoi apucați Pen Tool (P) și desenați un triunghi așa cum este arătat. Puteți face acest lucru cu trei puncte (da, toate matematica de liceu merită, la urma urmei!). Rețineți că dacă țineți mouse-ul în jos când plasați puncte veți intra în lucru cu stilul curvi (numele tehnic este curbele bezier) și nu suntem interesați de cei de astăzi, așa că faceți doar o singură dată pentru a obține puncte frumoase înclinate.
De asemenea, dacă țineți apăsată tasta Shift, veți găsi că instrumentul Pen se rupe la linii care sunt în multipli de 45 de grade. Acest lucru poate fi bun în special dacă doriți să desenați linia dreaptă mortă în partea de sus (și nu plasați în mod accidental o marcă cu opt pixeli oprit). În mod alternativ, presupunem că ați putea fi siguri că ați apăsat pe care se află sub View> Snap To> Guides. În orice caz, ar trebui să obțineți rezultatul potrivit. Ca întotdeauna, Photoshop vă oferă o cale de a face totul.
Acum vrem o varianta a instrumentului Pen numit instrumentul Add Anchor Point. Puteți vedea imaginea de mai jos.
Cu ajutorul instrumentului Adăugare ancora selectat și a ghizilor în continuare, treceți și adăugați puncte suplimentare în pozițiile afișate mai jos (rețineți că am oprit ghidajele cu ajutorul tastelor CTRL + 'astfel încât să le pot face o captură corectă).
S-ar putea să vă întrebați de ce nu am adăugat toate aceste puncte la început decât după ce am tras triunghiul. Răspunsul este pur și simplu că este greu să obțineți totul frumos și simetric. Aceasta este doar o cale mai ușoară.
Acum vom trece la Instrumentul de selecție directă (A), care este săgeata prezentată. Există de fapt trei instrumente Arrow în Photoshop, aceasta este alternativă care se numește Instrumentul de selecție a traseului și săgeata noastră obișnuită, numită și Instrumentul de mutare. Care este diferența?
În mod normal, Instrumentul de mișcare (cel obișnuit) este pentru deplasarea obiectelor în jur, așa cum faceți în mod normal. Celelalte două sunt pentru căi. Instrumentul de selectare directă este pentru selectarea fie a punctelor, fie a marginilor (liniile dintre puncte). În timp ce instrumentul de selectare a căii este pentru a muta întreaga cale în jurul tuturor împreună (fără a pierde forma).
Cea mai bună modalitate de a le înțelege, desigur, este să faceți clic pe fiecare pe rând și să vedeți ce face! Dar pentru moment dorim doar Instrumentul de selecție directă.
Prin urmare, utilizând Instrumentul de selecție directă, faceți clic mai întâi pe punctul de mijloc de sus pentru al selecta. Acum țineți apăsată tasta Shift și apăsați de două ori pe săgeata Sus și veți vedea punctul în care vă deplasați. Apoi faceți același lucru cu punctele de mijloc stânga și dreapta pentru a le face să se miște.
Menținem Shift deoarece face mișcarea mai rapidă (cred că SHIFT + Arrow este aceeași cu 10xArrow fără Shift).
Oricum, deplasați punctele până când aveți ceva asemănător ...
Depinde de tine cum îți faci calea finală să se întoarcă, mi-am făcut ceva cam ciudat, doar mișcând puncte până când arătau ca un scut. Am salvat calea în fișierul PSD pentru descărcare în cazul în care doriți această cale exactă. Puteți să o găsiți făcând clic pe fila Piste și apoi veți vedea o cale marcată Calea scutului.
Ori de câte ori aveți o cale pe care credeți că ați putea dori mai târziu, faceți clic pe fila Piste și apoi faceți clic pe acea săgeată care indică spre dreapta și alegeți Salvați calea. Acest lucru este deosebit de util dacă ați petrecut o lungă perioadă de timp profundă graving o persoană dintr-o fotografie și doriți să vă asigurați că nu pierde accidental munca ta cale.
Apoi creați un nou strat. Faceți clic pe Instrumentul Pen și apoi faceți clic dreapta oriunde pe panza și alegeți Selectați. Veți primi o mică fereastră de dialog care vă întreabă dacă doriți să vă lăsați să vă alegeți, asigurați-vă că este setată la 0 (implicit) și apăsați OK.
Apoi, obțineți un gri deschis până la gri închis și trageți un gradient în stratul dvs. nou așa cum este arătat.
Acum, cu acel strat care este încă selectat, creați un nou strat și accesați Selectare> Modificare> Contract și introduceți 10 pixeli.
În continuare trageți un gradient care merge în ALTE mod cu aceleași două culori gri deschis și gri închis. Deci, prima ar trebui să fie de la partea de sus-stânga la dreapta-jos. Acest nou strat trebuie să fie din partea de jos în dreapta în partea de sus-stânga. Puteți vedea efectul celor două gradienți din imagine pentru pasul următor.
În continuare, în timp ce cel de-al doilea strat este încă selectat, mergeți din nou la Selectare> Modificare> Contract din nou și utilizați din nou 10 pixeli. Apoi creați un nou strat și de data aceasta cu un Gradient Radial, trageți un gradient frumos de portocaliu cu partea mai ușoară din stânga sus așa cum este arătat.
Acum du-te înapoi la stratul de mijloc și apăsați pe Ctrl și faceți clic pe strat pentru a selecta pixelii lui așa cum se arată. Creați un strat nou deasupra acestuia și completați-l cu alb.
Apoi mergeți la Selectare> Modificare> Contract și utilizați o valoare de 1 pixel și apoi apăsați Ștergeți. Aceasta va lăsa o linie albă subțire de un pixel între cele două gradienți metalici. Acesta va arata ca partea de sus a unei creste de metal (un fel de ...)
Ok, deci iată ce avem până acum. Puteți vedea că prin utilizarea celor două gradienți care merg în direcții opuse, am creat un fel de efect 3D care arată că lumina vine de la stânga sus și creează un punct culminant și o umbră pe "metal".
Acum adăugăm o umbra Drop Shadow și Shadow Inner la stratul portocaliu. Puteți vedea aceste în fișierul PSD eșantion pentru descărcare, dar practic este doar o umbră interioară cu distanța de 0, astfel încât umbra este chiar în jurul marginilor, și în mod similar cu o umbră de picătură. Vrem umbra interioară, deoarece face ca aceasta să pară puțin mai tridimensională, deoarece marginile se înclină departe de perspectiva spectatorului. Umbra picăturii este doar pentru a face ca stratul portocaliu să reacționeze puțin mai mult cu cadrul metalic.
Iată ce avem acum ... Începe să arate destul de răcoros. În acest moment am luminat de asemenea fundalul (deși este greu de spus acum că mă uit la el). Deci, aici este un gri foarte închis, spre deosebire de negru. De asemenea, am adăugat o umbră la primul strat de metal gri, deși este destul de slab.
Acum, într-un strat nou de la capăt, trageți o elipsă cu instrumentul Elliptical Marquee (M) și umpleți-o cu alb, după cum se arată.
Acum, singurul motiv pentru care am completat acest lucru cu alb este că putem să apăsăm acum Ctrl-T și să rotim elipsa așa cum se arată.
Odată ce ați rotit elipsa, țineți apăsată tasta Ctrl și faceți clic pe stratul respectiv pentru a selecta elipsa și apoi ștergeți stratul însuși astfel încât să rămâneți cu o singură selecție în formă de elipsă la un unghi.
Apoi creați un nou strat și trageți un Gradient Radial mergând de la alb la transparent așa cum este arătat.
Acum țineți apăsat Ctrl și faceți clic pe stratul portocaliu pentru a selecta pixelii și apoi apăsați Ctrl + Shift + I pentru a inversa selecția (adică veți selecta totul cu exceptia pixelii stratului portocaliu) și apoi faceți clic pe stratul superior, care are gradientul radial transparent alb din ultimul pas și apăsați Ștergeți. Ar trebui să aveți acum o evidențiere așa cum este arătat.
Acum, setați acest strat de evidențiere la un mod de amestecare de Suprapunere și o Opacitate de 60%. Ar trebui să dea un galben auriu frumos așa cum este arătat.
Acum creați un nou strat și apoi țineți din nou tasta Ctrl și faceți clic pe stratul portocaliu pentru a selecta pixelii. Apoi, în noul strat trageți un Gradient Linear în jos, de la negru la transparent, după cum se arată.
Setați acest nou strat negru într-un mod de amestecare a Soft Light și apoi țineți apăsat Ctrl și faceți clic pe stratul portocaliu din nou, apoi țineți apăsat Shift și apăsați săgeata în jos de câteva ori pentru a muta selecția în jos. Apoi, reveniți la stratul negru și apăsați Ștergeți pentru a lăsa doar o bară care rulează de-a lungul vârfului așa cum se arată.
În acest moment, am decis să pătrund puțin metalul. Pentru a face acest lucru, faceți clic pe oricare dintre cele două straturi gri și cu Burn Tool (O) selectat și o perie moale, întunecați doar părțile care sunt mai întunecate și luminați părțile care sunt mai ușoare după cum doriți. Am făcut asta doar pentru a obține un contrast mai mic, după cum este arătat. Nu uitați dacă țineți apăsată tasta Alt în timp ce utilizați instrumentul Burn Tool pentru a schimba instrumentul Dodge (care se aprinde în loc de întunecare), astfel încât să nu aveți nevoie să continuați comutarea între ele.
OK acum pentru spargerea radială în fundal. Alegeți instrumentul Custom Shape Tool (U) și selectați forma de mai jos.
Creați un nou strat chiar deasupra fundalului gri închis și, folosind culoarea albă ca prim plan, desenați o versiune foarte mare a acelei forme, după cum se arată. Acest lucru generează un efect vectorial al starburst.
Acum setați acest strat la Suprapunere și 30% opacitate, deci este mult mai slab. În final, într-un strat de la vârf, am adăugat un gigant S într-o culoare roșie închisă și setați-o la Multiplicare la 20%. Apoi am scris un cuvânt peste partea de sus și am terminat! Un pic de efect ciudat, dar unul distractiv!