Share
În acest tutorial, vom face un mic mesaj în Photoshop pe care îl puteți plasa în colțul din dreapta sus al unui design. Aceste benzi mici arată foarte trendy și Web2.0-y, în special în design-urile Web! E un efect ușor de făcut, și în acest tutorial vom adăuga niște umbre și lumină pentru a face pop!
Pentru a începe acest tutorial ca întotdeauna, vom începe cu un frumos gradient radial. Sunt dependent de gradientele radiale, deci ar trebui să fii prea! Folosesc o combinație de blues frumos. Iată codurile de culoare exactă:
Culoare 1 - # 0e324f
Culoarea 2 - # 062033
Funcționează bine dacă puneți în evidență gradientul din colțul din dreapta sus unde vom plasa banda noastră de mesaje mici. Acest lucru are legătură cu modul în care vom adăuga lumina și umbra mai târziu.
Acum, acest pas nu este cu adevărat necesar, dar voi adăuga o scrisoare uriașă M, astfel încât banda de mesaje are ceva de spus. Atunci când banda de mesaje interacționează cu fundalul în acest fel, pare chiar mai rece.
Deci, oricum, fac un M gigant în alb și îl pun pe Overlay și îl estompez la 40%, astfel încât acesta are un pic de gradient radial și se potrivește cu lumina și umbra.
Lumina și umbra sunt prietenul tău, vor face ca designul tău să arate mult mai plăcut. În lumea reală și în designul tipărit, obțineți lumină și umbră de lumină (lumină solară, lumină electrică, orice), dar pe ecran totul este un fel de uniformă. Deci este frumos când adăugați un pic de umbră și lumină pentru a le livra totul. Rețineți că acest lucru nu funcționează la fel de bine în imprimare.
Apoi, într-un nou strat, desenați un dreptunghi lung cu un gri deschis. Faceți-o într-adevăr multă vreme, deoarece atunci când o rotiți mai târziu, veți avea nevoie ca capetele să fie lungi corespunzător. Adăugați și un text. Am scris "Made with Love!" într-un font înfricoșător - Gill Sans Ultra Bold. Am o predispoziție la fonturi grase pentru că arată prietenos și tare.
Acum voi obține o formă de inimă din setul de forme al lui Photoshop. Puteți obține aceste clicuri făcând clic pe instrumentul Custom Shape Tool (U) din meniul Instrument. Apoi, mergeți în partea de sus a ecranului și apăsați pe săgeata puțin în jos lângă Formă, așa cum se arată. Dacă nu aveți deja multe forme, dați clic pe acea săgeată îndreptată spre dreapta și adăugați-le.
Deci, folosind acea formă de inimă, într-un nou strat, am desenat o inimă roșie mică. Combinația roșie, albă și albastră arată grozav.
Trucul cu combinații de culori cum ar fi acest lucru este de două ori. Mai întâi doriți să aveți o culoare principală (în acest caz albastru) și apoi utilizați celelalte culori pentru a evidenția culoarea principală. Deci, aici avem o mulțime de albastru, o cantitate medie de gri deschis și un pic de roșu care într-adevăr se salvează.
Cel de-al doilea lucru pe care trebuie să-l amintiți este că unele combinații de culori se ciocnesc ca afacerea nimănui. Ca și cum ai pune acel roșu pe albastru, o să-i sperie. Deci, aici am folosit gri deschis ca o culoare intermediară.
Acum, pentru a face roșul într-adevăr pop, am selectat stratul inimii, am creat un strat nou deasupra lui și apoi folosind o culoare roșie chiar mai deschisă, am tras un mic gradient în colțul din dreapta sus. În acest fel inima noastră are un gradient radial și din nou folosim lumină și umbră!
De asemenea, am adăugat o umbră neclară neclară în textul "Made with Love" folosind modul de amestecare Drop Shadow. Puteți face acest lucru făcând clic dreapta pe acel strat și selectând Opțiuni de amestecare. Apoi bifați Drop Shadow. Setați distanța la 0 și schimbați culoarea pentru a fi gri deschis, astfel încât să nu fie prea plină. Nu adăugați o umbră obișnuită, deoarece vrem ca aceste litere să fie parte a benzii, fără a trece peste ea.
Acum vreau să adaug frontiere pe bandă, așa că am apăsat Ctrl și faceți clic pe stratul de benzi pentru a le selecta pe toate, apoi creați un strat nou și lipiți într-o culoare gri mai închis. Apoi, merg la Selectați> Modificați> Contract și contractați selecția cu 2 pixeli.
Apoi am lovit ștergerea pentru a șterge mijlocul acelui gri închis, lăsând doar marginile. (Rețineți că trebuie să loviți săgeata din dreapta de câteva ori și apoi să ștergeți și apoi să lăsați săgeata din stânga de câteva ori și să o ștergeți din nou pentru a obține marginile din stânga și din dreapta.)
Așa că acum avem banda de mesaj, are margini, un mesaj și o inimă roșie drăguță.
Următorul lucru pe care trebuie să-l faceți este să selectați toate straturile de benzi de mesaje și să le îmbinați într-un singur strat. Facem asta pentru că suntem pe punctul de a ne roti.
Dacă rotiți fără fuzionarea textului și marginilor, puteți avea unele efecte ciudate care se întâmplă. Photoshop-ul tinde să se estompeze și să jagnească chestii atunci când vă rotiți, deci este mai bine să minimalizați efectele prin combinarea acestora împreună aici. Desigur, aceasta înseamnă că trebuie să vă asigurați că banda de mesaj este complet terminată înainte de a vă îmbina!
Îmbinarea are, de asemenea, beneficiul suplimentar pe care îl putem folosi Dodge și Burn mai târziu pentru a umbri și il aprinde. Veți vedea ce vreau să spun în curând ...
Acum, apăsați Ctrl + T pentru a transforma, țineți apăsată tasta Shift și rotiți banda de mesaj la un unghi de 45 '.
Acum mutați banda de mesaj până sus în dreapta. Acum arata grozav, dar acum trebuie sa adaugam un pic de umbre si alte lucruri.
Deci, creați un strat nou în partea superioară și selectați o culoare gri deschisă. Țineți apăsat Ctrl și faceți clic pe stratul benzii de mesaje pentru a selecta toate pixelii. Apoi, trageți un gradient mergând de la gri deschis la transparență și trageți-l de sus în jos. Apoi desenați oa doua din partea de jos a urcat.
Ar trebui să obțineți ceva care arată ca imaginea de mai sus - un pic de gri care vine din partea de sus și un pic mai mult vine de jos.
Acum schimbați modul de amestecare pentru acest nou strat la Multiplicare. Pentru că am folosit un gri dulce frumos, va da o cantitate bună de umbre. Dacă ați folosit un gri mai întunecat, este posibil să fie necesar să opriți opacitatea înapoi.
Acum du-te înapoi la layer-ul benzii de mesaje în sine. Schimbați instrumentul Burn (O) și alegeți o periuță moale mare pentru a lucra cu.
Adăugați încet un pic de arsură la partea inferioară și superioară a benzii. În cadrul setărilor pentru Instrumentul de ardere, puteți să vă asigurați că expunerea este stabilită în mod rezonabil (am folosit 20%). Acest lucru vă permite să faceți un efect mai subtil fără ca acesta să devină supraexpus.
Când ați terminat de adăugat arsurile în partea de sus și de jos, puteți, dacă doriți, să țineți apăsată tasta Alt și să spălați puțin mediul. Ținând Alt când Burn Tool este selectat, acesta se comută la o apăsare.
Burn și Dodge sunt ca opusul celuilalt. Arderea se întunecă și Dodge se aprinde. Acestea sunt instrumente destul de utile, deși doriți să le folosiți subtil sau altfel puteți face un pic de mizerie.
Deci, acum că banda noastră de mesaje arată bine, să adăugăm o umbră în spatele ei.
Creați un strat sub banda de mesaje.
Acum țineți apăsat Ctrl și faceți clic pe stratul de bandă pentru a selecta pixelii și în stratul de mai jos, umpleți-l cu o culoare gri medie.
Apoi deselectați și apăsați săgeata în jos de câteva ori, iar săgeata din stânga de câteva ori, astfel încât noul dvs. strat să fie la partea de jos și la dreapta benzii de mesaje (după cum se arată)
Acesta va fi stratul nostru de umbră.
Setați stratul de umbră la Multiplicare și apoi treceți la Filtrare> Blur> Gaussian Blur și utilizați o setare de aproximativ 3-4 pixeli. Veți avea o umbră plăcută.
Acum dorim ca mesajul nostru să arate ca și cum ar fi în mijlocul lui. Aceasta înseamnă că umbra ar deveni mai puțin atât la partea superioară cât și la cea inferioară, deoarece banda de mesaje este mai aproape de fundal. Are sens?
Practic, dacă ceva este departe de fundal, umbra lui este mai mare și, dacă este mai aproape, umbra lui este mai mică ...
Oricum, alegeți instrumentul de ștergere (E) și cu o periuță moale mare ștergeți ușor un umbră din partea superioară și inferioară, astfel încât să devină leșin la ambele părți.
Și acolo aveți produsul finit: o bandă de mesaj frumos!
Accentsconagua