Photoshop- ում դուք կարող եք կատարել կայքի դասավորություն, ըստ որի այն արդեն ստեղծվել է html- ով: Այս գործընթացը համեմատաբար պարզ է:
Անհրաժեշտ է
Adobe Photoshop ծրագիր
Հրահանգներ
Քայլ 1
Բացեք Photoshop- ը և դրանում ստեղծեք 1020 x 1200 լուսանկարների փաստաթուղթ: Ֆոնի գույնը դրեք # a8a995: Եթե կայքը նվիրված է ընկերությանը, ապա նավիգացիայի գոտում վերևի ձախ մասում կարող եք տեղադրել դրա լոգոն: Կայքում նավարկելու համար աջ կողմում մի տեղ թողեք:
Քայլ 2
Վերցրեք ուղղանկյան գործիքը և կայքի նավիգացիոն գոտում ստեղծեք 80-ով 54-ի պատկերներով ուղղանկյուն: Դա կայքի նավարկության մեջ ցույց կտա ընտրացանկի ակտիվ կետը:
Քայլ 3
Գնացեք Layer-Layer Style ընտրացանկում, նշեք Color Overlay վանդակը, գույնը # ADAE9E, Անթափանցիկությունը ՝ 100%, և Stroke վանդակը, Չափը ՝ 1 px, Դիրքը ՝ դրսից, Անթափանցիկությունը ՝ 100%, գույնը # CED0BB:
Քայլ 4
Արդեն ունեք ձեր ուղղանկյունի գագաթին, ավելացրեք ևս 71x50 պատկեր, ներկեք այն # cfbe28: Գնացեք Layer-Layer Style ընտրացանկում, այս ուղղանկյան համար սահմանեք հետևյալ պարամետրերը. Drope Shadow: Blend Mode - Multiply, գույն # 000000, Անթափանցիկություն - 27%, Անկյուն - 90, Հեռավորություն - 1, Spread - 0, Չափ - 5; Ներքին ստվեր. Խառնուրդի ռեժիմ - Բազմապատկել, գույն # 000000, անթափանցություն - 27%, անկյուն - 90, հեռավորություն - 1, խեղդում - 0, չափ - 18; Կաթված. Չափը ՝ 1, դիրքը ՝ դրսում, թափանցիկությունը ՝ 100, լրացնելու տեսակը ՝ գույնը, գույնը # D6C72C:
Քայլ 5
Նավիգացիոն գոտում տեղակայված հղումների համար ստվեր ավելացրեք: Դա անելու համար ընտրեք շերտը այս հղումների տեքստով, անցեք Layer-Layer Style ընտրացանկը և սահմանեք հետևյալ պարամետրերը. Drope Shadow: Blend Mode - Multiply, գույն # 000000, Անթափանցիկություն - 75%, Անկյուն - 90, Հեռավորություն - 1, տարածում - 0, չափ - 1. Կրկնել այս քայլերը յուրաքանչյուր շերտի համար, որը կպարունակի հղումների տեքստը:
Քայլ 6
Այժմ դուք պետք է կազմեք կաղապարի ներածական մասը: Ընտրեք Ուղղանկյունի Գործիքը և լոգոյի տակ պատրաստեք ուղղանկյուն, լրացրեք այն սպիտակով, նվազեցրեք անթափանցիկությունը մինչև 20%:
Քայլ 7
Ընտրեք Ellipse Tool- ը և այս ուղղանկյան տակ օվալ պատրաստեք: Անցեք Filter> Blur> Gaussian Blur և սահմանեք Radius- ը 7, 8:
Քայլ 8
Վերցրեք ուղղանկյուն մարկետի գործիքը և ընտրեք ուղղանկյան ներքևի մասը և պղտոր օվալը: Նջեք այն:
Քայլ 9
Դրանից հետո տեքստը մուտքագրեք ուղղանկյան կոճակի մեջ: Ստեղծեք դրա ուղիղ մի տող հետևյալ պարամետրերով ՝ 866-ը 1 նկ.
