Hindi napakahirap lumikha ng isang template ng website sa Photoshop. Ang template ay may kasamang mga menu, mga form sa paghahanap, graphics, marahil ilang teksto halimbawa. Ang site mismo ay mai-program sa batayan nito.
Panuto
Hakbang 1
Simulang paghubog ng iyong template ng site sa Photoshop sa pamamagitan ng paglikha ng isang bagong dokumento na may sukat na 1020 ng 1020 pic. Gawing puti ang background. Itakda ang harapan na kulay sa # c5e0dd at ang kulay ng background sa # ece5cf.
Hakbang 2
Kunin ang Gradient tool at piliin ang unang uri ng pagpuno sa panel ng mga setting nito. Mag-drag ng isang gradient line sa puting patlang mula sa itaas hanggang sa ibaba.
Hakbang 3
Grab ang tool ng Teksto, isulat ang pamagat ng iyong site sa kanang sulok sa itaas upang pumila ito kasama ang form sa paghahanap, na makikita sa kaliwang sulok sa itaas. Itakda ang laki ng font, halimbawa, 12.
Hakbang 4
Upang likhain ang hugis ng paghahanap, piliin ang Rectangle tool at iguhit ang isang puting rektanggulo sa kanang sulok sa itaas. Ilapat ang mga sumusunod na setting ng layer: Inner Shadow - Blend Mode - Multiply, Kulay - # a2b7b1, Opacity - 43, Angle - 90, Distansya - 0, Choke - 0, Sukat - 10.
Hakbang 5
Gamitin ang tool na Teksto upang makagawa ng isang malambot na teksto sa loob ng hugis na ito.
Hakbang 6
Piliin ang Rounded Rectangle Tool at gumawa ng isang pindutan sa loob ng hugis ng paghahanap sa kanang hangganan. Ilapat ang mga sumusunod na istilo ng layer: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient mula sa madilim hanggang sa ilaw (mga kulay mula # 754f39 hanggang # a1704f), Estilo - Linear, Angle - 90, Scale - 59.
Hakbang 7
Gamitin ang tool sa Teksto upang isulat ang "go" o isang bagay na tulad nito sa pindutang ito.
Hakbang 8
Upang likhain ang nabigasyon, kunin ang Rounded Rectangle Tool at iguhit ang isang mahabang rektanggulo sa ibaba ng pamagat at hugis ng paghahanap. Ilapat ang mga sumusunod na istilo ng layer: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient mula sa madilim hanggang sa ilaw (mga kulay mula sa # 76503e hanggang # a46ecd), Estilo - Linear, Angle - 90, Scale - 59; Structure ng Stroke - 1, Posisyon - Sa Loob, Blend Mode - Normal, Opacity - 100, Uri ng Punan - Kulay, Kulay # 9F6038.
Hakbang 9
Kunin ang Rounded Rectangle Tool at iguhit ang isang maliit na rektanggulo sa kaliwang bahagi ng navigation bar. Ilapat ang mga sumusunod na istilo ng layer: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Angle - 90, Distance - 1, Choke - 0, Sukat - 8; Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient mula sa madilim hanggang sa ilaw (mga kulay mula sa # 76503c hanggang # a46e4d), Estilo - Linear, Angle - 90, Scale - 59; Stroke - Istraktura - 1, Posisyon - Sa Loob, Blend Mode - Normal, Opacity - 100, Uri ng Punan - Kulay, Kulay # 8f6347.
Hakbang 10
Magdagdag ng mga label sa navigation bar.
