Photoshopто веб-сайттын макетин түзсөң болот, ага ылайык ал HTML форматында түзүлгөн. Бул процесс салыштырмалуу жөнөкөй.
Зарыл
Adobe Photoshop программасы
Нускамалар
1 кадам
Photoshop программасын ачып, анда 1020 x 1200 сүрөт документин түзүңүз. Фон түсүн # a8a995 кылып коюңуз. Эгерде сайт компанияга арналган болсо, анда анын логотибин навигация тилкесинин сол жагына жайгаштырсаңыз болот. Сайтты багыттоо үчүн шилтемелер үчүн оң жакта бош орун калтырыңыз.
2-кадам
Тик бурчтук куралын алып, сайттагы навигация тилкесинде 80ден 54кө чейин тик бурчтук түзүңүз. Бул сайттын навигациясындагы активдүү меню пунктун көрсөтөт.
3-кадам
Layer-Layer Style менюсунан өтүңүз, Color Overlay (Түстөрдү каптоо) кутучасын, # ADAE9E color, Opacity - 100%, and Stroke checkbox, Size - 1 px, Position - Outide, Opacity - 100%, color # CED0BB.
4-кадам
Сизде бар тик бурчтуктун үстүнө дагы 71x50 сүрөт кошуп, аны # cfbe28 менен боёңуз. Layer-Layer Style менюсуна өтүп, ушул тик бурчтук үчүн төмөнкү параметрлерди коюңуз: Көлөкө түшүрүү: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Расстояние - 1, Spread - 0, Size - 5; Ички көлөкө: аралаштыруу режими - көбөйтүү, түстүү # 000000, тунуктук - 27%, бурч - 90, аралык - 1, муунтуу - 0, көлөм - 18; Штрих: Өлчөмү - 1, Кызматы - Сырты, тунук эместиги - 100, Толтуруу түрү - Түс, Түсү # D6C72C.
5-кадам
Багыттоо тилкесинде жайгашкан шилтемелерге көлөкө кошуңуз. Ал үчүн ушул шилтемелердин тексти менен катмарды тандап, Layer-Layer Style менюсуна өтүп, төмөнкү параметрлерди коюңуз: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Расстояние - 1, Spread - 0, Size - 1. Шилтемелердин текстин камтыган ар бир катмар үчүн ушул кадамдарды кайталаңыз.
6-кадам
Эми шаблондун кириш бөлүгүн жасаш керек. Тик бурч куралын тандап, логотиптин астына төрт бурчтук жасап, ак менен толтуруңуз, тунук эместигин 20% га чейин түшүрүңүз.
7-кадам
Эллипс куралын тандап, ушул тик бурчтуктун астына овал жасаңыз. Filter> Blur> Gaussian Blur бөлүмүнө өтүп, Radius 7, 8ге коюңуз.
8-кадам
Тик бурчтуу Marque куралын алып, тик бурчтуктун төмөнкү бөлүгүн жана бүдөмүк овалды тандаңыз. Аны жок кылыңыз.
9-кадам
Андан кийин, текстти тик бурчтук баскычына киргизиңиз. Түздөн-түз анын жогору жагында төмөнкү параметрлер менен сызык түзүңүз: 866 1 сүрөт.
