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

Создай изумительную радугу в Фотошоп

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

Превью:

Это отрывок окончательного рисунка, который будет создаваться в 10 легких шагов. Итак, давайте начнем.

Шаг 1. Создание документа
Начнем с создания нового документа размером 2400px by 1600px. Залейте фон темно-серым цветом. Я использовал #191919.

Шаг 2. Добавление текстур
Теперь мы добавим несколько симпатичных бумажных гранжевых текстур Old Grunge Paper Textures, которые были представлены на сайте Fudgegraphics ранее. Их вы можете скачать здесь, и нам понадобятся только текстуры под номером 3 и 4. Для начала откройте бумажную текстуру 4 (Paper Texture 4) и поместите ее над фоновым слоем. Вы, возможно, захотите масштабировать ее под размер документа. Хорошо взять за привычку всегда конвертировать изображения в смарт-объект во время их масштабирования.  Таким образом, вы не рискуете качеством, если вдруг в дальнейшем захотите увеличить изображение.  Дублируйте слой с бумажной текстурой 4 (Paper Texture 4), измените его blending mode (режим смешивания) на Multiply (Умножение) и установите Opacity (прозрачность) на 50%.

Чтобы закончить с текстурами, мы добавим бумажную текстуру 3 (Paper Texture 3) над слоями. Снова используйте Multiply (Умножение) в качестве blending mode (режима смешивания), и установите Opacity (прозрачность) на 50%.

Шаг 3. Коррекция фона
Теперь добавим Adjustment Layer (Корректирующий слой) Black&White (Черный и белый), чтобы обесцветить фон. Опять же, это самый простой способ сделать это. В качестве альтернативы, вы можете слить все слои и обесцветить их, используя сочетание клавиш Ctrl + Shift + U.
Затем, добавим Adjustment Layer (Корректирующий слой) Curves (Кривые), используя настройки, представленные ниже. Они затемнят фон, который должен теперь выглядеть так:

Как только вы завершили все эти шаги, поместите все слои в группу и назовите ее “background” (фон). Это поможет вам сохранить все в порядке.

Шаг 4. Добавление фигур
Теперь, когда мы подготовили фон, мы можем окончательно приступить к добавлению наших геометрических фигур. Выберите инструмент Rectangle Tool (Прямоугольник) и убедитесь, что выбрана опция “Shape Layer” (Контурный слой). Цвет заливки не важен, поскольку в любом случае мы будем его изменять через Layer Style (Стиль слоя). Нарисуйте прямоугольник, как показано ниже (ориентировочно 1700px на 180px).

Шаг 5. Изменение Layer Style (Стиля слоя) фигуры
Откройте Layer Style (Стиль слоя) для прямоугольной фигуры и установите значение Fill Opacity (Прозрачность заливки) на 0%. Затем добавьте простой градиент Black to White (от черного к белому) под angle (углом) 90о и измените Blending Mode (режим смешивания) на Soft Light (Мягкий свет).

Шаг 6. Деформация прямоугольника в арку
При выделенном слое с фигурой прямоугольника выберите Edit > Transform Path > Warp (Редактировать >Трансформация > Деформация). Используйте настройку Arch (Арка) и установите Bend (Изгиб) на 25%. Нажмите Enter.

Шаг 7. Дублирование и перемещение арки
Удерживая Alt+Shift, передвиньте форму ниже. Это действие дублирует слой (клавиша Alt), в то же время, сохраняя его на одном уровне с первоначальным слоем (клавиша Shift). Повторите этот шаг до тех пор, пока вы не получите 4 экземпляра арки. Выделите все 4 слоя и выберите “distribute vertical centers” (вертикальное распределение по центру) в панели распределения.

Теперь сгруппируйте 4 слоя и дублируйте группу. Выделите копию группы и снова, удерживая клавиши Alt+Shift, потяните слои вниз. Выровняйте 2 группы по вертикали и распределите их по своему усмотрению. У вас должно смотреться примерно так.

Шаг 8. Добавление цветов
Теперь, когда у нас есть простой макет нашего изображения, пришло время добавить к нему некоторые цвета. Создайте новый слой над остальными и выберите инструмент Gradient tool (Градиент). Выберите симпатичный градиент colourful rainbow (красочная радуга) и примените его горизонтально к пустому слою.

Измените blending mode (режим смешивания) слоя на Soft Light (Мягкий свет). Выберите темно-синий цвет и закрасьте область за пределами радуги большой мягкой кистью.

В normal (обычном) blending mode ( режиме смешивания) слой с радугой должен выглядеть так же, как на изображении ниже.

Шаг 9. Улучшение цветов:
Поскольку blending mode (режим смешивания) “soft light” (мягкий свет) дает неярко выраженный эффект, мы дублируем слой с радугой, чтобы добавить больше живых цветов. Оставьте настройки soft light (мягкого света), но измените Opacity (прозрачность) слоя на 40%. Выберите еще более темный синий и закрасьте участки вне радуги, как прежде.
Теперь создайте новый слой и залейте его темно-серым цветом. Установите blending mode (режим смешивания) на Multiply (Умножение) и измените Opacity (прозрачность) слоя на 85%. Добавьте к слою маску и большой мягкой кистью (той же, что мы использовали ранее) спрячьте участок радуги. Это делается при выборе черного цвета в качестве заливки и посредством закрашивания радуги. Преимущество маски слоя в том, что если вы закрасили больше, чем нужно, просто выберите в качестве заливки белый цвет и закрасьте участки, которые вы хотите снова сделать видимыми. Ваше изображение должно выглядеть, как это.

