Կայքերի նախագծման ժամանակ հաճախ օգտագործվում են եռաչափ նավիգացիոն տարրեր: Նման կոճակները կարելի է պատրաստել Photoshop- ի գրաֆիկական խմբագրում ՝ ստվերի և գրադիենտ լրացման միջոցով ձայնի նմանեցում:
Անհրաժեշտ է
Photoshop ծրագիր:
Հրահանգներ
Քայլ 1
Ստեղծեք նոր փաստաթուղթ գրաֆիկական խմբագրում `օգտագործելով Ֆայլերի ցանկի Նոր տարբերակը: Ընտրեք նոր փաստաթղթի չափը `կոճակին տեղավորելու համար, և ֆոնը դարձնել թափանցիկ:
Քայլ 2
Ակտիվացրեք կլորացված ուղղանկյան գործիքը: Եթե ցանկանում եք մի փոքր կլորացված կոճակ, Գործիքների ընտրանքների շարքում, շառավիղը դրեք մեկ միլիմետր: Ընտրված գործիքի միջոցով նկարեք կլորացված ուղղանկյուն: Արդյունքում ստացված ձևը հիմք կդառնա կոճակի համար:
Քայլ 3
Աջ կտտացրեք շերտի վրա և ընտրեք Rasterize Layer տարբերակը: Ընտրությունը բեռնեք Load Selection ընտրանքով Ընտրել ընտրացանկից:
Քայլ 4
Օգտագործեք Գրադիենտ գործիք ՝ կոճակը երկգույն գրադիենտով լրացնելու համար ՝ գրադիենտ ներկապնակի նախադրյալներից ընտրելով գույների հարմար համադրություն: Գրադիենտ ոճը պետք է լինի գծային, ընտրեք այն ՝ կտտացնելով հիմնական ընտրացանկի տակ գտնվող Գծավոր գրադիենտ կոճակին: Լրացնելուց հետո կոճակի վերին մասը պետք է ավելի թեթեւ լինի, քան ստորինը:
Քայլ 5
Կիրառեք ոճը շերտին: Դա անելու համար օգտագործեք Blending Options տարբերակը համատեքստային ընտրացանկից: Ընտրեք Drop Shadow ներդիրը և Անկյուն պարամետրի համար մուտքագրեք հարյուր քսան աստիճանի արժեք: Չափի պարամետրը սահմանեք երեք պիքսել:
Քայլ 6
Ներքին ստվերում ներդիրում տեղադրեք նույն արժեքը Անկյուն պարամետրի համար, իսկ Չափի համար արժեքը սահմանեք հինգ պիքսել: Կիրառեք ոճը ՝ սեղմելով Enter ստեղնը:
Քայլ 7
Կոճակի համար ստվեր պատրաստեք: Դա անելու համար կտտացրեք Ստեղծեք նոր շերտ կոճակին և լրացրեք նոր շերտի ընտրված տարածքը սեւով: Դրա համար ընտրեք Paint Bucket Tool- ը: Ապանշել Ctrl + D- ի հետ:
Քայլ 8
Կիրառեք Gaussian Blur ֆիլտրը Filter ընտրացանկի Blur խմբից դեպի սեւ ուղղանկյունը: Սահմանեք շառավիղը չորս պիքսել: Քաշեք ստվերային շերտը կոճակի շերտի տակ և բարձրացրեք ստվերը երեք-չորս պիքսել վերև: Դա անելու համար ակտիվացրեք Move Tool- ը և կուրսորի կոճակներով տեղափոխեք ստվերը: Նվազեցրեք այս շերտի անթափանցիկությունը վաթսուն տոկոսի սահմաններում:
Քայլ 9
Կոճակով կատարեք ակտիվ շերտը և դրանից ընտրություն բեռնեք: Նվազեցրեք ընտրությունը երկու պիքսելով `օգտագործելով« Պայմանագիր »տարբերակը« Ընտրություն »ընտրացանկի« Փոփոխել »խմբից:
Քայլ 10
Ստեղծեք նոր շերտ և արդյունքում ստացված ընտրությունը լրացրեք սպիտակից թափանցիկ գծային գրադիենտով, որպեսզի սպիտակ մասը լինի կոճակի ներքևում: Ապանշել ընտրությունը: Օգտագործելով Խմբագրել ընտրացանկից Free Transform տարբերակը, ուղղահայաց նվազեցրեք գրադիենով ծածկված տարածքը: Կիրառեք վերափոխումը Enter ստեղնով:
Քայլ 11
Փոխեք գրադիենտ շերտի Blend Mode- ը Overlay: Դա կարելի է անել ՝ ոճերի ներկապնակի ձախ կողմում գտնվող բացվող ցուցակից ռեժիմ ընտրելով: Նվազեցրեք շերտի թափանցիկությունը վաթսուն տոկոս:
Քայլ 12
Հորիզոնական տիպի գործիքի միջոցով գրեք այն տեքստը, որը պետք է լինի կոճակի վրա:
Քայլ 13
Հավաքեք բոլոր շերտերը թղթապանակի մեջ, օգտագործելով Group Layers ընտրանքը Layer ընտրացանկից, ընտրելով դրանք Ctrl ստեղնը պահելով: Կոճակը պահեք psd ֆայլում ՝ օգտագործելով Save տարբերակը ՝ File ընտրացանկից:
