Содержание
Как включить и выключить сетку в фотошопе | Pixelbox.ru — Дополнения и уроки по Фотошопу
Привет всем посетителям сайта Pixelbox.ru
В программе фотошоп присутствует прекрасный инструмент, помогающий с точностью до пикселя расположить объекты, нарисовать объекты заданного размера и т.п. Называется этот инструмент Сетка. Зачастую его используют веб дизайнеры, но этот инструмент настолько полезен, что о нем должен знать каждый. Если до сих пор вы не знали, что такое Сетка в фотошопе, как ее включить и как пользоваться – вам этот урок будет весьма кстати.
Стоит отметить, что Сетку не видно при сохранении изображения в форматах 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 пикселей от краев изображения. Стороны создаваемого прямоугольника «прилипают» к линиям Сетки и не позволяют нам залезть за границы:
Переходим на панель слоев и щелкаем по «замочку»:
Нажимаем на клавиатуре клавишу Delete:
Снимаем выделение (Ctrl + D), отключаем Сетки (Ctrl + “). Рамочка готова!
Создайте новый слой CTR+N, который будет находится под белым обрезанным фоном.
Вставьте туда фото Файл — Поместить
Это всего лишь один пример использования Сетки, надеюсь, полученные в уроке знания помогут вам упростить и облегчить работу в фотошоп. Многим разметка помогает создавать ровные чертежи в фотошопе или таблицы. Найдите и своё применение сетки в фотошопе.
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Линейки, направляющие и сетка в программе Adobe Photoshop CS5
Рассмотрим вспомогательные инструменты, которые применяются для создания и редактирования изображений в программе Adobe Photoshop CS5. Это линейки, направляющие и сетка.
Линейки в фотошопе
Линейки можно увидеть слева и сверху за границами изображения. Включаются и выключаются линейки с помощью меню Просмотр — Линейки.
Единицы измерения линейки можно изменять в настройках. Для изменения заходите в Редактор — Установки — Единицы измерения и линейки, и выбираете то, что Вам нужно, в верхнем пункте.
Точка отсчета линеек по умолчанию — верхний угол. Вы можете изменить точку отсчета, если нажмете на месте пересечения линеек левой клавишей мыши, и перетащите на рисунок. в то место, где планируете начало координат. Затем отпускаете клавишу мыши.
Чтобы вернуть точку отсчета на место, делаете двойной клик по месту пересечения линеек.
Направляющие в фотошопе
Направляющие — это линии, к которым можно привязывать некоторые объекты и выделения. Для создания направляющих нажимаете левой клавишей мыши на линейку и, не отпуская, тянете нажатой на рисунок. Появляется направляющая, которая будет параллельна данной линейке. С помощью линеек можно точно расположить направляющие на рисунке, на заранее определенном расстоянии от края.
К примеру, Вы хотите выделить какой-либо круглый, или овальный объект. Для этого делаете четыре направляющие: две горизонтальные и две вертикальные, для того, чтобы нужный объект ими ограничить. После этого выбираете инструмент Овальная область, и по диагонали от первого пересечения направляющих до второго пересечения делаете выделение. Выделение точно прилипнет к направляющим.
После выделения можно делать с выделенной областью то, что требуется, например, сделать более контрастным, или ярким, или изменить цвет.
Чтобы переместить уже имеющуюся направляющую, нажмите и удерживайте клавишу Ctrl, и переместите направляющую на новое место. Также можете воспользоваться инструментом Перемещение.
При установке направляющих в фотошопе, чтобы поставить их поточнее, используйте увеличение масштаба.
Прилипание объектов и выделений к направляющим можно отключить, или включить с помощью меню Просмотр — Привязка. Также можно выбрать различные элементы привязки с помощью выбора Просмотр — Привязать к. В этом пункте можно привязать к направляющим, линиям сетки, слоям, границам документа.
Чтобы удалить направляющие, заходите в меню Просмотр — Удалить направляющие. Также можно удалить направляющие перетаскиванием за пределы изображения.
Кроме того, новую направляющую в фотошопе можно создать с помощью меню Просмотр — Новая направляющая. При создании появляется диалоговое окно, в котором Вы выбираете ориентацию направляющей и положение. Этот способ хорош, когда Вы точно знаете, в каком месте направляющая должна находиться.
Можно также изменить ориентацию направляющей, с вертикальной на горизонтальную, или наоборот. Для этого нажимаете и удерживаете клавишу Alt, затем щелкаете по направляющей в том месте, где предполагаете ее поворот на 90 градусов.
Сетка в фотошопе
Сетка — еще один полезный инструмент в фотошопе для создания коллажа, монтажа, и для других случаев, когда нужно точное расположение объектов.
Для того, чтобы появилась сетка, выбираете в меню Просмотр — Показать — Сетку. Размер сетки регулируется в настройках программы Adobe Photoshop CS5. Чтобы зайти в настройки. выбираете в меню Редактирование — Установки — Направляющие, сетка и фрагменты. В настройках Вы можете указать. как часто будут размещены линии сетки, с помощью пунктов Линия через каждые, и Внутреннее деление на, которые регулируют частоту основных и вспомогательных линий сетки.
Теперь, если Вы будете вытягивать направляющую из линейки, она будет автоматически прилипать к линиям сетки. Если Вы создаете выделение, оно будет тоже прилипать к линиям и узлам сетки. Привязку можно отключить с помощью меню Просмотр — Привязать к — Линиям сетки.
Чтобы убрать сетку, заходите в Просмотр — Показать, и убираете галочку с пункта Сетка.
Более подробные сведения Вы можете получить в разделах «Все курсы» и «Полезности», в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:
Линейки, сетка и направляющие — инструменты позиционирования в фотошопе
Добавление
Понять, есть ли активные направляющие или нет довольно просто – они представлены в виде голубых линий. Чтобы добавить инструмент на холст, переходим в меню “Просмотр”, в котором выбираем пункт “Новая направляющая”.
Откроется небольшое окошко, в котором выбираем, какой вид направляющей следует добавить (горизонтальную или вертикальную) и определяем ее расположение. При выборе значения “0”, направляющая будет установлена, либо в самой левой точке изображения (вертикальная), либо в самой верхней (горизонтальная). В качестве примера остановимся на первом варианте и жмем кнопку OK.
Направляющая успешно добавлена.
Примечание: положение направляющей указывается в единицах измерения, которая выбрана для основных шкал. В нашем случае – это “см”.
Изменить единицу измерения можно, щелкнув правой кнопкой мыши по линейке (неважно, по горизонтальной или вертикальной) и выбрав нужный вариант из предложенного списка.
Это действие можно сделать как до добавления направляющей, так и после.
Альтернативный способ добавления направляющей:
Щелкаем левой кнопкой мыши по нужной линейке, и не отпуская ее, перетягиваем появившуюся линию в нужное место на холсте. Ниже приведен пример для горизонтальной направляющей.
Направляющие в фотошопе
Теперь, когда появились линейки, можно создать направляющие.
Направляющие — это голубые вертикальные и горизонтальные линии, помогающие создать разметку в документе фотошопа.
Направляющие относятся к вспомогательным элементам, поэтому их будет не видно, когда вы сохраните изображение. Но зато они остаются в PSD-формате.
Направляющие обладают эффектом прилипания, то есть, когда вы перемещаете какой-либо элемент изображения ближе к направляющей, вы почувствуете как этот элемент вдруг прилип к линии. Это очень полезно при позиционировании. В этом случае вы точно уверены, что разместили элемент пиксель в пиксель с направляющей.
Примечание
Эффект прилипания в фотошопе называется Привязкой. Она включается и отключается в меню Просмотр — Привязка. Проследите, чтобы галочка стояла.
Отсюда вытекает и вся тактика использования: сначала нужно точно установить направляющую на своем месте. Для этого используется шкала линеек, если нужно отмерить нужное расстояние. Затем, когда все на месте, перетащите к направляющей элемент изображения, и он прилипнет к этой линии. Все, он позиционирован!
Как создать направляющие в фотошопе
Сперва нужно удостовериться, что отображение направляющих включено. Для этого проследите, чтобы в меню Просмотр — Вспомогательные элементы стояла галочка. А также должны быть активированы линейки.
Теперь нужно их создать. Есть два способа для разных случаев жизни:
Способ 1 Произвольные направляющие
Этот способ подходит, когда нужно быстро создать линию и установить ее в произвольном месте.
Для этого сделайте клик мыши в области шкалы линейки:
- для горизонтальной линии — на верхней линейке;
- для вертикальной линии — не левой линейке.
Затем, не отпуская кнопку мыши, потяните руку в сторону документа. Тогда вместе с вашим движением потянется, пока еще темная, линия направляющей. Далее установите ее в нужном месте и она станет голубого цвета.
Как видите, она пересекает шкалу линейки, а значит не составит труда посчитать расстояние и разместить направляющую на нужном месте.
Способ 2 С указанием, где должна появится направляющая
Через меню Просмотр — Новая направляющая откроется диалоговое окно. В котором нужно указать в какой плоскости ее создать (горизонтальная или вертикальная), а также поле, в которое нужно ввести значение нужного положения. Например, нужна горизонтальная направляющая, которая появиться в 100 пикселях от верхнего края изображения.
Как изменить положение направляющей
Чтобы передвинуть линию в новое место, выберите инструмент Перемещение, затем наведите курсор на линию. Курсор изменится на две параллельные полоски. Значит можно кликнуть по направляющей и потянуть в новое место.
Кстати, направляющие можно закрепить, то есть защитить от случайного сдвига. Для этого поставьте галочку в меню Просмотр — Закрепить направляющие.
Как убрать/удалить направляющие
Способ 1 Переместить на шкалу линейки
Этот способ повторяет процесс создания направляющей. Только, чтобы она исчезла, нужно перетащить ее обратно в область шкалы линейки.
Этот способ идеально подходит для случаев, когда из множества направляющих нужно удалить не все, а только некоторые.
Способ 2 Команда меню
Через меню программы: Просмотр — Удалить направляющие. В этом случае пропадут сразу все созданные линии.
Способ 3 Отключить отображение
Если нужно временно убрать направляющие, чтобы они не мешали, то уберите галочку в команде Просмотр — Вспомогательные элементы или используйте горячую комбинацию Ctrl+H.
Все линии исчезнут, но если нужно отобразить их вновь, то там же верните галочку обратно, и тогда все направляющие вновь окажутся на своих местах и можно продолжить работу с ними.
Добавление сетки из направляющих
В некоторых случаях требуется добавить сетку из направляющих. На поштучное добавление потребуется немало времени, но к счастью, этот процесс можно автоматизировать.
- Заходим в меню “Просмотр” и выбираем пункт “Новый макет направляющей”.
- В открывшемся окне задаем нужные настройки на свое усмотрение (количество линий по горизонтали, вертикали, отступы и т.д.) и жмем OK.
- Получаем результат согласно заданным параметрам.
Пиксельная сетка
Кроме обычной, в Photoshop реализована и пиксельная сетка, работающая только при большом увеличении холста. Включается она выбором пункта Просмотр – Показать – Пиксельная сетка. Этот инструмент будет крайне полезен художникам, работающим в стилях пиксель-арт или подобных ему, потому что он четко разделяет между собой пиксели, облегчая работу художнику.
Слева – проект без пиксельных направляющих, справа – с ними.
Перемещение
После добавления направляющей, ее можно двигать на свое усмотрение, изменив, тем самым, начальное местоположение.
Делается это очень просто – наводим указатель мыши на линию, и как только он сменит вид на характерный знак в виде двух полосок со стрелками в разные стороны, зажав левую кнопку мыши перетаскиваем направляющую в новое место.
При этом заранее должен быть выбран инструмент “Перемещение” на боковой панели.
Для быстрого выбора инструмента можно воспользоваться клавишей “V” на клавиатуре.
Чтобы закрепить направляющие, используется специальная команда в меню “Просмотр”.
В CS6 все по-прежнему
По мере модернизации «Фотошоп» постепенно обогащался новыми функциями и возможностями, но такого резкого, качественного скачка, как при переходе от CS5 к CS6 (27 пунктов изменений) не было на протяжении всей истории развития программы. Однако ответ на вопрос о том, как включить линейку в «Фотошопе CS6», остался неизменным. Та же галочка в строке «Линейки» в меню «Просмотр», та же комбинация Ctrl+R, и точно так же можно взяться мышкой за квадрат слева вверху (где линейки сходятся) и, потащив вниз, выбрать на изображении новую точку отсчета. Там, где отпустим кнопку мыши, в том месте и будут нули обеих линеек, а вернуть их «на родину» можно, дважды щелкнув по тому же квадратику в левом углу сверху.
И в заключение — об одном редком, но все же случающемся недоразумении. Иной пользователь, запустив редактор, начинает «раскладывать инструменты», пытаясь достать линейки, но ни одна не будет выполнена, так как включить линейку в «Фотошопе», как и все остальные инструменты, можно, только прежде открыв или создав документ.
05.02.2017 28.01.2018
Привет всем посетителям сайта сайт
В программе фотошоп присутствует прекрасный инструмент, помогающий с точностью до пикселя расположить объекты, нарисовать объекты заданного размера и т.п. Называется этот инструмент Сетка. Зачастую его используют веб дизайнеры, но этот инструмент настолько полезен, что о нем должен знать каждый. Если до сих пор вы не знали, что такое Сетка
в фотошопе,
как ее включить и как пользоваться
— вам этот урок будет весьма кстати.
Стоит отметить, что Сетку не видно при сохранении изображения в форматах jpg, png, gif. Так же Сетка «невидима» при печати. Сетка видна только в самой программе фотошоп или если сохранить изображение в формате PSD или TIFF. Если сохранить изображение в формате PSD или TIFF и передать файл другому человеку, он, открыв файл на своем компьютере, сможет увидеть созданную вами Сетку.
Удаление и скрытие
Чтобы временно убрать направляющие с холста, можно воспользоваться сочетанием клавиш Ctrl+H. Для их повторной активации используется эта же комбинация.
Если требуется выборочно убрать какую-то направляющую, зажав ее левой кнопкой мыши посто перетаскиваем на соответствующую линейку.
Также, можно выполнить удаление линий в меню “Просмотр”, выбрав пункт “Удалить направляющие”.
Линейки
Ещё один метод измерения в Фотошопе — линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование — Установки — Единицы измерения и линейки.
Таблица полезна при черчении схем. Или для любой другой работы, в которой требуется точность. Но этот инструмент пригодится и вне профессиональной сферы. Ведь во время рисования многое «прикидывается на глаз». Если включить разметку, можно будет ориентироваться на неё. И в итоге получится выверенный, проработанный и красивый рисунок.
Преимущества использования направляющих
С помощью направляющих можно в некоторых ситуациях значительно упростить работу с изображениями.
Привязка объекта
Данная функция может пригодиться в случаях, когда требуется выполнить выравнивание по направляющей. Голубая линия будет как магнит притягивать объекты, которые мы приблизим к ней.
Выравнивание изображения по горизонтали или вертикали
Направляющие позволяют выровнять изображение, например, в случае завала горизонта.
Примечание: Конечно же, это не все плюсы от использования линий направляющих. Мы лишь привели очевидные примеры.
Как выровнять по линейке
Линейку можно использовать и для выпрямления изображения. Для этого нужно растянуть на картинке линейку, указав для нее горизонт выпрямления, и нажать кнопку «Выровнять слой» с подсказкой «Выровнять активный слой для создания уровня линейки». При этом вы принесете в жертву части изображения, вышедшие за пределы документа («Фотошоп» их обрежет), но если «Выровнять слой» с нажатой клавишей Alt, все останется на месте, в чем вы убедитесь, нарастив холст (Изображение > Размер холста), или, включив «Перемещение», перетащите спрятанные части в поле зрения.
Режим быстрых направляющих
В Фотошопе предусмотрен так называемый режим быстрых направляющих, который активируется в меню “Просмотр”, пункт “Показать” – “Быстрые направляющие”.
В отличие от обычных голубых линий, данные направляющие не нужно устанавливать вручную, они появляются сами в момент перемещения и выравнивания различных объектов.
Где лежат линейки
Начинающий постигать премудрости гениального редактора пользователь наверняка уже имеет представление о роли каждого инструмента, но бывает и так, что когда возникает необходимость, например, в элементарном выравнивании объекта на холсте, мы, не зная, как включить линейку в «Фотошопе», тщетно щупаем курсором панель инструментов в надежде «услышать» подсказку.
Редактор «Фотошоп» был бы не «Фотошопом», если бы не мог предложить любую команду выполнить разными путями. Это касается и команды «Линейки» (Rulers) в меню «Просмотр», выбрав которую, мы «приложим» линейки в рабочей области сверху и слева. Если лень тянуться мышкой к меню, можно для вызова линеек нажать Ctrl + R. Этой же комбинацией они прячутся.
Разобравшись, как включить линейку в «Фотошопе», иной пользователь сталкивается с очередной проблемой, не зная, как изменить шкалу деления.
Выделение области произвольной формы: группа инструментов Lasso.
Объекты, с которыми работает Photoshop, а именно, объекты, изображённые на фотоснимках, как правило имеют неправильную форму. Для выделения объектов неправильной формы в Photoshop предусмотрены специальные инструменты. Откройте файл Ducky.psd. (C:\\Program Files\\Adobe\\Photoshop 5.5\\Goodis\\Samples\\Ducky.psd). Выберите инструмент Lasso (Лассо)
. Нажав левую кнопку мыши, не торопясь, попробуйте обвести утёнка по контуру. Когда курсор вернётся в исходную точку отпустите кнопку. Весьма сомнительно, что у Вас получилось точное выделение. Это нормально, потому, что мышь не самый точный инструмент для рисования от руки. Всемирон известный автор учебников по Photoshop Дик Макклелланд говорит, что рисование мышью похоже на рисование куском мыла, привязанным к веревке. Поэтому если у вас получилось довольно точное выделение, то вас можно поздравить, т.к. эта задача действительно нелегка. Особенностью использования инструмента Лассо можно считать то, что когда вы отпускаете мышь, контур выделения замыкается автоматически по кратчайшей прямой.
Для достижения более точных результатов при выделении советую воспользоваться инструментом Polygonal Lasso (Полигональное Лассо)
. Прежде всего отмените выделение командой
DeselectSelect
(Выделение). Выберите инструмент
Polygonal Lasso
(Полигональное лассо) в палитре инструментов. Снова поместите курсор у правого края документа, на границе изображения утёнка и фона. Щелкните левой кнопкой мыши. Перемещайте курсор вдоль контура утёнка. За курсором потянется тонкая линия, связывающая точку, в которой был сделан щелчок, и текущее положение курсора. Перемещайте курсор вдоль контура до тех пор, пока линия хорошо его описывает. У первого же изгиба контура сделайте щелчок мышью. Этим вы зафиксируете первый отрезок контура выделения. Теперь точкой отсчета станет место последнего щелчка мышью, и инструмент будет готов к построению следующего отрезка. Перемещайте мышь вдоль контура утёнка до тех пор, пока второй отрезок хорошо его описывает. Сделайте щелчок мышью. Второй отрезок построен, и можно переходить к следующему. Повторяйте эти операции до тех пор, пока не будет построен весь контур выделения. Когда курсор вернется к началу первого фрагмента, около него появится маленький кружок. Он означает, что теперь щелчок мышью замкнет контур выделенной области. Сделайте это, и тонкая линия контура выделения превратится в знакомый мерцающий пунктир. Выделенная область построена. Если в ходе построения контура выделения Вы захотели прекратить эту операцию, то просто нажмите
Esc
. Замкнуть контур в любом месте можно
двойным щелчком мыши
(контур замкнётся кратчайшей прямой между местом, где Вы щёлкнули 2 раза, и стартовой точкой выделения.) Теперь контур описан более точно. Чтобы обрисовка была еще более тщательной, используйте крупный масштаб отображения в окне документа. Когда при создании выделения курсор выйдет за пределы окна документа, изображение в нем автоматически прокрутится. Приведенный на изображении кубик идеально подходит для выделения Полигональным Лассо.
Каким образом, строя контур выделения, вы отличали выделяемый объект от фона? Очевидно, по разнице цветов объекта и фона. Программа тоже способна «заметить» эту разницу цвета, но не может определить, какой пиксель относится к фону, а какой к объекту. Если объединить вашу способность различать объекты на растровом изображении с точностью определения цветов самой программой, то работа существенно упростится и ускорится. Видимо, именно такими соображениями руководствовались разработчики Photoshop, создавая инструмент Magnetic Lasso (Магнитное лассо)
. Он способен определять места наибольшего цветового контраста и прокладывать границу выделенной области именно по ним. Но инструмент не может сам определить, является контрастный участок границей объекта и фона или целиком принадлежит одному из них. Поэтому ваша задача при использовании инструмента будет состоять в том, чтобы направлять его примерно вдоль границы объекта, а он сам займется уточнением этой границы. Отмените текущее выделение командой
Deselect
(Отменить выделение) из меню
Select
(Выделение). Выберите в палитре инструментов инструмент
Magnetic Lasso
(Магнитное лассо). Поместите курсор на границе изображения утёнка и фона. Щелкните левой кнопкой мыши. Этим вы поставите первую контрольную точку (узел). Она имеет вид небольшого черного квадратика. Перемещайте инструмент вдоль контура. За инструментом потянется тонкая линия, отмечающая будущую границу выделенной области. Инструмент сам вычисляет ее положение, основываясь на наибольшем цветовом контрасте. На линии с равными промежутками будут появляться новые контрольные точки. От последней контрольной точки вы можете изменять ход контура, перемещая курсор инструмента. Ведите инструмент до тех пор, пока он удовлетворительно описывает контур утёнка. Если линия контура отойдет в сторону, то сразу попытайтесь ее вернуть на место перемещением курсора. Если же направить линию вдоль контура, перемещая курсор, не удается, то переместите курсор в последнюю удачную точку контура и щелкните мышью. Этим вы директивно создадите новую контрольную точку и зафиксируете удачный фрагмент кривой. Повторяйте до тех пор, пока не будет описан весь контур. Когда курсор инструмента окажется в той точке, с которой вы начали построение выделения, около него появится маленький кружок, предлагающий замкнуть контур. Замкните контур щелчком мыши, и на месте линии контура появится мерцающая граница выделенной области. Представленную на рисунке собаку можно легко выделить Магнитным Лассо, так как она отличается от фона по цвету. Такой метод выделения значительно быстрее, не правда ли? Тем не менее, Вы, возможно, разочарованы этой постоянной борьбой с инструментом, не слушающимся ваших «указаний». Работа с Magnetic Lasso (Магнитное лассо) станет гораздо эффективнее, если инструмент правильно настроить. Вид палитры
Options
(Параметры) для инструмента Magnetic Lasso (Магнитное лассо):
Вы можете вызвать ее двойным щелчком на инструменте в палитре инструментов. Параметр Lasso Width
(Ширина лассо) задает область, которая принимается в расчет при вычислении цветового контраста. Чем она меньше, тем более точным будет выделение, но вам придется обводить контур тщательнее. Контрольные точки проставляются программой с интервалом, заданным в поле
Frequency
(Частота). Чем чаще будут располагаться контрольные точки, тем точнее будет выделен объект, но и объем ручной работы при этом возрастает. Последний параметр,
Edge Contrast
(Контраст границ), определяет минимальное значение контраста между соседними пикселями, достаточное для того, чтобы считать это линией контура. Общую рекомендацию можно выразить следующим образом. Если требуется выделить крупный объект с простым контуром, увеличьте параметры Lasso Width (Ширина лассо) и Edge Contrast (Контраст границ), а величину параметра Frequency (Частота) уменьшите. Для небольших и сложных фрагментов действуйте наоборот.
От правильного расположения объектов на фотографии зависит многое. Если объекты расположены вкривь и вкось – снимок уже нельзя назвать качественным. Самый простой способ сравнять объекты – нарисовать прямую линию, вдоль которой и будут расположены объекты фотоснимка.
Adobe Photoshop позволяет добавлять горизонтальные и вертикальные линии, с помощью которых происходит выравнивание фотоснимка. Называются они очень просто – направляющие.
Программа AutoCAD
Это приложение для двухмерного и трехмерного проектирования. Программа была разработана компанией Autodesk. Самым первым продуктом компании стал AutoCAD — 86, выпущенный в 1982 году. Программа моментально стала популярной и уникальной в своем роде. Сейчас компания ежегодно выпускает обновленную версию своего продукта.
В перечень функций программы входит составление проектной документации. В арсенале этого приложения имеются различные инструменты для создания 2D и 3D моделей. Библиотека «Автокада» насчитывает огромное число элементов, которые могут помочь при работе с программой.
Настройка цвета и типа
Как уже говорилось выше, цвет этих линий можно настроить. Для этого в меню «Редактирование» выберите подпункт «Настройки» и далее — «Направляющие, сетка и др.». В разделе «Направляющие» выберите один из предложенных цветов и, если это необходимо, поменяйте «Стиль»: разработчики предлагают либо сплошную линию, либо точечный пунктир.
И действительно, при обработке некоторых типов изображений голубые или розовые линии могут мешать визуальному восприятию, зато пунктирные серые или черные линии могут быть одновременно и полезны, и почти незаметны.
Категория «Шрифты»
Кликните, чтобы увеличить
Элементы управления категории Шрифты
(Type) позволяют включать и отключать режим
Прямые кавычки
, а также управлять параметром , используемого в меню шрифтов на панели атрибутов и на палитре
Символ
. Поскольку просмотр гарнитуры шрифта очень удобен при выборе шрифта, в CS5 этот параметр активирован по умолчанию.
Если вы хотите видеть образцы шрифтов, сбросьте флажок Размер образца для просмотра шрифта
, и фотошоп будет отображать только названия шрифтов.
Если вы работаете с азиатскими символами, установить флажок Показывать параметры азиатского текста
и убедитесь, что флажок
Включить защиту отсутствующих глифов
также установлен. Теперь, попытавшись использовать букву или символ шрифта, который не установлен на вашем компьютере, вы не получите странные иероглифы или квадратики.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!
Самое важное, пожалуй, — быстродействие программы. Нередко фотошоп «тормозит» оттого, что по умолчанию используется диск С, на котором установлена операционная система вашего компьютера. Есть и другие нюансы, но обо всем по порядку.
Итак, идем в меню Редактирование
=>
Установки
=>
Основные
(Edit => Preferences => General) (
Ctrl+K
).
Обратите внимание: перечень существующих разделов расположен под заголовком «Основные», то есть, заранее зная, в каком именно разделе нужно внести изменения, мы можем выбрать именно его.
Откроется окно настроек, в левой части которого можно выбирать разделы, которые мы хотим посмотреть. Перемещаться по ним можно также, нажимая Ctrl+2
,
Ctrl+3
и т. д., переходя соответственно к вкладке № 2, 3… и далее по списку, или нажатием на кнопки
Назад
и
Вперед
в правом верхнем углу окна.
Итак, Основные установки (настройки) Photoshop
(General Preferences).
Первый пункт — Палитра цветов
(Color Picker). Оставляем по умолчанию палитру
Adobe
, ведь она «родная» для Фотошопа, и, значит, наиболее полно приспособлена для него. В качестве альтернативы предлагается палитра цветов операционной системы вашего компьютера, а также палитры других графических программ, если таковые были загружены на компьютер.
Палитра цветов HUD
(HUD Color Picker) — здесь можно выбрать вид, в котором будет отображаться палитра цветов heads-up-display (дисплей «на лобовом стекле», то есть на прозрачном фоне). Однако для ее включения нужна графическая плата с поддержкой стандарта OpenGL. Так что пока этот пункт оставляем в покое).
Интерполяция изображения
(Image Interpolation) — важный пункт, определяющий способ преобразования изображения при его уменьшении или увеличении. Оптимальной для сохранения качества изображения считается
Бикубическая
интерполяция (Bicubic).
Автообновление открытых документов
(Auto-Update Open Documnts) — все вносимые в документ изменения сохраняются сразу на жестком диске. Актуально в том случае, когда несколько человек одновременно работают над проектом и должны видеть все происходящее в реальном времени. Эта функция будет лишь тормозить работу, поэтому
не ставим галочку
.
Звуковой сигнал по окончании
(Beep When Done) — можно сходить попить чайку, пока программа применяет сложный фильтр к изображению). Вас позовут звуковым сигналом по окончании операции. Иногда эта функция очень полезна, если применяемые действия не заметны: звук даст понять, что действие таки свершилось. Я предпочитаю
не ставить галочку
.
Динамические шкалы
(Dynamic Color Sliders) — с помощью этого параметра можно изменять диапозон цветов, которые отображаются на экране, в реальном времени.
Оставляем галочку
.
Экспорт буфера обмена
(Export Clipboard) — речь идет о буфере обмена самой программы Фотошоп, из которого можно будет выгружать данные в другие редакторы. Если вы не практикуете копирование данных из Фотошопа в другие приложения,
можно убрать галочку
.
Смена инструмента клавишей
Shift (Use Shift Key for Tool Switch) — в Палитре инструментов есть объединенные группы инструментов, которым присвоена одна клавиша алфавита. Если убрать галочку, мы сможем переключаться между инструментами без нажатия Shift, если оставим — только при нажатии.
Удобнее убрать галочку
.
Изменить размер изображения при размещении
(Resize Image during Paste/Place) — при включенной функции фрагмент, вставляемый в документ, будет менять свой размер в соответствии с ним. Но помним: любые изменения размера изображения приводят к снижению качества.
Оставляем галочку
.
Масштабирование с анимацией
(Animated Zoom) — плавное увеличение или уменьшение изображения при нажатой левой кнопке мыши.
Оставляем галочку
.
Инструмент «Масштаб» изменяет размер окон
(Zoom Resizes Windows) — если документы открыты в Фотошоп в отдельных окнах, размер диалоговых окон изменяется в соответствии с размером документов. Зачем, не знаю… Так что —
не ставим галочку
.
Масштабировать колёсиком мыши
(Zoom with Scroll Wheel) — для увеличения — уменьшения масштаба документа будет достаточно вращать колесико мыши. Лично для меня так неудобно — можно случайно повернуть колесико. Мне удобнее менять масштаб, удерживая Alt и вращая колесико.
Не ставлю галочку
.
Центровка вида по месту щелчка мыши
(Zoom Point Clicked to Center) — эта функция позволяет при активном инструменте Масштаб (Zoom Tool) щелчком мыши указывать центр увеличения. Не пользуюсь и
не ставлю галочку
.
Включить захват рисования
(Enable Flick Panning) — если включить эту функцию, мы сможем захватывать изображение инструментом Рука (Hand Tool) и, если «дернуть» его и отпустить, изображение продолжит движение как бы по инерции. Непонятно, зачем у меня была включена эта настройка —
убираю галочку
.
Изменять жесткость круглой кисти на основе вертикального перемещения HUD
— здесь я тоже
убираю галочку
, поскольку не использую пока эту палитру.
Оставшиеся два флажка — Перемещать или перетаскивать растровые изображения как смарт — объекты и Привязать векторные инструменты и преобразования к пиксельной сетке — оставляем включенными
. Впрочем, не все перечисленные
настройки
могут присутствовать в других версиях Фотошопа, здесь речь идет о
Photoshop CS6
.
Ниже всех флажков видим блок История изменений
(History Log). Он нужен для настройки записи всех изменений, производимых с изображением, в отдельный текстовый файл либо в метаданные документа. Эта функция может пригодиться, если вы отчитываетесь кому-то о проделанной работе, обрабатывая изображение на конкурс или предоставляя платные услуги: у вас будет доказательство совершенных действий. В ином случае лучше
не включать эту функцию
, чтобы не загружать программу лишней работой, а
память
— лишними файлами.
И последняя кнопка в этом разделе Основных настроек Фотошоп
—
Восстановить все сообщения
. Речь идет о всплывающих сообщениях- предупреждениях, которые можно отключать, поставив галочку в окне «
Не показывать снова
», как, например:
Нажатием на эту кнопку мы вновь разрешим их показ.
Мы рассмотрели Основные настройки программы Photoshop
. Переходим к следующему разделу настроек —
Интерфейс
(Interface) (
Ctrl+K, Ctrl+2
).
И начинается эта вкладка, конечно же, с настройки цвета интерфейса. Adobe Photoshop CS6 в этом плане отличается от всех предшествующих версий — по умолчанию его интерфейс черный. Признаться, меня это напрягает и затрудняет работу, поэтому я с радостью поменяла цвет на привычный, нейтральный серый. Хочу заметить, что печатные издания с иллюстрациями из Фотошопа с черным интерфейсом очень затрудняют изучение(. Как видим, на выбор предоставлено четыре оттенка — черный и три вида серого.
Дальше перечислены настройки
различных режимов окна Фотошоп : стандартное окно, полноэкранный вид с меню и целый экран. Я пользуюсь в основном стандартным окном , поэтому даже не трогала остальные две настройки, выставила лишь в первой «средний серый».
Автоматически сворачивать панели со значками
(Auto — Collapse Iconic Panels) — открытая щелчком мыши панель тут же будет свернута, если вы откроете мышью другую панель. Мне бы этого не хотелось, так что
не ставлю галочку
.
Автопоказ скрытых панелей
(Auto — Show Hidden Panels) — исходя из названия, эта функция позволяет отобразить скрытые панели.
Открыть документы во вкладках
(Open Document as Tab) — если эта функция включена, все документы будут открываться в отдельных окнах.
Включить закрепление окон незакрепленных документов
(Enable Floating Document Window Docking) — открытые в отдельных окнах документы можно сгруппировать и управлять ими как единой группой. Я всегда использую эту возможность.
Показывать каналы в цвете
(Show Channels in Color) — любопытная функция, показывает в палитре Каналы каждый канал окрашенным в соответствующий цвет. Вот как выглядит палитра Каналы до и после включения этой настройки:
Смотрится эффектно, однако при работе с каналами затрудняет адекватную оценку изображения. Часто необходимо воспользоваться одним каналом для удаления шума, создания сложного выделения, усиления резкости, а цветная картинка мешает увидеть насыщенность канала. Так выглядит канал без использования цвета.
… А так — с включенным цветом.
Показывать цвета меню
(Show menu colors) — симпатичная настройка Фотошоп, позволяющая наиболее часто используемые пункты меню или команды палитр выделять цветом. Я пока ничего не выделяю, но и галочку не снимаю, вдруг пригодится. Чтобы выделить пункт меню, открываем
Редактирование
=>
Меню
(Edit => Menus) (
Alt+Shift+Ctrl+M
) и в открывшемся окне выбираем нужный пункт меню из списка, щелкаем в колонке «Цвет» и выбираем цвет из предложенных:
Теперь, открывая команду меню Выделение , видим, что пункт «Все» выделен фиолетовым.
Так же можно выделить цветом любой пункт в меню панелей Фотошоп. Для этого в окне Клавиатурные сокращения и меню вместо «Меню программы
» выберите »
Меню панели
«:
Подобные излишества лишь замедляют работу Фотошоп, а мы ведь стремимся к быстродействию программы
!
Не ставим галочку
.
Пункт Показать значения преобразования
позволяет выбрать место, в котором будет показан результат перемещения или трансформирования слоя или фрагмента по отношению к курсору (справа, слева, вверху, внизу или вообще «не показывать», что не рекомендуется выбирать). Результат показан в виде отклонений по осям координат, размера угла и т.д. в черном прямоугольнике.
Если не ошибаюсь, эта функция появилась только в CS6.
Кнопка Вернуть рабочие среды по умолчанию
(Restore Default Workspaces) позволит вернуть внешний вид программы к первоначальному, который был задан по умолчанию.
И напоминание о том, что все изменения (в отличие от вкладки «Основные настройки») вступят в силу после перезагрузки программы.
Вот мы и рассмотрели настройки Фотошоп — два самых первых раздела, Основные настройки и Интерфейс. Очень надеюсь, что это была интересная и полезная информация. Пусть вам работается в Фотошопе комфортно и радостно! Следующий урок в этой рубрике расскажет о важнейших настройках Фотошоп — параметрах производительности и быстродействия.
Успешной работы!
Есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.
Сетка помогает вам более точно и симметрично расставить элементы в композиции
По сути, это направляющие линии. Ровная таблица. Она накладывается поверх изображения, но не перекрывает его. С ней легче рассчитать пропорции, увидеть симметрию, правильно поставить отдельные элементы.
В качестве аналогии приведём школьную тетрадь в клетку. В ней строили графики и рисовали геометрические фигуры. На таком листе можно было начертить прямой отрезок без линейки, задать угол в 45 или 90 градусов, не используя транспортира. По ней на глаз определяли, какая длина у стороны прямоугольника, и сколько клеток составляют его площадь. В Фотошопе у таблицы примерно те же функции.
Её можно увидеть только в программе. Она не отобразится при печати. В цифровой версии рисунка клеток тоже не будет. Это не часть изображения, а инструмент для редактирования.
Не стоит путать его и пиксельную сетку. Последнее — это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.
Даже если вам не нужны эти опции, всё равно будет полезно о них узнать. Например, чтобы убрать таблицу, если случайно её активировали.
Как убрать модульную сетку в фотошопе. Установка и удаление сетки в Adobe Photoshop
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 пикселей от краев изображения. Стороны создаваемого прямоугольника «прилипают» к линиям Сетки и не позволяют нам залезть за границы.
Есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.
Сетка помогает вам более точно и симметрично расставить элементы в композиции
По сути, это направляющие линии. Ровная таблица. Она накладывается поверх изображения, но не перекрывает его. С ней легче рассчитать пропорции, увидеть симметрию, правильно поставить отдельные элементы.
В качестве аналогии приведём школьную тетрадь в клетку. В ней строили графики и рисовали геометрические фигуры. На таком листе можно было начертить прямой отрезок без линейки, задать угол в 45 или 90 градусов, не используя транспортира. По ней на глаз определяли, какая длина у стороны прямоугольника, и сколько клеток составляют его площадь. В Фотошопе у таблицы примерно те же функции.
Её можно увидеть только в программе. Она не отобразится при печати. В цифровой версии рисунка клеток тоже не будет. Это не часть изображения, а инструмент для редактирования.
Не стоит путать его и пиксельную сетку. Последнее — это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.
Даже если вам не нужны эти опции, всё равно будет полезно о них узнать. Например, чтобы убрать таблицу, если случайно её активировали.
Как включить?
- Откройте любой графический файл или создайте новый.
- В строке меню нажмите на кнопку «Просмотр» («View»). Обычно она находится между «3D» и «Окно».
- Наведите курсор на пункт «Показать» («Show»).
- В выпавшем меню кликните на «Сетку» («Grid»). Она появится на слое.
- Также можно нажать клавиши Ctrl+’ (в русской раскладке Ctrl+Э).
Как настроить?
Можно сделать другой размер клеток (например, чтобы они визуально обозначали отрезки длиной 1 сантиметр), выбрать тип или цвет линий.
- Откройте меню «Редактирование» на верхней панели.
- Наведите мышь на пункт «Установки». Он в самом низу списка.
- Нажмите на «Направляющие, сетка и фрагменты».
- В открывшемся окне задайте нужный размер ячеек. Это можно сделать в поле «Линия через каждые…». Доступны разные единицы измерений: дюймы, миллиметры, пункты и так далее.
- В разделе «Стиль» укажите, как должна отображаться сетка: сплошной полосой, пунктирной или точками. Это не столь важно, так как разметка будет видна только при редактировании рисунка.
- В пункте «Цвет» выберите заливку. Настройку можно использовать, когда таблица сливается с фоном.
Как убрать?
Избавиться от клеток можно в том же меню, через которое их добавляли. Вот как убрать сетку в Фотошопе:
- Перейдите в Просмотр — Показать.
- Уберите галочку с соответствующего пункта.
- Или используйте сочетание клавиш Ctrl+Э.
Пиксельная сетка
Пиксельная сетка заметна только вблизи. Чтоб её увидеть, надо увеличить картинку и изменить масштаб. Но при работе с графикой она может мешать. Вот как её вставить или убрать:
- Откройте меню Просмотр — Показать.
- Кликните на «Пиксельная сетка».
Линейки
Ещё один метод измерения в Фотошопе — линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование — Установки — Единицы измерения и линейки.
Таблица полезна при черчении схем. Или для любой другой работы, в которой требуется точность. Но этот инструмент пригодится и вне профессиональной сферы. Ведь во время рисования многое «прикидывается на глаз». Если включить разметку, можно будет ориентироваться на неё. И в итоге получится выверенный, проработанный и красивый рисунок.
AutoCAD является передовой программой моделирования систем. В ней работают специалисты различных уровней: от студентов до проектировщиков мирового масштаба. На самом деле функции и возможности этой среды практически безграничны. Это удобная программа, которая обеспечивает 2D и 3D моделирование объектов. Для начинающих пользователей может оказаться сложным самостоятельное изучение данного продукта, так как функций много и разбираться во всех непросто.
Один из вопросов, который часто задают начинающие пользователи: как убрать сетку в «Автокаде» с экрана? Ее изображение может порой мешать визуальному восприятию проектировщика. Поэтому данная статья будет полезна начинающим.
Программа AutoCAD
Это приложение для двухмерного и трехмерного проектирования. Программа была разработана компанией Autodesk. Самым первым продуктом компании стал AutoCAD — 86, выпущенный в 1982 году. Программа моментально стала популярной и уникальной в своем роде. Сейчас компания ежегодно выпускает обновленную версию своего продукта.
В перечень функций программы входит составление проектной документации. В арсенале этого приложения имеются различные инструменты для создания 2D и 3D моделей. Библиотека «Автокада» насчитывает огромное число элементов, которые могут помочь при работе с программой.
Как убрать сетку в «Автокаде»
При запуске программы все замечали сетку, которая состоит из вертикальных и горизонтальных полос. Через каждые пять линий образуется линия в два раза толще предыдущих — таким образом, происходит разбивка на квадратные секторы. Перед тем как убрать сетку в «Автокаде», необходимо разобраться, для чего она здесь. Для многих светящиеся линии — по которому можно определить относительный масштаб и расстояние между предметами.
Сетка обладает некоторыми свойствами: она имеет бесконечную размерность (то есть масштаб можно менять сколько угодно, но размерное поле сетки никогда не прервется), при переносе с модельной вкладки в листовую, сетка не сохраняется и не печатается вместе с изображением. Можно сказать, что сетка — это некий вспомогательный инструмент, который снимает визуальную нагрузку с изображения.
Итак, знание того, как убрать сетку в «Автокаде», позволит пользователю активировать и дезактивировать эту функцию.
Настройка визуального инструмента находится на панели быстрого доступа внизу экрана. Это самая первая пиктограмма, нажав на которую, можно выключить параметр сетки. Повторное нажатие вернет сетку обратно. Можно прибегнуть к горячей клавише F7 для более комфортного переключения элемента.
Сетка на экране листа
Если при переключении на вкладку «Лист» в видовом экране пользователь наблюдает пересекающиеся линии (даже если он выключил их раннее в рабочей среде «Модель»), то можно их убрать при необходимости точно так же, как и во вкладке раньше. Стоит разобраться с тем, как убрать сетку с листа в «Автокаде»:
- Нажимаем дважды на видовой экран, чтобы сделать его активным.
- Затем с помощью клавиши F7 либо на панели быстрого доступа отключаем сетку.
- Чтобы изменения сохранились, необходимо нажать дважды за пределы видового экрана.
Линейки, сетка и направляющие — инструменты позиционирования в фотошопе
Фотошоп обладает рядом инструментов, служащие для точного позиционирования элементов изображения в документе. Например, для того чтобы разместить какой-либо элемент точно по середине, используется инструмент Перемещение и его настройки позиционирования.
Но как быть, когда, допустим, нужно сделать отступ от верхнего края 50 пикселей? Или, что делать, когда вы размещаете 10 элементов по документу и каждый из них нужно позиционировать относительно друг друга на точно заданных расстояниях? Для решения таких вопросов нужно обратиться к инструментам позиционирования: линейки, сетка и направляющие.
Линейки в фотошопе
Линейки представляют из себя две шкалы: одна вверху рабочей области, другая с левой от нее стороны. На линейки нанесены деления выбранной единицы измерения. Да, проще говоря, это как школьная линейка, которую все мы прикладывали к листу бумаги.
Чтобы включить отображение линеек в фотошопе, выполните команду:
Просмотр — Линейки или горячая клавиша Ctrl+R.
По умолчанию единица измерения — пиксели. Но это можно изменить. Возможны следующие способы как это сделать:
Способ 1
Кликните правой кнопкой мыши по шкале линейки. появится контекстное меню со всеми имеющимися в фотошопе единицами измерения: пиксели, дюймы, сантиметры, миллиметры, пункты, пики и проценты.
Способ 2
Для того, чтобы изменить единицы измерения по умолчанию, то следует перейти в следующие настройки фотошопа: Редактирование — Установки — Единицы измерения и линейки. В открывшемся окне, в самом верху, есть пункт Единицы измерения, а в нем Линейки.
Выберите из выпадающего списка нужный пункт и сохраните. Теперь фотошоп будет использовать по умолчанию именно эту единицу измерения.
Линейка имеет начало отсчета — 0. По умолчанию это верхний левый угол документа. Но и это можно изменить, установив начало шкалы в любом другом месте. Для этого сделайте клик в точке пересечения двух линеек, затем, не отпуская кнопку мыши, потяните в сторону. Вы увидите перекрестие. Разместите его центр в том месте, где должно быть начало отсчета у линейки.
Примечание
Чтобы вернуть линейку в исходное положение, сделайте двойной клик там же в пересечении двух линеек.
Направляющие в фотошопе
Теперь, когда появились линейки, можно создать направляющие.
Направляющие — это голубые вертикальные и горизонтальные линии, помогающие создать разметку в документе фотошопа.
Направляющие относятся к вспомогательным элементам, поэтому их будет не видно, когда вы сохраните изображение. Но зато они остаются в PSD-формате.
Направляющие обладают эффектом прилипания, то есть, когда вы перемещаете какой-либо элемент изображения ближе к направляющей, вы почувствуете как этот элемент вдруг прилип к линии. Это очень полезно при позиционировании. В этом случае вы точно уверены, что разместили элемент пиксель в пиксель с направляющей.
Примечание
Эффект прилипания в фотошопе называется Привязкой. Она включается и отключается в меню Просмотр — Привязка. Проследите, чтобы галочка стояла.
Отсюда вытекает и вся тактика использования: сначала нужно точно установить направляющую на своем месте. Для этого используется шкала линеек, если нужно отмерить нужное расстояние. Затем, когда все на месте, перетащите к направляющей элемент изображения, и он прилипнет к этой линии. Все, он позиционирован!
Как создать направляющие в фотошопе
Сперва нужно удостовериться, что отображение направляющих включено. Для этого проследите, чтобы в меню Просмотр — Вспомогательные элементы стояла галочка. А также должны быть активированы линейки.
Теперь нужно их создать. Есть два способа для разных случаев жизни:
Способ 1 Произвольные направляющие
Этот способ подходит, когда нужно быстро создать линию и установить ее в произвольном месте.
Для этого сделайте клик мыши в области шкалы линейки:
- для горизонтальной линии — на верхней линейке;
- для вертикальной линии — не левой линейке.
Затем, не отпуская кнопку мыши, потяните руку в сторону документа. Тогда вместе с вашим движением потянется, пока еще темная, линия направляющей. Далее установите ее в нужном месте и она станет голубого цвета.
Как видите, она пересекает шкалу линейки, а значит не составит труда посчитать расстояние и разместить направляющую на нужном месте.
Способ 2 С указанием, где должна появится направляющая
Через меню Просмотр — Новая направляющая откроется диалоговое окно. В котором нужно указать в какой плоскости ее создать (горизонтальная или вертикальная), а также поле, в которое нужно ввести значение нужного положения. Например, нужна горизонтальная направляющая, которая появиться в 100 пикселях от верхнего края изображения.
Как изменить положение направляющей
Чтобы передвинуть линию в новое место, выберите инструмент Перемещение, затем наведите курсор на линию. Курсор изменится на две параллельные полоски. Значит можно кликнуть по направляющей и потянуть в новое место.
Кстати, направляющие можно закрепить, то есть защитить от случайного сдвига. Для этого поставьте галочку в меню Просмотр — Закрепить направляющие.
Как убрать/удалить направляющие
Способ 1 Переместить на шкалу линейки
Этот способ повторяет процесс создания направляющей. Только, чтобы она исчезла, нужно перетащить ее обратно в область шкалы линейки.
Этот способ идеально подходит для случаев, когда из множества направляющих нужно удалить не все, а только некоторые.
Способ 2 Команда меню
Через меню программы: Просмотр — Удалить направляющие. В этом случае пропадут сразу все созданные линии.
Способ 3 Отключить отображение
Если нужно временно убрать направляющие, чтобы они не мешали, то уберите галочку в команде Просмотр — Вспомогательные элементы или используйте горячую комбинацию Ctrl+H.
Все линии исчезнут, но если нужно отобразить их вновь, то там же верните галочку обратно, и тогда все направляющие вновь окажутся на своих местах и можно продолжить работу с ними.
Сетка разметки в фотошопе
Вспомните-ка как выглядит тетрадный лист в клеточку. Такую же сетку можно поместить поверх документа в фотошопе. Для этого выполните команду:
Просмотр — Показать — Сетку
Настройка сетки осуществляется в установках фотошопа: Редактирование — Установки — Направляющие, сетка и фрагменты.
Можно указать какой ширины будут основные (большие) ячейки и из какого количества дополнительных внутренних делений они будут состоять. Например, у меня основные ячейки по 2 сантиметра и делятся дополнительно на 4 поменьше. Таким образом, каждая маленькая клетка составляет 0.5 сантиметра.
Данная сетка удобна в случае, когда вам необходимо выровнять множество различных элементов, например, текст.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Как отключить сетку фотошоп
Как включить или убрать сетку в Фотошопе
В Adobe Photoshop есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.
О сетке
Сетка помогает вам более точно и симметрично расставить элементы в композиции
По сути, это направляющие линии. Ровная таблица. Она накладывается поверх изображения, но не перекрывает его. С ней легче рассчитать пропорции, увидеть симметрию, правильно поставить отдельные элементы.
В качестве аналогии приведём школьную тетрадь в клетку. В ней строили графики и рисовали геометрические фигуры. На таком листе можно было начертить прямой отрезок без линейки, задать угол в 45 или 90 градусов, не используя транспортира. По ней на глаз определяли, какая длина у стороны прямоугольника, и сколько клеток составляют его площадь. В Фотошопе у таблицы примерно те же функции.
Её можно увидеть только в программе. Она не отобразится при печати. В цифровой версии рисунка клеток тоже не будет. Это не часть изображения, а инструмент для редактирования.
Не стоит путать его и пиксельную сетку. Последнее — это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.
Даже если вам не нужны эти опции, всё равно будет полезно о них узнать. Например, чтобы убрать таблицу, если случайно её активировали.
Как включить?
Вот как сделать сетку в Фотошопе:
- Откройте любой графический файл или создайте новый.
- В строке меню нажмите на кнопку «Просмотр» («View»). Обычно она находится между «3D» и «Окно».
- Наведите курсор на пункт «Показать» («Show»).
- В выпавшем меню кликните на «Сетку» («Grid»). Она появится на слое.
- Также можно нажать клавиши Ctrl+’ (в русской раскладке Ctrl+Э).
Как настроить?
Можно сделать другой размер клеток (например, чтобы они визуально обозначали отрезки длиной 1 сантиметр), выбрать тип или цвет линий.
- Откройте меню «Редактирование» на верхней панели.
- Наведите мышь на пункт «Установки». Он в самом низу списка.
- Нажмите на «Направляющие, сетка и фрагменты».
- В открывшемся окне задайте нужный размер ячеек. Это можно сделать в поле «Линия через каждые…». Доступны разные единицы измерений: дюймы, миллиметры, пункты и так далее.
- В разделе «Стиль» укажите, как должна отображаться сетка: сплошной полосой, пунктирной или точками. Это не столь важно, так как разметка будет видна только при редактировании рисунка.
- В пункте «Цвет» выберите заливку. Настройку можно использовать, когда таблица сливается с фоном.
Как убрать?
Избавиться от клеток можно в том же меню, через которое их добавляли. Вот как убрать сетку в Фотошопе:
- Перейдите в Просмотр — Показать.
- Уберите галочку с соответствующего пункта.
-
Или используйте сочетание клавиш Ctrl+Э.
Пиксельная сетка
Пиксельная сетка заметна только вблизи. Чтоб её увидеть, надо увеличить картинку и изменить масштаб. Но при работе с графикой она может мешать. Вот как её вставить или убрать:
- Откройте меню Просмотр — Показать.
- Кликните на «Пиксельная сетка».
Линейки
Ещё один метод измерения в Фотошопе — линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование — Установки — Единицы измерения и линейки.
Таблица полезна при черчении схем. Или для любой другой работы, в которой требуется точность. Но этот инструмент пригодится и вне профессиональной сферы. Ведь во время рисования многое «прикидывается на глаз». Если включить разметку, можно будет ориентироваться на неё. И в итоге получится выверенный, проработанный и красивый рисунок.
Как включить и выключить сетку в фотошопе
Привет всем посетителям сайта Pixelbox.ru
В программе фотошоп присутствует прекрасный инструмент, помогающий с точностью до пикселя расположить объекты, нарисовать объекты заданного размера и т.п. Называется этот инструмент Сетка. Зачастую его используют веб дизайнеры, но этот инструмент настолько полезен, что о нем должен знать каждый. Если до сих пор вы не знали, что такое Сетка в фотошопе, как ее включить и как пользоваться – вам этот урок будет весьма кстати.
Стоит отметить, что Сетку не видно при сохранении изображения в форматах 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 пикселей от краев изображения. Стороны создаваемого прямоугольника «прилипают» к линиям Сетки и не позволяют нам залезть за границы:
Переходим на панель слоев и щелкаем по «замочку»:
Нажимаем на клавиатуре клавишу Delete:
Снимаем выделение (Ctrl + D), отключаем Сетки (Ctrl + “). Рамочка готова!
Создайте новый слой CTR+N, который будет находится под белым обрезанным фоном.
Вставьте туда фото Файл — Поместить
Это всего лишь один пример использования Сетки, надеюсь, полученные в уроке знания помогут вам упростить и облегчить работу в фотошоп. Многим разметка помогает создавать ровные чертежи в фотошопе или таблицы. Найдите и своё применение сетки в фотошопе.
Как сделать и убрать сетку в Photoshop
Приветствуем вас, дорогие читатели и ученики. Сегодня мы хотим поговорить о таком инструменте фотошопа, как пиксельная сетка. Мы постараемся рассказать вам, что это такое, для чего она применяется, а также как ее можно включить и выключить.
Что представляет собой пиксельная сетка в фотошопе
Пиксельная сетка – это особая функция фотошопа, которая предназначается профессиональным дизайнерам, чтобы создавать максимально точные эскизы. Собственно говоря, основная задача этого инструмента – помогать редактору сохранять пропорции части картинки на большом увеличении. Т.е., вы сможете с точностью до пикселя располагать различные объекты, на фото, рисовать их правильно, в нужных размерах и пропорциях и т.д.
Также – вы должны знать, что сетка не будет отображаться, если вы сохраните картинки в форматах jpg, png, gif, а также при печати. Ну а если вы пользуетесь форматами PSD или TIFF – то при передаче файла – получающий сможет обнаружить эту сетку. Поэтому мы и расскажем вам, как ее включать и выключать.
Как создать и удалить сетку в фотошопе
Для примера – мы возьмем обычную картинку в нужном формате. Как видите – ничего не видно и никакой сетки нет. Все дело в том, что она появляется после того, как вы воспользуетесь увеличением, не менее х500.
Чтобы вы нагляднее поняли, о чем идет речь – давайте мы приблизим нашу бабочку из примера в 500 раз. Как видите – сетка появилась.
Если она мешает вам работать, если она вам не нужна – просто найдите в верхнем меню пункт «просмотр». Он откроет вам еще одно меню. Там – выбирайте «показать», откроется еще одна табличка с командами. И там – вы должны найти пункт «пиксельная сетка».
Если при увеличении у вас появилась сетка, и вам ее нужно убрать – то просто уберите галочку, стоящую возле этой команды. Если же наоборот, вам нужна пиксельная сетка для работы – то откройте этот пункт и поставьте галочку. Все – просто.
На этом наш урок подходит к концу. Спасибо, что воспользовались им именно у нас, всем удачи и до новых встреч.
Как убрать пиксельную сетку в Фотошопе
Веб-сервер 47
СодержаниеБесплатный хостингВиртуальный хостингСерверы VPSВ завершение Что значит хороший хостинг? Это тот, о котором вы должны
SEO 1 398
Этой ночью произошли массовые изменения на всех наших сайтах, которые используют кодировку WINDOWS-1251. Я
SEO 154
Хороший и полезный мастер-класс о том как и когда надо анализировать ТОП Яндекса, чтобы
Сети 134
Содержание«life:) Кредит»Как пользоватьсяА как на самом делеКак отключить услугу Лайф Кредит Многие пользователи life:) не по
Как включить сетку в фотошоп и задать настройки
Если вы решили связать свою жизнь с веб – дизайном, вам следует понимать, что эта область требует кропотливости и повышенного внимания к деталям. Следовательно, вам требуется развить в себе такое качество как аккуратность. Действительно качественный и дорогой дизайн должен быть выполнен максимально аккуратно. За это вам впоследствии скажет «спасибо» не только заказчик, но и верстальщик. Потому, очень важно знать инструменты, которые вам непременно пригодятся в выполнении работы. Одним из таких является сетка. Так давайте же научимся ее вызывать.
Как включить сетку в фотошопе? Довольно просто. На верхней панели ищем команду «просмотр», в выпадающем меню выбираем «показать» — «сетка». Ну, либо экономим время и вызываем сетку комбинацией клавиш ctrl+’.
Выглядит это примерно так:
Сделать сетку на рабочем документе в Adobe Photoshop стоит уже хотя бы для того, чтобы ровно расположить элементы дизайна, например, кнопки. Если вам необходимо задействовать и направляющие, то вам стоит знать, что они автоматически останавливаются на линиях сетки.
В том случае, если вам необходимо создать выделенную область, знайте, что она тоже «прилипнет» к линиям сетки. Убрать эту функцию можно с помощью «просмотр» — «привязать к» — «линиям сетки».
Зато вы можете изменить размер сетки. Для этого вам следует зайти в «редактирование». В выпадающем списке отыскать «установки» — «направляющие, сетка и фрагменты».
В появившемся окне мы можем задать любые удобные нам настройки сетки. Вы сможете менять расположение основных и вспомогательных линий сетки. Цвет тоже можно изменить. Согласитесь, если линии будет серыми и еле заметными, глаза такая сетка будет резать глаз гораздо меньше, а значит, и работать вам будет гораздо удобнее.
Убрать сетку очень просто. Выполняем тот же порядок действий. «Просмотр» — «показать» — «сетка». И в этот раз мы попросту убираем галочку.
Я настоятельно не рекомендую рисовать вместе с сеткой, потому как результат может не соответствовать вашим ожиданиям. Все-таки сетка искажает картину и порой мешает увидеть красивые цветовые сочетания. Потому, если уж вы решили работать с вектором в фотошопе, то сетку используйте не для создания макета, а для сверки. Вы значительно сэкономите свое время и нервы, поверьте.
Как включить сетку в Фотошопе CS и CC
В программе Photoshop сетка используется для решения различных задач. Основное же назначение сетки в правильном расположении объектов. Сетка просто необходима, когда требуется соблюдение высокой точности в расположении различных элементов на холсте.
В этом небольшом уроке мы рассмотрим принципы вызова и редактирования сетки в программе Photoshop.
Вызвать сетку довольно легко. Для этого необходимо кликнуть в главном меню на «Просмотр», затем в открывшемся списке навести мышкой на параметр «Показать» и из предложенного списка выбрать нужный нам пункт — «Сетку».
В результате холст приобретет соответствующий вид и будет разлинован на квадратики.
Также для вызова сетки можно применить комбинацию клавиш — CTRL+’. Эффект будет тем же, что и в первом варианте.
Полученную сетку можно настроить под требуемые вам параметры. Для этого требуется перейти в раздел «Редактирование», выбрать там «Установки» и затем нажать на пункт «Направляющие, сетка и фрагменты». – Данный метод подходит для Фотошопов версии CS5, CS6.
Мы для этого урока используем Photoshop CC 2018 года, поэтому наши действия будут немного отличаться. Нам нужно перейти в меню “Photoshop CC”, там выбрать “Настройки” и уже потом «Направляющие, сетка и фрагменты».
В результате откроется окно с настройками, где можно изменить параметры сетки. Например, изменить цвет линий и их стиль отображение ( пунктир, сплошные линии или точки). А также настроить требуемый размер ячеек и расстояние между линиями.
Вот собственно и все необходимые знания о сетке в фотошопе. Если перед вами стоит задача с ювелирной точностью расположить элементы на холсте, воспользуйтесь функцией сетки.
Как отключить эту раздражающую сетку в Photoshop при увеличении.
Привет, ребята!
Я работал над 4K в течение последнего года, и поэтому мне приходится увеличивать масштаб значительно больше, чем при разрешениях, таких как 1080 и 1440, чтобы получить тот же уровень «увеличенного» изображения. Это экстремальное увеличение добавляет сетку к виду. Как фотографу и ретушеру это может сильно усложнить жизнь, если вы не знаете, что можете отключить эту сетку.
Стандартный вид при 1080P
Когда кто-то отправляет вам 16 изображений на ретушь, и вы должны работать над деталями на уровне пор, вы увеличиваете масштаб на мониторе 4K и бум, сетка из ада.
Вот проблема при разрешении 1080:
И вот проблема в 4K:
Как видите, это мельница для ретуши.
Он срабатывает все быстрее и быстрее, чем выше разрешение, с которым вы работаете (вы можете уменьшить масштаб, прежде чем он включится).
Чтобы увидеть разницу, вот сравнение с сеткой и без нее:
Проблема, с которой мы сталкиваемся как ретушеры, заключается в том, что появляющаяся сетка дает нам ложное впечатление о яркости, а также делает очень трудным, если не невозможным, точно увидеть, какие пиксели нужно уклоняться и эффективно выгорать при увеличении для точного увеличения. Работа.
Даже если посмотреть на изображение как можно шире, прежде чем сетка сработает, мы изменим воспринимаемую форму лица, и это то, чего мы должны избегать любой ценой, когда это не то, что мы можем контролировать.
Мы хотим четко видеть изображение и его проблемы, чтобы мы, ретушеры и редакторы, могли диктовать исправления с минимальными сложностями.
Надеюсь, это исправление поможет вам в путешествии!
Исправить просто друзья мои: ВИД> ПОКАЗАТЬ> ПИКСЕЛЬНАЯ СЕТКА
Пусть ваш опыт ретуши / фотографа будет навсегда улучшен.
.
Как переключить пиксельную сетку в Photoshop?
Переполнение стека
- Около
- Товары
- Для команд
- Переполнение стека Общественные вопросы и ответы
- Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
- Вакансии Программирование и связанные с ним технические возможности карьерного роста
- Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.
Как использовать сетки и направляющие в Photoshop (шаг за шагом!)
Сетки и направляющие в Photoshop — это инструменты, упрощающие редактирование фотографий. Используйте их, если вам нужно выпрямить линии на фотографии или при создании макета.
В этой статье я покажу вам, как использовать их оба.
Как сделать сетку в Photoshop?
Начнем с сетки. Сетка не печатается и очень помогает при выравнивании объектов или симметричной компоновке элементов.
.
Как настроить сетку макета в Photoshop
Функция сетки в Photoshop — отличный инструмент, который поможет вам с макетами, будь то дизайн для Интернета или печати. Добавление «привязки» позволяет очень точно выравнивать объекты по линиям сетки. И вместо того, чтобы создавать новую сетку каждый раз при разработке, вы можете настроить параметры сетки, которые можно использовать повторно.
Создание сетки
1. Создайте новый документ. Если вы разрабатываете для разрешения монитора 1024 x 768 пикселей, настройте новый документ как 960 пикселей в ширину и 768 пикселей в высоту.
2. Чтобы добавить сетку, выберите «Просмотр»> «Показать»> «Сетка». Вы сразу увидите сетку, наложенную на новый документ. Сетка, которую вы видите, не печатается, она просто предназначена для вашего удобства и справки.
Вы заметите, что есть несколько жирных линий, а между ними есть более светлые пунктирные линии, известные как подразделения.
На этом этапе вы можете просто оставить свою сетку в покое, но, установив некоторые параметры, вы можете получить больший контроль и настроить то, как будут выглядеть линии в вашей сетке, насколько далеко они друг от друга и сколько подразделений появляется между основные линии сетки.
Чтобы открыть настройки сетки, выберите «Правка»> «Настройки»> «Направляющие, сетки и фрагменты и количество». Откроется диалоговое окно «Настройки», которое вы видите ниже. (Примечание: я использую CS3, более ранние версии могут выглядеть немного иначе, но будут иметь аналогичные параметры для сеток.)
Выберите желаемый цвет линий сетки. Вы также можете выбрать стиль, выбрав линии, пунктирные линии или точки. Если вы считаете, что линии слишком ошеломляющие, хорошим выбором будет вариант с точками (см. Ниже).
По-прежнему в настройках сетки, если вы хотите иметь сетки из двенадцати столбцов в документе размером 960 пикселей, установите для параметра «Сетка каждые» значение 80 пикселей. Я оставляю количество подразделений равным 4. Нажмите OK, и ваша сетка готова.
Привязка
Включение привязки помогает выравнивать слои, текст и практически любой объект, который вы хотите. Чтобы включить его, выберите View> Snap . Вы увидите галочку рядом с этой опцией, когда она выбрана.Затем выберите View> Snap To> Grid. Как только это будет выбрано, вы обнаружите, что объекты щелкают или фиксируются на вашей сетке. Если привязка становится раздражающей, просто отключите ее, снова выбрав View> Snap To> Grid .
Когда вы закончите проектирование, просто выберите View> Show> Grid или Ctrl +; (pc) или Cmd +; (Mac), чтобы скрыть сетку и полюбоваться красивым дизайном.
Используете ли вы в настоящее время сетки для разметки? Вы сделали свой собственный или загрузили его из Интернета?
Если вам понравился этот пост, вам понравится Learnable; место для обучения новым навыкам и техникам от мастеров.Участники получают мгновенный доступ ко всем электронным книгам и интерактивным онлайн-курсам SitePoint, таким как «Основы Photoshop».
Комментарии к статье закрыты. Есть вопрос о Photoshop? Почему бы не спросить об этом на нашем форуме?
.
Цветовая сетка в фотошопе
Как создать цветную сетку
Шаг 1: создайте новый документ Photoshop
Давайте начнем с создания нового документа для сетки. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :
Диалоговое окно «Новый документ».
Шаг 2: Показать линейки
Перейдите в меню « Вид» в верхней части экрана и выберите « Линейки» или нажмите Ctrl + R (Победа) / Command + R (Mac), чтобы быстро включить линейки с помощью сочетания клавиш:
Перейдите в «Просмотр»> «Линейки».
Шаг 3: Измените тип измерения линейки на проценты
Это отображает линейки Photoshop вдоль верхней и левой части документа. В зависимости от того, какой тип измерения установлены в линейках в настройках Photoshop , они могут отображать пиксели или дюймы. Переместите курсор мыши в линейки вдоль верхней или левой стороны, затем щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) внутри линейки и выберите « Процент» в списке. Вы увидите изменение линейки в процентах:
Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу «Control» (Mac) внутри линейки и выберите «%» из списка.
Шаг 4: перетащите горизонтальные и вертикальные направляющие с шагом 10 процентов
Причина, по которой мы включили линейки, заключалась в том, что мы могли легко добавлять одинаково расположенные направляющие в наш документ, которые затем стали бы нашими линиями сетки. Давайте сначала добавим вертикальные направляющие. Щелкните внутри линейки слева от документа и, удерживая нажатой кнопку мыши, вытащите первую направляющую. Используйте верхнюю линейку, чтобы установить направляющую на отметке 10% (отпустите кнопку мыши, чтобы разместить направляющую):
Нажмите внутри левой линейки и вытяните вертикальную направляющую до отметки 10%.
Сделайте то же самое, чтобы добавить направляющую с каждым шагом 10% (20%, 30%, 40% и т. Д.), Вплоть до отметки 90%. Ваш документ должен теперь появиться разделенным на 10 равноотстоящих вертикальных столбцов:
Направляющие делят документ на 10 вертикальных столбцов.
Затем выполните те же действия, чтобы добавить горизонтальные направляющие. Нажмите внутри верхней линейки и, удерживая нажатой кнопку мыши, вытяните горизонтальную направляющую. Используйте левую линейку, чтобы разместить направляющую на отметке 10%. Продолжайте перетаскивать горизонтальные направляющие с шагом 10% (20%, 30%, 40%, как и прежде) до отметки 90%. Когда вы закончите, у вас должно быть одинаковое количество горизонтальных и вертикальных направляющих, разделяющих документ на сетку квадратов:
Направляющие делят документ на сетку квадратов.
Установив направляющие, нажмите Ctrl + R (Победа) / Command + R (Mac) на клавиатуре, чтобы скрыть линейки, поскольку они нам больше не нужны.
Шаг 5: добавь новый пустой слой и назови его «Grid»
Удерживая нажатой клавишу «Alt» (победа) / « Option» (Mac), щелкните значок « Новый слой» в нижней части панели «Слои»:
Удерживая нажатой клавишу «Alt» (Победа) / «Option» (Mac), щелкните значок «Новый слой».
Обычно Photoshop просто добавляет новый пустой слой, но, удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac) при нажатии значка «Новый слой», мы говорим ему сначала открыть диалоговое окно « Новый слой », которое дает нам шанс назвать новый слой, прежде чем он будет добавлен. Назовите слой «Сетка», затем нажмите «ОК»:
Назовите новый слой «Сетка».
Новый пустой слой появляется на панели «Слои» над фоновым слоем:
Фотошоп добавляет новый слой и называет его «Сетка».
Шаг 6: создай выбор из руководств
Мы разделили наш документ на сетку, используя руководства Photoshop, но эти руководства предназначены только для наглядности. Они не принесут нам никакой реальной пользы, если мы каким-то образом не преобразуем их в фактическую сетку на основе пикселей, и мы можем легко это сделать, используя пару редко используемых инструментов выделения в Photoshop — инструменты выделения одной строки и выделения одной колонки.
Нажмите на инструмент « Прямоугольная область» в верхней части панели «Инструменты» и удерживайте кнопку мыши нажатой в течение одной или двух секунд, пока не появится маленькое всплывающее меню, показывающее другие инструменты, вложенные сзади, затем выберите « Инструмент с одной строкой» из список:
Нажмите и удерживайте значок Rectangular Marquee Tool, затем выберите инструмент Single Row Marquee.
Как следует из названия, инструмент выделения одной строки выделит одну горизонтальную строку пикселей в документе. Чтобы использовать инструмент, нам просто нужно щелкнуть мышью в любом месте документа, и Photoshop автоматически выберет пиксель, на который мы нажали, а также все остальные пиксели в этой строке слева направо. Мы собираемся использовать инструмент для преобразования горизонтальных линий сетки в серию контуров выделения. Сначала наведите курсор на верхнюю горизонтальную линию сетки (ту, которую вы поместили на отметке 10%) и нажмите. Вы увидите набросок выделения толщиной в 1 пиксель, который появится вдоль руководства:
Нажмите в любом месте на первой горизонтальной направляющей, чтобы добавить контур выделения вокруг него.
Удерживая клавишу Shift, нажмите на следующую горизонтальную направляющую под ней. Это добавит второй набросок выбора к документу. Продолжайте удерживать клавишу Shift и нажимать на все горизонтальные направляющие, пока вдоль каждого из них не появится контур выделения. Всего вы должны увидеть 9 строк контура выделения. Убедитесь, что вы удерживаете нажатой клавишу Shift при нажатии на каждое новое руководство, в противном случае вы просто замените предыдущий контур выбора новым:
Удерживайте Shift и нажмите на каждую горизонтальную направляющую, чтобы добавить контур выделения вокруг каждого.
Теперь нам нужно проделать то же самое с вертикальными направляющими, а это значит, что нам нужно переключиться на одностолбцовый инструмент выделения. Нажмите « Инструмент выделения одной строки» на панели «Инструменты» (он появится там, где ранее был значок «Прямоугольная область») и удерживайте кнопку мыши нажатой до появления всплывающего меню, затем выберите « Инструмент выделения одной колонки» из списка:
Нажмите и удерживайте значок инструмента выделения одной строки, затем выберите инструмент выделения одной строки.
Мы хотим, чтобы наши вертикальные контуры выделения были добавлены к уже имеющимся горизонтальным контурам выделения, поэтому еще раз удерживайте нажатой клавишу « Shift» , затем нажимайте на каждую из вертикальных направляющих в документе, пока все они не будут выделены. Когда вы закончите, у вас должны быть выделенные контуры вдоль каждого гида, по горизонтали и вертикали:
Сетка горизонтальных и вертикальных контуров выделения.
Шаг 7: заполните выделение черным
Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :
Перейдите в Edit> Fill.
Когда появится диалоговое окно «Заливка», установите для параметра « Использовать» в верхней части значение « Черный» , затем нажмите кнопку «ОК», чтобы закрыть диалоговое окно:
Измените параметр «Использовать» на «Черный», затем нажмите «ОК».
Это заполняет выделение черным, хотя это может быть трудно увидеть с помощью направляющих и контуров выделения в пути, поэтому перейдите в меню « Выбор» в верхней части экрана и выберите « Отменить выбор» , который удалит контуры выделения:
Выберите «Выделение»> «Отменить выбор».
Затем, чтобы отключить направляющие, перейдите в меню « Вид» , выберите « Показать» , а затем выберите « Направляющие» . Сначала вы увидите галочку слева от слова «Направляющие», которая говорит нам, что направляющие в настоящее время видны. Нажатие направляющих снимет флажок и отключит направляющие:
Перейдите в «Просмотр»> «Показать»> «Направляющие».
После удаления контуров выделения и направляющих мы можем видеть нашу черную сетку на слое сетки:
Черные линии сетки теперь появляются.
Шаг 8. Откройте фотографию, которую хотите использовать с эффектом.
Откройте фотографию, которую вы будете использовать с эффектом сетки. Вот мое изображение:
Откройте фото.
Если вы используете Photoshop CS3 или более раннюю версию, фотография автоматически откроется в собственном плавающем окне документа. Если вы используете Photoshop CS4 или CS5, в зависимости от того, как у вас настроены параметры в настройках Photoshop, фотография может открываться в документе с вкладками. В этом случае, чтобы упростить следующий шаг, перейдите в меню « Окно» в верхней части экрана, выберите « Упорядочить» , а затем выберите « Плавающее все» в Windows (только для CS4 и CS5):
Перейдите в Window> Arrange> Float All в Windows (только для Photoshop CS4 и CS5).
Шаг 9: перетащи фотографию в сетку
Щелкните в любом месте окна документа сетки, чтобы сделать его активным, затем щелкните фоновый слой на панели «Слои», чтобы выбрать его. Таким образом, когда мы перетаскиваем фотографию в документ, как мы это сделаем через мгновение, фотография появится в своем собственном слое между слоями Background и Grid:
С выбранным окном документа сетки, нажмите на фоновый слой на панели слоев.
Теперь щелкните в любом месте окна документа фотографии, чтобы сделать его активным, и выберите инструмент «Перемещение» на панели «Инструменты»:
Возьмите инструмент «Перемещение» сверху панели «Инструменты».
Удерживая нажатой клавишу Shift , щелкните с помощью инструмента «Перемещение» внутри окна документа фотографии и перетащите фотографию в окно документа сетки:
Выбрав инструмент «Перемещение», удерживайте клавишу «Shift» и перетащите фотографию в документ сетки.
Отпустите кнопку мыши, затем отпустите клавишу Shift, и фотография появится в центре окна документа сетки. На этом этапе вы можете закрыть документ фотографии, поскольку он нам больше не нужен:
Удерживание клавиши Shift — это то, что центрирует фотографию внутри документа при его перетаскивании.
Обратите внимание, что сетка появляется перед фотографией. Это потому, что если мы посмотрим на панель «Слои», то увидим, что фотография была размещена на собственном слое под слоем сетки, как мы и хотели:
Фотошоп поместил фотографию на новый слой прямо над активным слоем, поэтому мы сначала выбрали фоновый слой.
Шаг 10: измените размер фотографии, если это необходимо, со свободным преобразованием
Если вам нужно изменить размер вашей фотографии в документе сетки, перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» :
Перейдите в Edit> Free Transform.
Это помещает ограничивающую рамку Free Transform и обрабатывает изображение. Если вы не видите маркеры, потому что края вашей фотографии выходят за пределы видимой области в окне документа, перейдите в меню « Вид» и выберите «По размеру экрана» :
Перейдите в «Просмотр»> «По размеру экрана».
Photoshop мгновенно уменьшит изображение настолько, чтобы все, включая маркеры «Свободное преобразование», поместилось в окне документа. Чтобы изменить размер фотографии, удерживайте клавишу Shift , затем нажмите на любую из четырех угловых ручек и перетащите их. Удерживая нажатой клавишу Shift при перетаскивании, вы сохраните исходное соотношение сторон изображения, чтобы вы случайно не исказили его внешний вид. Если вы хотите изменить размер фотографии не по углу, а по центру, удерживайте Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании любой из угловых ручек. Если вам нужно переместить изображение внутри документа, просто щелкните в любом месте внутри ограничительной рамки «Свободное преобразование» и перетащите его на место. Когда вы закончите, нажмите Enter (Win) /Вернитесь (Mac), чтобы принять изменение и выйти из команды Free Transform:
Перетащите любой угловой маркер, чтобы изменить размер изображения с помощью Free Transform.
Если вы сократили изображение минуту назад с помощью команды «Подогнать на экран» и хотите увеличить масштаб теперь, когда вы закончили с изменением размера изображения, вернитесь в меню « Вид» и выберите « Фактические пиксели» (см. Наш « Масштабирование и панорамирование в Photoshop»). учебник для получения дополнительной информации о увеличении и уменьшении документов):
Шаг 11: выбери слой сетки
На этом этапе вся начальная тяжелая работа выполнена. Мы создали нашу сетку, перетащили нашу фотографию в документ сетки, изменили размеры и переместили фотографию в нужное положение. Мы готовы повеселиться, раскрасив сетку! Во-первых, нам нужно выбрать слой Grid, поэтому щелкните его на панели «Слои», чтобы выбрать его:
Нажмите на слой сетки, чтобы сделать его активным.
Шаг 12: выбери инструмент волшебной палочки
Чтобы раскрасить сетку, нам нужен способ выбора отдельных квадратов, и мы можем сделать это с помощью Magic Wand Tool от Photoshop . Выберите его на панели инструментов. Если вы используете Photoshop CS2 или более раннюю версию, вы можете просто щелкнуть значок Волшебной палочки. Для Photoshop CS3 и выше, нажмите на инструмент быстрого выбора , затем удерживайте кнопку мыши, пока не появится всплывающее меню, и выберите волшебную палочку из меню:
В Photoshop CS3 и выше Волшебная палочка скрывается за инструментом быстрого выбора.
Шаг 13: выбери квадраты внешнего края
Чтобы выбрать квадрат в сетке, убедитесь, что на панели «Слои» выбран слой «Сетка», а затем просто щелкните внутри квадрата Волшебной палочкой. Контур выделения появится вокруг внешних краев квадрата. Затем, чтобы добавить дополнительные квадраты к выделению, удерживайте нажатой клавишу Shift и щелкните внутри квадратов, которые вы хотите. Каждый новый квадрат, по которому вы щелкаете внутри, будет выбран и добавлен к ранее выбранным квадратам. Давайте начнем с выбора всех квадратов вокруг внешнего края сетки. Сначала щелкните внутри квадрата в верхнем левом углу сетки. Вокруг него появится схема выбора:
Нажмите внутри верхнего левого квадрата в сетке с помощью Magic Wand Tool, чтобы выбрать его.
Удерживая клавишу Shift, продолжайте щелкать внутри каждого из квадратов вокруг внешних краев сетки, чтобы добавить их все к выделению:
Все квадраты внешнего края теперь имеют контуры выделения вокруг них.
Я собираюсь добавить еще несколько квадратов к своему выбору, снова удерживая мою клавишу Shift и щелкнув внутри них, чтобы добавить их к ранее выбранным квадратам. Чтобы было легче увидеть, какие квадраты я выбрал, я выделил их желтым цветом (это не является частью эффекта, просто чтобы было проще увидеть квадраты, которые я выбрал на скриншоте):
Мои изначально выделенные квадраты.
Шаг 14: добавь новый слой ниже слоя сетки
Мы заполним эти начальные квадраты белым, что создаст границу для эффекта. Удерживая нажатой клавишу «Ctrl» («Победа») / « Command» (Mac), щелкните значок « Новый слой» в нижней части панели «Слои».
Удерживая нажатой клавишу Ctrl (Победа) / «Command» (Mac), щелкните значок «Новый слой».
Обычно Photoshop добавляет новые слои непосредственно над выбранным в данный момент слоем, но, удерживая клавишу Ctrl (Win) / Command (Mac) при нажатии значка «Новый слой», слой добавляется под выбранным в данный момент слоем. На панели «Слои» мы видим, что теперь у нас есть новый пустой слой между фотографией на слое 1 и слоем сетки:
Новый слой появляется ниже, а не над слоем сетки.
Шаг 15: заполни выделенные квадраты белым
Поднимитесь в меню Edit в верхней части экрана и еще раз выберите команду Fill . На этот раз, когда появится диалоговое окно Fill, измените опцию Use на White . Нажмите OK, когда вы закончите:
Установите для параметра «Использовать» значение «Белый».
Фотошоп заполняет выделенные квадраты белым цветом. Отмените выделение квадратов, перейдя в меню « Выбор» и выбрав « Отменить выделение» , или просто нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить их выделение с помощью сочетания клавиш:
Вокруг изображения появляется рамка из белых квадратов.
Шаг 16: выбери слой сетки
Давайте выберем несколько разных квадратов для раскрашивания. Во-первых, нам нужно активировать слой Grid на панели «Слои», поэтому щелкните по нему, чтобы выбрать его. Помните, что вам всегда нужно выделять слой сетки, прежде чем вы сможете выбрать любые квадраты:
Нажмите на слой сетки, чтобы выбрать его.
Шаг 17: выбери разные квадраты
С активным слоем сетки, щелкните внутри начального квадрата, чтобы выбрать его, затем, удерживая нажатой клавишу Shift, щелкните внутри других квадратов, чтобы добавить их к ранее выбранным квадратам. Если вы передумали и хотите удалить квадрат из выделения, удерживайте нажатой клавишу Alt (Победа) / Option (Mac) и щелкните внутри квадрата, чтобы отменить его выбор. Здесь я еще раз выделил выбранные квадраты желтым цветом, чтобы их было легче увидеть на скриншоте:
Удерживайте Shift и щелкните внутри нескольких различных квадратов, чтобы выбрать их.
Шаг 18: выбери фото слой
Нажмите на слой фотографии (Layer 1) на панели Layers, чтобы выбрать его:
Выберите фото слой на панели «Слои».
Шаг 19: раскрасьте квадраты с помощью корректирующего слоя Hue / Saturation
Нажмите на значок « Новый корректирующий слой» в нижней части панели «Слои»:
Нажмите на значок нового корректирующего слоя.
Выберите Hue / Saturation из появившегося списка корректирующих слоев:
Выберите Hue / Saturation из списка.
Если вы используете Photoshop CS4 или CS5, элементы управления и параметры для корректирующего слоя Оттенок / Насыщенность появятся на панели настроек . В CS3 и более ранних версиях откроется отдельное диалоговое окно Hue / Saturation. Сначала выберите опцию Colorize , щелкнув внутри ее флажка. Затем выберите цвет, которым вы хотите раскрасить выделенные квадраты, перетаскивая ползунок Оттенок . Для этих квадратов я собираюсь оставить ползунок Оттенок полностью установленным влево (его положение по умолчанию), который выбирает красный цвет . Конечно, вы можете выбрать любой понравившийся вам цвет. Чтобы увеличить насыщенность цвета, перетащите ползунок « Насыщенность» вправо. Я собираюсь установить значение насыщенности 55, Следите за документом при перетаскивании ползунков для предварительного просмотра результатов. Для Photoshop CS3 и более ранних пользователей нажмите OK, когда вы закончите, чтобы закрыть диалоговое окно:
Выберите опцию Colorize, затем выберите цвет с помощью ползунков Hue и Saturation.
Шаг 20: измени режим смешивания для корректирующего слоя на цвет
Если мы посмотрим на панель «Слои», то увидим корректирующий слой, расположенный прямо над слоем с фото. Убедитесь, что он выбран (выделен синим цветом), затем перейдите к параметру « Режим наложения» в верхней части панели «Слои» и измените его режим наложения с «Обычный» (режим по умолчанию) на « Цветной» . Это гарантирует, что мы меняем только цвета на изображении, а не значения яркости:
Измените режим наложения корректирующего слоя Hue / Saturation на Color.
Вот мой документ после окрашивания некоторых квадратов в красный:
Несколько красных квадратов были добавлены к эффекту.
Шаг 21: выбери и раскрась больше квадратов
Повторите шаги 16-20, чтобы выделить и раскрасить больше квадратов. Сначала выберите слой «Сетка» на панели «Слои», затем щелкните внутри квадрата, чтобы выбрать его с помощью Волшебной палочки. Удерживайте Shift и кликните внутри большего количества квадратов, чтобы добавить их в выделение. Нажмите на слой с фотографиями на панели «Слои», чтобы выбрать его, затем нажмите на значок « Новый корректирующий слой» и выберите « Оттенок / Насыщенность» . Выберите опцию Colorize , затем выберите цвет с помощью ползунка Hue и уровень насыщенности с помощью ползунка Saturation . Нажмите кнопку ОК, чтобы закрыть диалоговое окно (CS3 и более ранние версии). Наконец, измените режим смешивания нового корректирующего слоя наЦвет .
Вы также можете использовать корректирующий слой Hue / Saturation, чтобы полностью обесцветить некоторые квадраты, оставляя их черно-белыми. Чтобы сделать это, выберите несколько квадратов, затем добавьте корректирующий слой Hue / Saturation, как обычно, но вместо того, чтобы выбирать цвет с помощью ползунка Hue, просто перетащите ползунок Saturation полностью влево, который удалит все цвета (нет необходимости выбирать опцию Colorize):
Удалите весь цвет из некоторых квадратов, перетаскивая ползунок Насыщенность полностью влево.
Вот мой эффект после раскрашивания большего количества квадратов с помощью дополнительных корректирующих слоев Hue / Saturation. Если вы хотите использовать те же цвета, что и я, для синего я установил для Hue значение 200, для Saturation — 30. Для Green — Hue — 120, Saturation 25. Для Purple — Hue 289, Saturation 35. упомянуто, для черных и белых квадратов, Насыщенность была установлена в -100, перетаскивая ползунок полностью влево:
Цветовой эффект сетки пока что.
Шаг 22: попробуй другой цветовой режим для некоторых корректирующих слоев
Единственная проблема, с которой я столкнулся на данный момент, заключается в том, что она не выглядит такой яркой и яркой, как я надеялся. Один из способов изменить это — изменить режим наложения для некоторых корректирующих слоев. Если мы посмотрим на панель «Слои», то увидим все корректирующие слои, которые я использовал для раскрашивания квадратов. Всего их пять, включая тот, который я использовал для черно-белого эффекта:
Пять корректирующих слоев были использованы для эффекта.
Чтобы добавить больше интереса к изображению, попробуйте изменить режим наложения для некоторых корректирующих слоев на что-то отличное от цвета. Чтобы сделать это, просто нажмите на корректирующий слой на панели «Слои», чтобы выбрать его, а затем измените режим наложения в верхней части панели «Слои». Например, я думаю, что красный цвет в моем изображении выглядит немного тусклым, поэтому я нажму на верхний корректирующий слой Hue / Saturation на панели Layers, чтобы выбрать его (так как это тот, который я использовал для добавления красного цвета), затем Я изменю режим смешивания с Color на Screen :
Выберите красный корректирующий слой Hue / Saturation, затем измените его режим наложения на Screen.
Режим смешивания экрана делает вещи ярче, но также имеет тенденцию уменьшать насыщенность цвета, поэтому для компенсации, с выбранным красным корректирующим слоем Hue / Saturation, я вернусь на панель настроек и увеличу значение насыщенности для красного до 70 (для Photoshop Пользователи CS3 и более ранние версии, нажмите на миниатюру корректирующего слоя на панели «Слои», чтобы заново открыть диалоговое окно «Цветовой тон / насыщенность», чтобы внести какие-либо изменения, затем нажмите «ОК», чтобы закрыть диалоговое окно):
Изменение режима наложения может потребовать корректировки уровня насыщенности цвета.
Вот мое изображение после изменения режима наложения красного на экран и увеличения его насыщенности цвета. Обратите внимание, что красные квадраты теперь выглядят ярче:
Экран — это популярный режим наложения, обычно используемый для быстрого осветления изображений.
Я сделаю то же самое с фиолетовым корректирующим слоем Hue / Saturation, сначала щелкнув по нему, чтобы выбрать его на панели «Слои», затем изменив его режим наложения на Screen и увеличив его насыщенность цвета до 55 на панели настроек (или в диалоговом окне). в CS3 и ранее). Другие режимы наложения, которые могут дать вам хорошие результаты, включают «Умножение» (для более темного цвета), а также «Наложение», которое даст вам более высокий контрастный эффект, но также может изменить внешний вид самого цвета. Вот мой эффект теперь с красными и фиолетовыми квадратами, установленными в режим смешивания экрана:
Различные режимы наложения дадут вам разные эффекты. Screen, Multiply и Overlay — хорошие варианты, чтобы попробовать.
Шаг 23: измени цвет линий сетки на белый
В качестве последнего шага для эффекта, давайте изменим внешний вид самих линий сетки, сначала изменив их цвет с черного на белый. Нажмите на слой «Сетка» на панели «Слои», чтобы выбрать его, затем нажмите значок « Блокировать прозрачные пиксели» чуть ниже параметра режима наложения (это первый из четырех значков в ряду):
Нажмите на значок блокировки прозрачных пикселей.
Шаг 24: заполните линии сетки белым
Если на слое сетки выбран параметр «Блокировать прозрачные пиксели», все, что мы делаем со слоем, влияет только на сами пиксели. Это не окажет никакого влияния на прозрачные области. Таким образом, если мы заполним слой, скажем, белым (как мы собираемся сделать), только линии сетки будут заполнены белым. Прозрачные области на слое останутся прозрачными.
Подойди к меню Edit и еще раз выбери Fill . Когда появится диалоговое окно «Заливка», для параметра « Использовать» уже должно быть выбрано значение « Белый», поскольку мы установили его в последний раз, поэтому просто нажмите «ОК», чтобы закрыть диалоговое окно. Фотошоп закрасит линии сетки белым цветом:
Photoshop заполняет слой белым, но затрагиваются только линии сетки.
Шаг 25: добавь стиль слоя обводки
Если вы хотите увеличить толщину линий сетки, щелкните значок « Стили слоев» в нижней части панели «Слои»:
Нажмите на иконку Layer Styles.
Выберите Stroke из появившегося списка стилей слоя:
Выберите Stroke из списка.
Откроется диалоговое окно « Стиль слоя» в Photoshop с параметрами обводки в средней колонке. Нажмите на образец цвета рядом со словом « Цвет» , чтобы открыть палитру цветов . Выберите белый цвет из палитры цветов, затем нажмите OK, чтобы закрыть его. Теперь, когда в качестве цвета обводки используется белый, оставьте для параметра Положение значение Снаружи и отрегулируйте ширину обводки, перетаскивая ползунок « Размер» , следя за документом, чтобы оценить результат. Я собираюсь установить размер моего обводки до 2 px (пикселей):
Измените цвет обводки на белый, затем отрегулируйте его ширину с помощью ползунка Размер.
Нажмите OK, чтобы закрыть диалоговое окно Layer Style, и все готово! Вот мой последний эффект цветовой сетки:
Конечный результат.
Блог Джулианны Кост | Ярлыки сетки, направляющих и линейки в Photoshop
Вот несколько моих любимых советов по работе с сетками, направляющими и правилами в Photoshop!
Работа с линейками
• Command + R (Mac) | Control + R (Win) быстро отображает линейки в верхней и левой сторонах документа.
• Чтобы быстро изменить единицу измерения линейки, Control -click (Mac) | щелкните правой кнопкой мыши (Win) в области линейки, чтобы выбрать из контекстного меню.
• Чтобы отобразить настройки «Единицы измерения и линейки», дважды щелкните в области линейки.
• Чтобы изменить исходную точку линейки (нулевая точка линейки), щелкните и перетащите рамку в верхнем левом углу линейки (там, где они встречаются) и измените положение. Двойной щелчок на пересечении линеек сбрасывает исходную точку в верхний левый угол открытого документа.
• Чтобы быстро найти центр изображения, установите линейки в процентах и растяните направляющие до отметок 50% (вы также можете использовать «Просмотр»> «Новое руководство», но я считаю, что перетаскивание выполняется быстрее).
Работа с сетками
• Command + ‘(Mac) | Control + ‘(Win) переключает видимость сетки.
• Чтобы создать сетку, отображающую наложение «Правило третей», выберите «Настройки»> «Направляющие, сетка и фрагменты». Установите «Сетка каждые:» на 100%, а «Подразделения» на 3.
Работа с направляющими
• Чтобы разместить одну направляющую в определенном месте документа, выберите «Просмотр»> «Новая направляющая». Чтобы ввести значение, отличное от текущих единиц измерения, введите значение, а затем единицу измерения (пиксели, дюймы, см, мм, точки, пика,%).
• Чтобы добавить направляющую с помощью линейок, щелкните область линейки и перетащите направляющую в документ. Option -drag (Mac) | Alt-перетащите (Win) на линейке, чтобы переключить ориентацию направляющей (с вертикальной на горизонтальную).
• Чтобы добавить несколько направляющих одновременно, выберите «Просмотр»> «Новый макет направляющих». Вы можете не только ввести необходимое количество столбцов и строк, но также выбрать ширину или высоту, желоб, поля, а также центрировать столбцы или нет.Чтобы повторно использовать направляющие в нескольких изображениях, сохраните параметры направляющих в качестве предустановки с помощью раскрывающегося меню. Вот несколько примеров руководств, которые вы можете создать:
Определенная ширина столбцов и определенные строки с желобом.
Определена направляющая маржа.
Центрированные столбцы с определенной числовой шириной.
• Чтобы создать направляющие на основе формы, выберите «Просмотр»> «Новая направляющая из фигуры». И вы не ограничены только слоями-фигурами, вы можете создавать направляющие из текстовых слоев и слоев на основе пикселей! Как видно из приведенных ниже примеров, направляющие создаются на основе ограничивающей рамки вокруг содержимого слоя.
Направляющие, созданные вокруг слоя формы.
Направляющие, созданные вокруг содержимого пиксельного слоя.
Направляющие, созданные из текстового слоя.
• Чтобы изменить положение направляющей с помощью инструмента «Перемещение», поместите инструмент «Перемещение» непосредственно над направляющей. Когда значок изменится на двунаправленную стрелку, щелкните и перетащите, чтобы переместить направляющую.
• Удерживая нажатой клавишу «Shift», перетащите направляющую, чтобы привязать ее к отметкам линейки. Обратите внимание, что этот ярлык работает, даже когда «привязка к» отключена (Просмотр / Привязка к…).
• Перетащите направляющую за пределы области изображения, чтобы быстро удалить ее.
• Command +; (Mac) | Control +; (Win) переключает видимость направляющих.
• Command + Option + «;» (Mac) | Control + Alt + «;» (Win) блокирует / разблокирует направляющие («Просмотр»> «Заблокировать направляющие»). При изменении размера изображения документа разблокируйте направляющие, чтобы пропорционально изменить размер направляющих. Заблокируйте их, если вам нужно сохранить точные числовые значения.
• Направляющие (и пути) может быть трудно увидеть на мониторах с высоким разрешением, потому что они сглажены.Чтобы они казались толще, выберите «Настройки»> «Производительность». В настройках графического процессора нажмите «Дополнительные настройки» и снимите флажок «Направляющие и пути сглаживания». Примечание. Вы не увидите изменения, пока не нажмете ОК в расширенных настройках графического процессора и не закроете настройки.
Изменение цвета направляющих, сеток и срезов
• Чтобы изменить цвет направляющих (включая быстрые направляющие), сетки и / или фрагментов, выберите «Настройки»> «Направляющие, сетка и фрагменты» и либо выберите цвет из раскрывающегося списка, либо щелкните образец цвета, чтобы право и выберите любой понравившийся цвет.
• Чтобы изменить визуальное представление направляющих или сетки, используйте раскрывающееся меню, чтобы выбрать линию, штрих или пунктир (только сетка).
Умные направляющие
• Умные направляющие могут быть чрезвычайно полезны для выравнивания и определения расстояний между несколькими слоями при их перемещении в документе. Посмотрите видео ниже, чтобы узнать, как это сделать.
В этом выпуске 3, 2, 1, Photoshop, вы узнаете, как использовать умные направляющие для быстрого выравнивания и распределения слоев и форм в Photoshop CC.
Пиксельная сетка
• Если вы увеличите изображение более чем на 500%, поверх изображения отобразится пиксельная сетка. Это может быть особенно полезно при попытке выровнять формы, такие как прямоугольники, так, чтобы они начинались и заканчивались на полном пикселе (чтобы избежать сглаживания краев). Однако, чтобы отключить это, вы можете снять флажок Pixel View в разделе View> Show Pixel Grid.
На рисунке ниже показаны три варианта:
• Первая форма была нарисована с включенными настройками Snap Vector Tools и Transforms to Pixel Grid.В результате все стороны прямоугольника являются сплошными (обратите внимание, даже если исходная форма прямоугольника могла быть нарисована не с точным выравниванием по пиксельной сетке, Photoshop автоматически привязал прямоугольник к этой сетке, потому что предпочтение было включено).
• Средняя иллюстрация была нарисована с отключенными настройками «Инструменты привязки вектора» и «Преобразование в пиксельную сетку». Это привело к сглаживанию краев (различные уровни непрозрачности), поскольку прямоугольник (векторный контур) не был идеально выровнен по краю пикселя при рисовании прямоугольника.
• Последняя иллюстрация представляет собой тот же прямоугольник, что и на второй иллюстрации (параметры «Инструменты привязки вектора» и «Преобразование в пиксельную сетку» были отключены), однако параметр «Выровнять края» был включен для слоя формы прямоугольника (на панели параметров) после рисования. прямоугольник. При включении параметра «Выровнять края» заливка прямоугольника «перескочила» на ближайшую пиксельную сетку (вы все еще можете видеть, что исходная форма (черный путь) не выровнена по пиксельной сетке, но заливка принудительно выравнивается по краям к краям пиксельной сетки.Выровнять по краю — это удобный способ выравнивания объектов по пиксельной сетке для каждого слоя формы, если вы хотите отключить параметры «Привязать вектор» и «Преобразовать в пиксельную сетку».
Я ожидаю, что большинство людей оставят включенными параметры Snap Vector Tools и Transforms to Pixel Grid, поскольку это поможет избежать сглаживания краев при рисовании фигур, а также их преобразования, делая выравнивание чистым и точным.
Adobe Photoshop, Видеоуроки
Как создать сетку и направляющие в Photoshop
Иногда нам нужно создать сетку или направляющие, чтобы помочь нам расположить любой объект (формы или изображения) симметрично.
Выберите Файл> Открыть , чтобы открыть любое изображение, или выберите Файл> Новый , чтобы создать новое.
Вы должны знать ширину и высоту изображения, для которого вы будете использовать сетку / направляющие.
Видео: как создать сетку и направляющие в Photoshop.
Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .
1. Создайте сетку
Размер изображения в этом примере составляет 3000 пикселей в ширину и 2000 пикселей в высоту.
Как сделать сетку в фотошопе?
Сделать сетку в Photoshop довольно просто.
Чтобы добавить сетку, выберите View> Show> Grid (Ctrl + ’) .
Чтобы добавить сетку, выберите «Просмотр»> «Показать»> «Сетка» (Ctrl + ’).
Откройте настройки сетки, выберите Edit> Preferences> Guides, Grid & Slices .
Откройте настройки сетки, выберите «Правка»> «Настройки»> «Направляющие, сетка и фрагменты».
Откроется диалоговое окно настроек.
Откроется диалоговое окно настроек.
Выберите цвет и стиль линий сетки.
Вы можете просто оставить цвет по умолчанию или, в зависимости от вашего изображения, выбрать цвет, который вы будете видеть.
Выберите цвет и стиль линий сетки.
Я установлю для параметра «Gridline every» значение 500 пикселей, а для параметра «Subdivisions» значение 1.
Я установлю для параметра «Линия сетки каждые» значение 500 пикселей, а для параметра «Подразделения» — значение 1.
Выберите «Вид »> «Привязать» и «Вид »> «Привязать к сетке» , чтобы включить привязку, которая поможет вам выровнять любые объект (включая форму), который вы хотите.
Выберите «Просмотр»> «Привязка и просмотр»> «Привязать к сетке», чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Выберите View> Snap To> Grid .
Выберите «Просмотр»> «Привязать к»> «Сетка».
Вот результат:
Как создать сетку в Photoshop.
2. Создание направляющих
Теперь мы попытаемся создать пять горизонтальных и вертикальных направляющих.
Размер изображения в этом примере составляет 3000 пикселей в ширину и 3000 пикселей в высоту.
Мы создадим направляющие в положениях 0, 750, 1500, 2250 и 3000 пикселей.
Если линейки не видны, выберите Вид> Линейки (Ctrl + R) .
Если линейки не видны, выберите «Просмотр»> «Линейки» (Ctrl + R).
Если вы хотите выбрать цвет и стиль для линий направляющих, просто откройте настройки направляющих, выбрав Правка> Настройки> Направляющие, сетка и фрагменты .
Если вы хотите выбрать цвет и стиль для линий направляющих, просто откройте настройки направляющих, выбрав «Правка»> «Настройки»> «Направляющие, сетка и фрагменты».
Создайте первую вертикальную направляющую.
Выберите View> New Guide .
Выберите «Просмотр»> «Новое руководство».
В диалоговом окне выберите «Вертикальная ориентация», введите положение 0 пикселей и нажмите «ОК».
В диалоговом окне выберите «Вертикальная ориентация», введите положение 0 пикселей и нажмите «ОК».
Повторите этот шаг для положения 750, 1500, 2250 и 3000 пикселей.
Повторите этот шаг для положения 750, 1500, 2250 и 3000 пикселей.
Теперь создайте горизонтальную направляющую.
Выберите View> New Guide .
В диалоговом окне выберите «Горизонтальная ориентация», введите положение 0 пикселей и нажмите «ОК».
В диалоговом окне выберите «Горизонтальная ориентация», введите положение 0 пикселей и нажмите «ОК».
Повторите этот шаг для положения 1000, 2000 и 3000 пикселей.
Повторите этот шаг для позиции 1000, 2000 и 3000 пикселей.
Чтобы переместить направляющую, возьмите инструмент «Перемещение», наведите указатель мыши на направляющую и перетащите направляющую.
Инструмент «Перемещение».
Чтобы переместить направляющую, возьмите инструмент «Перемещение», наведите указатель мыши на направляющую и перетащите направляющую.
Если вы хотите удалить одну направляющую (с активным инструментом «Перемещение»), наведите указатель мыши на направляющую, затем перетащите направляющую за пределы окна изображения.
Если вы хотите удалить одну направляющую (с активным инструментом «Перемещение»), наведите указатель мыши на направляющую, а затем перетащите направляющую за пределы окна изображения.
Чтобы удалить все направляющие, выберите «Просмотр»> «Очистить направляющие».
Чтобы удалить все направляющие, выберите «Просмотр»> «Очистить направляющие».
Если вы не видели направляющих, выберите «Просмотр»> «Показать»> «Направляющие» (Ctrl +;) .
Если вы не видели направляющих, выберите «Просмотр»> «Показать»> «Направляющие» (Ctrl +;).
Если вы хотите заблокировать все направляющие, выберите «Просмотр»> «Заблокировать направляющие» (Alt + Ctrl +;) .
Если вы хотите заблокировать все направляющие, выберите «Просмотр»> «Заблокировать направляющие» (Alt + Ctrl +;).
Таким образом, вы не сможете случайно их переместить.
Выберите View> Snap , чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Выберите «Просмотр»> «Привязать», чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Убедитесь, что установлен флажок View> Snap to> Guides .
Убедитесь, что установлен флажок «Просмотр»> «Привязать к> направляющим».
Вот результат:
Направляющие.
3. Сохраните документ
Теперь вы можете сохранить документ сетки / направляющих Photoshop в качестве шаблона для будущего использования, если вы снова захотите использовать тот же макет сетки / направляющих.
Выберите Файл> Сохранить (или Ctrl + S ), чтобы сохранить файл проекта.
В диалоговом окне «Сохранить как» перейдите к папке, в которой вы хотите сохранить файл.
Введите имя в текстовое поле «Имя файла» и оставьте формат Photoshop по умолчанию (* .PSD; *. PDD).
Нажмите «Сохранить», чтобы сохранить изображение.
Это учебник по фотоэффекту, и я только что показал вам, как создать сетку и направляющие в Photoshop. Если у вас есть какие-либо вопросы или комментарии относительно этого руководства, просто добавьте их в раздел ниже. Спасибо.
Как создать сетку в Photoshop — Smashing Magazine
Краткое резюме ↬
Создание сетки обычно является одним из самых первых дел, которые вы делаете при запуске дизайн-проекта.В конце концов, он обеспечивает базовую структуру, на которой будет лежать остальная часть вашего дизайна. В этой статье мы расскажем о двух различных методах эффективного построения сетки. Эти методы позволяют быстро и грамотно сформировать сетку, чтобы вы могли уделять больше времени проектированию.
Метод 1
Первый метод использует GuideGuide от Cameron McEfee для создания вертикальных столбцов.Инструкции по его установке можно найти на странице GuideGuide. Также есть видеоурок по его использованию, подготовленный Расселом Брауном из Adobe.
Больше после прыжка! Продолжить чтение ниже ↓
Настройте сетку за 5 секунд
- Определите поля, количество столбцов и ширину желоба. Затем нажмите «Создать направляющие».
- Если холст для вашей дизайнерской композиции широк, произведите быстрые вычисления, чтобы длина полей позволяла ограничить сетку до 960 пикселей.Например, если ширина холста составляет 1200 пикселей, то левое и правое поля будут составлять по 120 пикселей каждое.
Пример 12 столбцов с 20-пиксельными промежутками и полями, установленными на 120 пикселей.
Вы также можете установить базовую сетку таким образом, но в итоге у вас будет много направляющих. Лучшим вариантом может быть метод, представленный в видео «Method & Craft» Майком Пресиусом…
Расширяемая базовая сетка Method & Craft’s
Вот краткое описание шагов по настройке расширяемой базовой сетки.
- Установите значение базовой линии сетки, затем создайте шаблон узора. Базовая сетка определяется интерлиньяжем (или высотой строки) основного текста. Например, если основная копия вашего дизайна установлена в 13-пунктах Helvetica, с интерлиньяжем в 18 пунктов, тогда вы должны настроить сетку базовой линии 18 пикселей.
- Создайте файл Photoshop, равный высоте вашей базовой сетки, заполните нижний пиксель и оставьте оставшиеся пиксели прозрачными. В этом случае размеры вашего холста будут составлять 1 пиксель в ширину и 18 пикселей в высоту.
- «Выбрать все», а затем сохраните это как новый узор. Вы можете сделать это, перейдя в Edit → Define Pattern…
- Перейдите в Adjustment Layer → Pattern и выберите только что созданный узор сетки.
- Отрегулируйте непрозрачность по своему усмотрению.
Пример метода 1 со столбцами и базовой сеткой вместе.
Преимущества
- Вы получаете дополнительную сетку базовых линий, которую можно использовать независимо от сетки вертикальных столбцов.Базовая сетка может создавать визуальный беспорядок, когда накладывается поверх дизайнерской композиции. С помощью этого метода его можно просто включить, когда это необходимо.
- Если вы предпочитаете использовать направляющие для своей сетки, это лучшее решение.
- Вы можете скрыть и показать сетку с помощью простого ярлыка.
Недостатки
- Использование вертикальных направляющих для отметки других элементов в документе может быть затруднено, поскольку вы можете спутать их с сеткой.
- По сравнению со способом 2, ваши параметры сетки не такие конкретные или исчерпывающие (например, установка высоты горизонтального модуля).
- Линии сетки определяются математически и не обязательно совпадают с пиксельной сеткой. Это означает, что в некоторых случаях ваши направляющие могут падать неравномерно и в конечном итоге располагаться посередине фактических пикселей.
- Этот метод требует двух отдельных процессов для создания вертикальной и базовой сетки по сравнению с одним подходящим методом.
Метод 2
Modular Grid Pattern — это универсальное сеточное решение. Инструмент создает вертикальную столбчатую сетку и базовую сетку как один узор.Есть два способа использовать модульную сетку:
Панель приложений
Помимо Photoshop, это также работает с Fireworks, GIMP и Microsoft Expression Design. Обратите внимание, что у вас должна быть последняя версия программного обеспечения (Adobe CS5 или эквивалент одного из других приложений) и подключение к Интернету, чтобы эта панель работала. При этом, если вы уже создали шаблон и сохранили его в своей библиотеке, вы сможете получить к нему доступ, не нуждаясь ни в чем другом.
Веб-приложение
Это работает в Chrome, Firefox, Safari и Opera. Веб-приложение позволяет создавать сетку и загружать ее прямо из браузера во всех форматах.
Какой бы способ вы ни выбрали, просто выберите ширину модуля, ширину желоба и номер базовой линии, а Modular Grid Pattern сделает все остальное. Вы также можете указать высоту для горизонтального модуля.
Преимущества
- Это быстрый способ получить все; универсальный слой.
- У вас есть возможность загрузить файл шаблона Photoshop, PNG или маску прозрачности.
- Вы можете пометить выкройки и поместить их в папку, чтобы вы могли вернуться к сетке практически без какой-либо настройки.
- Освобождает ваше руководство для использования в других целях.
- Вы можете указать высоту вертикального модуля, чтобы установить общий вертикальный ритм.
- На сетку можно наложить разную степень непрозрачности, чтобы сделать ее менее отвлекающей при разработке.
- Поддерживает приложения, отличные от Photoshop.
Недостатки
- Если ваш холст широкий, то при создании сетки в виде узора он растягивается на всю страницу, что может раздражать и затруднять просмотр границ содержимого. Это можно исправить двумя способами:
- Примените маску слоя, чтобы ограничить сетку только областью основного содержимого.
- Нарисуйте прямоугольник размером с область основного содержимого (например, 960 × 1200 пикселей) и примените сетку в качестве стиля слоя с заливкой, установленной на 0% в этом случае.
- Этот метод заставляет вас выбрать базовую сетку, не позволяя вам просто создавать вертикальные столбчатые модули.
- Это требует, чтобы вы вручную скрывали и отображали слой сетки без использования сочетания клавиш.
Заключительные мысли
Мы надеемся, что эти методы повысят эффективность и точность построения сети. В конце концов, способ настройки сетки будет зависеть от вашего рабочего процесса. Оцените свои потребности, а затем выберите наиболее подходящий для них метод.Любой метод требует минимальной настройки, но может сэкономить много времени и нервов.
Дополнительные ресурсы
(al)
Как использовать сетки и направляющие в Photoshop (+ 3 совета от профессионалов)
Вы когда-нибудь хотели создать распечатанный макет ваших фотографий? Может быть, коллаж, флаер или даже небольшой журнал?
Возможно, вы хотите увлечься графическим дизайном для Интернета?
Если это так, то обучение использованию сеток Photoshop изменит правила игры как с точки зрения простого выравнивания объектов, так и с точки зрения создания хорошо сбалансированного и красивого макета.
В этом руководстве мы подробно рассмотрим, для чего нужна сетка, как ее создать в Photoshop, и дадим несколько советов, которые помогут вашим дизайнерским проектам по-настоящему сиять.
Прежде чем мы начнем, нужно ли покупать Photoshop? Узнай сколько это стоит.
Что такое сетка в Photoshop?
Сетка позволяет легко настраивать и выравнивать изображения именно так, как вы хотите.
Сетка Photoshop — это непечатаемый набор линий сетки, служащих ориентиром для размещения элементов на странице.
Например, синие линии на изображении выше создают простую сетку 3 × 3, что упрощает правильное размещение изображений. Подумайте об этом с точки зрения миллиметровой бумаги, за исключением гораздо более гибкой.
Одно из преимуществ сеток Photoshop и цифровых сеток в целом состоит в том, что они легко настраиваются. Вы можете настроить их в различных шаблонах и макетах. Сетка 3×3 — популярный выбор, но есть миллионы различных вариантов.
В зависимости от того, что вы разрабатываете, вы можете каждый раз создавать новую сетку Photoshop или сохранять сетку в качестве предустановки для повторного использования в будущем.
Для чего используется сетка Photoshop?
Прежде всего, наложение сетки на документы Photoshop поможет вам точно выровнять различные элементы без каких-либо догадок.
Все, что вам нужно сделать, это настроить размер различных элементов в соответствии с областями сетки, в которые вы хотите, чтобы они вписывались.
Grids также помогают организовать ваш контент и упрощают сотрудничество с другими дизайнерами.
Они также могут помочь вам сбалансировать ваш дизайн.Как и в фотографии, элементы веб-страницы или других проектов графического дизайна должны быть гармонично размещены в кадре, в котором вы работаете.
Использование сетки поможет вам точно увидеть, где объекты находятся относительно друг друга.
Раньше фотографы, занимающиеся пейзажами и архитектурой, использовали сетку в Photoshop для выравнивания зданий и горизонтов, но в наши дни это проще сделать в других программах для редактирования фотографий.
Как создать сетку в Photoshop
Как и в большинстве случаев в Photoshop, существует несколько различных способов создания сетки — вы даже можете создать их с помощью Экшенов Photoshop.
Начнем с самого очевидного метода — включения наложения сетки в Photoshop.
Шаг 1. Добавьте сетку в документ
Чтобы добавить сетку в документ, выберите «Просмотр»> «Показать»> «Сетка»
Откройте файл или создайте новый. В меню View перейдите к Show и затем щелкните Grid.
Появится набор квадратов, разделенных на более мелкие квадраты, состоящие из пунктирных линий.
Шаг 2. Настройте сетку
Стандартная сетка Photoshop выглядит точно так же, как в былые времена миллиметровая бумага.Однако, в отличие от бумажных сеток, мы можем легко изменить внешний вид нашей сетки, перейдя на вкладку настроек и набрав свои настройки.
На Mac в раскрывающемся меню Photoshop перейдите к Preferences > Guides, Grid & Slices .
В Windows перейдите в меню Edit , затем в Preferences > Guides, Grid & Slices .
Появится новое окно с опциями для изменения цвета линий сетки, сплошных, прерывистых или точечных, расстояния между ними и количества имеющихся подразделений.
Например, если вы хотите создать сетку по правилу третей, установите Gridline Every на 100 процентов с 3 делениями. Простой!
Шаг 3. Привязка или отказ от привязки
В Photoshop есть функция, которая, если хотите, может помочь вам разместить объекты внутри сетки, «защелкивая» их на месте.
Чтобы включить привязку, перейдите в раскрывающееся меню View , наведите указатель мыши на Snap To и щелкните Grid .
Теперь объекты «защелкнулись» на сетке.
Не все считают эту функцию полезной, поэтому поэкспериментируйте с ее включением и выключением и посмотрите, какая из них лучше всего подходит для вас.
Шаг 4. Проверьте свой дизайн
Когда вы закончите размещать элементы в своей сетке, выключите его (в View> Show > Grid ) и посмотрите, как ваш дизайн выглядит без него.
Помните, сетки в Photoshop не отображаются при печати.Они здесь только для того, чтобы направлять вас. Если вы случайно оставите один из них включенным, это не повлияет на ваше окончательное изображение.
Как использовать Photoshop Руководство Макет для создания сетки
Если вы хотите больше контролировать внешний вид вашей сетки, попробуйте использовать руководства Photoshop. Особенно полезна функция Guide Layout . Вот как им пользоваться.
Шаг 1. Добавление нового макета направляющей
Откройте файл или создайте новый. В меню View щелкните New Guide Layout .
Шаг 2. Настройте макет руководства
Это настройка для простого макета с правилом третей. Конечно, вы можете сделать сетку намного более сложной, указав размер и добавив желоба и поля. Все зависит от того, что нужно вашему проекту.
После того, как вы выберете New Guide Layout, появится новое диалоговое окно. В нем вы можете установить множество параметров для вашего макета.
Если вы не работаете с предустановкой, начните с установки количества столбцов и строк .
Затем вы можете указать ширину / высоту или, если вы оставите их пустыми, Photoshop разместит их одинаково для вас.
Если вы хотите расстояние между ячейками, добавьте желоб . Вы также можете добавить поля вдоль внешних краев документа.
Если вы не хотите, чтобы отображались какие-либо уже существующие направляющие, установите флажок Очистить существующие направляющие . Если вы хотите, чтобы столбцы в документе располагались по центру, установите флажок Центральные столбцы .
Здесь, если вы хотите создать макет по правилу третей, просто добавьте 3 столбца и 3 строки, оставив пустыми значения ширины, высоты и желоба. Затем проверьте Center Columns и нажмите OK .
Вы даже можете использовать макет направляющей в тандеме с сеткой, если хотите, чтобы все было еще точнее.
Шаг 3. Настройка других функций
Если вы планируете использовать этот макет неоднократно, лучше всего сохранить его в качестве предустановки. Просто перейдите в раскрывающееся меню под Preset и нажмите Save Preset .
Кроме того, если вам нравится функция привязки, которую мы упоминали в инструкциях по сетке Photoshop выше, перейдите к View , наведите указатель мыши на Snap To и нажмите Guides .
Советы по использованию сеток в дизайне
При использовании нескольких портретов обращайте внимание на то, куда смотрят модели.
1. Держитесь подальше от желоба
Желоба предназначены для создания пустого пространства между элементами. Их можно пересекать, если ваш элемент занимает несколько столбцов, но убедитесь, что вы начинаете и заканчиваете на краю столбца или строки, а не в самом желобе.
2. Сохраняйте адаптивность вашего дизайна
Если вы создаете что-то для Интернета и / или пользовательского интерфейса, вы должны убедиться, что ваше окончательное изображение будет масштабируемым для различных устройств и разрешений экрана (т. Е. Отзывчивым) .
Дизайны, в которых используется сетка 4 или 8 пикселей, будут четкими и ясными на всем, от экрана с низким разрешением до экрана сетчатки с высоким разрешением.
3. Обратите внимание на композицию
Хотя стандартные сетки просты и быстры, они не подходят для каждого проекта.Найдите время, чтобы подумать, как каждый из ваших элементов будет взаимодействовать друг с другом, и выберите соответствующую сетку.
Даже когда вы делаете что-то, для чего требуется стандартная сетка (например, Instagram), то, какой элемент вы разместите, будет иметь большое влияние на конечный результат.
Например, если вы работаете с изображениями людей (как на изображении выше), лучше, чтобы они смотрели в изображение, а не в рамку.
Заключительные слова
Хотя системы сеток использовались в значительной степени с тех пор, как люди начали писать и рисовать, в сегодняшней адаптивной сети мы используем сетки чаще, чем когда-либо прежде.
В конце концов, сетки имеют так много применений для графических дизайнеров, что обучение созданию сетки в проектах Photoshop является одним из первых навыков, которым должны овладеть начинающие графические дизайнеры.
(Как видите, числовая сетка Photoshop действительно полезна для фотографов, которые тоже хотят продемонстрировать несколько изображений.)
От создания руководства для выравнивания и балансировки ваших дизайнов до помощи вам в создании интересных эффектов (например, диагонального текста) , сетка — это гораздо больше, чем просто линии на странице.
А как насчет вас? Вы используете сетки в своих проектах Photoshop? Есть еще советы, которыми можно поделиться?
Краткое руководство по направляющим, сеткам и линейкам в Photoshop
Один из самых простых способов улучшить дизайн, будь то печать или трафарет, — это выровнять визуальные элементы. Photoshop предоставляет нам набор инструментов, которые упрощают размещение компонентов в нужных местах. Эти инструменты представляют собой направляющие, сетки и линейки. Направляющие и сетки не отображаются, когда вы сохраняете файл для печати или экрана, поэтому вам не нужно беспокоиться об их удалении.
Щелкните здесь, чтобы загрузить бесплатную 7-дневную пробную версию Photoshop
В Photoshop вы можете использовать инструкции, которые помогут вам выровнять изображения, текст или фигуры в документе. Вы устанавливаете эти руководящие принципы, перетаскивая линейки вверху и по бокам рабочего пространства, поэтому первым делом убедитесь, что ваши линейки видны.
Когда я делал этот плакат, я использовал инструкции, чтобы выровнять весь текст, логотип и темную линию волос в нижнем левом углу плаката.
Линейки в Photoshop
Чтобы показать или скрыть линейки в Photoshop, выберите «Просмотр»> «Линейки » или нажмите Cmd + R (Mac) или Ctrl + R (Windows).Линейка появится в верхней и левой части интерфейса. Чтобы снова выключить линейки, просто нажмите ту же комбинацию клавиш.
Если вы хотите изменить единицу измерения линейки, щелкните правой кнопкой мыши горизонтальную или вертикальную линейку. Появится всплывающее меню, и вы сможете выбрать единицы измерения.
Хорошо, теперь ваши линейки видны, вы можете перетащить направляющие.
3. Чтобы разместить направляющую на изображении, щелкните линейку (горизонтальную вверху или вертикальную слева) и перетащите направляющую наружу.Курсор изменится на двойную стрелку, а при перетаскивании на место направляющая будет выглядеть как тонкая линия. Отпустите, чтобы бросить гид, куда хотите. Цвет вашей направляющей линии будет зависеть от ваших предпочтений. (подробнее о настройках Photoshop см. в конце этой статьи)
4. Если вы хотите переместить направляющую, выберите инструмент Move (V) на панели инструментов. Щелкните и нажмите существующую направляющую и перетащите ее в новое место.
5.Чтобы убедиться, что вы случайно не переместите направляющие, когда вас устраивает их положение, вы можете зафиксировать их в нужном положении, выбрав в меню «Вид »> «Заблокировать направляющие ».
6. Если вы хотите избавиться от отдельной направляющей, просто щелкните ее с помощью инструмента «Перемещение», а затем перетащите обратно на линейку.
7. Чтобы избавиться от всех направляющих, выберите «Просмотр»> «Очистить направляющие ».
Умные направляющие в Photoshop
Интеллектуальные направляющие
— это специальные направляющие, которые появляются на экране при возникновении определенных пространственных отношений между объектами в документе.Например, если вы перемещали объект (скажем, фотографию), а верх фотографии выровнялся с верхом, центром или низом другого объекта (скажем, фрагмента текста), то появится направляющая. рассказываю вам, что это за отношения.
Когда вы используете их в первый раз, умные направляющие могут немного сбивать с толку, но когда вы привыкнете к ним, вы увидите, что они действительно полезный инструмент для правильного выравнивания объектов в вашем документе. Они отлично подходят для помощи с макетом графического дизайна.
Чтобы включить быстрые направляющие, выберите «Просмотр»> «Показать»> «Быстрые направляющие» .
В приведенном ниже примере синий Smart Guide появляется, когда я перемещаю тень яблока (которая является нижней частью иллюстрации яблока) в соответствии с базовой линией текста «Apple». Обратите внимание, что все эти объекты находятся на отдельных слоях.
Привязка
Чтобы сделать объект «привязанным» к направляющей или сетке, выберите View> Snap . При включении привязки направляющие работают почти как магнит с краями объектов.Вы почувствуете, как объект встает на место, когда вы перемещаете его к направляющей или линии сетки.
После того, как объект выровняется по направляющей, вы можете осторожно переместить его по этой линии, чтобы он также встал на место с другими направляющими. Если вы не хотите, чтобы объект был выровнен по определенной направляющей, просто продолжайте перемещать его, и он отпустит направляющую, когда окажется достаточно далеко.
Вы можете выбрать именно то, к чему хотите выполнить привязку, выбрав «Вид »> «Привязать к », а затем выбрав «Направляющие», «Сетка», «Слои», «Срезы», «Границы документа», «Все» или «Нет».
Если вы обнаружите, что привязка раздражает и вытягивает ваши выделения или объекты в положения, которые вам не нужны, просто отключите привязку, снова выбрав « View»> «Snap ».
Сетки
Если вам нужно выровнять несколько объектов в документе, вы можете использовать сетку Photoshop. Поверните его, выбрав View> Show> Grid , или используйте сочетание клавиш Cmd + ‘(Mac) или Ctrl +‘ (Windows).
В документе появится сетка, и по умолчанию линии сетки разделены на дюйм с четырьмя частями.Вы можете изменить внешний вид сетки и размер делений в настройках, которые мы рассмотрим чуть позже.
В примере ниже вы можете увидеть другой плакат с наложенной сеткой. Я использую здесь подразделения, а также более крупные и толстые основные линии сетки, чтобы выровнять текст, а также оценить расстояния между объектами.
Настройки направляющих и сеток
Если вы хотите изменить цвета направляющих и линий сетки или изменить интервал в сетке, выберите Photoshop> Настройки> Направляющие, сетка и фрагменты (Mac) или Правка> Настройки> Направляющие, сетка и фрагменты (Windows ).
В диалоговом окне «Параметры» настройте цвета направляющих холста, щелкнув образец и выбрав один из вариантов. Таким же образом можно изменить цвет интеллектуальных направляющих и сетки.
Вы можете настроить метки линии сетки, изменив число в поле Сетка каждые, и используя раскрывающееся меню рядом с ним, чтобы изменить единицы измерения сетки: пиксели, дюймы, сантиметры, миллиметры, точки, пикеты или проценты. Используйте поле Subdivisions для управления количеством линий, отображаемых между каждой линией сетки.Возможно, вам не нужно никаких подразделений, поэтому вы можете установить его на 1, если это так.
Надеюсь, вы нашли это руководство к руководствам полезным 🙂
Поделитесь им, используя кнопки «Поделиться» ниже. Если у вас есть вопрос, добавьте его в поле для комментариев ниже, и я постараюсь ответить на него за вас.
Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop
Подпишитесь сейчас, чтобы получить бесплатный печатный плакат со всеми инструментами Photoshop и их сочетаниями клавиш.
Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку, и загрузите шпаргалку панели инструментов Photoshop.
Как использовать инструменты сетки и руководства Adobe Photoshop
Инструменты сетки и направляющих в Photoshop отлично подходят для создания макетов с идеальной точностью до пикселя и точного позиционирования элементов. Сетка выглядит как наложение каркасной сетки поверх изображения, а направляющие — это настраиваемые точные точки, которые позволяют выравнивать объекты или текст.Размеры каждого инструмента можно легко изменить и настроить в соответствии с вашими потребностями и размером холста.
В этом уроке мы узнаем, как эффективно использовать и настраивать сетку Photoshop.
Что такое сетка в фотошопе?
Простите за перегрузку миловидностью на секунду, но взгляните на изображение ниже:
Котенок, конечно, восхитителен, но что, если вы хотите разместить текст в определенном месте на фотографии? Что ж, вы можете поиграть с этим методом проб и ошибок, но это немного утомительно.Кроме того, если ваш клиент очень конкретен в своих инструкциях — скажем, 50 пикселей от верха котенка и 50 пикселей слева — задача становится немного сложной.
Но с сеткой Photoshop это просто. Вы можете легко расположить текст или объекты с гарантией симметрии и выравнивания, независимо от вашего проекта!
Чтобы еще больше разобрать его, вот изображение еще раз с включенной сеткой:
Мы установили расстояние между каждой линией сетки 25 пикселей.Таким образом, разместить наш текст на желаемом расстоянии так же просто, как разместить его двумя линиями сетки от самого левого угла котенка (25 пикселей + 25 пикселей) и двумя линиями сетки сверху (50 пикселей) котенка, например:
Это основная концепция сетки Photoshop: она помогает создавать точные макеты и позиционировать элементы. Сетки полностью настраиваются. Вы можете изменить цвет сетки, расстояние между сеткой и то, будут ли элементы «привязываться» к краям сетки или нет. Мы подробно рассмотрим все эти аспекты ниже.
Использование сетки Photoshop
Помимо введения, давайте перейдем к мельчайшим деталям. Ниже приведено пошаговое руководство по использованию сетки Photoshop для любого проекта.
1. Доступ к сети
Чтобы получить доступ к сетке, создайте новый документ и перейдите в View> Show> Grid .
Вы также можете нажать CTRL + ‘.
Вы сразу увидите, как ваш документ покрыт сеткой.
Наложение выглядит серовато-черным, потому что оно настроено таким образом. Цвет вашей сетки может отличаться в зависимости от ваших настроек (вы узнаете, как изменить это ниже).
Вы можете узнать больше о настройке Photoshop, включая сетку, в нашем блоге, как использовать Photoshop.
2. Сетки и привязка
Привязка. Нет, это не еще одна платформа для социальных сетей, а инструмент, используемый в Photoshop, чтобы сделать вашу жизнь намного проще. Проще говоря, вы могли бы использовать инструмент привязки, когда вам нужно, чтобы строка текста или объект «защелкнулись» на месте в соответствии с линией сетки.
Для начала просто перейдите в View> Snap . Кроме того, вы можете выбрать раскрывающийся раздел привязки к . Сегодня мы воспользуемся этим и проверим раскрывающийся список «сетка». При перетаскивании или перемещении изображения или фрагмента текста это позволяет просто «защелкнуться» на месте, выровняв его с линией сетки.
В качестве ярлыка для обеспечения того, чтобы ваш объект или текст «привязывались» прямо к месту в соответствии с сеткой, просто нажмите shift , затем поместите курсор на свой текст / объект и затем перетащите его в нужное положение.В приведенном выше примере, если текст привязывается ко второму краю сетки слева, это означает, что элемент находится ровно на 50 пикселей слева, поскольку ширина каждой сетки составляет 25 пикселей.
Давай, попробуй сам. В пустом документе создайте элемент — квадрат, текст, что угодно. Попробуйте переместить его с включенной привязкой и отображением сетки. Вы увидите, что элемент прилипает к каждому краю сетки, что делает возможным точное позиционирование.
Например, ниже мы использовали инструмент перемещения, чтобы изменить расположение текста и «привязать» его прямо к месту, следуя линиям сетки, которые расположены на 50 пикселей влево и на 50 пикселей выше Майло, самого симпатичного котенка в мире:
И прежде чем мы продолжим, еще немного о том, как измерять пиксели и сетки.Поскольку в нашем примере ширина одной сетки = 25 пикселей, мы можем сказать, что:
- Первый квадрат (1) представляет собой сетку 1 × 1 или 25 x 25 пикселей.
- Второй квадрат (2) представляет собой сетку 2 × 2 или 50 x 50 пикселей по размеру
- Третий квадрат (3) представляет собой сетку 3 × 3 или 75 x 75 пикселей.
- Четвертый квадрат (4) — это сетка 4 × 4 или 100 x 100 пикселей.
- Пятый квадрат (5) имеет сетку 5 × 5 или 125 x 125 пикселей.
3. Изменение настроек сетки
Как мы видели выше, сетки очень полезны для позиционирования элементов и даже для создания новых элементов определенного размера.Но что, если мы хотим изменить размер каждой сетки?
Это довольно просто сделать. Вы можете получить доступ к настройкам сетки из Photoshop> Настройки> Направляющие, сетка и фрагменты . Прилагаемый снимок экрана ниже для справки:
Щелкнув элемент раскрывающегося меню, вы получите полный контроль над размером и цветом сетки. Вы также можете изменить характеристики направляющих и срезов, но это уже другой урок!
Давайте подробнее рассмотрим каждый из этих параметров:
Цвет
Определяет цвет сетки.Мы использовали светло-серый цвет, так как это лучший цвет для отображения истинного цвета и эстетики выбранной вами фотографии. Независимо от ваших личных предпочтений, старайтесь использовать цвета, которые очень мало присутствуют в ваших изображениях. Использование сетки черного цвета для ночной сцены или сетки белого цвета для сцены при дневном свете сделает вашу сетку практически невидимой. Из-за этого большинство дизайнеров любят использовать такие цвета, как пурпурный или голубой, поскольку они редко появляются на изображениях.
Стиль
Вы можете изменить сетку, чтобы она состояла из линий, пунктирных линий или точек.Это личное предпочтение. Линии обеспечивают лучшую видимость, хотя некоторые дизайнеры считают их отвлекающими. Пунктирные линии — популярный вариант, поскольку они представляют собой своего рода компромисс между наглядностью и удобством использования.
Линия сетки каждые
Это один из самых важных параметров для сеток. По сути, он определяет, как часто Photoshop должен повторять линии сетки. Вы можете изменить как расстояние, так и единицу измерения. Мы будем использовать «пиксели», поскольку мы используем изображения для работы в Интернете.Однако, если вы создаете изображения для печати, вы можете использовать «дюймы» или «см». В качестве примечания вы также можете обнаружить, что — в зависимости от проекта — большие промежутки между линиями сетки иногда лучше. Это устраняет путаницу, упрощает подсчет и не слишком отвлекает фотографию.
Подразделения
Это еще одно очень важное соображение. По сути, можно было разделить каждую линию сетки на любое количество подсекций. Вы можете выбрать другое количество подразделений по своему усмотрению.Например, мы решили иметь линии сетки каждые 100 пикселей и четыре подразделения на линию сетки. Это означает, что каждая из наших линий сетки будет содержать четыре подразделения по 25 пикселей каждая. Если вы измените это значение на 10 частей, каждое подразделение будет иметь размер 10 пикселей и так далее.
Поскольку раньше пиксели были такими маленькими, мы увеличили каждую линию сетки до 500, чтобы увидеть разницу между подразделениями и линиями сетки. Как вы можете видеть, внутри самой сетки есть «маленькие» линии сетки (по 4 на одно подразделение) и более крупные «подразделения».
Очевидно, сетки — это мощное средство… но что, если вы хотите быстро избавиться от них, чтобы проверить, как выглядит фотография? Проще простого. Просто выберите View> Show> Grid и снимите флажок.
Точно так же переход в Preferences каждый раз, когда вы хотите внести изменения в параметры сетки, также является настоящей болью в том, что вам известно. Этот плагин Photoshop устраняет все это и дает вам быстрый доступ к элементам управления сеткой для настройки параметров сетки на лету.
Сетки — одна из самых ценных функций Photoshop. Вы будете использовать их часто, поэтому потратьте время на овладение этим навыком. Это может пригодиться при использовании инструмента лассо, работе с инструментом «Перо» и даже при изменении цветов на фотографии.
Как вы планируете использовать сетку Photoshop?
Как использовать направляющие в Photoshop:
Сетки
— это здорово, но что, если вы хотите создать и настроить правила, найденные в самих измерениях? Не смотрите дальше гидов.
Однако, прежде чем приступить к делу, нам сначала нужно добавить линейки к нашему рисунку. Это достаточно просто: перейдите в View> Rulers . См. Снимок экрана ниже для визуализации.
Как вы можете видеть на скриншоте ниже, номера / размеры линейки выглядят немного странно. Вместо единичных дюймов показатели идут от 0 до 5400. Это определенно не то, что нам нужно.
Однако не бойтесь. Чтобы изменить единицы измерения, просто выберите Photoshop CC> Настройки> Единицы и линейки .
Как видите, измерение было в пикселях. Если изменить тип линейки на дюймы, наша единица измерения выглядит намного лучше:
Теперь, когда мы все настроены, мы готовы создать руководство. Вы можете использовать направляющие по любому количеству причин, но на этой фотографии мы собираемся использовать их, чтобы отметить, где мы хотим вставить текст.
Сначала поместите курсор на вертикальную линейку и перетащите ее в желаемое место. Как только вы будете довольны его пятном, вы можете его отпустить. Затем поместите курсор на горизонтальную линейку, перетащите его в нужное место и отпустите.Теперь вы можете вставить свой текст соответствующим образом.
И вот оно!
А что, если мы хотим что-то более автоматическое и немного менее интенсивное вручную? Так же, как инструмент сетки, мы можем воспользоваться «привязкой» при использовании направляющих. Просто перейдите в View> Snap To и убедитесь, что отмечены «направляющие». Благодаря этому объекты или текст будут автоматически вставляться / вставляться на место! А если вы ищете еще больше инструментов для настройки проекта Photoshop, обязательно ознакомьтесь с этим руководством по быстрому и эффективному изменению размера слоев!
Последнее обновление страницы: июль 2021 г.
Создайте безупречную сетку в Photoshop с помощью GuideGuide
За каждым красиво оформленным веб-сайтом стоит прочная сетка.Настройка структуры сетки для вашего дизайн-проекта полезна для дизайнеров, поскольку позволяет быстро добавлять элементы в макет и создавать определенную структуру на вашем сайте. Кроме того, сайты с большим содержанием контента легче перевариваются, если они созданы в сетке, потому что это помогает вам ориентироваться в контенте.
Одним из проверенных временем инструментов является расширение GuideGuide для Photoshop. Этот небольшой инструмент очень удобен для создания сетчатых структур. Ниже вы узнаете, как создать сетку и как сохранить ее для использования в будущем:
1.Загрузите и установите расширение GuideGuide для Photoshop здесь:
2. Создайте новый документ в Photoshop. Мы рекомендуем начинать с 1280 пикселей в ширину на 2000 пикселей в высоту при 144 точек на дюйм.
3. Откройте панель GuideGuide, щелкнув «Window», перейдя в «Extensions» и отметив «GuideGuide».
4. На панели есть входы для различных линий, которые вы можете использовать для создания вашей сетки:
— Первые две строки — это ваши поля, они создают одну линию, начинающуюся слева, сверху, справа или снизу.
— В средней строке указано, сколько строк или столбцов вы хотите.
-Следующая строка устанавливает ширину и высоту ваших столбцов и строк.
— Последняя строка устанавливает размер желобов ваших столбцов и строк.
-Значки в нижней части панели создают предустановленные линии: левая граница, правая граница, средняя точка как по вертикали, так и по горизонтали. В центре также есть кнопка для очистки файла от всех руководств.
Если вы наведете курсор на ввод, он выделит связанные вводы (средний снимок экрана ниже).Если вы наведете курсор на значки внизу, он расскажет вам, что создает этот значок (правый снимок экрана ниже).
5. Чтобы создать сетку, мне нравится устанавливать левое и правое поля, количество столбцов и размер желоба. Мне также нравится устанавливать горизонтальную среднюю точку для быстрой справки. Вам не нужно заполнять каждый ввод, чтобы создать сетку, это полностью зависит от вас! Это просто мое предпочтение. Вот пример сетки: А вот как она выглядит, когда вы нажимаете «Добавить направляющие».
6.