Дополнения

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

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

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

207 669 чел. 399 272 работы 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём ретро футуристический дизайн в Фотошоп

В этом уроке мы будем создавать ретро плакат с современными эффектами с применением текстур, кистей и фотоэффектов.  Вы узнаете, как использовать функцию Repousse (Чеканка) в Photoshop Extended для создания 3D – объектов.

Урок выполнен в Photoshop CS5 Extended.

Скачать архив с материалами к уроку

Примечание: изображение с моделью отсутствует на сайте источнике.

 Финальный результат

Шаг 1

Создайте новый документ с размерами 1920 х 1200 рх и dpi 300 рх.

Залейте фоновый слой чёрным. Откройте изображение с туманностью и переместите в работу. Если у вас изображение открывается смарт – объектом, то растрируйте слой. Для этого кликните правой кнопкой мыши и выберите Rasterize Layer (Растрировать слой). Уменьшите  Opacity (Непрозрачность) слоя до 86%.

Фон имеет небольшую шероховатость. Чтобы это исправить, пройдите в меню Filter > Blur > Surface Blur (Фильтр – Размытие – Размытие по поверхности). Примените настройки, как показано ниже.

Шаг 2. Добавляем модель

Откройте изображение модели и перенесите в рабочий документ. Отделите модель от фона удобным для вас способом. Так как модель на белом фоне, то я использовал инструмент Magic Wand Tool (Волшебная палочка) и удалил оставшиеся пиксели фона на маске слоя.

Шаг 3. Фокусная окружность

Создадим фокусную окружность. Основная задача этой окружности в том, чтобы сфокусировать внимание на определённой части изображения.
Создайте новый слой. Выберите инструмент Elliptical Marquee Tool (M) ( Овальная область). Удерживая Shift, создайте круглое выделение и залейте чёрным цветом.

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

Перетащите слой с кольцом под слой с моделью. Чтобы создать впечатление, что модель выходит из кольца, выберите инструмент Eraser Tool (E) (Ластик) и сотрите нижнюю часть модели, как показано ниже. Используйте большую мягкую кисть.

Шаг 4. Стилизация круга

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

Примените стиль Pattern Overlay (Наложение узора). Установите Scale (Масштаб) на 85%.

Примечание переводчика: такого узора в наборе фотошопа нет. Но вы можете скачать подобный набор узоров по дополнительной ссылке. Выберите узор и отрегулируйте масштаб.

Затем добавьте стиль Gradient Overlay (Наложение градиента). Режим наложения Overlay (Перекрытие), масштаб 37%.

Шаг 5. Создание кисти

В этом шаге мы создадим кисть для создания эффекта боке с помощью пера и кисти. Выберите инструмент Pen Tool (P) (Перо) в режиме Paths (Контуры).

Создайте контур, как показано ниже.

Затем выберите инструмент Brush Tool (B) (Кисть).

Далее откройте окно настроек кисти.

Примените настройки, как показано ниже.

Наиболее часто используемые параметры в Shape Dynamics (Динамика формы) – это Size Jitter (Колебание размера) и Minimum Diameter (Минимальный диаметр). Эти два параметра зависят друг от друга. Минимальный Диаметр определяет, насколько маленьким будет круг, а Колебание Размера изменяет размер отпечатка от самого большого до самого маленького вдоль линии движения. Поэкспериментируйте с этими параметрами, чтобы понять,  как они работают.

Параметр Scattering (Рассеивание)

Параметр Transfer (Передача) используется для регулировки непрозрачности кисти: прозрачная – менее прозрачная – сплошная.

Снова выберите инструмент Pen Tool (P) (Перо). Щёлкните правой кнопкой мыши по контуру и выберите Stroke Path (Выполнить обводку контура). В выпадающем окне убедитесь, что установлена галочка на Simulate Pressure (Имитировать нажим).

Вот что должно получиться.

Измените режим наложения этого слоя на Overlay (Перекрытие). Это скроет круги на чёрных областях.

Придадим нашим кругам свечение. Щёлкните два раза по слою, чтобы открыть окно стилей.  Выберите стиль Outer Glow (Внешнее свечение). Режим наложения Color Dodge (Осветление основы). В качестве цвета выберите образец с кожи модели.

Шаг 7. Ретро сферы

Сейчас мы добавим некоторые сферы.   Для сфер вы можете использовать кисти Сферы или изображения. Я буду использовать изображения с полосатыми сферами. Откройте сферу и перенесите в работу.  Переименуйте слой в striped texture . Дублируйте слой несколько раз, поворачивайте (Ctrl+T) и расположите, как на изображении ниже.

Далее, используя набор кистей или отдельные изображения,  добавьте ещё несколько сфер, как на изображении ниже.

Примечание переводчика: выделите все слои с добавленными сферами,  преобразуйте в смарт – объект и измените режим наложения слоя на Multiply (Умножение). Переименуйте слой в sphere particles 1.

Затем примените к этому слою фильтр Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении). Установите Angle (Угол) на 28 и Distance (Расстояние) на 31.

Шаг 8. Облака

Создайте новый слой и переименуйте в cloud 1. Выберите из набора кисть  № 485 диаметр 960. Сбросьте цвета по умолчанию на белый – чёрный и кликните 2 – 3 раза по одному месту, чтобы получить красивое облако, как на изображении ниже. Так как облако прозрачное, то несколько кликов сделают его плотнее.

Теперь выберите кисть  № 886 и ниже нарисуйте ещё одно облако. Изображение приобретёт динамику и станет ещё уникальней.

Шаг 9. Украшаем пейзаж

Займёмся украшением пейзажа. Откройте изображение пейзажа и поместите под слой с туманностью. Откорректируйте размер пейзажа (Ctrl+T). Измените режим наложения слоя с туманностью на Screen (Экран). Это осветлит пейзаж и сквозь него изящно проступит туманность, как на примере ниже.

Шаг 10. Рельефный 3D

Для тех из вас, кто не знаком с функцией Repousse (Чеканка), скажу, что она отвечает за создание 3D элементов в Photoshop CS5. Нам нужно создать 3D – стрелку при помощи функции Repousse (Чеканка) и поместить в подходящее для неё место в нашей композиции. Так же отмечу, что стрелки часто используются для создания ретро стиля.

Выберите инструмент Custom Shape Tool (Произвольная фигура) в режиме Shape (Фигура) и нарисуйте стрелку, как показано ниже.

Примечание переводчика: далее пройдите в меню 3D > Repousse > Selected Path (3D – Чеканка – Выделенный контур), в выпавшем окне будет предложено растрировать слой, согласитесь. Далее откроется окно настроек Чеканки.  В окне Repousse Shape Presets(Набор фигур чеканки) выберите Extrude (Экструзия ), в окне Materials > Front (Материалы – Спереди) выберите  Tiles Checkerboard (Плитка – шахматная доска), в окне Extrude (Экструзия) установите Twist (Скручивание) на 100 и нажмите ОК.

Результат.

Теперь разместим стрелку в нашей композиции. Нажмите сочетание клавиш Ctrl+T для трансформации стрелки,  измените её размер и поверните, как показано на изображении ниже. Поместите слой со стрелкой под слой с моделью и измените режим наложения на Hard Light (Жёсткий свет).

Шаг 11. Абстракция и ретро

Наш дизайн уже выглядит абстрактно, красиво, сюрреалистично и слегка старомодно. Создайте ещё несколько копий 3D стрелки, измените размер и разместите, как показано на изображении ниже.

Световые эффекты

Создайте новый слой. Выберите инструмент Rectangular Marquee Tool (Прямоугольная область). Создайте выделение, как показано ниже.

Затем выберите большую мягкую кисть диаметром примерно 300 рх. Откройте окно выбора цвета переднего плана и выберите пипеткой цвет футболки модели.  Далее прокрасьте по краю выделения, как показано ниже. Так же измените режим наложения этого слоя на Color Dodge (Осветление основы). Снимите выделение (Ctrl+D).

Поверните полоску (Ctrl+T) , как показано ниже.

Шаг 12. Будьте изобретательны

Создайте несколько копий слоя с полоской света, изменяйте размер и расположите, как вам хочется. Вот что у меня получилось.

Шаг 13. Заключительные детали

 В завершении добавьте ещё несколько сфер. Самую крупную сферу я расположил в правом нижнем углу холста. Для имитации движения я применил фильтр Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении). Вы можете использовать мои настройки либо поэкспериментировать со своими.

Добавьте ещё две сферы и поверните. Не бойтесь применять различные типы размытия для создания глубины и придания динамики.

Фотофильтр

Выше всех слоёв добавим фотофильтр, чтобы привести цвета нашего изображения  к общему тону. Пройдите в меню Layer > New Adjustment Layer > Photo Filter (Слой – Новый корректирующий слой – Фотофильтр).

Выберите Warning Filter (81) (Тёплый Фильтр (81)). Установите Density (Плотность) на 49%.

Мы закончили! Ещё я добавил эффект виньетки в верхней части композиции и немного размыл фон. Не бойтесь экспериментировать! Так же я добавил на одну из световых полосок блик.

Вот ещё варианты.

Автор урока: Gilron Charles

 

Комментарии 30

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Svetlana, спасибо за перевод. Замечательный урок!

Спасибо за отличный урок! Но я, к сожалению, в PS CC не нашла чеканку (первая работа PS CC) В PS 5 я раза три использовала чеканку без проблем, но в РS CC увы... Подскажите, пожалуйста, кто-нибудь может её так вообще нет, Заранее спасибо!!

Да, начиная с CS6 чеканки уже нет. зD модуль другой.

Создаём ретро футуристический дизайн в Фотошоп. Спасибо.

Спасибо за урок. Очень интересно.

Светлана огромное вам спасибо!
Урок великолепный.

Спасибо Светлана! Очень понравился урок!

Спасибо, понравилось ошень)

Спасибо большое за урок

Отличный урок! Жаль, что работаю все еще в 3 версии...

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

Причём тут дизайн вообще? Это простой коллаж.

Спасибо за перевод,нет CS5,печалька.

Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules