Ինչպես նկարել կոճակները կայքի համար

Բովանդակություն:

Ինչպես նկարել կոճակները կայքի համար
Ինչպես նկարել կոճակները կայքի համար

Video: Ինչպես նկարել կոճակները կայքի համար

Video: Ինչպես նկարել կոճակները կայքի համար
Video: Ինչպես նկարել խելոք կոալա, խելոք կենդանու նկարչություն 2024, Մայիս
Anonim

Օգտագործողի համար հարմար ինտերֆեյս, լավ գծագրված գրաֆիկա, էջում առկա տարրերի ճիշտ դասավորում - կայքի հաջողության կեսը այցելուի հետ: Կայքի համար կոճակները նկարելը առցանց նախագծի վրա աշխատելու փոքր, բայց կարևոր մասն է:

Ինչպես նկարել կոճակները կայքի համար
Ինչպես նկարել կոճակները կայքի համար

Հրահանգներ

Քայլ 1

Փորձեք կլոր կոճակ նկարել: Ստորև բերված մեթոդը համընդհանուր է նաև լոգոներ և Անձնանշաններ ստեղծելու համար: Այն նկարելը դժվար չէ, չնայած գործողությունների քանակին, որոնք դուք պետք է կատարեք:

Քայլ 2

Բացեք Adobe Photoshop- ը: Ստեղծեք նոր փաստաթուղթ ՝ սեղմելով «Ctrl + N» համադրությունը: Պատկերի պարամետրեր 300 * 300, թույլատրելիություն 72 ppi: Նախնական ֆոնն ու գունային ռեժիմը համապատասխանաբար սպիտակ և RGB են:

Քայլ 3

Լավագույնն է նկարել վեկտորներով, որպեսզի երբ կոճակը նվազի, դրա որակը չվատանա: Ընտրեք Օվալ գործիքը, պահեք Shift- ը և կենտրոնից շրջան կազմեք:

Քայլ 4

Այժմ կիրառեք որոշ էֆեկտներ ստացված շրջանակի վրա: Անցեք «Շերտեր» - «Շերտերի ոճ» - «Խառնուրդի ընտրանքներ» ընտրացանկին: Այստեղ դուք պետք է կիրառեք գրադիենտ:

Քայլ 5

Հաջորդը, այստեղ, նշեք «Դաջվածքների» կողքին գտնվող վանդակը ՝ կոճակին անհրաժեշտ բութը տալու համար և սահմանեք հետևյալ պարամետրերը. Ոճ - ուրվագծերի դաջում, եղանակ - փափուկ կտրվածք, խորություն - 220%, չափ - 1 պիքսել, փափկեցում - 5 պիքսել, անկյունը `135 ° առանց գլոբալ լուսավորության, բարձրությունը` 32, լուսավորության ռեժիմը `նորմալ` 30% անթափանցիկությամբ, ստվերային ռեժիմը `բազմապատկել 25% անթափանցիկությամբ

Քայլ 6

Էլ ավելի մեծ ծավալ հաղորդելու համար, այստեղ ՝ խառնուրդի պարամետրերում, նշեք «Ստվեր» վանդակը և սահմանեք հետևյալ պարամետրերը. Խառնուրդի ռեժիմ ՝ բազմապատկում, թափանցիկություն ՝ 40%, անկյուն ՝ 125 օ, օգտագործելով գլոբալ լուսավորություն, օֆսեթ ՝ 5 պիքսել, չափը ՝ 20 պիքսել,

Քայլ 7

Կատարված գործողությունների արդյունքը կլինի այնպիսի պատկեր, ինչպիսին ցույց է տրված նկարում:

Քայլ 8

Այժմ ստեղծեք նոր շերտ, կրկին ընտրեք «Օվալ» -ը և նկարեք ավելի փոքր շառավղով շրջան, քան առաջին ձևը: Բացեք «Խառնուրդի ընտրանքները», նշեք «Ներքին ստվերի» կողքին գտնվող վանդակը և սահմանեք պարամետրերը. Միաձուլման ռեժիմ - Փափուկ լույս, Անկյուն - 125 օ, Օֆսեթ - 0 հատ, Նեղացում - 45%, Չափ ՝ 21 հատ:

Քայլ 9

Հաջորդը, այստեղ ՝ խառնուրդի ընտրանքներում, ստուգեք «Գրադիենտային ծածկույթ» -ը և ստեղծեք գրադիենտ պարամետրերով, ինչպես նկարում: Սեղմեք OK

Քայլ 10

Հաջորդը սահմանեք Blending Style- ը Radial, սանդղակը ՝ 124%

Քայլ 11

Այժմ ստուգեք «Կաթված» վանդակը և սահմանեք հետևյալ պարամետրերը. Չափը ՝ 5 պիքսել, դիրքը ՝ դրսում, խառնուրդի ռեժիմը ՝ նորմալ, անթափանցությունը ՝ 100%, հարվածի տեսակը ՝ գրադիեն:

Քայլ 12

Այս գործողությունների արդյունքում դուք պետք է ստանաք մի բան, որն ավելի շատ կոճակի է նման: Կարող եք վերաբացել խառնուրդի ընտրանքները և փորձեր կատարել դրանց հետ:

Քայլ 13

Այժմ մենք պետք է ավելացնենք շեշտադրումների կոճակները, որպեսզի կոճակը ստանա ապակու հյուսվածք: Դա անելու համար նորից ստեղծեք նոր շերտ, ընտրեք Oval Selection գործիքը, կոճակի վերևում ստեղծեք օվալ և լրացրեք այն սպիտակով ՝ Fill գործիքի միջոցով: Պահեք Ctrl- ը, կտտացրեք գունավոր շրջանակով շերտին, շրջեք ընտրությունը («Ընտրություն» - «Հակադարձում»): Այժմ սեղմեք Deleteնջել: Օվալը պետք է կտրված լինի շրջանի պարագծի շուրջ:

Քայլ 14

Շերտերի վահանակում Նորմալ տարբերակը փոխեք Soft Light- ի, ապա կտտացրեք վեկտորի դիմակի պատկերակին և ընտրեք Fill Tool - Gradient: Լրացրեք ընդգծումը ներքևից վերև: Կոճակը գրեթե պատրաստ է:

Քայլ 15

Կոճակին կարող եք մակագրություն ավելացնել: Կարող եք նաև դրա վրա կիրառել խառնուրդի էֆեկտներ, ինչպիսիք են ներքին, արտաքին փայլը, գրադիենը և այլն: Մի վախեցեք փորձարկել, որքան շատ երեւակայություն եք օգտագործում ձեր աշխատանքում, այնքան ավելի արագ եք տիրապետելու ինչպես խմբագրին, այնպես էլ վեբ ձևավորմանը:

Խորհուրդ ենք տալիս: