Photoshop- ում կայքի ձևանմուշ ստեղծելը շատ դժվար չէ: Կաղապարն ընդգրկում է ընտրացանկեր, որոնման ձևեր, գրաֆիկա, գուցե ինչ-որ տեքստ, օրինակ: Կայքն ինքնին արդեն ծրագրավորված կլինի դրա հիման վրա:
Հրահանգներ
Քայլ 1
Սկսեք ձևավորել ձեր կայքի ձևանմուշը Photoshop- ում ՝ ստեղծելով նոր փաստաթուղթ 1020-ից 1020 չափսի նկարով: Ֆոնը դարձնել սպիտակ: Նախագծի գույնը սահմանեք # c5e0dd, իսկ ֆոնի գույնը ՝ # ece5cf:
Քայլ 2
Վերցրեք Gradient գործիքը և դրա պարամետրերի վահանակում ընտրեք լրացման առաջին տեսակը: Քաշեք գրադիենտ գիծը սպիտակ դաշտից վերևից ներքև:
Քայլ 3
Բռնեք Text գործիքը, գրեք ձեր կայքի վերնամասը վերևի աջ անկյունում այնպես, որ այն շարվի որոնման ձևի հետ, որը տեղակայված կլինի վերևի ձախ անկյունում: Սահմանեք տառատեսակի չափը, օրինակ `12:
Քայլ 4
Որոնման ձևը ստեղծելու համար ընտրեք Ուղղանկյուն գործիքը և վերին աջ անկյունում նկարեք սպիտակ ուղղանկյուն: Կիրառեք հետևյալ շերտի պարամետրերը. Ներքին ստվեր - Միաձուլման ռեժիմ - Բազմապատկել, Գույն - # a2b7b1, Անթափանցիկություն - 43, Անկյուն - 90, Հեռավորություն - 0, Խեղդում - 0, Չափ - 10:
Քայլ 5
Օգտագործեք Text գործիք ՝ այս ձևի մեջ փափուկ տեքստ պատրաստելու համար:
Քայլ 6
Ընտրեք կլորացված ուղղանկյան գործիքը և կոճակ ստեղծեք որոնման ձևի ներսում ՝ իր աջ եզրին: Կիրառեք հետևյալ շերտի ոճերը. Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (գույները # 754f39- ից # a1704f), Style - Linear, Անկյուն - 90, Scale - 59:
Քայլ 7
Այս կոճակի վրա «գնա» կամ նման բան գրելու համար օգտագործեք «Տեքստ» գործիքը:
Քայլ 8
Նավիգացիա ստեղծելու համար վերցրեք կլորացված ուղղանկյան գործիքը և վերնագրի ներքևից երկար ուղղանկյուն նկարիր և որոնման ձև: Կիրառեք հետևյալ շերտի ոճերը. Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (գույները # 76503e- ից # a46ecd), Style - Linear, Angle - 90, Scale - 59; Կաթվածի կառուցվածքը `1, դիրքը` ներսում, խառնուրդի ռեժիմը `նորմալ, անթափանցիկությունը` 100, լրացնելու տեսակը `գույնը, գույնը # 9F6038:
Քայլ 9
Վերցրեք կլորացված ուղղանկյան գործիքը և նավիգացիոն գծի ձախ կողմում նկարեք մի փոքր ուղղանկյուն: Կիրառեք հետևյալ շերտի ոճերը. Ներքին ստվեր - Միաձուլման ռեժիմ - Բազմապատկել, Անթափանցիկություն - 75, Անկյուն - 90, Հեռավորություն - 1, Խեղդում - 0, Չափ - 8; Գրադիենտ ծածկույթ - խառնուրդի ռեժիմ - նորմալ, անթափանցիկություն - 100, գրադիենտ մութից բաց (գույները # 76503c- ից # a46e4d), ոճ - գծային, անկյուն - 90, մասշտաբ ՝ 59; Կաթված - Կառուցվածք - 1, Դիրք - Ներսում, Խառնուրդի ռեժիմ - Նորմալ, Անթափանցիկություն - 100, Լրացնել տեսակը - Գույն, Գույն # 8f6347:
Քայլ 10
Նավիգացիոն գոտում պիտակներ ավելացրեք:
