Share
Ce veți creaAceastă piesă se concentrează în principal pe panoul Aspect, deci veți avea nevoie doar de patru dreptunghiuri și un cerc mic pentru a crea fundalul, forma principală, butonul abonare, câmpul de text și butonul mic. Veți învăța cum să creați forme perfect pixel folosind caracteristica Snap to Grid și cum să utilizați inteligent efectul Drop Shadow și câteva tehnici de amestecare de bază pentru a adăuga umbre subtile și evidențiază.
Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 600 în casetele de lățime și înălțime, faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi) și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K.
Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 5px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă, va ușura munca dvs. și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" 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. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități> Generale. Toate aceste opțiuni vor crește semnificativ viteza de lucru.
Concentrați-vă pe Bara dvs. de instrumente, îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 255 G = 247 B = 225. Alegeți Instrumentul dreptunghiular (M) și faceți clic pur și simplu pe tabloul de bord pentru a deschide Dreptunghi fereastră. introduce 610 în Lăţime și Înălţime apoi faceți clic pe O.K buton.
Trebuie să centrați această nouă formă, deschideți astfel Alinia panou (Fereastra> Aliniere). Setați alinierea la Artboard (deschideți meniul derulant și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiune așa cum se arată în imaginea următoare), asigurați-vă că forma dvs. este selectată, apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, pătratul dvs. ar trebui să acopere întregul tablou de artă, așa cum se arată în imaginea următoare.
Resetați pătratul, deschideți Aspect panou (Fereastră> Aspect) și adăugați un al doilea umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare).
Asigurați-vă că această umplere nouă rămâne selectată, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb.
Continuați să vă concentrați asupra dvs. Gradient panou, selectați Radial de la Tip drop-down meniul apoi trecerea la culori gradient. Selectați cursorul din dreapta și setați culoarea la R = 241 G = 90 B = 41 apoi selectați glisorul din stânga, setați culoarea la R = 255 G = 247 B = 225 și să-i coborâți Opacitate la 0%. Prindeți Instrument de gradient (G), concentrați-vă asupra tabloului de bord și întindeți-vă gradientul radial așa cum se arată în imaginea următoare.
Reveniți la Aspect panoului și faceți clic pe pictograma săgeată mică care reprezintă volumul nou adăugat. Pur și simplu faceți clic pe faptul că "Opacitate"bucată de text pentru a deschide Transparenţă scoateți panoul și apoi coborâți Opacitate la 10%. Deplasați-vă la straturi panou (Fereastră> Straturi), deschideți stratul existent, pur și simplu dublu click pe forma ta și redenumiți-o "bg".
Continuați să vă concentrați pe straturi panou și blocați "bg"pentru a vă asigura că nu veți selecta / mișca accidental.
Setați culoarea de umplere la R = 255 G = 198 B = 95, alegeți Instrumentul dreptunghiului și de a crea un 335 x 220 pixeli formă. Asigurați-vă că acest dreptunghi nou rămâne selectat, focalizați pe Aspect panou, selectați umplerea existentă și mergeți la Efect> Stylă> Strălucire exterioară. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.
Deplasați-vă la straturi panou și redenumiți această formă nou creată "principal".
Asigurați-vă că "principal"dreptunghiul rămâne selectat, se concentrează pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea la R = 239 G = 145 B = 72 și du-te la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate mai jos, asigurați-vă că verificați punctul de referință de la mijloc, de jos (indicat de cercul albastru din imaginea următoare), faceți clic pe O.K și apoi du-te la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.
Asigurați-vă că "principal"dreptunghiul rămâne selectat, se concentrează pe Aspect panou, selectați cursa și setați culoarea la negru (R = 0G = 0B = 0).
Continuați să vă concentrați pe Aspect panou și pur și simplu faceți clic pe faptul că "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 4px, verifică Aliniați accident vascular cerebral în afară apoi reveniți la Aspect panou. Deschide Transparenţă panou fly-out pentru accident vascular cerebral, reduceți-l Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba.
Asigurați-vă că "principal"dreptunghiul rămâne selectat, se concentrează pe Aspect și adăugați un al doilea curs utilizând Adăugați un accident vascular cerebral nou (indicat de cercul albastru din imaginea următoare). Selectați această curbă nouă, setați culoarea la R = 219 G = 129 B = 60 si Greutate la 1px apoi deschideți Accident vascular cerebral ieșiți din panou și verificați Aliniați accident vascular cerebral în afară buton.
Continuați să vă concentrați pe Aspect panou, asigurați-vă că este selectată întreaga cale (faceți clic pe "cale"bucată de text din partea de sus a Aspect panou) și mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 7px și faceți clic pe O.K. În final, forma ta ar trebui să arate ca în imaginea următoare.
Setați culoarea de umplere la R = 255 G = 232 B = 125, alegeți Instrumentul dreptunghiului, creeaza o 235 x 45 px formați-o și plasați-o exact așa cum se arată în imaginea de mai jos. Fixat la retea facilitate vă va ușura munca.
Deplasați-vă la straturi panou, dublu click pe această nouă formă și redenumiți-o "buton".
Asigurați-vă că "buton"dreptunghiul rămâne selectat, se concentrează pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă și înlocuiți culoarea existentă cu gradientul liniar prezentat în imaginea următoare. Rețineți că numerele albe din Gradient imagine stand pentru Locație procent. Acest lucru înseamnă pur și simplu că trebuie să selectați cursorul gradientului, să vă concentrați pe Locație caseta (de la Gradient panou) și introduceți numărul respectiv. Puteți adăuga cu ușurință un gradient nou pentru gradientul dvs. făcând clic pe bara de gradient.
Asigurați-vă că "buton"dreptunghiul rămâne selectat, se concentrează pe Aspect panou, selectați umplutura de sus și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate mai jos, nu uitați să verificați punctul de referință de mijloc, de jos (indicat de cercul albastru din imaginea următoare), faceți clic pe O.K și apoi du-te la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.
Asigurați-vă că "buton"dreptunghiul rămâne selectat, se concentrează pe Aspect selectați cursa și setați culoarea la R = 235 G = 182 B = 75. Deschide Accident vascular cerebral panou flyout pentru acest accident vascular cerebral portocaliu, setați-l Greutate la 1px, verifică Aliniați accident vascular cerebral în afară apoi reveniți la Aspect panou. Asigurați-vă că este selectată întreaga dvs. cale și căutați Efect> Stylă> Colțuri rotunjite. Introduceți a 22,5px Radius și faceți clic pe O.K. În final, forma ta ar trebui să arate ca în imaginea următoare.
Reluați-vă "buton"formă, se concentreze pe Aspect panou, asigurați-vă că este selectată întreaga cale și căutați Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din stânga (în imaginea următoare), faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, în mijloc, faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de sus, din dreapta, faceți clic pe O.K și du-te încă o dată Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din partea de jos, din stânga, faceți clic pe O.K și du-te ultima dată la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din partea de jos, din dreapta și dați clic pe O.K. În cele din urmă,buton"forma ar trebui să arate ca în următoarea imagine.
Alegeți Instrumentul tip (T), pur și simplu faceți clic pe artboard dvs., adăugați "ABONATI-VA"bucată de text și setați culoarea la R = 139 G = 94 B = 60. Asigurați-vă că textul rămâne selectat și deschideți-l Caracter panou (Fereastră> Tip> Caracter). Selectați fontul "Calibri", setați dimensiunea la 20px și urmărirea la 50. În cele din urmă, du-te la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.
Setați culoarea de umplere la R = 239 G = 145 B = 72, alegeți Instrumentul dreptunghiului, creaza un nou 235 x 45 px formați-o și plasați-o exact așa cum se arată în imaginea de mai jos. Deplasați-vă la straturi panou, dublu click pe acest nou dreptunghi și îl redenumiți "textfield".
Asigurați-vă că acesta rămâne selectat și că focalizați pe Aspect panou. Selectați umplerea existentă și mergeți la Efect> Stylize> Glow Inner. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Efect> Stylize> Drop Shadow. Introduceți atributele afișate mai jos și faceți clic pe O.K.
Asigurați-vă că "textfield"dreptunghiul rămâne selectat, se concentrează pe Aspect selectați cursa și setați culoarea la negru. Deschide Accident vascular cerebral panou flyout pentru acest nou accident vascular cerebral, setați Greutate la 1px și verificați Aliniați Accident vascular cerebral la interior apoi deschideți Transparenţă ieșiți din panou, coborâți Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.
Reveniți la Aspect panou, asigurați-vă că este selectată întreaga cale și căutați Efect> Stylă> Colțuri rotunjite. Introduceți a 22,5px Radius și faceți clic pe O.K. În final, forma ta ar trebui să arate ca în imaginea următoare.
Setați culoarea de umplere la R = 255 G = 198 B = 95, alegeți Instrument de elipsă (L), creeaza o 15px cerc și plasați-o exact așa cum se arată în imaginea următoare. Deplasați-vă la straturi panou, dublu click pe această nouă formă și redenumiți-o "xButton".
Asigurați-vă că "xButton"forma rămâne selectată și se concentrează pe Aspect panou. Selectați umplerea existentă, micșorați-o Opacitate la 70% și du-te la Efect> Stylă> Strălucire exterioară. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.
Asigurați-vă că "xButton"cercul rămâne selectat, se concentrează pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, setați culoarea la R = 232 G = 125 B = 58 și du-te la Efect> Conversia în formă> Dreptunghi. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Efect> Distortare & Transformare> Transformare. Pur și simplu introduceți a 45 de grade unghi și clic O.K.
Asigurați-vă că "xButton"cercul rămâne selectat, se concentrează pe Aspect panou, selectați umplutura de sus și pur și simplu o duplicați folosind Duplicați articolul selectat (indicat de cercul albastru din imaginea următoare). Concentrați-vă pe noua dvs. umplere, deschideți existența Transforma efect și înlocuiți-l 45 de grade unghi cu a 135 de grade unghi. În final lucrurile ar trebui să arate ca în imaginea următoare.
Asigurați-vă că "xButton"cercul rămâne selectat, se concentrează pe Aspect selectați cursa și setați culoarea la negru. Deschide Accident vascular cerebral panou flyout pentru acest nou accident vascular cerebral, setați Greutate la 1px și verificați Aliniați accident vascular cerebral în afară apoi deschideți Transparenţă ieșiți din panou, coborâți Opacitate la 10% și schimbați Mod de amestecare la Lumina slaba.
În cele din urmă, puteți adăuga o adresă de e-mail simplă în câmpul de text respectiv. Alegeți Instrumentul tip (T), faceți clic pe tabloul de bord, adăugați adresa și setați culoarea la R = 139 G = 94 B = 60. Din nou, utilizați fontul "Calibri", setați dimensiunea la 15px apoi du-te la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în următorul clic pe imagine O.K și ați terminat.
Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.
Accentsconagua