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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Самое простое и доступное средство для избежания этой проблемы — нарисованная прямая, которая отвечает за уравнивание объектов фотоснимка и размещает их вдоль всей композиции снимка.

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

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

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

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

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

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

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

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

Для того чтобы визуально сравнить результат до и после, можно временно убрать направляющие в Фотошопе, набор горячих клавиш CTRL+H позволит осуществить это быстро и оперативно, что немаловажно при работе с большим объемом изображений. Чтобы снова вернуть следует зажать аналогичные клавиши: направляющиеся линии вернутся на свои места.

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

Удалить все направляющие линии можно с помощью функции «Просмотр — Удалить направляющие» .

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

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

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

Создается этот инструмент в меню «Просмотр — Показать – Сетка» . Также можно зажать комбинацию CTRL+’ .

В обычном режиме сетка представляет собой направляющие, расстояние между которыми дюйм, поделённый на четыре части. Изменить расстояние между направляющими можно в меню «Редактирование — Установки — Направляющие, сетки и фрагменты» .

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

Режим быстрых направляющих

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

Данные направляющие демонстрируют пространство между объектами на композиции. Такие направляющие будут изменять своё положение соответственно траектории перемещения объекта. Чтобы активировать эту полезную и удобную функцию, следует перейти в меню «Просмотр — Отобразить — Быстрые направляющие линии» .

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

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

Adobe Photoshop позволяет добавлять горизонтальные и вертикальные линии, с помощью которых происходит выравнивание фотоснимка. Называются они очень просто – направляющие.

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Прежде чем создать направляющие, необходимо отобразить линейки в программе фотошоп. Быстрый способ это сделать — нажать сочетание клавиш Ctrl+R, но вы также можете включить их, выбрав команду меню «Просмотр-Линейки» или выбрав вариант Линейки из раскрывающегося списка «Просмотреть вспомогательные элементы» на панели приложения (об этом способе я рассказывал в статье об ). Какой бы способ вы ни использовали, линейки появятся по верхнему и левому краям изображения.

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

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

• переместить направляющую с помощью инструмента «Перемещение» на панели инструментов или нажав клавишу V, а затем перетащив направляющую в другую позицию (указатель мыши превращается в двухстороннюю стрелку);
• привязать объекты к направляющим, включив возможность привязки Photoshop. Эта функция невероятно облегчает выравнивание объектов, потому что когда они приближаются к одной из направляющих, они притягиваются к ней, как будто намагниченные. Чтобы разрешить такое поведение, выберите команду меню «Просмотр — Привязать к — Направляющим». После того как объект выравнивается по направляющей, его можно перемещать вдоль этой линии, чтобы привязать к определенной позиции также и с помощью других направляющих. Если вы не хотите привязывать объект к определенной направляющей, продолжайте его перемещать — он отвяжется от направляющей, как только вы отодвинете его достаточно далеко;
• временно скрыть направляющие, нажав сочетание клавиш Ctrl+;
• удалить направляющую, перетащив ее обратно в область линеек;
• удалить все направляющие, выбрав команду меню «Просмотр — Удалить направляющие».

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

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

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

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

Примечание

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

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