Как открыть сетку в фотошопе cs6. Как сделать сетку в фотошопе. Чтобы отобразить или скрыть направляющие или сетку

Есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.

Сетка помогает вам более точно и симметрично расставить элементы в композиции

По сути, это направляющие линии. Ровная таблица. Она накладывается поверх изображения, но не перекрывает его. С ней легче рассчитать пропорции, увидеть симметрию, правильно поставить отдельные элементы.

В качестве аналогии приведём школьную тетрадь в клетку. В ней строили графики и рисовали геометрические фигуры. На таком листе можно было начертить прямой отрезок без линейки, задать угол в 45 или 90 градусов, не используя транспортира. По ней на глаз определяли, какая длина у стороны прямоугольника, и сколько клеток составляют его площадь. В Фотошопе у таблицы примерно те же функции.

Её можно увидеть только в программе. Она не отобразится при печати. В цифровой версии рисунка клеток тоже не будет. Это не часть изображения, а инструмент для редактирования.

Не стоит путать его и пиксельную сетку. Последнее - это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.

Даже если вам не нужны эти опции, всё равно будет полезно о них узнать. Например, чтобы убрать таблицу, если случайно её активировали.

Как включить?

1. Откройте любой графический файл или создайте новый.
2. В строке меню нажмите на кнопку «Просмотр» («View»). Обычно она находится между «3D» и «Окно».
3. Наведите курсор на пункт «Показать» («Show»).
4. В выпавшем меню кликните на «Сетку» («Grid»). Она появится на слое.
5. Также можно нажать клавиши Ctrl+’ (в русской раскладке Ctrl+Э).

Как настроить?

Можно сделать другой размер клеток (например, чтобы они визуально обозначали отрезки длиной 1 сантиметр), выбрать тип или цвет линий.

1. Откройте меню «Редактирование» на верхней панели.
2. Наведите мышь на пункт «Установки». Он в самом низу списка.
3. Нажмите на «Направляющие, сетка и фрагменты».
4. В открывшемся окне задайте нужный размер ячеек. Это можно сделать в поле «Линия через каждые…». Доступны разные единицы измерений: дюймы, миллиметры, пункты и так далее.
5. В разделе «Стиль» укажите, как должна отображаться сетка: сплошной полосой, пунктирной или точками. Это не столь важно, так как разметка будет видна только при редактировании рисунка.
6. В пункте «Цвет» выберите заливку. Настройку можно использовать, когда таблица сливается с фоном.

Как убрать?

Избавиться от клеток можно в том же меню, через которое их добавляли. Вот как убрать сетку в Фотошопе:

1. Перейдите в Просмотр - Показать.
2. Уберите галочку с соответствующего пункта.
3. Или используйте сочетание клавиш Ctrl+Э.

Пиксельная сетка

Пиксельная сетка заметна только вблизи. Чтоб её увидеть, надо увеличить картинку и изменить масштаб. Но при работе с графикой она может мешать. Вот как её вставить или убрать:

1. Откройте меню Просмотр - Показать.
2. Кликните на «Пиксельная сетка».

Линейки

Ещё один метод измерения в Фотошопе - линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование - Установки - Единицы измерения и линейки.

Таблица полезна при черчении схем. Или для любой другой работы, в которой требуется точность. Но этот инструмент пригодится и вне профессиональной сферы. Ведь во время рисования многое «прикидывается на глаз». Если включить разметку, можно будет ориентироваться на неё. И в итоге получится выверенный, проработанный и красивый рисунок.

Рейтинг статьи :
Проголосовало 9 человек.
Оцените статью : 1 2 3 4 5 6 7 8 9 10

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

В фотошопе сетка по умолчанию представляет собой непечатаемые линии, но, ее также можно настроить в виде точек. Сетка очень полезна для ручного расположения элементов симметрично.

