Share
Umbrele și luminile pot produce sau rupe o compoziție. Tablourile de bord (sau corkboard-uri) sunt tipuri populare de grafică care se utilizează în desene web și tipărite, dar de multe ori ele par a fi nerealiste datorită modului în care acestea sunt aprinse și umbrite. În această serie de tutoriale cu două părți vom arăta cum să creăm o textura din lemn și apoi cum să creăm umbre și lumină cu aspect autentic, folosind obiectele din viața pe care le vom include în tabla noastră. Să începem prin crearea buletinului de bord și plasarea primului nostru element.
Creați un document nou (Dimensiune: 600px la 400px). Dimensiunea este de până la dvs., dar acestea sunt dimensiunile pe care le vom folosi în acest tutorial.
Redenumiți primul strat "corkboard".
Indicație: Asigurați-vă că sunt selectate căile pentru instrumentul Rectangle și Rounded Rectangle Tool de-a lungul acestui tutorial.
Cu ajutorul instrumentului Rectangle, creați un dreptunghi (Dimensiune: 480 px pe 280 px).
Sfat: pentru a crea o dimensiune fixă, accesați panoul din bara de opțiuni.
Faceți clic dreapta pe dreptunghi și selectați Efectuare selecție.
Sfat: CTRL sau CMD + ENTER ca înlocuitor pentru clic dreapta pe o cale și selectând Make Selection.
Asigurați-vă culoarea primului # a37d54 și culoarea de fundal # 4e2f0d. Aceste două culori sunt nuanțe de maro, dar nu puteți alege culori similare.
Pentru a produce textura corkboard. Mergeți la Filter> Render> Clouds, apoi deselectați selecția și apoi deselectați o selecție după aceea.
Sfat: CTRL sau CMD + D ca înlocuitor pentru deselectarea unei selecții.
Continuând; mergeți la Filter> Sketch> Paper Note (Balanța imaginii: 32, Graininess: 11 și Relief: 12).
Mergeți la Filter> Stroke Strokes> Spatter (Radius Spray: 15 și Smoothness: 10).
În cele din urmă, să-i dăm o culoare mai închisă, mergeți la Imagine> Ajustări> Umbre / Repere (Umbre - Cantitate: 50%, Lățime tonală: 83%, Radius: 208px. : 30 pixeli Ajustări - Corecție culoare: +20, Contrast de la jumătate: -17.)
Imaginea de mai jos este rezultatul.
În acest pas, vom produce marginile de lemn ale corkboard-ului.
Faceți un nou strat sub stratul "corkboard" și redenumiți-l ca "frontiere".
Cu ajutorul instrumentului rotunjit dreptunghi, creați un dreptunghi rotunjit (Dimensiune: 502px la 302px și Radius: 10px.). Faceți clic dreapta pe dreptunghi și selectați "Faceți selecție".
Sfat: ALT + BACKSPACE pentru a completa o selecție cu culoarea primară curentă. CTRL sau CMD + BACKSPACE pentru ao completa cu culoarea actuală a fundalului.
Completați acest dreptunghi cu culoarea # 4e2f0d apoi deselectați selecția.
Sfat: pentru a selecta două sau mai multe straturi, SHIFT + CLICK pe ele.
Sfat: pentru a centra două sau mai multe straturi unul cu celălalt, selectați straturile care urmează să fie aliniate, alegeți Instrumentul de mutare, din bara de opțiuni, faceți clic pe Aliniere centrale orizontale și butoanele Aliniere centrale verticale:
Acum, centrați atât straturile "corkboard", cât și "marginile".
Imaginea de mai jos este rezultatul.
Pentru ca fiecare parte a granițelor să pară autentică, trebuie să creați lacune între colțurile lor.
Instrucțiunile pe care le vom face în acest pas vor fi folosite pentru a selecta corect fiecare parte a granițelor și a le pune pe straturi diferite.
Va trebui să aplicați procedurile în acest pas pe toate colțurile corkboard-ului.
Creați un nou strat deasupra "frontierelor" și sub "corkboard", apoi denumiți-o "linii de granulație diagonale" sau ceva similar. Vom folosi aceste linii ca linii directoare pentru a crea golurile diagonale menționate mai sus.
Măriți imaginea dvs. și utilizați instrumentul Pen, mențineți SHIFT și creați o cale diagonală în unghi de 45 de grade în colțul din dreapta sus, după cum se arată mai jos.
Sfat: Asigurați-vă că dimensiunea Diametru pensulă pentru creion este 1px.
Cu instrumentul Pen și stratul "linii diagonale de frontieră" selectați, faceți clic dreapta, selectați Calea cursei, selectați Creion din meniul derulant, faceți clic pe OK, apoi faceți clic cu butonul din nou și selectați Șterge calea.
Repetați pasul 2 pe toate celelalte părți ale corkboard-ului.
Folosind liniile diagonale pe care tocmai le-am făcut, să le folosim ca reguli pentru a selecta marginea dreaptă a corkboard-ului cu ajutorul instrumentului Pen.
După ce ați selectat marginea din dreapta cu instrumentul Pen, faceți clic cu butonul din dreapta și selectați Efectuați selecția.
Pentru a plasa granița dreaptă pe un nou strat separat, cu stratul "frontiere" selectat, duplicați stratul. Redenumiți stratul nou produs la "frontieră dreapta".
Repetați Pasul 3 pe toate celelalte părți ale corkboard-ului.
După aceasta, ar trebui să aveți fiecare margine a corkboard-ului pe straturi separate. Deci, acum, putem șterge straturile "linii de frontieră diagonale" și "frontiere".
Este timpul să aplicăm niște gradienți pe granițele noastre. Să începem cu granița dreaptă.
Sfat: Pentru a accesa opțiunile de amestecare ale unui strat, faceți clic dreapta pe acel strat și alegeți opțiunile de amestecare.
Sfat: pentru a adăuga un cursor de gradient nou, plasați cursorul chiar sub previzualizarea înclinației.
În opțiunile de amestecare pentru stratul "frontieră dreaptă", aplicați o suprapunere de gradient (unghi: 0 grade, cursorul primului gradient: # e77d15, al doilea gradient alunecător: # f69834, cursorul treilea gradient: # 804504).
Acum, stratul "frontal de sus", aplicați o altă suprapunere cu gradient (primul cursor pentru gradient: # e77d15, al doilea gradient: # f4942d, al treilea gradient: # d16f04).
Apoi, stratul "frontieră stânga", aplicați o altă suprapunere de gradient (primul cursor pentru gradient: # 0d550e, al doilea gradient: # f4942d, al treilea gradient: # d16f04).
În cele din urmă, stratul "partea de jos a frontierei", aplicați o altă suprapunere de gradient (primul cursor pentru gradient: # 6e3c0b, al doilea gradient: # f4942d, al treilea gradient: # d16f04).
Imaginea de mai jos este rezultatul.
Amintiți-vă, va trebui să repetați acest pas pe toate celelalte părți ale corkboard-ului.
Duplicați stratul "dreapta de frontieră", faceți clic dreapta pe stratul duplicat nou care ar trebui să fie numit "copie drept de frontieră" și alegeți Clear Layer Style.
Sfat: CTRL sau CMD + J pentru a duplica un strat.
Sfat: CTRL sau CMD + CLICK pe miniatura unui strat pentru a selecta conținutul său.
Selectați conținutul stratului "copy right border" (CTRL sau CMD + CLICK pe miniatură de strat). Completați selecția cu culoarea # d48631.
Accesați Filter> Noise> Add Noise (Sumă: 33.03%, Gaussian și Monochromatic).
Mergeți la Filter> Blur> Motion Blur (Unghi: 90 de grade și distanță: 24 pixeli).
Aici este partea distractivă; vom face noduri pe frontierele noastre de lemn.
Mergeți la Filter> Liquify (Dimensiune pensulă: 8, Densitate pensulă: 50 și Presiune pensulă: 100). Folosind vopseaua în fereastra Liquify, trageți, întindeți și învârtiți conținutul stratului "frontieră dreaptă" pentru a crea noduri de lemn.
Sfat: Puteți modifica opacitatea unui strat în panoul Straturi:
Reduceți opacitatea stratului "copy right border" la 50%.
Redenumiți acest strat "textură de lemn de frontieră dreapta", grupați-l cu stratul "frontieră dreaptă" și redenumiți grupul ca "drept de frontieră".
Imaginea de mai jos este rezultatul.
Repetați pasul 5 pe toate celelalte părți ale corkboard-ului.
Să adăugăm o umbră ușoară pe partea superioară a interiorului corkboard-ului.
În opțiunile de amestecare ale stratului "corkboard", aplicați o umbră interioară (Mod amestec: Normal, Culoare: # 000000, Opacitate: 100%, Unghi: 90 de grade, Distanța: 1px, Choke: 0%.
Imaginea de mai jos este rezultatul.
Faceți un nou strat și redenumiți-l ca "hârtie". Alegeți Instrumentul de marcaj dreptunghiular și faceți o selecție după cum urmează:
Selectați stratul "hârtie" și completați selecția cu alb.
În opțiunile de amestecare ale stratului de hârtie, aplicați o suprapunere de gradient (cursorul primului gradient: # d1d1d1, al doilea gradient al cursorului: #ededed).
Apoi, aplicați un Shadow Drop (Opacitate: 100%, Unghi: 90 de grade, Distanță: 1px, Spread: 0%, Dimensiune: 5px).
Faceți clic dreapta pe layer-ul "hârtie" și selectați Creare straturi. Faceți clic pe OK când vedeți acest dialog:
Instrumentul cheie folosit aici este Instrumentul Warp.
Sfat: CTRL sau CMD + T pentru a scana Free Transform Tool, faceți clic dreapta pe selecție și alegeți Warp pentru a accesa Warp Tool.
Selectați stratul "hârtie" și accesați instrumentul Warp.
Prindeți partea dreaptă jos a hârtiei și trageți-o în sus, astfel încât să pară că o suflă vântul.
Trageți toate celelalte colțuri.
Imaginea de mai jos este rezultatul.
Acum, vom crea câteva puncte importante în aceste colțuri.
Sfat: Comanda + ALT + SHIFT + N pentru a crea un nou strat de tăiere pe stratul selectat în prezent.
Sfat: trageți un strat în panoul Straturi pentru al muta mai jos sau deasupra altui strat.
Faceți un nou strat de tăiere chiar deasupra hârtiei Gradient Fill, redenumiți-l ca "evidențiați în dreapta jos", faceți clic pe meniul drop-down Mod amestecare și selectați Ecran.
Sfat: Panoul Gradient arată astfel:
Selectați Gradient Tool, faceți clic pe panoul Gradient și aplicați un gradient (Glisorul First Gradient: # 000000, Glisorul Gradient al doilea: #ffffff, Glisorul Treilea Gradient: # 000000).
Trageți un gradient în colțul din dreapta jos al hârtiei după cum se arată mai jos:
Utilizați instrumentul Transformare liberă pentru a redimensiona, modifica și roti evidențiarea. Puteți, de asemenea, să coborâți opacitatea evidențierii pentru a face să pară mai credibilă.
Faceți mai multe evidențe pe celelalte colțuri ale hârtiei.
Imaginea de mai jos este rezultatul.
Acum, pentru a face umbra hârtiei mai realistă. Selectați stratul "Drop Shadow" al hârtiei, mutați umbra pe câțiva pixeli și coborâți opacitatea la 60%. La fel cum am făcut și pe hârtie, întindeți umbra după cum se arată mai jos:
Imaginea de mai jos este rezultatul.
Să scriem ceva pe hârtie.
Faceți un nou strat, selectați instrumentul Text, alegeți un tip de scriere de mână, alegeți "Jurnal" (Dimensiune: 26px), schimbați culoarea fontului la # 414040 și începeți să introduceți text pe hârtie.
Imaginea de mai jos este rezultatul.
În ultima parte a acestei serii, vom plasa mai multe elemente în bord și vom finaliza acest design.
Accentsconagua