Создание дизайна сайта в Photoshop

Автор Liza Merichenko
Создание дизайна сайта в Photoshop

Всем привет.

С вами. Елизавета и мы сегодня с вами сделаем макет главной страницы вот в таком ярком варианте сейчас увидите результат того, что у нас получится. В конце нашего урока.

Поэтому чтобы вам было понятно мы с вами начнем с самого начала создания рабочего макета для этого я зайду создать выбирая ширину 1280 пикселей макет для сайта будет и высотой 720 пикселей — это как — это будет первый экран Kay первое рабочее поле белое на фоне и частное будет для того чтобы продолжить работу над макетом дизайна сайта.

Нам нужно будет с вами расставить модульную сетку в принципе модульную сетку можно создавать разными путями можно скачивать плагины можно скачивать с сайта 960.gs уже готовые сетки я чаще всего предпочитают создавать сетку под себя под своей макеты вручную и сейчас вы увидите как я — это делаю инструмент треугольник из сдаёшь колонку с шириной 180 пикселей высота необязательно самое главное ширина всё колонка есть всего у меня в макете будет шесть колонок. То есть я выбираю 6 колоночная моды сетку дальше. Мне нужно размножить мои колонки сделать их или на 6 штук для этого я нажимаю и протягиваю из моих прямоугольников клонированные скопированный вот такие колонки 123 456 6 штук смотреть сейчас я применю, а ещё один такой лайфхак он будет для вас очень полезно потому, что они все они сразу знают все свои колонки и самую первую колонку привыкая к левой границы чтобы она была пиксель пиксель очень ровно дальше выбираю последнюю колонку и точно так же её замыкаю уже к правый границы мы его мать.

0 комментариев
0

Читайте также