Направляющие и сетка работают, в принципе, по одинаковым принципам и для одинаковых целей: Выделения, границы выделения, а также инструменты для привязки к направляющей или сетке (при перемещении элемента на 8 экранных пикселей). Направляющие в свою очередь также прилипают к сетке при их перемещении. Вы можете либо оставить это по умолчанию, либо выключить такую возможность. Интервал между направляющими, вдоль направляющей и видимой сетки, а также привязки. Специфично для одного открытого изображения. Интервал сетки, то же и для направляющих и для цвета и стиля сетки. Интервал сетки для всех открытых изображений одинаков.

Чтобы отобразить или скрыть направляющие или сетку

Выполните одно из предложенных действий: Меню View > Show > Grid (Вид > Показать > Сетка) Меню View > Show > Guides (Вид > Показать > Направляющие) Меню View > Extras (Меню > Дополнительно). Данная команда также может быть использована для отображения или скрытия: границ выделения, путей (paths), вырезок (slices), заметок. А в ImageReady для: границ выделения, вырезок (slices), границ текста, опорной линии текста и выделенного текста.

Чтобы разместить направляющую

1. Если линейка не отображена, выберите пункт меню View > Rulers (Вид > Линейка). (Заметка: для наиболее аккуратного и красивого просмотра изображения просматривайте изображение в 100% масштабе или используйте палитру Info (Информация).

2. Создайте направляющую одним из способов: Выберите View > New Guide (Вид > Новая направляющая). В диалоговом окне выберите горизонтальную или вертикальную ориентацию, введите позицию и щелкните ОК. Выберите View > Create Guides (Вид > Создать направляющие). В диалоговом окне настройте будущую направляющую и щелкните ОК. Чтобы создать горизонтальную направляющую можно также просто, зажав мышку на горизонтальной линейке, провести вниз-вверх. Зажмите Alt, и, зажав мышку на вертикальной линейке, проведите горизонтальную направляющую. Чтобы создать вертикальную направляющую можно также просто, зажав мышку на вертикальной линейке, провести влево-вправо. Зажмите Alt, и, зажав мышку на горизонтальной линейке, проведите вертикальную направляющую. Зажмите Shift и, зажав мышку на горизонтальной или вертикальной линейке, создайте направляющую, которая прилеплена по умолчанию к краям линейки.

Курсор меняется на этот - при перемещении направляющей.

Чтобы переместить направляющую:

1. Выберите инструмент Move Tool или зажмите Ctrl, чтобы активировать инструмент (Ctrl не работает с инструментами Hand Tool или Slice Tool ).

2. Поместите курсор над направляющей (курсор превратится в двойную стрелку).

3. Для перемещения направляющей: Зажав курсор на направляющей, перемещайте еею Чтобы поменять направляющую с горизонтальной на вертикальную, или наоборот, зажав Alt, кликните на направляющей. Вдоль направляющей, проходящей по краю линейки, зажав Shift, перемещайте направляющую. Направляющая будет прилепляться к сетке, если сетка видна в данный момент, а также включена опция View > Snap To > Grid (Вид > Привязывать к > Сетка).

Чтобы закрепить все направляющие

Выберите меню View > Lock Guides (Вид > Закрепить направляющие).

Чтобы удалить направляющие с изображения

Выполните одно из перечисленного: Чтобы удалить одну направляющую, переместите ее за пределы изображения. Чтобы удалить все направляющие, выберите меню View > Clear Guides (Вид > Удалить направляющие).

Чтобы включить привязку к направляющим или отключить ее:

Выберите меню View > Snap To > Guides (Вид > Привязывать к > Направляющие).

Чтобы включить или отключить привязку к сетке:

Выберите меню View > Snap To > Grid (Вид > Привязывать к > Сетка).

Для того, чтобы настроить опции направляющей или сетки:

1. Выполните одно из перечисленного: Выберите меню Edit > Preferences > Guides, Grid & Slices (Редактировать > Настройки > Направляющие, сетка и слайсы).

2. Цвет. Для сетки, направляющих или вместе взятых. Если вы выберете Custom, щелкните на квадратике с цветом и выберите нужный цвет, щелкните ОК.

3. Стиль. Выберите опцию отображения для направляющей, сетки или вместе взятых.

4. Для Gridline Every выберите значение расстояния между клетками сетки. Для мелких частей (Subdivisions) выберите значение сетки.

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

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

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

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

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

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

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

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

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

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

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

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

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

Bubble Sky

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

05.02.2017 28.01.2018

Привет всем посетителям сайта сайт

В программе фотошоп присутствует прекрасный инструмент, помогающий с точностью до пикселя расположить объекты, нарисовать объекты заданного размера и т.п. Называется этот инструмент Сетка. Зачастую его используют веб дизайнеры, но этот инструмент настолько полезен, что о нем должен знать каждый. Если до сих пор вы не знали, что такое Сетка в фотошопе, как ее включить и как пользоваться - вам этот урок будет весьма кстати.

Стоит отметить, что Сетку не видно при сохранении изображения в форматах jpg, png, gif. Так же Сетка «невидима» при печати. Сетка видна только в самой программе фотошоп или если сохранить изображение в формате PSD или TIFF. Если сохранить изображение в формате PSD или TIFF и передать файл другому человеку, он, открыв файл на своем компьютере, сможет увидеть созданную вами Сетку.

Как включить/выключить Сетку (Grid)

Для начала, как всегда, создаем новый документ в фотошоп (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

По умолчанию вкладка с новым документом будет выглядеть так:

Для того, чтобы включить Сетку , нужно перейти в меню Просмотр — Показать — Сетку (View — Show — Grid ) либо же нажать сочетание клавиш Ctrl + “ («Э» в русской раскладке клавиатуры):

Сетка появилась:

К слову, для того, чтобы выключить Сетку, необходимо проделать те же действия - перейти в меню Просмотр и снять галочку у «Сетки» или же повторно зажать Ctrl + “.

Как настроить Сетку

По умолчанию, Сетка разделена жирными линиями, расстояние между которыми 2 см, в свою очередь эти блоки разделены пунктирными линиями еще на 4 части.

Изменить эти настройки под свои нужды возможно, перейдя в меню Редактирование — Установки — Направляющие , сетка и фрагменты (Edit — Preferences — Guides, Grid & Slices ) либо же нажав сочетание клавиш Ctrl+K и Ctrl+8 .

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

Как использовать Сетку

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

Изменим сантиметры на пиксели и выставим шаг в 50 пикселей:

Активируем инструмент Прямоугольное выделение (Rectangular marquee ), горячая клавиша вызова инструмента - M .

Небольшой совет по использованию сетки в фотошопе:

При работе с Сеткой, а также с Направляющими и слоями, желательно включить функцию Привязка . Когда эта функция активна, создаваемые объекты как бы «прилипают» к линиям Сетки (в нашем случае). Чтобы убедиться, что функция включена, перейдите в меню Просмотр — Показать (View — Show ). Если галочка у «Привязка» не включена, щелкните по этому пункту, чтобы ее поставить.

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

Возвращаемся к уроку

Создаем выделение при помощи инструмента Прямоугольное выделение , отступая на 50 пикселей от краев изображения. Стороны создаваемого прямоугольника «прилипают» к линиям Сетки и не позволяют нам залезть за границы.

Фотошоп обладает рядом инструментов, служащие для точного позиционирования элементов изображения в документе. Например, для того чтобы разместить какой-либо элемент точно по середине, используется и .

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

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

Чтобы включить отображение линеек в фотошопе , выполните команду:

Просмотр — Линейки или горячая клавиша Ctrl+R .

По умолчанию единица измерения — пиксели . Но это можно изменить. Возможны следующие способы как это сделать:

Способ 1

Кликните правой кнопкой мыши по шкале линейки. появится контекстное меню со всеми имеющимися в фотошопе единицами измерения: пиксели, дюймы, сантиметры, миллиметры, пункты, пики и проценты.

Способ 2

Для того, чтобы изменить единицы измерения по умолчанию, то следует перейти в следующие настройки фотошопа: Редактирование — Установки — Единицы измерения и линейки . В открывшемся окне, в самом верху, есть пункт Единицы измерения , а в нем Линейки .

Выберите из выпадающего списка нужный пункт и сохраните. Теперь фотошоп будет использовать по умолчанию именно эту единицу измерения.

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

Примечание

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

Направляющие в фотошопе

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

Направляющие — это голубые вертикальные и горизонтальные линии, помогающие создать разметку в документе фотошопа.

Направляющие относятся к вспомогательным элементам, поэтому их будет не видно, когда вы сохраните изображение. Но зато они остаются в PSD-формате.

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

Примечание

Эффект прилипания в фотошопе называется Привязкой . Она включается и отключается в меню Просмотр — Привязка . Проследите, чтобы галочка стояла.

Отсюда вытекает и вся тактика использования: сначала нужно точно установить направляющую на своем месте. Для этого используется шкала линеек, если нужно отмерить нужное расстояние. Затем, когда все на месте, перетащите к направляющей элемент изображения, и он прилипнет к этой линии. Все, он позиционирован!

Как создать направляющие в фотошопе

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

Теперь нужно их создать. Есть два способа для разных случаев жизни:

Способ 1 Произвольные направляющие

Этот способ подходит, когда нужно быстро создать линию и установить ее в произвольном месте.

Для этого сделайте клик мыши в области шкалы линейки:

• для горизонтальной линии — на верхней линейке;
• для вертикальной линии — не левой линейке.

Затем, не отпуская кнопку мыши, потяните руку в сторону документа. Тогда вместе с вашим движением потянется, пока еще темная, линия направляющей. Далее установите ее в нужном месте и она станет голубого цвета.

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

Способ 2 С указанием, где должна появится направляющая

Через меню Просмотр — Новая направляющая откроется диалоговое окно. В котором нужно указать в какой плоскости ее создать (горизонтальная или вертикальная), а также поле, в которое нужно ввести значение нужного положения. Например, нужна горизонтальная направляющая, которая появиться в 100 пикселях от верхнего края изображения.

Как изменить положение направляющей

Чтобы передвинуть линию в новое место, выберите , затем наведите курсор на линию. Курсор изменится на две параллельные полоски. Значит можно кликнуть по направляющей и потянуть в новое место.

Кстати, направляющие можно закрепить, то есть защитить от случайного сдвига. Для этого поставьте галочку в меню Просмотр — Закрепить направляющие .

Как убрать/удалить направляющие

Способ 1 Переместить на шкалу линейки

Этот способ повторяет процесс создания направляющей. Только, чтобы она исчезла, нужно перетащить ее обратно в область шкалы линейки.

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

Способ 2 Команда меню

Через меню программы: Просмотр — Удалить направляющие . В этом случае пропадут сразу все созданные линии.

Способ 3 Отключить отображение

Если нужно временно убрать направляющие, чтобы они не мешали, то уберите галочку в команде Просмотр — Вспомогательные элементы или используйте горячую комбинацию Ctrl+H .

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

Сетка разметки в фотошопе

Вспомните-ка как выглядит тетрадный лист в клеточку. Такую же сетку можно поместить поверх документа в фотошопе. Для этого выполните команду:

Просмотр — Показать — Сетку

Настройка сетки осуществляется в установках фотошопа: Редактирование — Установки — Направляющие, сетка и фрагменты .

Можно указать какой ширины будут основные (большие) ячейки и из какого количества дополнительных внутренних делений они будут состоять. Например , у меня основные ячейки по 2 сантиметра и делятся дополнительно на 4 поменьше. Таким образом, каждая маленькая клетка составляет 0.5 сантиметра.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!