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

Создаём Задний Фон в стиле Mac в Photoshop

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.
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.