Рисовать градиентом в фотошопе. Как сделать градиент в "фотошопе"

💖 Нравится? Поделись с друзьями ссылкой

Есть огромный инструментарий, который подойдёт и художнику, и дизайнеру, и фотографу. Эта программа используется не только для работы, и доступна она всем. Любой человек может настроить утилиту под себя, поэтому в ней много различных параметров. Ориентироваться в них достаточно легко - всё наглядно и интуитивно понятно. Но найти нужный раздел не всегда получается. Приходится «тыкать» наугад. Давайте разберемся, как выбрать подходящие установки, где они находятся и как сбросить настройки в Фотошопе CS6, если они нас чем-то не устраивают.

Для разных задач существую разные рабочие среды. По умолчанию выставлена основная рабочая среда

Для разных видов деятельности в Photoshop доступны свои «Рабочие среды». У каждой из них особенный набор инструментов и панелей. Их можно менять и перестраивать. По умолчанию выставлена «Основная рабочая среда». Она более-менее подходит для любого проекта. Чтобы выбрать другой параметр, перейдите в меню «Окно» - «Рабочая среда». Или нажмите на значок в виде двух стрелочек (он находится справа вверху рядом с кнопками «Свернуть» и «Закрыть»).

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

  • Движение. Создание анимации и flash.
  • 3D. Использование объёмных объектов и трёхмерной графики.
  • Фотографии. Редактирование фото. Есть инструменты «Коррекции», «Гистограмма» и тому подобное.
  • Рисование. Создание собственных изображений. Отображается панель с кистями и палитра.
  • Дизайн. Используется для макетов сайтов да и вообще для всего, что связано с дизайном. В наличии функции для работы со стилями, текстом, настройки вида.
  • В основной среде Photoshop CS6 есть инструменты: «Слои», «Каналы», «Контуры», «Цвет».

Панель «Слои» находится в правой части основной рабочей среды Photoshop

Можно убрать набор параметров или добавить свой.

  1. Чтобы сохранить удобные вам настройки, откройте меню «Окно» - «Рабочая среда» - «Новая». Придумайте ей название и подтвердите действие.
  2. Чтобы избавиться от существующего шаблона, перейдите в то же меню и нажмите «Удалить». Выберите из списка набор параметров, который вам не нужен.
  3. Если вы перенастроили основную среду и не знаете, как всё было изначально, можно вернуть все параметры. Кликните «Окно» - «Рабочая среда» - «Сбросить».
  4. Восстановить все наборы можно через меню «Редактирование» - «Установки» - «Интерфейс». Там будет соответствующая кнопка.

Основные

Вот как настроить Photoshop CS6 и другие его версии:

  1. Откройте «Редактирование» - «Установки» - «Основные». Или нажмите клавиши Ctrl+K.
  2. Можете выбрать палитру - Adobe или Windows.
  3. В пункте «Интерполяция изображения» поставьте «Бикубическая, чётче». От этой настройки зависит, как будет формироваться рисунок при изменении размера.
  4. Поставьте галочку в «Экспорт буфера обмена», если планируете копировать рисунки из Фотошопа в другие программы или сервисы. Если для работы вы используете только Photoshop, эта функция вам не нужна.
  5. «Смена инструмента при помощи кнопки Shift» - достаточно полезная настройка. С ней вы сможете переключаться между некоторыми опциями, нажав эту клавишу.
  6. Отметьте «Масштабировать колёсиком мыши», чтобы увеличивать или уменьшать картинки при помощи скролла.
  7. Если выберете «История изменений», все ваши действия будут записываться. Либо в текстовый файл, либо в виде метаданных.

  1. В поле «Режим Стандартное окно» («Standard Screen Mode») выберите цвет фона рабочей области (эта та, на которой находится «лист» с рисунком). И укажите, должна ли рамка изображения отбрасывать тень.
  2. Те же параметры можно задать в разделе «Полноэкранный вид».
  3. Если уберёте галочку из «Открывать документы во вкладках», они будут открываться во всплывающих окнах.
  4. Можете настроить язык интерфейса и размер шрифта меню.

