Дополнения

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

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

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

190 488 чел. 391 193 работы 4 041 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

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

Сегодня вы научитесь создавать аутентичный дизайн плаката военного времени, используя несколько удивительных текстур бумаги с высоким разрешением от Wings Art Studio. Вы научитесь, как сочетать множество различных текстур и применять их для создания эффекта реалистичного воздействия времени на внешний вид плаката.

Давайте начнем нашу работу с того, что посмотрим на конечный результат нашей деятельности:

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

Примечание: В источнике урока отсутствуют некоторые изображения, также автор использовал платные материалы. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

Шаг 1

Откройте программу Фотошоп и создайте новый документ размером 29.45 см * 41.2 см, и разрешением 300 dpi (точек на дюйм).

Загрузите текстуру с кирпичной стеной и вставьте ее в ваш документ. Увеличьте ее размер, если необходимо.

Чтобы сделать кирпичную поверхность немного темнее, примените корректирующий слой Уровни (Levels).

Настройки для корректирующего слоя Уровни должны быть следующими: 43 / 0.94 / 230

Шаг 2

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

Выберите файл текстуры ‘sections.jpg’ из набора, и перенесите его в ваш документ.

Отделите текстуру от фона, и затем примените корректирующий слой Цветовой тон\Насыщенность (hue/saturation), для этого перейдите в Изображение - Коррекция - Цветовой тон/Насыщенность (Image - Adjustments - Hue/Saturation), или просто нажмите Ctrl+U.

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

Корректирующий слой Цветовой Тон\Насыщенность настраивается следующим образом:

  • Цветовой Тон (Hue): 0
  • Насыщенность (Saturation): +45
  • Яркость (Lightness): 0

Также, примените свойство Стиля Слоя (Layer Style) Внешнее свечение (Outer Glow)

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 18%
  • Цвет (Color): Черный (Black)
  • Размах (Spread): 0
  • Размер (Size):68

Шаг 3

Загрузите бумажную текстуру redflowers.jpg из набора.

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

Теперь создайте корректирующий слой Цветовой тон\Насыщенность (hue/saturation), но на этот раз не применяйте обтравочную маску, поскольку мы хотим, чтобы корректировки воздействовали на композицию целиком.

Настройки для данного корректирующего слоя выглядят следующим образом:

  • Цветовой Тон (Hue): 0
  • Насыщенность (Saturation): -40
  • Яркость (Lightness): 0

Шаг 4

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

Я вставил это векторное изображение в центр моего проекта:

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

Также нам необходимо применить свойство Стиля Слоя (Layer Style) - Наложение цвета (color overlay). Выберите цвет 912f2a.

Теперь загрузите текстуры с шумом noise textures from LostandTaken. Выберите одну из текстур и вставьте ее в ваш документ, расположите ее непосредственно над слоем с векторной иллюстрацией в центре холста.

Сейчас, поменяйте режим наложения (blend mode) этого слоя на Экран (screen). Так как у этой текстуры черный фон, изменение режима наложения позволит спрятать на этом слое все, кроме светлых участков "шума".

Примените обтравочную маску, чтобы остающийся "шум" был виден только в пределах нашей векторной фигуры, расположенной по центру. И вуаля! Мы получили векторную иллюстрацию, имеющую старый выцветший потертый внешний вид и теперь соответствующую остальной части нашего плаката.

Шаг 5

Повторите те же самые приемы, как и в предыдущем шаге, чтобы добавить еще векторных иллюстраций в центр нашего плаката:

Шаг 6

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

Для этого урока были использованы следующие шрифты:

Banger

Bernard MT Condensed

Birch Std

Шаг 7

Всегда хорошо думать о текстуре и освещении и стремиться к тому, чтобы ваш результат получался максимально реалистичным.

Если бы наш плакат был размещен на кирпичной стене, он не выглядел бы абсолютно плоским.

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

Чтобы достичь этого тонкого эффекта, продублируйте исходный фоновый слой с кирпичной текстурой и расположите его над всеми остальными слоями.

Затем используйте маску слоя, чтобы "вписать" ее в форму вашего плаката.

И, наконец, измените для этого верхнего слоя настройки следующим образом:

  • Режим наложения (blend mode): Умножение (multiply)
  • Непрозрачность (opacity): 9%

Это должно создать легкое впечатление теней от кирпичной кладки, проступающее сквозь плакат.

Шаг 8

Чтобы закончить дело, нам нужно добавить несколько корректирующих слоев.

Идем в Слои - Новый корректирующий слой - Фотофильтр (Layer - New Adjustment Layer - Photo Filter).

Настройки фотофильтра следующие:

  • Фильтр (Filter): Согревающий фильтр (Warming Filter) (85)
  • Плотность (Density): 20%
  • Сохранить яркость (Preserve Luminosity): да

Далее идем в Слои - Новый корректирующий слой - Черно-белое (Layer - New Adjustment Layer - Black & White)

Настройки фильтра Черно-белое следующие:

  • Режим наложения (blend mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity) слоя: 5%

Далее идем в Слои - Новый корректирующий слой - Кривые (Layer - New Adjustment Layer - Curves)

Настройки Кривых на скриншоте ниже - это небольшой сдвиг графика вниз и вправо.

И вот он результат нашего творчества:

Автор: www.designcuts.com

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

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

Владимир, спасибо за перевод!
У меня получилась баталия на семейном фронте.

Зачем врать? Это не ваша работа, точно такая же есть на том же "джойреакторе" в разделе пин-апов.

Что- то я не понимаю. Объясните мне Евгений, где в уроке, вы увидели пункт" А теперь возьмите в руку перо/мышку, и нарисуйте изображение сами", в 4 шаге, все понятно написано": Открываем вектор и вставляем его в работу. Лариса просто вставила картинку, она где-то написала что ли, что сама это все нарисовала ?

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

Чем давать такие исходники, лучше вообще ничего не давать! На урок ушло от силы полчаса и на поиск исходников около часа с небольшим

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

спасибо! но милитаризм правда не моё. пусть будет экология!

Классный урок. Спасибо. Во время Второй мировой войны Мэрилин Монро, которая тогда была еще Нормой Джин Бейкер, работала на военном авиационном заводе.

Эх жаль что у меня идеально не вышло. Но за урок спасибо

плакат военного времени

Playboy 1980, фото в цвете

Еще 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