Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

наш канал

стать автором

17 ноября 2017

Друзья! На сайте опубликованы интервью с победителем и призёрами конкурса «Портрет героя по роману «Три мушкетёра».

Кликните по ссылке, чтобы перейти на страницу с интервью

Создаём абстрактные световые спирали в Фотошоп

13 июля 2017 5 377 просмотров | Сложность:

В этом уроке я покажу вам, как создать абстрактные световые спирали и круги в программе Photoshop. Для этого мы используем градиенты и фильтры искажения, такие как фильтр Скручивание (Twirl), а также фильтр Зигзаг (ZigZag). Вы сможете создать бесконечное количество световых эффектов, которые помогут вам в создании световых потоков в программе Photoshop.

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

Итак, давайте начнем!

Итоговый результат:

Шаг 1

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

Шаг 2

Создайте новый слой. Назовите этот слой Задний фон (Background). Залейте этот слой чёрным цветом.

Шаг 3

Создайте ещё один новый слой. Назовите этот слой Абстрактные Световые Спирали (Abstract Light Swirl). Щёлкните правой кнопкой по данному слою и в появившемся меню, выберите опцию Преобразовать в смарт-объект (Convert to smart object).

Шаг 4

Дважды щёлкните по миниатюре слоя со смарт-объектом Абстрактные Световые Спирали (Abstract Light Swirl), чтобы открыть его. Внутри создайте новый слой, назовите этот слой Градиент 1 (Gradient 1). Залейте этот слой любым цветом на своё усмотрение, а затем уменьшите значение Заливки (Fill) до 0%. Также, добавьте слой-маску к данному слою.

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

Шаг 5

Продублируйте этот слой два раза (Ctrl+J), назовите дубликаты слоёв Градиент 2 (Gradient 2) и Градиент 3 (Gradient 3).

Шаг 6

Для всех трёх слоёв, мы применим стиль слоя Наложение градиента (Gradient Overlay), а также добавим градиенты на слой-маски. Давайте начнём со слоя Градиент 1 (Gradient 1). Вначале уменьшите масштаб изображения примерно до 75%. Нажмите клавиши (CTRL+T) (для активации трансформации).

Примечание переводчика: после активации инструмента трансформации, в панели управления данного инструмента, измените точку преображения, а также уменьшите значение высоты до 75%.

Шаг 7. Создаём Затенение на слой-масках

Щёлкните по слой-маске, а затем выберите инструмент Градиент (Gradient Tool). Примените чёрно-белый градиент на маске слоя для коррекции маски, как показано на скриншоте ниже. Тип градиента Линейный (linear) (переход от одного цветового оттенка к другому по прямой линии). Удерживайте клавишу ‘SHIFT’ при создании градиента, это поможет создать идеальный горизонтальный или в нашем случае идеальный вертикальный градиент.

Шаг 8

Перейдите на слой Градиент 2 (Gradient 2), а затем повторите предыдущий шаг для коррекции маски слоя. На скриншоте ниже, вы можете увидеть, что мы немного уменьшили размер градиента.

Маска слоя Градиент 3 (Gradient 3) остаётся белой, этот слой будет полностью виден.

Шаг 9. Добавляем Стили Градиента

Теперь давайте добавим стиль слоя Наложение градиента (Gradient Overlay) ко всем трём слоям. Вначале добавьте стиль слоя Наложение градиента (Gradient Overlay) к слою Градиент 1 (Gradient 1). Установите следующие цвета градиента: #f9e600, #6f156c, #fd7c00 и #f1c578.

Примечание переводчика: в стиле слоя Наложение градиента (Gradient Overlay) важен угол градиента, если неправильно выставить углы градиентов для всех трёх слоёв, или вы забудете их выставить, то эффект спирали у вас не получится.

Шаг 10

Далее, добавьте стиль слоя Наложение градиента (Gradient Overlay) к слою Градиент 2 (Gradient 2). Установите следующие цвета градиента: #757575, #8b2580, #94f4f8, #d99f00, #78ee3e and #757575.

Шаг 11

Далее, добавьте стиль слоя Наложение градиента (Gradient Overlay) к слою Градиент 3 (Gradient 3). Установите следующие цвета градиента: #000000 (позиция (location) 0%, непрозрачность (opacity) 100%), #000000 (позиция (location) 50%, непрозрачность (opacity) 0%) и #000000 (позиция (location) 100%, непрозрачность (opacity) 100%).

Шаг 12

Теперь сохраните свой смарт-объект, для этого идём Файл - Сохранить (File > Save), а затем закройте его.

Шаг 13. Добавляем Смарт-фильтры

Далее, мы добавим три смарт-фильтра к нашему смарт-объекту. Вначале идём Фильтр – Искажение – Полярные координаты (Filter > Distort > Polar Coordinates).

Шаг 14

Далее, идём Фильтр – Искажение – Скручивание (Filter > Distort > Twirl).

Шаг 15

В заключение идём Фильтр – Искажение – Зигзаг (Filter > Distort > ZigZag).

Шаг 16

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

Шаг 17

Изображения с эффектами спирали можно использовать в качестве световых эффектов, световых потоков и т.д. Просто поменяйте режим наложения на Осветление (Screen) или Замена светлым (Lighten) и вы получите красивый эффект.

Спасибо, что были со мной. Удачного дня!

Итоговый результат:

Работа переводчика:

Автор: psd-dude.com

Понравилось? Поделитесь с друзьями!
Источник: www.psd-dude.com Переводчик: Садыгалиев Марат
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
Fotinoulita04 ноября 201724

Спасибооо!!! Сделала ещё раз урок!!!!

Ajara Ispanova29 октября 20177

Спасибо

Fotinoulita17 октября 201718

Спасибо за урок!

z_ivan17 августа 201711

Спасибо за урок.

arcanne10 августа 201717

Спасибо:)

Dominik@07 августа 201718

Спасибо большое за познавательный урок!

CАNАDА07 августа 20176

2ая работа

CАNАDА07 августа 20177

1я работа

АЛЬКИН31 июля 201729

спс))

Vitalij208829 июля 20176

Спасибо

SvoeSolnyshko26 июля 20178

Спасибо

daafta22 июля 201710

Ну вот так С:

Stasya-Tu16 июля 201726

Спасибо.

BarsiG15 июля 201724

Спасибо!

Лариса14 июля 201734

Спасибо за урок.

Лариса14 июля 2017

Марат, у Вас получились очень красивые спирали!!!

CАNАDА17 июля 2017

Спасибо! Так приятно! )

Ksenia Skrims14 июля 2017

Простите, я совсем новичок! Я не понимаю, как создать внутри слоя "Абстрактные Световые Спирали" ещё один слой! Я совсем уже тю-тю... Помогите, пожалуйста!

Лариса14 июля 2017

В уроке все сказано:
Дважды щёлкните по миниатюре слоя со смарт-объектом (и он откроется в новом окне) и дальше делайте все по уроку.

спасибо

voki14 июля 201723

Спасибо за перевод!

Ольга Ро14 июля 201731

Спасибо за урок!

kisa7714 июля 201727

Спасибо большое!

Elenafam13 июля 201733

Спасибо за урок

Mariy77713 июля 201724

Спасибо за урок!

Mr.Evil13 июля 201726

Спасибо! Пригодится эффект

Ирина_S13 июля 201729

Спасибо за урок!

Татьяна13 июля 201734

Спасибо.

hackerman66613 июля 201726

Спасибо за урок, понял как хорошо использовать эффекты искажения!

F.V.V.13 июля 201725

Благодарю!

J.P.Monk13 июля 201724

Спасибо!

Авторизация


Регистрация

Наверх