Дополнения

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

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

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

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

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

Урбанистический ретро постер

В этом уроке мы создадим постер, используя текстуры, простые линии и фильтры Фотошопа. А по ходу работы мы  придадим ему ретро-эффект, который так популярен на сегодняшний день.

Ресурсы:

Архив

Шаг 1. Создаем новый документ размером 500х707мм (традиционный размер для постеров), режим CMYK и разрешением 300 пикселей/дюйм для того, чтобы постер можно было распечатать (1а). Заливаем документ зелено-голубым цветом (1b).

Шаг 2. Активируем Brush Tool (Кисть) (B) и выбираем очень большую, круглую и мягкую кисть. Светлым зелено-голубым цветом начинаем рисовать на новом слое хаотичные линии (2а). Регулируем цвет кисти, ее размер, чтобы получить результат, подобный моему (.2b). Переходим Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и слегка размываем созданный рисунок, чтобы смягчить грубые линии (2c, 2d).

Шаг 3. Выбираем светло-желтый цвет и на новом слое создаем маленькую окружность с помощью кисточки (3а). Дважды кликаем по слою с окружностью, чтобы вызвать окно Layer Style (Стиль слоя) и добавляем Stroke (Обводка) шириной 1px того же цвета (3b). Уменьшаем fill (заливка) слоя до 0, чтобы был виден только контур. Затем понижаем его opacity (непрозрачность) до 50%.

Шаг 4. Дублируем (CTRL+J) кольцо три раза и для каждой копии устанавливаем разный уровень opacity (непрозрачность). Fill (заливка) самого большего кольца должна быть 10% (4a, 4b). Сливаем слои с 4 окружностями вместе (CTRL+E) и создаем их несколько дубликатов. Располагаем копии в разных местах документа, регулируем размер и непрозрачность (4c).

Шаг 5. Дублируем фоновый слой (CTRL+J) (5a). Переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) (5b). Создаем для копии слой-маску (кнопка Add layer mask (Добавить слой-маску) находится внизу панели слоев) (5c). Активируем маску, кликнув по ее миниатюре на панели слоев и берем инструмент Brush Tool (Кисть) (B). Сбрасываем все цвета к основным, нажав клавишу D. Затем клавишу X, чтобы черный был цветом переднего плана. Точечными нажатиями большой мягкой кисти скрываем некоторые области слоя с шумом (5d). Результат обработки практически незаметен, но у нас получились плавные переходы между шумом и гладкими областями (5e).

Шаг 6. Чтобы фон был более интересным, добавим несколько линий.
Создаем вертикальную линию с помощью Line Tool (Линия) (U). Используем тот же цвет, что и для окружностей (6a). Заполняем линиями весь документ (6b), затем создаем горизонтальные (6c).

Шаг 7. Вертикальные линии объединяем в один слой (CTRL+E). Переходим Filter - Distort - Wave (Фильтр - Искажение - Волны). Используя настройки на скриншоте 7a, "разбиваем" линии на маленькие отрезки (7b). Затем переходим Filter - Distort - Polar Coordinates (Фильтр - Искажение - Полярные координаты) и убеждаемся, что выбрана опция Rectangular to Polar (Прямоугольные в номерные). Жмем OK (7c). Теперь линии, как бы, выходят из одной центральной точки (7d).

Шаг 8. Сливаем горизонтальные линии в один слой (CTRL+E) и применяем к ним Filter - Distort - Twirl (Фильтр - Искажение - Скручивание) (8a). Теперь у линий образовался плавный изгиб (8b). Уменьшаем opacity (непрозрачность) до 50% (8c), затем дублируем линии. Поворачиваем (CTRL+T) копию на 90 градусов, чтобы создать вертикальные волны (8d). После проделанных манипуляций кольца могут исчезнуть, поэтому повышаем их уровень opacity (непрозрачность) (8e).

Шаг 9. Располагаем текстуру Cardboard Texture на документе, регулируем размер и положение (9a). Меняем blending mode (режим наложения) слоя на Multiply (Умножение) (9b). Получилось неплохо, но слишком темно. Вызываем Levels (Уровни) (CTRL+L) и перемещаем центральный ползунок чуть левее (9c). Теперь изображение стало чуть светлее (9d). C фоном мы закончили.

Шаг 10. Располагаем Chicago Skyline внизу документа (10a) и меняем blending mode (режим наложения) на Multiply (Умножение) (10b). Создаем корректирующий слой Layer - New Adjustment Layer - Hue/Saturation (Слой - Новый корректирующий слой - Цветовой тон/Насыщенность). Активируем в настройках Colorize (Тонировать) и перетаскиваем ползунок на скриншоте 10c, чтобы придать работе коричневатый состаренный оттенок. Будьте внимательны, чтобы действие корректирующего слоя не затрагивало нижние слои. Для этого к корректирующему слою добавьте обтравочную маску (CTRL+ALT+G) (10c, 10d).

Шаг 11. Создаем новый слой под слоем с городом и рисуем на нем красную линию (11a). Меняем blending mode (режим наложения) на Lighten (Замена светлым), opacity (непрозрачность) 60%. Вот так должен выглядеть результат после проделанных манипуляций (11c):

Шаг 12. Как вы видите на скриншоте, наклон линии не повторяет наклон небоскреба (12a). Откорректируем это с помощью Edit - Transform - Skew (Редактирование - Трансформация - Скос). Наклоняем линию вправо (12b). Затем жмем Q, чтобы активировать режим быстрой маски. Зарисовываем верх прямоугольника мягкой черной кистью (12c), затем снова жмем Q. Создаем слой-маску (смотри Шаг 5). Теперь верхняя часть прямоугольника плавно исчезает (12d).

Шаг 13. Применяем фильтр Filter - Distort - Ripple (Фильтр - Искажение - Рябь) (13a), чтобы исказить прямоугольник (13b). Затем Filter - Blur - Radial Blur (Фильтр - Размытие - Радиальное размытие) (13c), чтобы прямоугольник был похож на столб дыма (13d).

Шаг 14. Используя эту технику, создаем еще три коротких прямоугольника (14a). Активируем Custom Shape Tool (Произвольная фигура) (U) и выбираем форму в виде луны (14b). Создаем полумесяц вокруг первой окружности, которую мы создали. Используем светло-желтый цвет и blending mode (режим наложения) слоя Overlay (Перекрытие) (14c).

Шаг 15. Текст лучше добавить в Иллюстраторе, так как в этом плане у него больше возможностей, чем у Фотошопа. Но, так как это урок по работе с Фотошопом, то сегодня мы ограничимся только им. Создаем текст оранжевого цвета вверху полотна с blending mode (режим наложения) Overlay (Перекрытие) (15a). Пишем остальной текст светло-желтым цветом в режиме Overlay (Перекрытие) (15b). И, наконец, добавляем Drop Shadow (Тень) на основной текст и полумесяц (15c) с помощью Layer Style (Стиль слоя).

Постер закончен.

Автор: Andrea Austoni
Переводчик: Макс Енин
Ссылка на источник

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

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

Спасибо! Хороший урок

очень понравился постер. спасибо

Наконец-то закончила и этот урок.Спасибо.

Спасибо! Хороший урок.

Интересный урок. Спасибо

Очень понравилась идея с фоновыми линиями. Спасибо!

Понравился урок! Спасибо!

Вот что получилось. Спасибо за урок.

Вот мой город. Спасибо за урок.

спасибо за урок)замечательный)

Урок очень понравился, спасибо!

Спасибо!! Интересный урок!

Пригодится , спасибо!!!

Очень понравился урок. Благодарю.

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

Делала по-своему, немного отступив от темы

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

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

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