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

Сетка и направляющие

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

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

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

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

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

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

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

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

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

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

Для этого необходимо перейти в меню Edit > Preferences > Guides, Grid & Slices (Редактирование — Установки — Направляющие, сетка и фрагменты).

У направляющих имеется ещё одна очень полезная функция — они примагничивают к себе объекты, поэтому выравнивать те или иные объекты очень легко. Если вам не нужна эта функция, то отключите ее, убрав галочку возле опции Snap to Guides (Привязать к направляющим).

Вот несколько полезных советов при работе с направляющими:

• Если направляющие не видны, то перейдите в меню View > Show Rulers (Просмотр — Показать — Направляющие) или нажмите клавиши Ctrl + ;.
• Чтобы сделать направляющие в Фотошоп, необходимо кликнуть по горизонтальной линейке и не отпуская левую клавишу мышки, перетащить курсор вниз. Когда вы переместите направляющую в нужное место, отпустите кнопку мыши. Таким образом, Вы создадите горизонтальные направляющие. Чтобы создать вертикальную направляющую, проделайте то же самое, только с вертикальной линейкой.

• При создании направляющих опция Показать направляющие включится автоматически.

Вы так же можете на время скрыть направляющие, а затем при необходимости снова из отобразить. Для этого необходимо перейти View > Show > Guides (Просмотр — Показать — Направляющие) или нажать Ctrl + ;.

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

Или же существует еще один способ: перейдите в Vie> New Guide (Создать — Новая направляющая) и в появившемся окне выберите нужную ориентацию и направление.

Для перемещения созданных направляющих используйте инструмент Move Tool (V) (Перемещение).

Автоматизация процесса

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

На скриншоте ниже представлен первый скрипт для создания сетки из горизонтальных и вертикальных направляющих, в котором необходимо установить расстояние между направляющими. Допустим, вам нужно установить расстояние между направляющими 80х20 пикселей. В параметре MakeGuidesGrid необходимо установить (80, 20, 80, 20) — в результате будут созданы вертикальные и горизонтальные направляющие. Или же в параметре MakeGuidesGrid установите значения (80, 20, 0, 0) — в результате будут установлены только вертикальные направляющие.

Второй скрипт не использует единицы измерения, а только количество направляющих. Допустим, вам нужно 12 вертикальных и 10 горизонтальных направляющих с расстоянием между направляющими 15 пикселей. В параметре MakeGuidesGrid необходимо установить (12, 15, 10, 15).

Как использовать скрипт

Загрузите и скопируйте скрипты GuidesUnitGrid.js и NumberGuidesGrid.js перейдя в C:/Program Files/Adobe/Adobe Photoshop/Presets/Scripts. После этого откройте Фотошоп и перейдите во вкладку File > Scripts > Browse (Файл — Сценарии — Обзор), в открывшемся окне найдите скопированный скрипт и откройте его.

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

Данные скрипты работают начиная с Фотошоп CS5 и более поздних версиях. Так же ещё раз убедитесь, что направляющие отображаются View > Show > Guides (Просмотр — Показать — Направляющие).

Чтобы удалить направляющие разом, перейдите View > Clear Guides (Просмотр — Удалить направляющие).

Используем Направляющие в Photoshop Для Создания Типографического Постера.

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

Что Вам Понадобится

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

• Горныесклоны
• Сноубордист
• Шрифт Schmalfette

Скачайтеизображения и установите шрифт и мы готовы приступить к уроку!

1. Создаём Новый Документ в Photoshop

Шаг 1

Впрограмме Photoshop, идём Файл – Новый (File > New). Назовитеэтот документ ‘Snowboarding Poster’. Установите Ширины (Width) на 1270px иВысоту (Height) на 1600 px. УстановитеРазрешение (Resolution) на 72 пикс./дюйм (pixels/inch). Нажмитекнопку ‘OK’.

Шаг 2

Нажмитеклавиши (Ctrl+R), чтобы показать линейки по периметру документа. ИдёмПросмотр – Новая направляющая (View > New Guide). В появившемся окне Новая направляющая (New Guide), выберите опцию Горизонтальная (Horizontal), а затемустановите положение направляющей на 70 px. Нажмитекнопку ‘OK’.

Проделайтето же самое с остальными сторонами документа, вычитая 70 px от заключительного размера. Для активации и деактивациинаправляющих, используйте клавиши (Ctrl+;).

Шаг 3

Для данногопостера мы создадим сетку 5:3 (высота х ширина). Это означает, что мы разделимпостер по вертикали на пять секций, а по горизонтали на три секции. Экспериментированиес направляющими – это отличный способ создать необычный дизайн расположенияэлементов.

ИдёмПросмотр – Новая направляющая (View > New Guide). В появившемся окне Новая направляющая (New Guide), выберите опцию Вертикальная (Vertical), а затемустановите положение направляющей на 254 px. Нажмитекнопку ‘OK’.

Давайтеустановим вертикальные направляющие (horizontal guides) на 254 px, 508 px, 762 px. и1016 px. Нажмите кнопку ‘OK’.

Давайтеустановим горизонтальные направляющие (horizontal guides) на 533 px и 1066 px. Нажмите кнопку ‘OK’.

Шаг 4

В панелислоёв, нажмите на значок Создать новый корректирующий слой или слой-заливку (Create a New Fill or Adjustment Layer) и в появившемся меню, выберите опцию Цвет (Solid Color). В появившемся окне Палитры цветов (Color Picker), установите чёрный цвет. Нажмите кнопку ‘OK’.

2. Редактируем Изображение с Горными Склонами

Шаг 1

Переместитеисходное изображение Горные склоны на наш рабочий документ ‘Snowboarding Poster’.

Нажмитеклавиши (Ctrl+T) для трансформации. Далее, идём в верхнюю панельуправления, нажмите значок Сохраняет пропорции (Maintain Aspect Ratio). Установите значения Высоты (Height) иШирины (Width) на 75%. Нажмите клавишу (Enter),чтобы применить изменения. Не переживайте насчёт расположения картинки – мыобыграем это позже.

Шаг 2

