Share
În acest tutorial, vă voi arăta cum să creați o pictogramă a agendei folosind Adobe Photoshop. Voi începe prin a explica cum să configurați o rețea simplă și cum să profitați din plin de caracteristica Snap to Grid. Apoi, voi explica cum să creați un set de forme simple de vectori și cum să le colorați folosind atributele de bază Layer Style și unele presetări de tip Photoshop. În cele din urmă, vă voi arăta cum să adăugați umbre subtile și evidențiază folosind tehnici de amestecare de bază și efecte simple. Să începem!
Veți avea nevoie de următoarele elemente pentru a finaliza acest tutorial. Descărcați-le înainte de a începe. Dacă nu sunt disponibile, găsiți alternative.
Deschideți Photoshop și apăsați Comandă / Ctrl-N pentru a crea un nou document. Introduceți toate datele afișate în imaginea de mai jos și dați clic pe O.K. Activați grila (Afișați> Afișați> Grilă) și Snap to Grid (Vizualizare> Snap To> Grid). Pentru inceput, veti avea nevoie de o grilă în fiecare 10px, deci du-te la Editați> Preferințe> Ghidaje, Grilă și felii. introduce 10 în Grilă în fiecare și 1 în Subdiviziune cutie. De asemenea, setați culoarea grila la # a7a7a7. După ce ați setat toate aceste proprietăți, faceți clic pe O.K buton. Nu vă descurajați de toate aceste rețele, vă va ușura munca mai târziu. Rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Command / Ctrl-“ Comanda rapidă de la tastatură. De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs..
Setați culoarea primului rând la # aecef5. Alegeți Instrument rotunjit dreptunghi, treceți la panoul de control și setați Rază la 5px. Creeaza o 240 x 380 pixeli dreptunghi rotunjit, Fixat la retea ar trebui să vă ușureze munca.
Alegeți Instrumentul dreptunghiului. Tine Alt butonul de pe tastatură și creați un 40 x 330 px dreptunghi, după cum se arată în imaginea următoare.
Cu forma vectorului selectată, alegeți Instrument rotunjit dreptunghi. Tine Schimb butonul de pe tastatură și creați o 50 x 20 px dreptunghi rotunjit, după cum se arată în imaginea următoare.
Acum alegeți Instrument rotunjit dreptunghi. Tine Schimb butonul de pe tastatură și creați o 20 x 340 px dreptunghi rotunjit, după cum se arată în imaginea următoare.
Cu Instrumentul dreptunghiului, tine Alt butonul de pe tastatură și creați o 10 x 380 pixeli dreptunghi, după cum se arată în imaginea următoare.
În straturi panou, faceți dublu clic pe forma vectorului dvs. pentru a deschide Stratul de stil fereastră. Activați funcția Bevel & Embos si Contur, Umbra interioara, Satin, Gradient Overlay si Suprapunerea modelului apoi introduceți atributele afișate în imaginea următoare. Aici puteți găsi modelul de piele de care veți avea nevoie pentru Suprapunerea modelului secțiune.
Asigurați-vă că forma dvs. de vector este încă selectată și lovită Comandă / Ctrl-J să o duplicați. În straturi panou, faceți clic dreapta pe copie și mergeți la Ștergeți stilul stratului. În straturi panou, micșorați-l Completati la 0% apoi deschideți Stratul de stil fereastră. Activați funcția Umbra interioara apoi introduceți atributele afișate în imaginea următoare.
Setați culoarea primului rând la # 384445, alegeți Instrument rotunjit dreptunghi, creeaza o 40 x 380 pixeli vector și așezați-o așa cum se arată în imaginea următoare. Asigurați-vă că acest nou dreptunghi rotunjit rămâne selectat, trimiteți-l înapoi (Comandă / Ctrl-Shift- [), apoi deschideți Stratul de stil fereastră. Activați funcția Accident vascular cerebral si Umbra interioara apoi introduceți atributele afișate în imaginile următoare.
Setați culoarea primului rând la # c7baac, alegeți Instrumentul dreptunghiului, creeaza o 20 x 50 pixeli vector și așezați-o așa cum se arată în imaginea următoare. Deschide Stratul de stil pentru acest nou dreptunghi și introduceți atributele afișate în imaginile următoare.
Setați culoarea primului rând la # dbcec0, alegeți Instrumentul dreptunghiului, creați o secundă 20 x 50 px vector și așezați-o așa cum se arată în imaginea următoare. Deschide Stratul de stil pentru acest nou dreptunghi și introduceți atributele afișate în imaginile următoare.
Duplicați (Comandă / Ctrl-J) cele două dreptunghiuri care alcătuiesc bucățile de hârtie și plasați copii după cum se arată în imaginea următoare. Încă o dată, Fixat la retea caracteristică va veni la îndemână.
Dezactivați grila (Afișați> Afișați> Grilă). Alegeți Instrumentul tip (T) și faceți clic pe panza pentru a adăuga literele mici. Utilizați fontul Calibri, setați dimensiunea la 12pt și culoarea la negru (# 000000). Asigurați-vă că este selectat tot textul dvs. și în straturi panou, modificați Mod de amestecare la Acoperire. Apoi, deschideți Stratul de stil fereastră. Activați funcția Umbra și introduceți atributele afișate în imaginea următoare. Resetați cele șase dreptunghiuri care compun piesele de hârtie împreună cu toate piesele de text și grup lor (Comandă / Ctrl-G). Deplasați-vă la straturi și trageți acest grup nou sub forma vectorului care formează capacul frontal al agendei dvs..
Activați grila (Afișați> Afișați> Grilă). Setați culoarea primului rând la # 384445, alegeți Instrument rotunjit dreptunghi, creeaza o 40 x 380 pixeli vector și așezați-o așa cum se arată în imaginea următoare. În straturi panou, țineți apăsată tasta Comandă / Ctrl butonul de pe tastatură, faceți clic pe forma vectorului care alcătuiește capacul frontal al agendei dvs. și veți obține o selecție simplă în jurul acesteia. Asigurați-vă că această selecție rămâne activă, iar în straturi panou, reselectați dreptunghi rotunjit făcut la începutul etapei, țineți apăsată tasta Alt butonul de pe tastatură și faceți clic pe Adăugați masca de strat (ilustrat de cercul albastru din imaginea următoare). În final, forma vectorului mascat ar trebui să arate ca în a treia imagine. Odată ce ați terminat lovit Comandă / Ctrl-D pentru a scăpa de acea selecție.
Asigurați-vă că forma vectorului mascat este încă selectată, iar în straturi panou, micșorați-l Completati la 0% apoi deschideți Stratul de stil fereastră, activați Umbra interioara și introduceți atributele afișate în imaginea următoare.
Utilizarea Instrumentul dreptunghiului, creeaza o 30 x 380 pixeli formarea vectorului și plasați-o așa cum se arată în prima imagine. Deschide Stratul de stil pentru acest nou dreptunghi și introduceți atributele afișate în imaginile următoare.
Pentru pașii următori, veți avea nevoie de câte o grilă 5px, deci du-te la Editați> Preferințe> Ghidaje, Grilă și felii și intră 5 în Grilă în fiecare cutie. Alegeți Instrument rotunjit dreptunghi, și setați Rază la 3px. Setați culoarea primului rând la # d11812, întoarce-te la pânza ta, creează o 25 x 380 pixeli rotunjit și plasați-l așa cum se arată în prima imagine. Asigurați-vă că dreptunghiul roșu, rotunjit rămâne selectat și treceți la Instrumentul dreptunghiului. Tine Alt butonul de pe tastatură și creați o 10 x 380 pixeli vectorial așa cum se arată în a doua imagine. În cele din urmă lucrurile ar trebui să arate ca în a doua imagine. Deschide Stratul de stil fereastră pentru forma vectorului roșu, activați Gradient Overlay și introduceți atributele afișate în imaginea următoare.
Pentru pașii următori veți avea nevoie de o rețea în fiecare 1px, deci du-te la Editați> Preferințe> Ghidaje, Grilă și felii și intră 1 în Grilă în fiecare cutie. Setați culoarea primului rând la # 6c1c07, alegeți Instrumentul dreptunghiului, creeaza o 5 x 376 px vector și așezați-o așa cum se arată în imaginea următoare.
Deschide Stilul straturilor fereastra pentru forma vectorului făcută în etapa anterioară, activați Umbra interioara și introduceți atributele afișate în imaginea următoare.
Setați culoarea primului rând la # 7c2d0c, alegeți Instrument rotunjit dreptunghi, creeaza o 2 x 7 pixeli vector și așezați-o așa cum se arată în imaginea următoare.
Duplicați dreptunghiul mic și rotunjit (Comandă / Ctrl-J), selectați copia și trageți-o 13px jos. Repetați această tehnică și adăugați alte douăzeci și șase de exemplare, după cum se arată în imaginea următoare. Odată ce ați terminat, selectați toate dreptunghiurile rotunjite și în straturi panou, faceți clic dreapta pe una dintre aceste forme de vector și mergeți la Îmbinare forme.
Deschide Stilul straturilor fereastră pentru forma vectorului făcută în etapa anterioară și introduceți atributele afișate în imaginile următoare.
Creeaza o Linie grilă fiecare 10px. Pentru a face acest lucru, du-te la Editați> Preferințe> Ghidaje, Grilă și felii și intră 10 în Grilă în fiecare cutie. Setați culoarea primului rând în alb (#FFFFFF), alegeți Instrumentul dreptunghiului, creeaza o 100 x 50 px formarea vectorului și plasați-o așa cum se arată în prima imagine. Asigurați-vă că noul tău dreptunghi rămâne selectat și în straturi panou, micșorați-l Completati la 0% apoi deschideți Stratul de stil și introduceți atributele afișate în imaginile următoare.
Acum setați a Linie grilă fiecare 5px. Pentru a face acest lucru du-te la Editați> Preferințe> Ghidaje, Grilă și felii și intră 5 în Grilă în fiecare cutie. Utilizarea Instrumentul dreptunghiului, creeaza o 90 x 40 px formați-o și plasați-o după cum se arată în prima imagine. Asigurați-vă că această nouă formă a vectorului rămâne selectată, treceți la Instrumentul Ellipse, tine Alt butonul de pe tastatură și creați o 10px cerc, așa cum se arată în a doua imagine. Reveniți la straturi panou, coborâți Completati la 0% apoi deschideți Stratul de stil și introduceți atributele afișate în imaginile următoare. Rețineți că numerele galbene din Gradient Overlay imagine stand pentru Opacitate procent, în timp ce numerele albe sunt valabile Locație procent.
Utilizarea Instrumentul Ellipse, creeaza o 10px cerc și plasați-o așa cum se arată în prima imagine. Asigurați-vă că această nouă formă a vectorului rămâne selectată, treceți la Instrumentul dreptunghiului, tine Alt butonul de pe tastatură și creați o 5x 10px conform celei de-a doua imagini. Reveniți la straturi panou, coborâți Completati la 0% apoi deschideți Stratul de stil și introduceți atributele afișate în imaginile următoare.
În straturi panou, selectați toate formele vectoriale care alcătuiesc agenda dvs. și grup lor (Comandă / Ctrl-G). Faceți dublu clic pe numele noului grup și redenumiți-l carte de adrese. În straturi panou, țineți apăsată tasta Alt butonul de pe tastatură și faceți dublu clic pe dvs. fundal strat pentru ao debloca. Asigurați-vă că acest strat alb rămâne selectat și setați culoarea primului la # 736357. Alegeți Instrumentul pentru găleți de vopsea și faceți clic pe panza pentru a schimba culoarea fundalului, după cum se arată în imaginea următoare.
Deschide Stratul de stil fereastră pentru stratul de fundal și introduceți proprietățile afișate în imaginea următoare. Aici puteți găsi modelul din lemn.
Alegeți Instrument rotunjit dreptunghi, Seteaza Rază la 5px. Setați culoarea primului la negru (# 000000), creeaza o 280 x 380 pixeli rotunjit și plasați-l așa cum se arată în imaginea de mai jos.
În straturi panou, faceți clic dreapta pe dreptunghiul negru, rotunjit făcut în pasul anterior și mergeți la Conversia la obiectul inteligent. Asigurați-vă că noul dvs. obiect inteligent rămâne selectat și în straturi panou, glisați-l sub dvs. carte de adrese grup, modificați Mod de amestecare la Acoperire și du-te la Filtru> Blur> Gaussian Blur. Trageți Rază glisați la 10px raza și faceți clic pe O.K.
Duplicați-vă carte de adrese grup (Comandă / Ctrl-J). Selectați acest grup nou și convertiți-l într-un obiect inteligent. Asigurați-vă că noul dvs. obiect inteligent rămâne selectat și în straturi panou, glisați-l sub dvs. carte de adrese grup, micșorați Completati la 0% apoi deschideți Stratul de stil și introduceți atributele afișate în imaginile următoare.
Duplicați-vă carte de adrese grup (Comandă / Ctrl-J). Selectați acest grup nou și convertiți-l într-un obiect inteligent. Cu noul obiect inteligent selectat, trageți-l deasupra carte de adrese grup în straturi panou, coborâți Completati la 0% apoi deschideți Stratul de stil și introduceți atributele afișate în imaginea următoare.
Duplicați obiectul inteligent realizat în pasul anterior. Deschide Stratul de stil pentru acest nou obiect inteligent și înlocuiesc atributele existente cu cele afișate în imaginea următoare.
Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici proiectelor viitoare.
Accentsconagua