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

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

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

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

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

Для работы я возьму изображение любимой мной Миранды Керр. На красивом изображении и работать приятней.

Вот так выглядит окно перед началом работы.

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



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


Для распечатывания изображений вам пригодится линейка в сантиметрах. Для сайта – в пикселях. В дюймах принято работать с визитками.

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


А вот завершение:


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

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


Появляется окно, где мы задаем следующие характеристики.


Вуаля! У нас имеется направляющая на расстоянии 1 см от края изображения.


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


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

Урок использования направляющих, сетки, линеек. Привязка. Группа инструментов 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 (Частота) уменьшите. Для небольших и сложных фрагментов действуйте наоборот.

Поведение направляющих линий и их взаимодействие с частями изображения поддаются достаточно гибкой настройке. Для этого служат несколько команд меню Вид (View) (рис. 7.3).

Рис. 7.3. Команды меню View позволяют управлять работой направляющих линий

Установив флажок напротив пункта Заблокировать направляющие (Lock Guides), можно запретить перемещение направляющих линий. Это позволит избежать их случайного смещения при работе с фрагментами изображения. Для отключения блокировки снимите флажок (вызовите эту команду повторно). Используя команду Удалить направляющие (Clear Guides), вы можете удалить все направляющие линии, содержащиеся в документе.

Команда Прикрепить (Snap) позволяет включить или выключить режим «прилипания» объектов к направляющим линиям и другим элементам окна. В подменю Прикрепить к (Sflap То) вы можете выбрать, к каким именно элементам будут приклеиваться фрагменты изображения. К элементам окна, служащим для выравнивания изображения, относятся:

  • Направляющие линии (Guides);
  • Сетка (Grid) - использование сетки позволяет выделять области правильной формы и располагать фрагменты изображения в определенных позициях холста. Вы можете настроить параметры сетки при помощи команды Правка > Предпочтения > Направляющие и сетка (Edit > Preferences > Guides & Grid);
  • Нарезка (Slices) - границы нарезанных при помощи инструмента Нож (Slice) блоков изображения;
  • Границы документа (Document Bounds) - границы холста изображения. Автоматическое выравнивание по краю изображения может оказаться полезным при размещении элементов, которые должны находиттся точно на его границе.

    СОВЕТ. При помощи команд Вид > Прикрепить к > Включить все (View > Snap To Mil) и Вид > Прикрепить к > Отключить все (View > Snap То > None) вы сможете включить «прилипание» объектов ко всем перечисленным в меню элементам или выключить его.

    Команда Вид > Дополнительные элементы (View > Show Extras) используется для управления отображением направляющих линий (Guides), сетки (Grid), границы выделения (Selection Edges), текущего пути (Target Path), нарезанных блоков изображения (Slices) и примечаний (Annotations). Команда позволяет одновременно включать или выключать отображение этих элементов. При помощи команд подменю Вид > Показать (View > Show) можно отображать на экране или скрывать эти элементы по отдельности. Содержащиеся в этом же подменю команды Показать все (All) и Убрать все (None) используются для быстрого устранения с экрана или отображения всех дополнительных элементов. Воспользовавшись командой Вид > Показать > Настройка (View > Show > Show Extras Options), можно указать (установив соответствующие флажки в появившемся на экране окне), на какие из дополнительных элементов будет распространяться действие команды Дополнительные элементы (Show Extras).

    ПРИМЕЧАНИЕ. Упомянутые среди дополнительных элементов окна пути являются векторными объек тами. Они могут быть созданы непосредственно в Фотошоп при помощи инструментов работы с путями или же могут быть импортированы из векторного редактора. Импортировать векторные изображения можно через буфер обмена. Лучше всего производить подобные операции при помощи векторного редактора компании Adobe - Adobe Illustrator. Фотошоп и Illustrator используют одинаковое представление векторной графики в буфере обмена, что обеспечит неискаженный перенос изображения из одной программы в другую. К дополнительным элементам также относятся текстовые и звуковые примечания, которые вы можете разместить в документе при помощи инструментов Заметки (Notes) и Звуковое примечание (Audio Annotation). В окне документа отображаются не сами примечания, а их символы.

  • Довольно большое количество операций, производимых в графических программах, требует предварительного визуального выделения фрагмента изображения, разделения фотографии на зоны или рисования стимулирующей прямой линии для размещения объектов. Направляющие в «Фотошопе» существуют именно для этого. Эти линии значительно облегчают работу в программе, увеличивают скорость работы, делают ее более точной.

    Как выглядит направляющая

    В любой версии программы «Фотошоп» направляющие линии- это тонкие и прямые вертикальные и горизонтальные линии, цвет которых можно настроить. По умолчанию они голубые. Их можно устанавливать вручную в любом произвольном месте изображения и в любом количестве.

    Включение направляющих, первый способ

    Существует как минимум два способа того, как включить направляющие в «Фотошопе». В первом случае нужно работать при включенном режиме «Линейки». Далее действуем так:

    • Перед тем как сделать направляющие в «Фотошопе», выберите пункт меню «Просмотр» и кликните по опции «Линейки».
    • После этого на внутренних границах окна изображения появятся измерительные линейки.
    • Их параметры можно задать, кликнув по ним правой кнопкой мыши. Этот режим можно активировать также нажиманием сочетания клавиш Ctrl + R. Это сочетание, как и многие другие, работает по принципу «Включить - выключить». То есть, если вы снова нажмете соответствующие клавши, линейки перестанут отображаться.

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

    Устанавливать направляющую в «Фотошопе» можно как на самом изображении, так и на рабочей области (серой области между изображением и границами окна). При этом можно ориентироваться как на само изображение, так и на линейки - для большей точности.

    Включение направляющих - второй способ

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

    • В главном меню нужно выбрать снова пункт «Просмотр» и далее - «Новая направляющая».
    • Таким образом вызывается соответствующее диалоговое окно. В нем нужно выбрать, какую именно линию нужно создать - вертикальную или горизонтальную.
    • Затем в окошке опции «Значение» нужно вбить необходимое число. Допустим, это «Горизонтальная, 1,2 см». В этом случае горизонтальная линия появится на расстоянии 1,2 см от верхнего края рисунка. Либо «Вертикальная, -1,2 см». Так можно нарисовать вертикальную направляющую на рабочей области, на расстоянии 1,2 см от левого края изображения.

    Дальнейшая работа с направляющими в "Фотошопе"

    Программа позволяет производить дальнейшую работу с нарисованными линиями:

    1. Их можно передвигать. Для этого поставьте указатель мыши на направляющую, нажмите левую кнопку мыши и потяните линию в нужную сторону.
    2. Их можно убирать. В этом случае нужно таким же способом вытянуть линию на линейку - направляющая исчезнет. Удалить все линии можно, выбрав команду «Удалить направляющие» в пункте меню «Просмотр».
    3. Их можно временно отключать. Это необходимо, когда они мешают оценить изображение. Если это необходимо, нажмите сочетание клавиш Ctrl + ;, и направляющие перестанут отображаться. Повторное нажатие этих же клавиш снова вызовет ранее нарисованные направляющие. Также они снова отобразятся, если нарисовать любым из описанных выше способов новую линию.

    Настройка цвета и типа

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

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

    Случаи, когда направляющие необходимы

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

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

    Эти линии удобны также при выравнивании объектов относительно друг друга или относительно деталей иллюстрации.

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

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