Активируйтенаправляющие, нажав клавиши (Ctrl+;). В панели инструментов, выберите инструментПрямоугольная область (Marquee Tool (M). Выделите первые два столбца слева. Для этого используйтенаправляющие.

Впалитре слоёв, убедитесь, что вы находитесь на слое с изображение горныхсклонов. Далее, нажмите значок Добавить слой-маску (Add Layer Mask).

Шаг 3

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

Убедитесь,чтобы у вас была активна миниатюра слоя, а не слой-маски. С помощью инструментаПеремещение (Move Tool (V), сдвиньте изображение в любое место на своёусмотрение. На скриншотениже, вы можете увидеть, что я хочу сосредоточить детали склона в центре холста.Я знаю, что мне нужно добавить текст на верхнюю и нижнюю часть склона, поэтому япытаюсь сохранить эти участки свободными настолько, насколько это возможно.

Шаг 4

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

В нижнейчасти панели слоёв, нажмите значок Создать новый корректирующий слой илислой-заливку (Create a New Fill or Adjustment Layer) и в появившемся окне, выберите опцию Чёрно-белое (Black &White).

Шаг 5

Находясьна новом корректирующем слое Чёрно-белое (Black &White), щёлкните правой кнопкой мыши по данной корректирующемуслою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

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

Шаг 6

Чтобы открытьпанель настроек Свойства (Properties), щёлкните по миниатюре корректирующего слоя. В окне панелиСвойства (Properties), сдвиньте бегунки для изменения цветовойнасыщенности. Данное изображение содержит синие и голубые тона. Не бойтесь поигратьс этими настройками.

Шаг 7

Чтобы навестипорядок в палитре слоёв, выделите слой с горным склоном и корректирующий слой Чёрно-белое(Black & White). Далее, перетащите выделенные слои на значок Создатьновую группу (Create New Group). Дважды щёлкните по названию группы ‘Group 1’, чтобыпереименовать её; я назвала эту группу ‘Slopes’.

3. Редактируем Изображение Сноубордиста

Шаг 1

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

Нажмитезначок Добавить слой-маску (Layer Mask), чтобы добавить слой-маску к слою с изображениемсноубордиста.

Шаг 2

Давайтепоработаем над небом. Убедитесь, чтобы у вас была активна слой-маска, а не слой.

В панелиинструментов выберите инструмент Волшебная палочка (Magic Wand Tool (W), а затем выделите небо на изображении. Удержание клавиши(Shift) во время выделения, поможет добавить участки квыделенной области. Как только вы выделили всё небо, нажмите клавиши (Ctrl+I) дляинверсии выделения. Нажмите клавиши (Ctrl+D),чтобы отменить активное выделение.

Шаг 3

Нажатиеклавиши ( \ ) активирует красное наложение; оно поможет вам лучше увидеть участки,которые всё ещё требуют обработки.

Выберитеинструмент Кисть (Brush Tool (B). Щёлкните правой кнопкой мыши по холсту, чтобы открытьокно настроек кисти, установите размер кисти на 500 px, аЖёсткость (Hardness) кисти на 0. Нажатие клавиши ([) увеличивает размер кисти,а нажатие клавиши (]) уменьшает размер кисти. Установите цвет кисти на чёрный цвет,а затем начните прокрашивать снег, чтобы скрыть его.

Шаг 4

Находясьна маске слоя, щёлкните правой кнопкой мыши по ней и в появившемся окне, выберитеопцию Уточнить маску (Refine Mask).

В появившемсяокне настроек Уточнить маску (Refine Mask), мы можем изменить Режим Просмотра (View Mode). Я выбрала режим На чёрном (On Black (B). УстановитеРадиус (Radius) на 7.5 px, Растушёвку(Feather) на 0.5 px, и Сдвигкрая (Shift Edge) на -25%. Нажмите кнопку ‘OK’.

Шаг 5

Щёлкнитеправой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать дубликатслоя (Duplicate Layer). Назовите этот слой ‘snowboarder’, а такжеукажите Назначение (Destination) на наш рабочий документ ‘Snowboarding poster’.

Шаг 6

Возвращаемсяна наш рабочий документ ‘Snowboarding poster’. Перейдите на слой со сноубордистом ‘Snowboarder’, а затемнажмите клавиши (Ctrl+T) для трансформации. Далее, идём в верхнюю панельуправления, нажмите значок Сохраняет пропорции (Maintain Aspect Ratio). Установите значения Высоты (Height) иШирины (Width) на 40%. Нажмите клавишу (Enter),чтобы применить изменения.

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

Шаг 7

В нижнейчасти панели слоёв, нажмите значок Создать новый корректирующий слой илислой-заливку (Create a New Fill or Adjustment Layer) и в появившемся окне, выберите опцию Цветовой тон / Насыщенность(Hue/Saturation). Повторите это действие, только на этот раз добавьтекорректирующий слой Яркость / Контрастность (Brightness/Contrast).

Чтобысоздать обтравочные маски, выделите оба корректирующих слоя, а затем щёлкните правойкнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Создать обтравочнуюмаску (Create Clipping Mask).

Шаг 8

Щёлкнитепо миниатюре корректирующего слоя Яркость / Контрастность (Brightness/Contrast). Далеепоявится окно настроек Свойства (Properties). Установите значение Яркости (Brightness) на36, а значение Контрастности (Contrast) на -4.

Щёлкнитепо миниатюре корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation),чтобы открыть окно настроек Свойства (Properties). Здесьмы можем изменить цвет всей сцены или отдельных цветовых оттенков. В этомуроке, я корректировала цвета по отдельности. Щёлкнитепо выпадающему меню Все (Master), выберите опцию Красный (Red), азатем установите значение Цветового тона (Hue) на+25. Далее, выберите опцию Жёлтый (Yellow), а затемустановите значение Насыщенности (Saturation) на-100. Выберите опцию Голубой (Cyan), а затем установите значение Цветового тона (Hue) на+35.

Шаг 9

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

Перейдитена маску корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation). Выберитеинструмент Кисть (Brush Tool (B). Щёлкните правой кнопкой мыши по холсту и в появившемсяокне настроек кисти, установите размер кисти на 100 px, аЖёсткость (Hardness) кисти на 0, цвет кисти чёрный. Прокрасьте кистью поверхзимней шапочки, лица и перчаток. Отлично!

Выделитеслой со сноубордистом, а также два корректирующих слоя. Перетащите выделенные слоина значок Группы (Group), чтобы создать новую группу. Назовите эту группу ‘Snowboarder’.

4. Добавляем Текст

Шаг 1

В панелиинструментов, выберите инструмент Текст (Text Tool (T). Я использовала белый цвет текста, чтобы создатьконтраст с задним фоном.

Шрифт,который я использовала — Schmalfette .

Откройтепанель настроек шрифта, для этого идём Текст- Панели- Символ (Type > Panels > Character). Нижея указала детали текста, включая размер шрифта и конкретные настройки шрифта наотдельных слоях.

• STATION DE SKI
  MONT-TREMBLANT
  QUEBEC
  (шрифтSchmalfette, Regular, Размер шрифта: 100 pt, 80 pt и 200 pt, Трекинг (Tracking): 100pt, Интерлиньяж (Leading): поиграйтес настройками интерлиньяжа, поскольку они отличаются для каждой отдельной строкитекста).

• 02
  —
  28
  OCTOBRE
  (шрифт Schmalfette, Regular, Размер шрифта: 180 pt и 50 pt, Трекинг (Tracking): 100 pt. Я изменила масштаб знака тире в соответствии с толщинойцифр. Вы можете сделать это с помощью опции Горизонтальный Масштаб (Horizontal Scale) в панели Символ (Characters).

Расположитеэти две текстовые аннотации в верхней и в нижней части постера слева.

Шаг 2

Давайтедобавим текст на чёрный задний фон. С помощью инструмента Текст (Text Tool (T), добавьте текст JOIE DE VIE. В панели Символ (Characters), установитеразмер шрифта на 630 pt, а Интерлиньяж (Leading) на505 pt, а также цвет шрифта на #eb5d08 . В панелиуправления, нажмите значок Выровнять Текст по правому краю (Right Align Text). Расположите данный текст в правой части постера.

В панелислоёв, расположите данный слой с текстом между слоями с группами ‘Snowbarder’ и ‘Ski slopes’. Таким образом, изображение сноубордиста будет расположеноповерх букв, добавляя объём.

Шаг 3

Давайтедобавим черту между словами. В панели инструментов выберите инструмент Линия (Line Tool (U). Далее, в верхней панели управления, установите цвети толщину Обводки (Stroke) на #eb5d08 и 3 pt. Установите Ширину (Width)обводки на 665 px, а Высоту (Height) на 5px.

Удерживаяклавиши (Alt+Shift), потяните чёрту, чтобы продублировать её.Расположите обе черты между словами. В панели слоёв, расположите слои с чёрточкаминиже слоя с группой ‘Snowboarder’.

5. Сохраняем для Web

Идём Файл– Сохранить (File > Save), чтобы сохранить документ, как вы обычно это делаете.

Чтобысохранить для web, идём Файл – Сохранить для Web (File > Save forWeb) или нажмите клавиши (Shift+Alt+Ctrl+S). Выберите папку, куда бы вы хотелисохранить свою работу; я выбрала формат JPEG, а такжеустановите Качество (Quality) на 100. В настройке Размеризображения (Image size), вы можете поменять размер пикселей вашегоизображения, если у вас есть ограничения по размеру и вы используетеизображение для Интернета.

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

Нажмитекнопку Сохранить (Save), выберите место для сохранения в появившемсяокне навигации, а затем ещё раз нажмите кнопку Сохранить (Save).

Поздравляю! Мы Завершили Урок!

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

• Использоватьнаправляющие для организации элементов, а также, чтобы создать уникальныйпостер.
• Использоватьнаправляющие, чтобы обойти правила композиции.
• Использоватьслой-маски для коррекции изображений и дополнительной коррекции с помощьюнастройки Уточнить маску (Refine Mask).
• Использоватькорректирующие слои для цветовой коррекции изображения.

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

Направляющие в Photoshop

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

По умолчанию, направляющие имеют сине-голубой цвет. Цвет можно изменить через вкладку главного меню Редактирование —> Настройки —> Направляющие, сетки и фрагменты (Edit —> Preferences —> Guide, Grid & Slices).

Примечание. Начиная с версии Photoshop CC 2014 в программе появились умные направляющие. Они существенно облегчают жизнь пользователям и, особенно, веб-дизайнерам. Подробнее об этом нововведении читайте здесь.

Самый простой способ создать направляющую — это включить линейки, если они не включены, нажатием клавиш Ctrl+R, взять инструмент «Перемещение» (Move Tool), навести курсор мыши на вертикальную или горизонтальную линейку, зажать левую клавишу и протащить курсор вглубь рисунка:

Существует и другой способ установки направляющей — установка на заданное расстояние от левого или верхнего края документа. Для этого Вам надо пройти по вкладке Просмотр —> Новая направляющая (View —> New Guides), выбрать позиционирование (вертикальное или горизонтальное) и задать расстояние от верхнего или левого края документа:

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

Если Вам нужно найти геометрический центр какого-либо объекта на фото, установите ноль линеек на край объекта.

Действия над направляющими:

• Временно скрыть/показать — нажать комбинацию клавиш Ctrl+H
• Полностью удалить одну — выбрать инструмент «Перемещение» и перетащить за границу документа
• Полностью удалить все — Просмотр —> Удалить направляющие (View —> Clear Guides)
• Заблокировать все от случайных изменений — Просмотр —> Закрепить направляющие или нажать три клавиши Alt+Ctrl+;

Кроме того, уже установленные направляющие можно перемещать по документу курсором мыши при активном инструменте «Перемещение».

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

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

Несколько советов по применению:

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

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

Вернуть ноль назад — двойной клик этому по квадрату.

? И последний совет. Обязательно установите и настройте параметры привязок!