Во вкладке «Обработка файлов» нужно поменять папку, в которой находится кэш конвертора. Это надо сделать, если он занимает память на системном диске.

  1. Нажмите кнопку «Camera Raw». Она находится в поле «Совместимость файлов».
  2. В открывшемся окне кликните на «Выбрать место». Укажите каталог для кэша. Временные данные будут храниться там.

Теперь зайдите в раздел «Производительность». Если у вас «мощный» ПК, можете ничего не делать.

  1. В «Занято под Photoshop» укажите, сколько оперативной памяти операционная система должна выделять утилите. Это максимальное значение, а не постоянное.
  2. Можно оптимизировать приложение для работы с огромным количеством слоёв (кнопка «Маленький и толстый») или с масштабными рисунками («Большой и плоский»).
  3. Нажмите «Дополнительные параметры». Откроется окно, в котором можно включить или выключить вертикальную синхронизацию и сглаживание.

Настройки просмотра и отображения

В программе есть дополнительные функции . И, конечно, у них есть свои настройки.

  • Линейки. Шкалы, при помощи которых можно определить размер отдельного объекта или всего рисунка. Активируются через «Просмотр» - «Линейки». Чтобы изменить их параметры, зайдите в «Редактирование» - «Установки» - «Единицы измерения и линейки». Там можно задать значения для шкалы: миллиметры, сантиметры, дюймы, пункты, пиксели.
  • Сетка. Накладывается поверх изображения. Помогает при создании макетов и коллажей. С ней можно ровно поставить элементы рисунка. Включается через меню «Просмотр» - «Показать» - «Сетку». Параметры находятся в «Редактирование» - «Установки» - «Направляющие, сетка и фрагменты». Там можно настроить цвет, размер клетки и вид линий.
  • Направляющие. Играют примерно ту же роль, что и сетка. У них даже настройки в одном и том же меню. Добавляются через «Просмотр» - «Новая направляющая».

Панели

Включить новую панель очень легко. Зайдите в меню «Окно» и выберите желаемый инструмент (например, «Композиции», «Маски», «Образцы»). Рядом с его названием появится галочка. А сам он отобразится на экране.

Чтобы переместить панель, «зацепите» её курсором за заголовок и перетащите. Свернуть её можно, если нажать на маленькую кнопку со стрелочками. Чтобы убрать, кликните на крестик на заголовке. Если надо прикрепить инструмент к границе окна, подтащите его к краю.

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

Сочетания клавиш

Для смены горячих клавиш откройте «Редактирование» - «Клавиатурные сокращения». Или нажмите комбинацию Shift+Alt+Ctrl+K. Выберите, для какого типа меню вы будете менять сочетания кнопок: программы, панелей, или инструментов. Команды распределены по категориям. Дважды щёлкните на одну из них, чтобы увидеть список.

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

Сохранение настроек

В утилите очень много различных параметров. Их будет сложно восстановить после переустановки программы. Поэтому полезно будет узнать, как сохранить все настройки Photoshop CC и других версий. Так вам не придётся вспоминать, какие установки вы использовали.

  1. Найдите файлы настроек. Они должны быть в директории C:\Users\User_Name\AppData\Roaming\Adobe\(Версия программы)\Adobe Photoshop Settings. Чтобы её увидеть, надо включить отображение скрытых файлов. Если её там нет, запустите поиск по имени.
  2. Скопируйте папку на съёмный носитель или загрузите её в облачное хранилище.

Сброс настроек

Чтобы скинуть все настройки программы, надо при её запуске держать зажатыми клавиши Ctrl+Alt+Shift. В некоторых версиях приложения эта комбинация не действует. Есть ещё один метод:

  1. «Редактирование» - «Установки» - «Основные».
  2. Зажмите клавишу Alt. В меню вместо кнопки «Отмена» появится «Сбросить». Так получится вернуть базовые настройки.

Photoshop можно использовать для всего , что связано с графикой. Но в разных проектах требуются разные параметры. В программе огромное количество установок, которые пользователь выбирает в зависимости от своих предпочтений. Кому-то удобнее с сеткой и направляющими, кому-то нужны панели со стилями, а кто-то не хочет видеть ничего лишнего. Поэтому полезно будет узнать, как настроить Фотошоп любой версии - CC, CS5 или CS6.

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

Итак, идем в меню Редактирование => Установки => Основные (Edit => Preferences => General) (Ctrl+K ).

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

Откроется окно настроек, в левой части которого можно выбирать разделы, которые мы хотим посмотреть. Перемещаться по ним можно также, нажимая Ctrl+2 , Ctrl+3 и т. д., переходя соответственно к вкладке № 2, 3… и далее по списку, или нажатием на кнопки Назад и Вперед в правом верхнем углу окна.

Итак, Основные установки (настройки) Photoshop (General Preferences).

Первый пункт — Палитра цветов (Color Picker). Оставляем по умолчанию палитру Adobe , ведь она «родная» для Фотошопа, и, значит, наиболее полно приспособлена для него. В качестве альтернативы предлагается палитра цветов операционной системы вашего компьютера, а также палитры других графических программ, если таковые были загружены на компьютер.

Палитра цветов HUD (HUD Color Picker) — здесь можно выбрать вид, в котором будет отображаться палитра цветов heads-up-display (дисплей «на лобовом стекле», то есть на прозрачном фоне). Однако для ее включения нужна графическая плата с поддержкой стандарта OpenGL. Так что пока этот пункт оставляем в покое).

Интерполяция изображения (Image Interpolation) — важный пункт, определяющий способ преобразования изображения при его уменьшении или увеличении. Оптимальной для сохранения качества изображения считается Бикубическая интерполяция (Bicubic).

Автообновление открытых документов (Auto-Update Open Documnts) — все вносимые в документ изменения сохраняются сразу на жестком диске. Актуально в том случае, когда несколько человек одновременно работают над проектом и должны видеть все происходящее в реальном времени. Эта функция будет лишь тормозить работу, поэтому не ставим галочку .

Звуковой сигнал по окончании (Beep When Done) — можно сходить попить чайку, пока программа применяет сложный фильтр к изображению). Вас позовут звуковым сигналом по окончании операции. Иногда эта функция очень полезна, если применяемые действия не заметны: звук даст понять, что действие таки свершилось. Я предпочитаю не ставить галочку .

Динамические шкалы (Dynamic Color Sliders) — с помощью этого параметра можно изменять диапозон цветов, которые отображаются на экране, в реальном времени. Оставляем галочку .

Экспорт буфера обмена (Export Clipboard) — речь идет о буфере обмена самой программы Фотошоп, из которого можно будет выгружать данные в другие редакторы. Если вы не практикуете копирование данных из Фотошопа в другие приложения, можно убрать галочку .

Смена инструмента клавишей Shift (Use Shift Key for Tool Switch) — в Палитре инструментов есть объединенные группы инструментов, которым присвоена одна клавиша алфавита. Если убрать галочку, мы сможем переключаться между инструментами без нажатия Shift, если оставим — только при нажатии. Удобнее убрать галочку .

Изменить размер изображения при размещении (Resize Image during Paste/Place) — при включенной функции фрагмент, вставляемый в документ, будет менять свой размер в соответствии с ним. Но помним: любые изменения размера изображения приводят к снижению качества. Оставляем галочку .

Масштабирование с анимацией (Animated Zoom) — плавное увеличение или уменьшение изображения при нажатой левой кнопке мыши. Оставляем галочку .

Инструмент «Масштаб» изменяет размер окон (Zoom Resizes Windows) — если документы открыты в Фотошоп в отдельных окнах, размер диалоговых окон изменяется в соответствии с размером документов. Зачем, не знаю… Так что - не ставим галочку .

Масштабировать колёсиком мыши (Zoom with Scroll Wheel) — для увеличения — уменьшения масштаба документа будет достаточно вращать колесико мыши. Лично для меня так неудобно — можно случайно повернуть колесико. Мне удобнее менять масштаб, удерживая Alt и вращая колесико. Не ставлю галочку .

Центровка вида по месту щелчка мыши (Zoom Point Clicked to Center) — эта функция позволяет при активном инструменте Масштаб (Zoom Tool) щелчком мыши указывать центр увеличения. Не пользуюсь и не ставлю галочку .

Включить захват рисования (Enable Flick Panning) — если включить эту функцию, мы сможем захватывать изображение инструментом Рука (Hand Tool) и, если «дернуть» его и отпустить, изображение продолжит движение как бы по инерции. Непонятно, зачем у меня была включена эта настройка — убираю галочку .

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

Оставшиеся два флажка - Перемещать или перетаскивать растровые изображения как смарт — объекты и Привязать векторные инструменты и преобразования к пиксельной сетке — оставляем включенными . Впрочем, не все перечисленные настройки могут присутствовать в других версиях Фотошопа, здесь речь идет о Photoshop CS6 .

Ниже всех флажков видим блок История изменений (History Log). Он нужен для настройки записи всех изменений, производимых с изображением, в отдельный текстовый файл либо в метаданные документа. Эта функция может пригодиться, если вы отчитываетесь кому-то о проделанной работе, обрабатывая изображение на конкурс или предоставляя платные услуги: у вас будет доказательство совершенных действий. В ином случае лучше не включать эту функцию , чтобы не загружать программу лишней работой, а память — лишними файлами.

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

Нажатием на эту кнопку мы вновь разрешим их показ.

Мы рассмотрели Основные настройки программы Photoshop . Переходим к следующему разделу настроек — Интерфейс (Interface) (Ctrl+K, Ctrl+2 ).


И начинается эта вкладка, конечно же, с настройки цвета интерфейса. Adobe Photoshop CS6 в этом плане отличается от всех предшествующих версий — по умолчанию его интерфейс черный. Признаться, меня это напрягает и затрудняет работу, поэтому я с радостью поменяла цвет на привычный, нейтральный серый. Хочу заметить, что печатные издания с иллюстрациями из Фотошопа с черным интерфейсом очень затрудняют изучение(. Как видим, на выбор предоставлено четыре оттенка — черный и три вида серого.

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

Автоматически сворачивать панели со значками (Auto — Collapse Iconic Panels) — открытая щелчком мыши панель тут же будет свернута, если вы откроете мышью другую панель. Мне бы этого не хотелось, так что не ставлю галочку .

Автопоказ скрытых панелей (Auto — Show Hidden Panels) — исходя из названия, эта функция позволяет отобразить скрытые панели.

Открыть документы во вкладках (Open Document as Tab) — если эта функция включена, все документы будут открываться в отдельных окнах.

Включить закрепление окон незакрепленных документов (Enable Floating Document Window Docking) — открытые в отдельных окнах документы можно сгруппировать и управлять ими как единой группой. Я всегда использую эту возможность.

Показывать каналы в цвете (Show Channels in Color) — любопытная функция, показывает в палитре Каналы каждый канал окрашенным в соответствующий цвет. Вот как выглядит палитра Каналы до и после включения этой настройки:

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

… А так — с включенным цветом.

Показывать цвета меню (Show menu colors) — симпатичная настройка Фотошоп, позволяющая наиболее часто используемые пункты меню или команды палитр выделять цветом. Я пока ничего не выделяю, но и галочку не снимаю, вдруг пригодится. Чтобы выделить пункт меню, открываем Редактирование => Меню (Edit => Menus) (Alt+Shift+Ctrl+M ) и в открывшемся окне выбираем нужный пункт меню из списка, щелкаем в колонке «Цвет» и выбираем цвет из предложенных:

Теперь, открывая команду меню Выделение , видим, что пункт «Все» выделен фиолетовым.

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

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

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

Если не ошибаюсь, эта функция появилась только в CS6.

Кнопка Вернуть рабочие среды по умолчанию (Restore Default Workspaces) позволит вернуть внешний вид программы к первоначальному, который был задан по умолчанию.

И напоминание о том, что все изменения (в отличие от вкладки «Основные настройки») вступят в силу после перезагрузки программы.

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

Успешной работы!

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

Набор операций по умолчанию

Когда мы впервые открываем панель «Операции», то видим, что программа автоматически загрузила для нас набор определенных операций под названием «Операции по умолчанию» (Default Actions):

Панель « Операции »

Различие между понятиями «Операция» и «Набор операций»

Прежде чем мы продолжим, нам необходимо понять разницу между понятиями «Операция» ( action) и «Набор операций» ( action set) . Если вы внимательно посмотрите на панель «Операции», то слева от слов «Операции по умолчанию» вы увидите значок папки, и этот значок как раз и есть, по существу, набор операций. Это папка, которая содержит ваши операции, так же как отдельная папка в шкафу для хранения документов может содержать в себе различные бланки, квитанции и прочее. В нашем случае, папка «Операции по умолчанию» (набор операций) содержит различные операции, которые автоматически были загружены для нас в программе Photoshop.

В таком случае, где находятся сами операции? Они размещены внутри папки, и возникает закономерный вопрос: «А как же открыть папку?» Для того чтобы открыть (и закрыть) папку, необходимо кликнуть по треугольнику, расположенному слева от папки. В результате этого действия папка либо откроется, либо закроется, если она была уже открыта. Давайте нажмем на треугольник. Вы увидите, что папка откроется, и появятся все операции:

Операции в составе набора стали видимыми

Отличие операций по умолчанию в версии программы Photoshop CS2

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

Привычные операции по умолчанию в версии Photoshop CS2 заменены на новые

Обратите внимание, что к названию каждой операции в конце добавлено слово «рабочая область» (workspaces), поскольку единственное, за что отвечают данные операции - за возможность выбора из различных рабочих областей, которые включены в программу. Не вдаваясь в подробности, что представляют собой рабочие области, отмечу лишь, что операции в версии программы Photoshop CS2 достаточно бесполезны. Очевидно, что разработчики программы осознали это, поскольку в следующей версии Photoshop CS3 операции по умолчанию вновь вернулись к привычному виду.

К счастью, если вы работаете в версии Photoshop CS2 и хотите получить доступ к привычным операциям по умолчанию, все что вам нужно - кликнуть по маленькой правосторонней стрелке в правом верхнем углу панели «Операции». В результате этого действия на экране появится всплывающее меню, где из списка дополнительно встроенных наборов операций нужно выбрать «Образцы операций» (Sample Actions ), расположенные в нижней части меню:

Выбираем «Образцы операций» из списка дополнительных операций в версии Photoshop CS2

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

Набор «Образцы операций» в версии Photoshop CS2 содержит те же операции по умолчанию, которые представлены в других версиях программы

И снова заметьте, что набор «Образцы операций» доступен только в версии Photoshop CS2, поскольку компания Adobe решила в данной версии заменить стандартный набор операций по умолчанию на новый. В дальнейшем, когда я буду говорить «Операции по умолчанию» или «Набор операций по умолчанию», я буду иметь в виду стандартные (привычные) операции по умолчанию, которые в версии программы Photoshop CS2 соответствуют операциям из набора «Образцы операций».

Операции по умолчанию в программе Photoshop

Теперь, когда мы немного разобрались с особенностями операций по умолчанию в версии Photoshop CS2, давайте рассмотрим несколько операций по умолчанию, изначально загруженных для нас в программу. Хотите - верьте, хотите - нет, но некоторые операции по умолчанию действительно полезны в работе, особенно если вы ограничены во времени и хотите получить быстрый результат. В наборе «Операции по умолчанию» представлены 12 различных операций. Мы не будем изучать их все, поскольку вы сами с легкостью сможете это сделать, но давайте рассмотрим вместе несколько операций и поймем, как они работают.

Операция по умолчанию «Виньетка»

В самом верху списка операций по умолчанию расположена операция под названием «Виньетка» (выделанная область)» (Vignette (selection) ):

Операция по умолчанию «Виньетка» (выделанная область)

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

Ниже представлено изображение, на которое я хочу добавить классическую виньетку:

Исходное изображение

Как я уже говорил, нам требуется выделить определенную область внутри изображения, прежде чем мы сможем запустить операцию, поэтому на панели инструментов я выберу инструмент «Овальная область» (Elliptical Marquee Tool) и с его помощью сделаю выделение в центре изображения:

Изображение после выделения центральной области с помощью инструмента «Овальная область »

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

На панели слоев видно исходное изображение, размещенное на слое заднего фона

Выполнение операции

Для того чтобы выполнить операцию «Виньетка», все, что нам нужно сделать - это выбрать ее на панели «Операции» (выбранная операция становится подсвеченной синим цветом) и нажать на значок «Выполнить активную операцию» (Play) в нижней части панели:

Выбираем операцию «Виньетка» и нажимаем на значок «Выполнить активную операцию»

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

Поскольку нам нужно задать определенное значение радиуса на одном из этапов операции, программа автоматически откроет диалоговое окно «Растушевка выделенной области» (Feather Selection), где по умолчанию будет установлено значение радиуса растушевки, равное 5 пикселям. В нашем случае для эффекта виньетирования требуется увеличить значение радиуса, поэтому я установлю его равным 20 пикселям, что позволит сделать края выделения размытее. В зависимости от размера вашего изображения, возможно, вы захотите еще больше увеличить значение радиуса:

Диалоговое окно «Растушевка выделенной области» Чем больше значение радиуса, тем размытее края

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

Получившийся эффект после выполнения операции «Виньетка»

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

Панель слоев после выполнения операции «Виньетка »

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

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

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

Для просмотра отдельных шагов операции кликните по треугольнику слева от названия операции

В ходе выполнения операции программа проходит каждое действие, начиная с самого верхнего и заканчивая самым нижним действием в списке. В случае с операцией «Виньетка», мы можем увидеть в списке семь шагов, которые программа выполнила для нас, начиная с шага «Сделать снимок» (Make snapshot), который влечет за собой создание на панели «История» исходного снимка (до момента начала выполнения операции) и, заканчивая шагом «Переместить текущий слой» (Move current layer).

Просмотр подробностей выполнения каждого шага операции

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

Нажатие на треугольники около отдельных шагов операции раскрывает нам подробности выполнения шага

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

Отображение и скрытие отдельных диалоговых окон в ходе выполнения операции

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

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

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

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

Если мы внимательно посмотрим на панель «Операции», то увидим, что слева от шага «Растушевка», есть значок тумблера диалогового окна (он выглядит как маленькое серое диалоговое окно):

Слева от шага «Растушевка» виден значок тумблера диалогового окна

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

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

Значок тумблера диалогового окна около названия операции в настоящий момент красный

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

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

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

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

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

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

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

Итак, мы с вами успешно выполнили нашу первую операцию, изучили, как просмотреть отдельные шаги операции, которые выполняет программа. Также мы рассмотрели, как включать и выключать диалоговые окна в ходе выполнения операции, чтобы вносить необходимые изменения в параметры или команды. Не боитесь и попробуйте выполнить оставшиеся операции по умолчанию самостоятельно. При этом помните, что для выполнения некоторых операций нужен исходный текст, поэтому позаботьтесь об этом заранее. Если после выполнения операции вы захотите вернуться к исходному изображению, вы можете сделать это несколькими способами: или несколько раз нажать сочетание клавиш Ctrl+Alt+Z (Win) / Command+ Option+Z (Mac) для отмены всех действий в ходе выполнения операции, или перейти в раздел «Файл» (File) в строке меню в верхней части экрана и выбрать пункт «Восстановить» (Revert) для возврата к тому изображению, которое вы сохранили в последний раз. Вы также можете быстро воспользоваться командой «Восстановить», нажав клавишу F12.

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

Перевод : Ксения Руденко

(слева) в "одну связку" с ведерком "Заливка" и включается общей с ним быстрой клавишей G. Он тоже заливает рисунок "краской", но не сплошным цветом, а переливами разных цветов и оттенков с заданными переходами от резких границ до плавных, едва заметных "перетеканий" одного цвета в другой или плотной окраски в прозрачный слой.

Панель настроек инструмента

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

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

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

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

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

С выбором режима наложения и непрозрачности все понятно, галочка в квадратике "Инверсия" выстроит обратный эффект. С прозрачностью мы разобрались, а функция "Дизеринг" (Dithering), намеренно "зашумливая" рисунок, делает цветовой переход более естественным.

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

Если проводить линию с нажатой клавишей Shift, переход можно сделать строго по вертикали, горизонтали или под углом 45 градусов.

Главный редактор градиентных заливок

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

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

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

Строим непрерывный цветопереход

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

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

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

Движком "Гладкость" регулируется плавность перехода между разноцветными и разнотонными полосками.

"Шумный" цветовой переход

Градиент "Шум", в отличие от эффекта в непрерывном режиме, представляет собой случайное распределение красок в указанном диапазоне цветов. В зависимости от плавности (неровности) он может выглядеть как "нормальный" эффект с плавными переходами (плавность/ roughness до 30-40 %) либо как пестроокрашенный, тонкополосчатый спектр (плавность/ roughness до 90-100 %).

Помимо настройки плавности, при создании перехода можно:

  • выбрать цветовую модель (RGB, HSB, LAB);
  • ограничить цвета (для излишне насыщенных красок);
  • включить прозрачность (для случайных цветов);
  • выбрать "Другой вариант" (создается эффект с произвольными переходами цветов, но в соответствии с заданными настройками).

Сохраняем созданный цветопереход

Если планируется дальнейшее применение градиента, в "Фотошопе" на этот счет все продумано.

Чтобы новенький эффект попал в один из предустановленных (или собственных) наборов стандартных вариантов, нужно, прежде чем утвердить работу редактора (Ok), придумать ему название и внести в текстовое поле "Имя", а затем нажать кнопку "Новый".

Можно "Сохранить" градиент на своем диске как файл с расширением GRD (Adobe Photoshop Gradient), который по умолчанию угодит в папку Gradients в директории Presets вашей версии программы Adobe Photoshop. Оттуда же извлекаются и загружаются в редактор новые эффекты.

Градиентная заливка как стиль

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

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

"Безболезненный" градиент на служебном слое

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

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

Как использовать градиент в "Фотошопе"

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


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


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


Значок Градиент (1 ) вы найдёте в одной группе с инструментом Заливка (Paint Bucker), клавиша G (или Shift+G для переключения между ними).


Вид градиента задаётся кнопками на панели параметров (2 ):


Линейный градиент (Linear Gradient) – переход осуществляется по прямой линии вдоль определённого направления.


Радиальный градиент (Radial Gradient) – изменение цвета равномерно во все стороны от центральной точки.


Конусовидный градиент (Angle Gradient) – переход цвета по кругу с центром в заданной точке по часовой стрелке.


Зеркальный градиент (Reflected Gradient) – два линейных градиента, которые распространяются от начальной точки в противоположных направлениях.


Ромбовидный градиент (Diamond Gradient) – образующие линии выстраиваются в виде ромба.


В прямоугольном окошке (3 ) вы можете видеть текущий вариант предлагаемого по умолчанию градиента.


Если щёлкнуть кнопкой мыши на стрелке, расположенной рядом с ним, откроется палитра градиентов.


Вы можете выбрать нужный вам градиент, щёлкнув на нём кнопкой мыши.

Окно редактирования градиента открывается при щелчке на образце градиентной заливки (3 ).


Раздел Наборы (Presets) содержит готовые градиенты.


Имя (Name) – имя градиента.

Заказной (Custom) – это градиент с пользовательскими настройками.

Градиент (Gradient Type) - есть два варианта: Непрерывный (Solid) и Шумовой (Noise).

Сглаживание (Smoothness) – мягкость перехода цветов в градиенте.


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


Обратите внимание на цветовую полосу в центре окна – это образец редактируемого градиента с переходами цвета и прозрачности. Под полосой и над ней расположились маркеры (4 ) (квадратики с треугольниками над или под ними).


Те, что под полосой отвечают за переходы цвета. Если вы щёлкнете кнопкой мыши на каком-нибудь маркере, треугольник над ним станет цветным, значит, маркер стал активным и готов к редактированию. Что можно сделать? Можно переместить его в любую сторону вдоль цветовой полосы, можно поменять его цвет.


Для этого щёлкните на окошке Цвет (Color) (5) и в окне Цветовая палитра (Color Picker) выберите нужный оттенок (6 ).

Если вы щёлкнете на любом свободном месте между маркерами, появится новый маркер, который вы тоже можете двигать и настраивать. Перемещать маркер можно мышью, или меняя числовое значение в поле Позиция (Location).

0% - левый край цветовой полосы, 100% - правый.


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


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


Если же необходимо удалить ненужный цветовой ограничитель, просто передвиньте его за пределы полосы с цветовыми переходами или выделите и нажмите одну из кнопок Удалить (Delete): нижнюю кнопку – для цветовых маркеров, верхнюю – для маркеров прозрачности.


Создадим новый градиент. Откроем диалоговое окно (щёлкнув по окошку 3 ). Выберите цвет заливки для левого цветового маркера, кликните по правому маркеру (8 ), установите для него свой цвет, в поле Имя (Name) (10 ) введите его название и нажмите кнопку Новый (New) (11 ), ваш градиент появится в окошке Наборы (Presets), нажмите ok .

Перевод: Оксана Гудкова ;



Рассказать друзьям