Модульная сетка в Photoshop.

Модульная сетка в PhotoshopПри создании макета сайта важно точное размещение его элементов относительно друг друга. Для этого удобно использовать вспомогательные возможности программы Photoshop: использование модульной сетки, линеек и направляющих. В этой статье рассмотрим применение линеек и модульной сетки в Photoshop.

Чтобы в окне программы появились линейки, нужно выполнить команды: Просмотр — Линейки (Ctrl + R). В скобках указаны сочетания клавиш, дублирующих эту команду. Линейки могут быть проградуированы в различных единицах: пикс., см, мм, дюйм… Чтобы настроить единицы, открываем окно настроек: Редактирование — Установки — Единицы измерения и линейки

Настройка единиц измерения

Но гораздо удобнее это сделать другим способом. Нужно просто щелкнуть правой кнопкой мыши (ПКМ) на линейке и из контекстного меню выбрать нужные единицы.

Выбор единиц из контекстного меню

При создании макета web-страницы лучше всего размеры измерять в пикселях.

Теперь о модульной сетке в Photoshop. Чтобы ее показать, выполним команды: Просмотр — Показать  — Сетку (Ctrl + ‘).

Отображение модульной сетки

Шаг сетки можно настраивать: Редактирование — Установки — Направляющие, Сетка и Фрагменты

Настройка сетки

Используя сетку, вы можете размещать отдельные блоки вашего макета точно по линиям.

Блоки макета

Еще одна маленькая, но очень удобная особенность программы Photoshop. Если вы работаете с сеткой и рисуете прямоугольные фигуры, то курсор как бы «прилипает» к линиям сетки. Это дает возможность делать блоки с точными размерами. Впрочем, эту привязку можно отключить:

Откие привязкилючен

И еще одна тонкость. По умолчанию, начало координат находится в левом верхнем углу листа. Но мы можем его передвинуть в любую удобную нам точку. Для этого поставьте указатель мыши в квадратик, в котором соединяются линейки, и протащите его в нужную точку.

Изменение начала координат

Чтобы вернуть начало координат в исходную точку, сделайте двойной щелчок в этом же квадратике.

Теперь вы можете использовать модульную сетку в Photoshop  в своей работе над макетом сайта.

А как сделать, чтобы сайт приносил доход, вы сможете узнать, вступив в ПКП.


Bubble Sky

Пузырчатое небо ждет вас в новой Bubble Sky. Да, это красиво, но все же не так уж практично. Все эти пузырики мешают свету падать на землю, что затрудняет жизнь людей днем. Вам нужно будет постараться избавиться от всех пузырей. Как? Просто стреляйте шариком так, чтобы соприкоснулось три или более шариков. Лишь после этого они смогут лопнуть. Очистим небо, вперед!

Еще советую почитать по этой теме:

Как сделать работу в Фотошопе быстрее и удобнее
Здравствуйте, уважаемые читатели блога! В этой статье я хочу написать о некоторых настройках Фотошопа, которые позволят сделать работу с программой более приятной, легкой и комфортной. Программа ...
Оптимизация изображений в форматах GIF и PNG.
Итак, нам осталось рассмотреть, как выполняется оптимизация изображений в двух форматах: GIF и PNG. Но, если открыть меню выбора формата, можно заметить, что формат ...
Создание тени в Фотошоп
Один из важнейших элементов дизайна, придающий объекту глубину и объем – светотень. Она возникает при освещении предмета различными источниками света, направленными под разными углами. ...
Отражение в Photoshop
Дизайн сайта имеет большое значение для увеличения его посещаемости. Красивый сайт приятно просматривать, хочется прийти на него еще раз. В современном дизайне преобладает стиль ...
Уроки Photoshop. Направляющие.
В прошлой статье был урок Photoshop по применению линеек и модульной сетки для создания макета сайта. А сейчас разберемся  с еще одним очень полезным инструментом ...
Очень плохоПлохоСреднеХорошоОтлично (голосов: 1 в среднем: 5,00 из 5)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *