7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Создаём Красный Знак Опасности

Scroll to top
Read Time: 4 mins

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

В этом уроке мы создадим текстурированный красный задний фон, для этого мы используем инструмент Photoshop Фигура (Shape Tool), чтобы добавить элемент дизайна. Вы можете скачать образец PSD по ссылке в конце этого урока.

Шаг 1

Мы начнём с чистого холста, а затем простой красный цвет на задний фон -  #780000

Шаг 2

Добавьте Новый слой

Выберите инструмент Произвольная Фигура (Custom Shape Tool (U), а затем в выпадающем меню, выберите фигуру, которую вы будете использовать в качестве дизайнерского элемента. Я выбрал символ ядерной опасности, поскольку он мне нравится. Если ваше меню предлагает небольшой выбор символов, тогда вы можете загрузить еще несколько наборов из библиотеки, для этого, щелкните по значку маленькой стрелки в правом верхнем углу и в выпадающем меню, выберите опцию Загрузить фигуры (Load Shapes).

Шаг 3

Добавьте Новый слой

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

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

Шаг 4

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

Цвет переднего плана #830506
Цвет заднего плана #370000

Теперь выберите инструмент Градиент (Gradient Tool), в панели управления данного инструмента, выберите Радиальный градиент (Radial Gradient), а затем нарисуйте радиальный градиент, потянув градиент от центра.

Радиальные градиенты (и градиенты в целом) – это всегда отличный способ создания нежных тонов.

Шаг 5

Чтобы добавить лёгкую текстуру, продублируйте слой с градиентом, а затем идём Фильтр – Рендеринг – Волокна (Filters > Render > Fibers). Примените настройки по умолчанию. Убедитесь, что у вас выбран красный цвет, поскольку он создаёт разницу на выходе.

Уменьшите Непрозрачность (Opacity) слоя 30%

Шаг 6

Теперь продублируйте слой с волокнами, нажмите клавиши (Ctrl-T) для активации инструмента Трансформация (Transform Tool). Удерживая клавишу (Shift), поверните текстуру дубликата слоя на 90 градусов.

Нажмите клавишу (Enter), чтобы применить изменения. Это немного усилит текстуру.

Шаг 7

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

Шаг 8

Теперь нам нужно добавить лёгкий ореол по контуру символа с ядерной опасностью, для этого, создайте новый слой ниже слоя с ядерным знаком. Далее, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя со знаком, что загрузить активное выделение, а затем идём Выделение – Модификация – Расширить (Select > Modify > Expand).

Установите значение 8 px, нажмите кнопку ‘OK’.

Далее, залейте активное выделение чёрным цветом - #000000, а также уменьшите Непрозрачность (opacity) слоя до 25%.

Шаг 9

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

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

Цвет переднего плана #fffefe
Цвет заднего плана #b4b4b4

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

Шаг 10

Далее, создайте новый слой поверх всех остальных слоёв. Залейте этот слой чёрным цветом - #000000, а затем идём Фильтр – Рендеринг – Блик (Filters > Render > Lens Flare), чтобы добавить красивый яркий блик.

Теперь поменяйте режим наложения для слоя с бликом на Перекрытие (Overlay), а также уменьшите Непрозрачность (opacity) слоя примерно до 45%.

Шаг 11

Находясь всё ещё на слое с бликом, идём Фильтр – Искажение – Волна (Filter > Distort > Wave), а затем поиграйте с настройками данного фильтра до тех пор, пока вы не получите красивое волновое искажение. На этом этапе вы могли бы добавить ещё несколько таких слоёв, а затем поиграть с ними, чтобы создать эффект дымки.

Шаг 12

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.