Photoshop-та веб-сайтты қалай жасауға болады

Мазмұны:

Photoshop-та веб-сайтты қалай жасауға болады
Photoshop-та веб-сайтты қалай жасауға болады
Anonim

Photoshop-та сіз веб-сайттың макетін жасай аласыз, оған сәйкес ол HTML түрінде жасалған. Бұл процесс салыстырмалы түрде қарапайым.

Photoshop-та веб-сайтты қалай жасауға болады
Photoshop-та веб-сайтты қалай жасауға болады

Қажетті

Adobe Photoshop бағдарламасы

Нұсқаулық

1-қадам

Photoshop бағдарламасын ашып, оған 1020 x 1200 пик құжат жасаңыз. Фон түсін # a8a995 етіп орнатыңыз. Егер сайт компанияға арналған болса, онда сіз оның логотипін навигациялық жолақтың жоғарғы сол жағына орналастыра аласыз. Сайтта шарлау үшін оң жақта бос орын қалдырыңыз.

2-қадам

Тіктөртбұрыш құралын алып, сайттың шарлау тақтасында 80-ден 54-ке дейінгі суретке тіктөртбұрыш жасаңыз. Бұл сайттың навигациясындағы белсенді мәзір пунктін көрсетеді.

3-қадам

Layer-Layer Style мәзіріне өтіп, Түсті қабаттастыру құсбелгісін қойыңыз, түсі # ADAE9E, Ашықтығы - 100%, ал Штрих құсбелгісі, Өлшемі - 1 дана, Орны - Сыртта, Ашықтығы - 100%, түсі # 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-қадам

Эллипс құралын таңдап, осы тіктөртбұрыштың астына сопақ жасаңыз. Сүзгі> Бұлыңғырлау> Гаусс бұлдырлығы тармағына өтіп, Радиусты 7, 8 етіп орнатыңыз.

8-қадам

Тік бұрышты марка құралын алып, тіктөртбұрыштың төменгі бөлігін және бұлыңғыр сопақшасын таңдаңыз. Жойыңыз.

9-қадам

Осыдан кейін мәтінді тіктөртбұрыш батырмасына енгізіңіз. Төменде келесі параметрлермен сызық жасаңыз: 866 бойынша 1 сурет.

Ұсынылған: