Дополнения

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

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

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

184 295 чел. 379 466 работ 4 021 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Создаем в фотошопе постер в стиле Lo-Fi

Я давно хотел создать постер в стиле low-fi, который обычно ассоциируется с панк-рок группами или революционной пропагандой, но не мог решить, на чем построить свой дизайн. Затем я увидел трейлер фильма Изгой-Один и понял, что для этого урока нужна тема Звездных Войн! Следуйте со мной, чтобы создать гранжевый пропагандистский постер Повстанческого альянса в Adobe Photoshop с грязными текстурами, эффектом баллончика и ощущением дешевизны.

Дизайн, который мы будем создавать в этом уроке - громкое оппозиционное послание от Повстанческого альянса. Я сделал его в стиле дешевых флаеров и постеров подпольных движений. Они основываются на бюджетных методах производства (аппликации, вручную сделанная типография, ксерокопии низкого качества). Мы создадим на 100% цифровую работу, но с использованием вручную сделанных материалов, которые помогут достигнуть эстетики коллажа.

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

Шаг 1

Начнем с бумажной текстуры. Откройте ее в Photoshop, затем нажмите Ctrl + A, чтобы выделить всё. Кликните правой кнопкой мыши и выберите Трансформировать выделение (Transform Selection). Удерживайте нажатой клавишу Alt и стяните выделение, оставив границу. Заполните выделение цветом #dcbd88, измените Режим наложения (Blending Mode) на Умножение (Multiply).

Шаг 2

Найдите изображение Дарта Вейдера и вставьте в рабочий документ. Мы взбунтуемся против копирайта и надеюсь, империя Диснея не нанесет ответный удар! Обесцветьте изображение, затем перейдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). Введите 5%, установите галочки По Гауссу (Gaussian) и Монохромный (Monochromatic).

Для придания фотографии эффекта ксерокопии, перейдите в Фильтр > Усиление резкости > "Умная" резкость (Filter > Sharpen > Smart Sharpen), установите настройки: Эффект (Amount) 400%, Радиус (Radius) 15 px, Уменьшить шум (Reduce Noise) 0%.

Шаг 3

Используйте Прямолинейное лассо (Polygonal Lasso), чтобы грубо обвести контур Вейдера, затем перейдите в меню Выделение > Инверсия (Select > Inverse). Нажмите Backspace, удалив фон.

Выберите кисть из материалов урока, отрегулируйте угол и размер на панели Кистей (Brushes panel) и закройте часть лица Дарта Вейдера.

Шаг 4

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

Раньше для получения реалистичной типографии приходилось вручную рисовать и сканировать текст. Сейчас многие премиум шрифты обладают альтернативными символами, чтобы дублирующиеся буквы выглядели по-разному.

Шаг 5

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

Добавьте "Умную" резкость (Smart Sharpen), но на этот раз с Количеством (Amount) 250%. Это позволит избежать засвета оттенков белого.

Используйте Прямолинейное лассо (Polygonal Lasso) для создания обводки вокруг штурмовиков – получится эффект грубого вырезания ножницами. Затем Инвертируйте (Inverse) выделение и удалите фон.

Шаг 6

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

Шаг 7

Откройте исходную текстуру бумаги, сделайте грубое прямоугольное выделение при помощи Прямолинейного лассо (Polygonal Lasso). Скопируйте и вставьте эту часть в рабочий документ.

Используйте инструмент Текст (Type tool) для добавления надписей. Для подобных постеров часто брали случайные буквы из газет, но мы используем шрифт Blackout Noon. Он отлично передает эффект печати низкого качества.

Нажмите Ctrl + T, чтобы небрежно подогнать полоску бумаги под текст. Немного поверните надпись и бумагу для усиления чувства ручной работы.

Шаг 8

Дважды кликните по слою с бумажной полосой, создайте эффект Тень (Drop Shadow) с такими настройками: черный цвет, Режим наложения (Blending Mode) Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) 35%, Смещение (Distance) 2 px, Размах (Spread) 1 px, Размер (Size) 3 px. Это придаст вид, будто текст был вырезан и вклеен на страницу как коллаж.

Шаг 9

Продолжайте писать фразу "Destroy the Empire", используя раздельные элементы текста для каждого слова, чтобы они были повернуты и смещены по-своему. Добавьте бумажную полоску под ними и создайте тени.

Такой же эффект можно применить в другом месте, только бумагу нужно инвертировать (Ctr + I), а текст сделать белым.

Шаг 10

Скачайте логотип повстанцев и вставьте его в документ. Кликните с зажатой клавишей Ctrl по миниатюре слоя, сгенерировав его выделение. Перейдите в Выделение > Модификация > Растушевка (Select > Modify > Feather). Установите Радиус (Radius) 10 px, затем скройте слой.

Шаг 11

Создайте новый слой, используйте кисти "баллончик с краской", заполнив выделение красным цветом (#cc0705). Аккуратно закрашивайте выделение, чтобы оно не было залито сплошным цветом.

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

Снова сгенерируйте выделение слоя с логотипом, затем используйте "кисть-баллончик" и мягко заполните участки выделения, сделав грани более четкими.

Сократите Заливку (Fill) слоя до 96%, позволив элементам под логотипом слегка просвечиваться. Это завершит эффект трафарета.

Шаг 12

Вставьте копию имперского логотипа, затем нарисуйте круг при помощи инструмента Эллипс (Ellipse tool). Установите широкую обводку красного цвета, создав основу символа "нет".

Нарисуйте диагональную линию, чтобы завершить символ (толщина линии должна совпадать с толщиной круга). Затем выделите оба слоя, Растрируйте (Rasterize) их, после чего нажмите Ctrl + E для объединения.

Сгенерируйте выделения слоя с символом, сделайте растушевку и снова пройдите предыдущие шаги для получения эффекта трафарета.

Шаг 13

Повторите процесс для логотипа империи, но на этот раз используйте черный цвет для контраста с красным символом. Из-за меньшего размера и большего количества деталей, установите растушевку на 5 px.

Шаг 14

Чтобы завершить работу и добавить больше гранжевых текстур, дублируйте фоновый бумажный слой, после чего перетяните его в самый верх панели слоев. Добавьте 5% Шума (Noise).

Измените режим наложения на Умножение (Multiply), добавьте фильтр "Умная" резкость (Smart Sharpen), подчеркнув детали и улучшив контраст. Посмотрите на результат и подкорректируйте Количество (Amount) для получения нужного результата - значение в 100% дает отличную смесь зернистых тонов, но при этом не слишком портит работу.

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

Автор: Chris Spooner

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

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

Спасибо за урок. Я так понял шрифт Blackout Noon платный и его нет в материалах к уроку, поэтому использовал шрифт Blackout midnight.

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

Спасибо за перевод! Спасибо за урок!
Было интересно побыть бунтарем!)))

Ну как-то так ¯\_(ツ)_/¯

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

Моя вторая работа) Спасибо за урок)))

Что то я, залип на этот урок ^__^

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

Спасибо, очень понравилась идея))

весьма признателен за урок

Спасибо огромное з урок) Было б замечательно, если б еще и материалы были прикреплены,а то не сделал всякие логотипы, кистей нет( результат:

Немного было сложно, половина Шрифтами они не устанавливаются у меня А так все круто спасибо большое за Урок.

Спасибо за урок. Очень увлекательно и даже захотелось ещё такие поделать. Подумываю на счёт Бэтмена )

Всем привет) я вернулся! Спасибо автору за хорошую идею)

Вторая более удачная работа!

Спасибо за восхитительный урок)))

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

Авторизация

Забыли?

Регистрация

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

Оставить комментарий

(до 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