Рубрика: Photoshop Уроки | Урок прочитали: 402
 (голосов: 0)

Создай светящегося супергероя в Фотошоп

В этом уроке вы узнаете, как можно обычную иллюстрацию превратить в ретро-футуристическую художественную работу. В ходе урока будут использоваться инструменты выделения, инструмент Перо (Pen Tool) для создания различных форм, а так же корректирующие слои и стили слоя для создания эффектов свечения и фильтр Размытие в движении (Motion Blur) для придания эффекта динамики.
Корректирующие слои и маски слоя оставляют нам возможность редактирования без малейшего риска для исходного изображения. Изучив их, вы будете пользоваться этими навыками и в других ваших работах. Эффектами, которые будут использованы в данном уроке, вы также сможете подчеркнуть другие ваши проекты и композиции.

Финальное изображение:

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

Шаг 1. Откройте в Photoshop файл  illus.psd, который находится в скачанном архиве. Этот файл имеет три базовых слоя: ‘linework’, ‘ground’, and ‘figure’. Сделайте неактивным слой ‘ground’, пока мы с ним работать не будем.

Шаг 2. Создайте новый слой и залейте его чёрным цветом. Поместите этот слой в палитре слоёв ниже двух активных слоёв.

Шаг 3. Теперь займёмся процессом покраски. Для этого сделайте активным слой ‘figure’ и пройдите в меню Слои – Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient map). Добавьте обтравочную маску (Clipping mask) к слою Карта градиента (Gradient map), нажав комбинацию клавиш Cmd/Ctrl + Alt + G.

Шаг 4. Теперь мы можем начать применять различные эффекты освещения, чтобы подчеркнуть определенные части. Выделите слой ‘linework’  и внизу палитры слоёв нажмите кнопку Добавить стиль слоя (Add a Layer Style). Выберите опции Наложение цвета (Color Overlay) и Внешнее свечение (Outer Glow). Подберите настройки для этих опций и добейтесь результата как на скриншоте ниже.

Шаг 5. Теперь добавьте Маску слоя (Layer Mask)к слою ‘linework’. Выберите инструмент Кисть (Brush) и используйте чёрный и белый цвет, чтобы скрывать и открывать светящиеся линии в различных областях иллюстрации. Вы можете управлять настройками кисти, регулируя ее Непрозрачность (Opacity) и параметры Нажима (Flow).

Шаг 6. Дублируйте слой ‘linework’  (Ctrl + J) несколько раз и повторите шаги 4 и 5, чтобы достичь подобного эффекта как на скриншоте ниже.

Примечание переводчика: Глядя на предложенный автором скриншот,  можно догадаться, что к каждой копии он применяет различный цвет для опций Наложение цвета (Color Overlay) и Внешнего свечения (Outer Glow).

Шаг 7. Теперь мы подчеркнём эффекты освещения, добавив больше контраста в определённых местах. Добавьте вспышки света, которые можно создать с помощью мягкой кисти , а также воспользуйтесь опцией Внутреннее свечение (Inner Glow) в стилях слоя на слое ‘figure’.

Шаг 8. Создайте корректирующий слой Уровни (Levels) выше слоя ‘figure’ и добавьте к нему обтравочную маску (Clipping mask),нажав комбинацию клавиш Ctrl + Alt + G. В окне настроек корректирующего слоя установите Выходные значения (output) для белого ползунка 150. Используя маску этого корректирующего слоя, сотрите определённые области, как показано на скриншоте, тем самым освобождая их от применённой коррекции. Этот метод позволит придать фигуре драматическое освещение и больше контраста.

Шаг 9. Теперь мы добавим несколько полос супергерою, чтобы придать ощущение движения на высокой скорости. Для создания этих горизонтальных полос, используйте инструменты Выделения (Marquee Tool) или инструмент Перо (Pen Tool).

Шаг 10. Для обработки горизонтальных полос используйте различные стили слоя, включая Наложение цвета (Color Overlay), Внешнее свечение (Outer Glow) и Внутреннее свечение (Inner Glow). Также обработайте (сотрите лишнее) эти полосы на масках слоя , чтобы они были примерно такими, как показано на скриншоте.

Шаг 11. Повторите шаги 9 и 10, для второй и третьей группы полос, придавая им различные цвета. Таким способом вы создадите эффект скоростного движения.

Шаг 12. Чтобы добавить больше динамики мы поработаем над фоном. Создайте новый слой выше слоя с фоном, залейте его чёрным цветом и пройдите в меню Фильтр – Шум – Добавить Шум (Filter > Noise > Add Noise). Установите значение Эффекта (Amount) на 20 %, включите опцию По Гауссу (Gaussian) и активируйте настройку Монохромный (Monochromatic).
Теперь нажмите комбинацию клавиш Ctrl + L , чтобы вызвать диалоговое окно настроек Уровней (Levels). Поставьте такие входные значения(Input) - 0, 0.4, 180. Если нужно добавляйте ещё шум и корректируйте слой уровнями, пока не добьётесь результата как на скриншоте.

Шаг 13. Дублируйте слой с шумом и установите копии режим наложения Замена светлым (Lighten). Теперь идите в меню Фильтр – Размытие – Размытие в движении (Filter > Blur> Motion Blur). Поставьте такие настройки: Угол (Angle) значение 0, Смещение (Distance) 30 пикс. снова вызовите диалоговое окно Уровни(Levels) Ctrl + L  и поставьте такие входные значения: 0, 8, 90, чтобы сделать эффект более видимым.

Примечание переводчика: Значение 8, для серого ползунка полутонов лично у меня не совсем подходит. Попробуйте корректировать эту настройку самостоятельно, чтобы у вас получилось примерно как на скриншоте.
Ещё очевидно, что автор обработал слои с шумом на маске, оставив только некоторые области видимыми.

Шаг 14. Чтобы сфокусировать внимание в центре композиции добавьте цветное пятно. Создайте новый слой в меню Слои – Новый слой заливка – Градиент (Layer > New Fill Layer > Gradient) и выберите для него радиальный стиль (Radial style). Убедитесь, что этот слой находится между слоями с шумом и слоями с фигурой героя и движения. Чтобы окрасить  слой с шумом, который мы размывали в движении,  можно использовать корректирующий слой Карта градиента (Gradient Map).

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

Шаг 15. Сделайте видимым слой ‘ground’ и повторите предыдущие шаги, чтобы добавить к нему эффекты цвета, освещения и движения, как мы это делали раньше.

Чтобы закончить работу добавьте радужный круг, снова используя слой в меню СлоиНовый слой заливкаГрадиент (Layer > New Fill Layer > Gradient). В настройках поставьте радиальный градиент и выберите соответствующий радужный градиент. Также можно добавить ещё больше цветных эффектов, как вы делали это в шаге 14, создавая цветное пятно.

Примечание переводчика: для того чтобы у вас получился радужный круг как у автора, редактируйте градиент, а именно: снимите непрозрачность к нулю у крайних ползунков градиента. Можете их дублировать и копиям непрозрачность от 100% не изменять. Затем двигайте ползунки цветов  ближе к центру и плотнее друг к другу.
Результат урока ниже, надеюсь, у вас всё получится!

Здесь вы сможете увидеть результат в большем размере.

Автор: Kervin
Переводчик: Рыбка
Ссылка на источник

           

Похожие файлы и публикации:

Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как быстро и легко совместить различные элементы и текстуры  для создания динамичной манипуляции. Вы узнаете основы, как использовать градиент и параметры наложения для создания светотеней и коррекции цветовых оттенков всей картины. Кроме этого, вы узнаете, как использовать световые блики, кисти дым и брызги. С помощью простых действий, вы узнаете, как создать потрясающие эффекты.
Создай светящегося супергероя в Фотошоп
В этом уроке Photoshop вы узнаете, как создать кинопостер в стиле минимализма. Вы узнаете, как применять текстуры, создавать световые эффекты, выделять изображения, и всё это поможет создать красивый шрифт!
Создай светящегося супергероя в Фотошоп
В этом уроке мы создадим реалистичную яичную скорлупу, желток и белок с нуля, с помощью основных приёмов фотошопа.
Создай светящегося супергероя в Фотошоп
Этот урок посвящен световым эффектам. При их создании, мы будем использовать режимы наложения, например, Осветление  основы  (Color Dodge). Этот режим наложения является очень важным  и мощным  для создания световых эффектов в Photoshop. Прежде чем мы начнем, взгляните на изображение, которое мы будем создавать. Предлагаю вам посмотреть его реальный размер
Создай светящегося супергероя в Фотошоп
Шаг 1. Создайте новый документ (600X700px). Вставьте в него текстуру старой бумаги.
Создай светящегося супергероя в Фотошоп
Только потому, что вы начинающий пользователь Photoshop не означает, что вы должны использовать только базовые инструменты. Добавив немного креативности, вы тоже можете создать потрясающую фотоманипуляцию!
Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как добавить к изображению яркие краски за несколько простых шагов.
Создай светящегося супергероя в Фотошоп
В этом уроке будет показано, как создать красивый текстовый эффект при помощи текстуры печенья и стилей слоя. Метод очень простой и не займёт больше 30 минут.
Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как сбалансировать освещение различных изображений, собранных в одну композицию. Собрать несколько изображений и объектов с разным освещением в единую композицию задача не сложная, если знать, как правильно это сделать. Автор урока обещает научить вас преуспеть в этом деле, используя цветовую коррекцию, температуру цвета и регулировку контраста. Вы научитесь создавать различные эффекты освещения в Photoshop, используя кисти, инструмент Лассо (Lasso tool) и корректирующие слои.
Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как создать красивую и эмоциональную зимнюю сцену. В этом уроке, вы узнаете про технику создания фотоманипуляций, включая:
Создай светящегося супергероя в Фотошоп
В этом уроке мы будем создавать вот такой стильный постер для ночного клуба.
Создай светящегося супергероя в Фотошоп
Применение световых эффектов является уже классическим методом в Photoshop, но через плохую практику и злоупотребление теми же самыми приемами, это стало чем-то вроде шаблона. В этом уроке,  Fabio Sasso покажет вам, как сделать свежий, модный световой ретро-эффект. Секрет здесь в том, чтобы сохранить простоту и не переусердствовать. Конечно,  что  то, что выглядит простым, не обязательно легко создать, но здесь, Fabio проведет Вас шаг за шагом через фильтры, градиенты и режимы смешивания, которые принесут вашему искусству свой стиль. Финальное изображение.
Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как совместить различные стили слоя и использовать фильтры, чтобы создать несложный призрачный эффект для текста.
Создай светящегося супергероя в Фотошоп
В этом уроке вы узнаете, как создать цветной абстрактный постер с эффектом старины и световыми спецэффектами. Для этого будем использовать текстуры и корректирующие слои.
Создай светящегося супергероя в Фотошоп
В этом уроке вы научитесь создавать в программе Photoshop обои с очень стильными и пушистыми облаками. Идея у автора появилась после того, как его друг поинтересовался, возможно ли создать стиль для облаков.
Создай светящегося супергероя в Фотошоп
В этом удивительном уроке вы узнаете, как создать волшебную иллюстрацию из фотографии, используя корректирующие слои, а также фильтры. Желаю вам приятно провести время.
Создай светящегося супергероя в Фотошоп
В этом уроке мы создадим стильные футуристические обои на рабочий стол, посвященные новому 2011 году. Мы будем работать с текстом, использовать маски слоя и добавим световые эффекты. Также я покажу вам, каким мощнейшим средством являются стили слоя, с их помощью мы создадим потрясающие эффекты для текста.
Создай светящегося супергероя в Фотошоп
Если вы только приступили к изучению программы Photoshop, то сегодня вы освоите полезную технику создания фотоманипуляций.
Создай светящегося супергероя в Фотошоп
Создайте новый документ в Photoshop (Ctrl+N) размером 800x1024 пикс, режим RGB, разрешение 72 пикс/дюйм. Создайте новый слой (залейте его любым цветом) и кликнете по иконке Add a layer style (Добавить стиль слоя) внизу палитры слоев, выберите Gradient Overlay (Наложение градиента).
Создай светящегося супергероя в Фотошоп
Шаг 1. Создайте новый документ размером 1920x1200. Затем используйте стиль слоя Gradient Overlay (Наложение градиента): цвета #07090b и #27160a. Тип заливки – Radial (Радиальный). Увеличьте масштаб изображения до 115%.