Веб-дизайн в фотошоп, создание модульной сетки для макета сайта в Adobe Photoshop

• Видео посвящено созданию модульной сетки в программе Photoshop для создания дизайна сайта.  

• Рассматриваются общие вопросы создания дизайна и примеры готовых шаблонов сайтов.  

• Модульная сетка создает стандарт расположения элементов, поддерживает адаптивный дизайн и эстетику страницы.  

• Сетка позволяет создавать визуальный порядок и легкость восприятия информации на разных устройствах.  

• Параметры сетки могут быть разными для разных случаев, например, для десктопных устройств, ноутбуков, планшетов и мобильных устройств.  

• Важно понимать, какие размеры сетки существуют и как они функционируют.  

• В программе Photoshop создают монтажную область с разрешением 1920x1080 для работы с сайтами.  

• Используют команду "новый макет направляющий" для создания сетки с колонками.  

• Ширина каждого столбца равна 65 пикселей, расстояние между ними - 30 пикселей.  

• Используют инструмент "прямоугольная выделенная область" для создания сетки с прозрачностью 10%.  

• Создают новый слой "грид" для вертикальной сетки и слой "лайнс" для горизонтальных линий.  

• Расстояние между линиями равно 10 пикселям, толщина каждой линии - 1 пиксель.  

• Автор объясняет, как создать модульную сетку в Photoshop, используя столбцы и строки.  

• Он показывает, как можно приблизить область холста для более детального просмотра.  

• Автор объясняет, как объединить слои с горизонтальными линиями и создать сетку с привязкой к направляющим.  

• Он также показывает, как удалить ненужные горизонтальные направляющие и создать новую сетку с вертикальными линиями.  

• Автор объединяет слои и создает группу для удобства работы.  

• Он объясняет, как сохранить файл с расширением PSD для дальнейшей работы.  

• В заключение, автор благодарит зрителей за внимание и обещает продолжить обучение на следующем занятии.