Доброго времени суток, уважаемые читатели!

Если из посредственной фотографии нужно сделать нечто эффектное, вам помогут корректирующие слои «Карта градиента».

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

Чтобы добавить в документ корректирующий слой «Карта градиента», выполните следующие инструкции:

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

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

[stextbox id="info"]Совет. Таким образом можно создать впечатляющий черно-белый вариант вашего изображения. Однако к этой операции можно подойти еще более творчески и использовать диалоговое окно Редактор градиентов (Gradient Editor), с помощью которого можно придать дополнительную глубину черно-белому изображению.[/stextbox]

2. Щелкните по цветной полоске на палитре Коррекция, чтобы открыть диалоговое окно Редактор.

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

3. Отредактируйте цветовые ограничители градиента, чтобы получить желаемый цветовой эффект.

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

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

[stextbox id="info"]Совет. Если вам понравится созданный градиент, его можно сохранить для использования в будущем, щелкнув мышью по кнопке Сохранить  и указав имя. Программа добавит его к уже существующим, обеспечивая дальнейший удобный доступ к нему.[/stextbox]

4. На палитре слоев измените режим наложения корректирующего слоя «Карта градиента» на Цветность (Color).

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

[stextbox id="info"]Совет. Если вам нужно, чтобы на какую-то часть изображения не влияли изменения, щелкните мышью по миниатюре его слоя-маски, выберите инструмент Кисть и закрасьте требуемые области черным.[/stextbox]

Привет, Земля!

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

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

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

После того, как вы это сделаете, следуйте следующим инструкциям:

1. На палитре слоев выделите миниатюру маски корректирующего слоя (напомню, что выделение обозначается тонкой черной рамочкой вокруг миниатюры).

2. Нажмите клавишу G, чтобы выбрать инструмент Градиент (Gradient) и на панели параметров выберите черно-белый линейный градиент.

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

Если в настройках программы фотошоп установлен флажок Показывать подсказки (Show Tool Tips), то вы можете увидеть название каждого градиента, установив указатель мыши поверх его миниатюры. (Если индикаторы основного и фонового цветов окрашены в черный и белый цвета, то вы также можете выбрать градиент От основного к фоновому (Foreground to Background), который идет первым в списке.)

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

3. Приступим непосредственно к плавному переходу цвета в градации серого.

Установите указатель мыши в позиции изображения, где цвет должен начать исчезать, нажмите левую кнопку мыши и, удерживая ее, перетащите указатель мыши в произвольном направлении на 3-5 сантиметров, затем отпустите кнопку мыши.

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

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

4. Когда закончите работу, сохраните документ в формате PSD и полюбуйтесь на хорошую работу.

[stextbox id="info"]Совет. Если в ходе редактирования маски вы решили очистить ее и начать все заново, нажмите комбинацию клавиш Ctrl+A, чтобы выделить все сделанное на данный момент, а затем нажмите клавишу Backspace. Программа очистит маску, и вы сможете начать работу сначала.[/stextbox]

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

Как видите, с помощью этого приема можно получить потрясающие результаты!

В данной статье рассмотрим популярные методы плавных переходов между изображениями. 

Такие переходы необходимы, когда вы делаете сложные коллажи или хотите красиво оформить несколько картинок в одной.

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

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

Теперь давайте рассмотрим подробнее:

Мягкий ластик

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

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

1. Перетащите мышью изображение, которое вы хотите частично стереть, в самый верх палитры слоев.

[stextbox id="info"]Примечание. Перед тем, как стирать, полезно сделать дубликат слоя, с которым вы будете работать, на случай, если вам не понравится результат (для этого нажмите комбинацию клавиш Ctrl+J). Чтобы новый слой не мешал вам, его видимость можно отключить (и включить снова, если понадобится).[/stextbox]

2. Выберите ластик, нажав клавишу Е, и установите его в режим кисти. Для этого на панели параметров в раскрывающемся списке Режим выберите пункт Кисть. Затем в раскрывающемся списке наборов параметров кистей выберите мягкую кисть. Убедитесь, что в полях Непрозрачность и Нажим установлено значение 100.

[stextbox id="info"]Совет. Чтобы сделать переход еще плавнее, поэкспериментируйте со значением непрозрачности ластика. Уменьшив значение непрозрачности, можно создавать более плавные переходы, водя кистью по нужной области, а не делая отдельные щелчки мышью.[/stextbox]

3. Установите указатель мыши поверх изображения и сотрите ненужную часть. Если вы допустите ошибку или в какой-то момент передумаете — воспользуйтесь палитрой История, чтобы вернуться назад на несколько мазков кистью, или отмените последнюю операцию, нажав комбинацию клавиш Ctrl+Z.

Мягкие кисти и слои-маски

Альтернативу ластику составляет обратный вариант — рисование слоя-маски большой мягкой кистью. При этом вы всего лишь скрываете часть рисунка вместо того, чтобы удалить ее.

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

Вот как создать эффект быстрого движения:

1. Откройте картинку и создайте дубликат исходного слоя, нажав комбинацию клавиш Ctrl+J.

2. Выберите команду меню Фильтры => Размытие => Размытие в движении. С помощью этого фильтра можно создать ощущение, что объект двигается очень быстро. Так как фильтр размывает картинку целиком, становится трудно разглядеть на ней нужный объект, так что вам придется скрыть часть размытого слоя, добавив слой-маску. Чтобы ее добавить, нажмите по кнопке с изображением круга в прямоугольнике в нижней части палитры.

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

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

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

Градиентные маски

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

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

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

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

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

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

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

Я взял эту фотографию:

Нажмите сочетание клавиш Ctrl+Shift+N, чтобы создать новый слой, укажите его название, например «Блеклый белый», а затем нажмите кнопку ОК.

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

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

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

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

5. Нажмите клавишу T для выбора инструмента «Текст» и добавьте текст.

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

Вот что получилось в итоге:

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

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

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

• Виды масок

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

• быстрая маска при помощи кисти, карандаша
• быстрая маска при помощи градиента
• маска слоя
• обтравочная маска

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

Рассмотрим все виды масок подробнее.

• Быстрая маска при помощи кисти, карандаша

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

Я открыл изображение с эмблемой Бэтмена, и хочу отделить значок от фона.

Для перехода в режим быстрая маска в панели инструментов установим черно-белые цвета. Затем нажимаем кнопочку быстрая маска, находящаяся чуть ниже. 

Выбираем инструмент «Кисть» (B), в панели атрибутов инструмента нужно установить 100 % жесткость, непрозрачность 100 %, нажим 100 %, а диаметр кисти устанавливаем на свой вкус.

Теперь начинам отделять эмблему Бэтмана от фона. Для этого при помощи кисти начинаем закрашивать эмблему. Вы увидите полупрозрачный красный цвет – это и есть наша маска.

Красный цвет — быстрая маска

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

Совет:

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

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

Выделение пунктиром не закрашенной части

Все, что не было закрашено маской, выделилось. Но нам же нужно выделить эмблему, тогда нужно просто инвертировать изображение. Для этого нажимаем комбинацию клавиш «Shift+Ctrl+I» или в командной строке выбираем: «меню» – «выделение» – «инверсия».

В результате эмблема стала выделенной, теперь мы можем с ней делать все что хотим.

Выделенная пунктиром эмблема

• Быстрая маска при помощи градиента

При помощи инструмента градиент можно сделать эффект постепенного исчезновения.

Делаем в палитре цветов черно-белые цвета. Выбираем на панели инструментов «Градиент» (G), в панели атрибутов инструмента устанавливаем черно-белый градиент, непрозрачность устанавливается 100 %, режим – нормальный.

Настройки градиента

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

Маска слоя — градиент

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

Пунктир, который мбудем удалять

Жмем на клавиатуре клавишу «Delete» или «Ctrl+X». В результате стирается часть изображения и получается эффект плавного затухания. Если, например, у вас было в низу какое-либо изображение — его станет видно.

Постепенное затухание

Изображение на нижнем слое

• Маска слоя.

Для того чтобы разобраться что это такое, возьмем две картинки: 1-ая это изображение с эмблемой Бэтмена, 2-ая тоже картинка с Бэтменом на фоне неба. Попробуем сделать так чтобы на картинке с небом появилась эмблема.

Берем картинку с эмблемой и перетаскиваем на картинку с небом.

Порядок слоев и маска

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

Выбираем инструмент «Кисть» (B), и начинаем стирать все кроме эмблемы. Тут аналогично как и с быстрой маской: черный цвет для того чтобы стирать, а белый цвет – восстановит.

• Обтравочная маска

Вернемся к нашим двум изображениям. Бэтмен на фоне неба снизу и эмблема сверху. Только на этот раз нижняя картинка будет меньше размером.

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

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

Зачем это? – таким образом мы подогнали по размеру верхний слой к нижнему слою.