Направляющие в "Фотошопе": включение, настройка и дальнейшая работа. Использование направляющих линий в фотошоп

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

Для того, чтобы нам начать создавать направляющие в фотошопе , необходимо включить линейку . Заходим в пункт меню "Просмотр -> Линейки" или нажимаем сочетание клавиш "Ctrl+R".

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

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

Также, направляющие можно создавать через меню "Просмотр -> Новая направляющая".

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

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

Теперь давайте рассмотрим как убирать направляющие. Убрать их можно или на время или полностью. Чтобы временно отключить их показ или обратно включить нажимаем сочетание клавиш "Ctrl+;". Чтобы убрать их полностью заходим в пункт меню "Просмотр -> Удалить направляющие".

Рассмотрим еще два момента, которые могут нам понадобиться. Первый - "Просмотр -> Закрепить направляющие" или сочетание клавиш "Alt+Ctrl+;". Этот пункт позволяет запретить перемещение линий. Второй - "Привязка". Чтобы ее включить нужно зайти в меню "Просмотр -> Привязка". Данный пункт отвечает за прилипание изображения к направляющим или направляющих к изображению. К примеру, вы ведете слой к направляющей и как только он приблизится к ней максимально близко, произойдет прилипание края изображения. Точно также, когда вы ведете направляющую, она прилипнет к краю снимка как только приблизится максимально близко.

Теперь давайте пройдемся немного по настройкам. Зайти в них можно если выбрать пункт меню "Редактирование -> Установки -> Направляющие, сетка и фрагменты" или щелкнуть два раза левой клавишей мыши по самой направляющей. Открывается окно, в котором мы можем настроить цвет и стиль наших линий.

Идем дальше и на очереди у нас быстрые направляющие - это временные линии, которые служат для выравнивания объектов. Они помогаю разместить объект относительно уже существующих объектов или всего холста. Включить их можно через пункт меню "Просмотр -> Показать -> Быстрые направляющие".

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

Дальше давайте рассмотрим инструмент "Сетка". Включить его можно в меню "Просмотр -> Показать -> Сетка" или сочетание клавиш " Ctrl+" ". Настроить ее можно также в разделе "Редактирование -> Установки -> Направляющие, сетка и фрагменты". Можно настроить промежуток, через который будут идти основные линии, а также как будут делиться эти промежутки.

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

Если у вас остались вопросы, то ниже вы можете посмотреть видеоурок на эту тему.

Видеоурок:

Урок использования направляющих, сетки, линеек. Привязка. Группа инструментов Lasso.
Давайте ознакомимся с этими элементами интерфейса в процессе работы.

Для начала откройте в Photoshop изображение orange.jpg .

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

В меню View есть флажок Rulers (линейки). Когда этот флажок включен, на верхней и левой границе окна видны линейки. Если он выключен, они, соответственно, не видны. Направляющая "вытягивается" из линеек (нажимаете левую кнопку мыши и тяните к центру окна с документом. Когда вы отпустите кнопку мыши на рисунке останется синяя линия - направляющая). Если линию вытаскивать из верхней линейки, то направляющая будет горизонтальной; если из левой линейки, то направляющая будет вертикальной. Но направляющие не назывались бы так, если бы не обладали свойством притягивать к себе выделения и прочие объекты Photoshop. По умолчанию рисуемое Вами выделение притянется к направляющим. (Когда контур выделения будет находиться в непосредственной близости от направляющей, он "прыгнет" на эту направляющую.) Направляющие имеют несколько настроек, которые расположены в меню View:

• Флажок View > Show > Guides руководит отображением направляющих. Если он включен, то они видны на изображении, если выключен - направляющие не отображаются.
• Флажок View > Snap to > Guides включает и выключает притяжение к направляющим.
• Флажок Lock Guides - команда, которая запрещает перемещение направляющих.
• Clear Guides - удалить все направляющие.

Некоторое любопытство вызвал пункт Lock Guides . Если можно запретить перемещение направляющих, то значит их можно перемещать. А как? Для перемещения всего, что может двигаться, существует специальный инструмент - Move (движение). Вы включаете инструмент и наводите его на направляющую. Курсор принимает следующий вид: После этого нажимаем левую кнопку мыши и тащим направляющую в место назначения, где и отпускаем кнопку мыши. Пункт Clear Guides удаляет все направляющие, но ели вы Вы хотите удалить одну направляющую, то её нужно просто перетащить обратно на линейку. Установите две направляющие в виде касательных к контуру апельсина. Выберите инструмент Elliptical Marquee (Овальное выделение) в палитре инструментов. Поместите курсор примерно на пересечение касательных, проведенных к верхней и левой точкам контура апельсина. Перемещайте мышь вправо и вниз до тех, пока контур выделения (мигающий) не охватит весь контур апельсина. Если у Вас не получилось достаточно точной выделенной области, то попробуйте построить круглое выделение от центра. Поместите курсор в центр апельсина. Нажмите одновременно клавиши Alt и Shift . Первая переводит инструмент в режим выделения от центра, а вторая делает стороны выделенной области равными, т.е. делает выделение круглым. Если выделение не совпало, то его можно подвинуть. Для перемещения выделения должен быть выбран любой инструмент выделения. Тогда при нахождении курсора внутри выделенной области он примет следующий вид: В случае выполнения всех перечисленных выше условий при нажатии левой кнопки мыши Вы сможете перемещать выделение. Если выделение не подходит по форме, то форму выделения можно изменить.Это будет рассмотрено ниже. Теперь о сетке. Grid (сетка) представляет собой сетку (простите за тавтологию:), как бы состоящую из направляющих. Ее также можно включать/выключать командой View > Show > Grid . К сетке можно притягивать командой View > Snap to > Grid .

Выделение области произвольной формы: группа инструментов Lasso.

Объекты, с которыми работает Photoshop, а именно, объекты, изображённые на фотоснимках, как правило имеют неправильную форму. Для выделения объектов неправильной формы в Photoshop предусмотрены специальные инструменты. Откройте файл Ducky.psd. (C:\\Program Files\\Adobe\\Photoshop 5.5\\Goodis\\Samples\\Ducky.psd). Выберите инструмент Lasso (Лассо) . Нажав левую кнопку мыши, не торопясь, попробуйте обвести утёнка по контуру. Когда курсор вернётся в исходную точку отпустите кнопку. Весьма сомнительно, что у Вас получилось точное выделение. Это нормально, потому, что мышь не самый точный инструмент для рисования от руки. Всемирон известный автор учебников по Photoshop Дик Макклелланд говорит, что рисование мышью похоже на рисование куском мыла, привязанным к веревке. Поэтому если у вас получилось довольно точное выделение, то вас можно поздравить, т.к. эта задача действительно нелегка. Особенностью использования инструмента Лассо можно считать то, что когда вы отпускаете мышь, контур выделения замыкается автоматически по кратчайшей прямой.

Для достижения более точных результатов при выделении советую воспользоваться инструментом Polygonal Lasso (Полигональное Лассо) . Прежде всего отмените выделение командой Deselect Select (Выделение). Выберите инструмент 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 позволяет добавлять горизонтальные и вертикальные линии, с помощью которых происходит выравнивание фотоснимка. Называются они очень просто – направляющие.

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

Направляющие в Photoshop отображаются в виде голубых линий. Чтобы отобразить их на фотографии, перейдите в меню «Просмотр» – «Новая направляющая». В новом диалоговом окне необходимо ввести положение направляющей.


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

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

После создания направляющих, у вас появляются следующие возможности:

1. Возможность привязки объектов к направляющим, активировав функцию привязки в Photoshop. Данная функция может заметно облегчить процесс выравнивания объектов, т.к. когда объекты приближаются к направляющей, они начинают притягиваться к ней подобно магниту. Для активации данной функции перейдите в меню «Просмотр» – «Привязать к» – «Направляющим». Как только объект будет выровнен по направляющей, его можно перемещать вдоль этой линии, чтобы привязать к определенной позиции. Если вы не хотите привязывать объект к определенной направляющей, просто зажмите его левой кнопкой мыши и перенесите на некоторое расстояние от линии, после чего объект будет отвязан.

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

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

4. Вы можете также удалить сразу все направляющие. Для этого перейдите в меню «Просмотр» – «Удалить направляющие».

5. Направляющие можно перемещать не только в заданном положении строго по линейке, но и переместить в другую позицию (из горизонтального положения в вертикальное). Для этого активируйте инструмент «Перемещение», который располагается на вертикальной панели инструментов и зажмите клавишу V. После этого курсор мыши превратится в двухстороннюю стрелку, с помощью которой и можно сменить позицию направляющей.

Сетка документа.


В случае если вам необходимо провести быструю работу по выравниванию объектов, при этом не теряя времени на создание и размещение направляющих, вы можете отобразить сетку. Для ее создания перейдите в меню «Просмотр» – «Показать» – «Сетку» или нажмите сочетание клавиш Ctrl+’. По умолчанию сетка разделена на линии, которые располагаются на расстоянии дюйм друг от друга, при этом каждый дюйм еще разделен на четыре ячейки. Вы можете изменить эти параметры, перейдя в меню «Редактирование» – «Установки» – «Направляющие, сетка и фрагменты».

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

Быстрые направляющие.

Основное отличие быстрых направляющих от обычных состоит в том, что после активации они появляются автоматически на рабочей поверхности, показывая пространственное отношение между объектами. При перемещении объекта, направляющие будут возникать каждый раз, когда объект будет выровнен по горизонтали или вертикали. Для активации быстрых направляющих перейдите в меню «Просмотр» – «Показать» – «Быстрые направляющие».

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

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

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

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

Направляющие являются обязательным элементом в веб-дизайне. Поэтому если вы захотите пойти по этой дорожке, то лучше бы вам научиться правильно их использовать. Я предлагаю вам пройти обучение в отличной онлайн школе веб-дизайна . Здесь вы научитесь создавать профессиональные и качественные дизайны для сайтов, всех социальных сетей, создавать баннеры, офигительные обложки и т.д. Так же вас научать правильно вести и прокачивать свой фриланс-аккаунт с нуля, чтобы собирать заказы и зарабатывать деньги. Причем, ваш уровень владения фотошопом не важен (пусть вы даже новичок). Поэтому настоятельно вам рекомендую освоить это.

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

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

Но я считаю этот способ не очень удобным. Он слишком муторный. Я покажу вам, как это можно сделать с помощью «Линейки» . Для начала нам нужно будет эту линейку активировать. Для этого вы можете идти в меню «Просмотр» — «Линейки» , либо же воспользоваться комбинацией клавиш CTRL+R . Вы заметите, как у вас сверху и с боку появилась измерительная шкала. Это то, что нам и нужно.

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

Дополнительные функции

Использование сетки

Если вам нужно очень много направляющих или вы хотите выровнять различные объекты, а вы не хотите заморачиваться с их созданием, то рекомендую вам воспользоваться сеткой. Для этого выберите снова «Просмотр» — «Показать» — «Сетку» . По умолчанию линии идут через каждые 2 сантиметра, но вы это изменить с помощью настроек.

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

Настройки направляющих и сеток

Чтобы настроить все эти функции под себя, вам нужно зайти в меню «Реактирование» — «Настройки» — «Направляющие, сетки, фрагменты» . Вам откроется окно, где вы сможете менять некоторые свойства и функции. Например можно задать цвет направляющих линий, или же расстояние между линиями во время работой с сеткой, и многое другое. Посмотрите сами.

Практическая работа

Давайте я покажу вам работку направляющих на простом примере. Откройте какое-нибудь изображение в фотошопе. Например нам нужно найти его центр. Как мы это сделаем? Все очень просто. Сначала тянем направляющую с левой линейки в центр, а затем то же самое проделываете, но с верхней линеечки. А как узнать, что это именно центр? Когда вы будете рядом с ним, то линии автоматически к нему примагнитятся. Поэтому центр вы не пропустите.

Ну и теперь давайте закрасим левый верхний прямоугольник красным цветом, к примеру. Для этого используем и выделяем тот самый прямоугольник. Когда мы начнем его выделять, то мы заметим, что выделение примагничивается к линиям. Ну а после этого берем и закрашиваем эту область выделения красным цветом. Вот так в простейшем случае мы научились работать с этой функцией.

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

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

С уважением, Дмитрий Костин.

В прошлой статье был урок Photoshop по применению для создания макета сайта. А сейчас разберемся с еще одним очень полезным инструментом – направляющими и разберемся, как включить направляющие в Фотошопе.

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

Как расставить направляющие? Это можно сделать двумя способами.

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

2 способ, используя меню: Просмотр — Новая направляющая .

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

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

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

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

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

Изучить все тонкости программы Adobe Photoshop вам поможет курс Евгения Карташова «Photoshop CS5 от А до Я» . Курс содержит 100 видеоуроков, созданных на практических примерах. Выполнение этих уроков сделает вас уверенным пользователем программы Adobe Photoshop.

Какие уроки Photoshop вас интересуют. Напишите в комментариях.