Шаг 10. Добавление звезд
В качестве финального штриха, мы добавим немного звездного скопления к нашему изображению. Зайдите на сайт Flickr и скачайте фото Chritmas Tree Cluster от Luca Argalia aka Skywalker79 в его оригинальном размере. Поместите его поверх всех слоев. Установите Blending Mode (режим смешивания) на Screen (Осветление). Масштабируйте и расположите его по своему усмотрению. Снова я преобразовал свое фото в смарт-объект перед масштабированием.

Добавьте маску слоя к скоплению звезд и спрячьте края фото, а также нежелательные участки. Я также добавил Adjustment layer (корректирующий слой) Black/White (Черный/Белый) к звездам, чтобы избавиться от всех цветов.

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

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

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

Автор: Franz Jeitz
Перевод: Анцыперович Александра
Ссылка на источник

           

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

Создай изумительную радугу в Фотошоп
В этом Фотошоп уроке вы научитесь создавать старинное винтажное радио с использованием простых фигур, градиентов, узоров и текстур. Необходимые материалы:
Создай изумительную радугу в Фотошоп
Перед вами превью финального эффекта данного урока:
Создай изумительную радугу в Фотошоп
Во время урока мы будем практиковаться в различных техниках смешивания, применении текстуры, технике выделения и интересном методе создания снежного/туманного эффекта. Попробуйте!
Создай изумительную радугу в Фотошоп
Шаг 2. Кистевая маска слоя. Помимо простого создания штампов при помощи кистей можно создавать простые эффекты на Layer Mask (Маске слоя). Выберите слой Back Glow (Фоновое свечение) и создайте для него новую Layer Mask (Маску слоя). Загрузите все кисти из Ultimate Brush Pack 3, выберите из них некоторые гранжевые кисти, установите черный цвет (#000000), и рисуйте ими по краям маски слоя.
Создай изумительную радугу в Фотошоп
Используемые изображения: - Сердце - Капли - Капля - Брызги воды 1 - Брызги воды 2 - Боке
Создай изумительную радугу в Фотошоп
Ниже приведены ссылки для загрузки материалов. Но ссылок на векторные фигуры не будет. Поэтому скачайте их самостоятельно на любом дизайнерском сайте.  Это не сложно, потому что таких векторов куча.
Создай изумительную радугу в Фотошоп
Финальный результат:
Создай изумительную радугу в Фотошоп
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Создай изумительную радугу в Фотошоп
Применение световых эффектов является уже классическим методом в Photoshop, но через плохую практику и злоупотребление теми же самыми приемами, это стало чем-то вроде шаблона. В этом уроке,  Fabio Sasso покажет вам, как сделать свежий, модный световой ретро-эффект. Секрет здесь в том, чтобы сохранить простоту и не переусердствовать. Конечно,  что  то, что выглядит простым, не обязательно легко создать, но здесь, Fabio проведет Вас шаг за шагом через фильтры, градиенты и режимы смешивания, которые принесут вашему искусству свой стиль. Финальное изображение.
Создай изумительную радугу в Фотошоп
Несколько недель назад, прогуливаясь по улицам Нью Йорка, я увидел большой рекламный щит с плакатом к фильму «Бурлеск». Вот что действительно привлекло мое внимание, так это эффект, примененный к тексту, в эдаком ретро-казино стиле. Мне очень понравился этот эффект, и я подумал, что было бы неплохо повторить его в Photoshop.
Создай изумительную радугу в Фотошоп
Ресурсы для урока: Фотография дерева Зимняя ветка Кора дерева Ворон Абстрактные кисти
Создай изумительную радугу в Фотошоп
Ресурсы: Изображение облаков Кисти звезд Кисти линий Кисти ретро линии
Создай изумительную радугу в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Создай изумительную радугу в Фотошоп
Шаг 1. Настройка заднего фона Создайте документ размером 750х550 px. В качестве переднего плана используйте цвет #FF84C3 и для заднего фона цвет #AE1D51. Залейте фоновый слой линейным градиентом (linear gradient) сверху вниз.
Создай изумительную радугу в Фотошоп
Этот эффект в первую очередь разработан для женщин, но и мужчинам он также может быть полезен. В этом уроке мы будем использовать различные стили слоя, основные инструменты Фотошоп и немного поработаем со световыми эффектами.  Итак, начнем учиться.
Создай изумительную радугу в Фотошоп
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.
Создай изумительную радугу в Фотошоп
Шаг 1. Итак, начнем с создания нового документа размером 900х700px. Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.
Создай изумительную радугу в Фотошоп
В этом уроке с помощью комбинирования фотографий и различных эффектов мы создадим невероятный постаревший футуристический постер. Следуя шаг за шагом, вы узнаете, как создать картину из разных элементов.
Создай изумительную радугу в Фотошоп
Вот, к чему мы должны прийти в результате урока: