Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем фон в стиле 80-х в Photoshop и Illustrator

24 августа 2015 | Опубликовано в Уроки | 2 Комментариев »

Сегодняшняя работа была создана автором под вдохновением от фильма «Кунг Фьюри». Это необычное кино, выдержанное в стилистике 80-х годов. В нем много ссылок на это время и на эстетику первых компьютерных игр, вроде светящейся сетки. Для выполнения работы мы воспользуемся программами Photoshop и Illustrator.

 

Шаг 1

Начнем с создания сетки. Быстрее и удобнее создать ее в Illustrator при помощи инструмента Rectangular Grid/Прямоугольная сетка. Создайте сетку размером в 40 на 40 делений. Следующий шаг будет уже в Photoshop.

80s Artwork in Photoshop

Шаг 2

Создайте новый документ в Photoshop. В нашем примере он будет размером 2880×1800 px. Вставьте сетку в документ и смените цвета сетки на белый.

80s Artwork in Photoshop

Шаг 3

В меню выберите Edit>Transform>Distort/Редактировать>Трансформировать>Исказить. Затем исказите сетку как показано ниже.

80s Artwork in Photoshop

Шаг 4

У вас должно быть свободно больше половины экрана. Вот результат.

80s Artwork in Photoshop

Шаг 5

Выберите фоновый слой и в меню найдите Layer>Layer Style>Gradient Overlay/Слой>Стиль слоя>Перекрытие градиенты.Укажите градиент от фиолетового к синему и убедитесь что включена опция Dither/Дизеринг.

80s Artwork in Photoshop

Шаг 6

Выберите слой с сеткой и добавьте его в группу. Смените Blend Mode/Режим наложения группы на Color Dodge/Осветление основы. После этого дублируйте слой с сеткой и примените к нему эффект Gaussian Blur/Размытие по Гауссу (5px). После этого укажите слою с размытием стиль слоя Outer Glow/Внешнее свечение. Укажите 30px в качестве Размера/Size. Теперь наша сетка светится.

80s Artwork in Photoshop

Шаг 7

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

80s Artwork in Photoshop

Шаг 8

Инструментом Ellipse/Эллипс создайте белый овал в центре документа, как показано ниже.

80s Artwork in Photoshop

Шаг 9

В меню выберите FIlter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу и укажите овалу размытие в 60 px.

80s Artwork in Photoshop

Шаг 10

Создайте новый слой и залейте его черным цветом. Затем растушеванной кистью рисуйте в центре документа, как показано нижу.

80s Artwork in Photoshop

Шаг 11

Смените Blend Mode/Режим наложения слоя на Multiply/Умножение.

80s Artwork in Photoshop

Шаг 12

Создайте новый слой и залейте его белым цветом. После этого в меню выберите Filter>Noise>Add Noise/Фильтр>Шум>Добавить шум. Укажите 8% шума в режиме Gaussian/По Гауссу.

80s Artwork in Photoshop

Шаг 13

Смените Blend Mode/Режим наложения слоя на Overlay/Перекрытие. Вы также можете добавить полосатый паттерн сверху, для большего ретро-эффекта.

80s Artwork in Photoshop

Результат

80s Artwork in Photoshop

80s Artwork in Photoshop

80s Artwork in Photoshop

80s Artwork in Photoshop

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Сукапродажнайа!!1
    Thumb up Thumb down 0

    *IN LOVE* *IN LOVE* *IN LOVE* *IN LOVE* *IN LOVE* *CRAZY* *CRAZY* *CRAZY* %) %) Я ИПЛАН!!!!1!)!0100) 0