Дополнения

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

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

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

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

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

Создай стильный постер в Фотошоп

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

Материалы для урока:

Архив

Создаем новый документ (Ctrl+N) размером 1920 на 1200px, цветовой режимRGB, разрешение 72 пикс/дюйм. Сейчас загрузите кисти. Туда входят такие кисти, как:grungeprocedural, pureanodyne - tribals2 и bloodbrushes2_invaynestock. Создайте новый слой и выберите кисть grungeprocedural:

Сделайте несколько мазков этой кистью примерно так, как показано на рисунке. Цвет кисти #F3F8EF.

Следующим шагом мы сделаем тоже самое, но изменим цвет на #F4F2E3 и уменьшим Заливку (Fill) до 49%.

Теперь возьмем цвет #E9F3F5

… И наконец последние мазки кистью цветом #D4DAD6

Дальше мы пишем слово FUEL и с помощью Свободной трансформации (Free Transform) (CTRL+T) поворачиваем текст вертикально.

Теперь мы должны растрировать слой. На панели слоев (Layers panel) нажимаем правой кнокой на слое с текстом и выбираем Растрировать слой (Rasterize Type).  Добавляем к слою с текстом маску слоя (Add layer mask). Выбираем кисть grunge procedural, ставим черный цвет и на маске делаем мазки по краям букв.

Теперь возьмем ту же кисть, только уже #D7D8C8 цвета.

Создадим новый слой и сделаем небольшой акцент на надписи (слой помещаем ниже слоя с надписью):

Опять создаем новый слой, возьмем кисть pureanodyne - tribals2

Устанавливаем черный цвет кисти. С помощью свободной трансформации Free Transform (Ctrl+T) уменьшаем размер узора. Помещаем слой под слой с надписью.

Далее мы создаем новый слой. Кистью grungeprocedural  (цвет #A6B1AF) рисуем потертости на узоре. Слой помещаем ниже слоя с надписью.

Создадим новый слой. Возьмем круглую мягкую кисть Brush Tool (B).

Сделаем мазки этой кистью цветом #ECEFDA вокруг надписи. Помещаем слой под текст.

Режим наложения ставим на Цветность (Color)

Добавим фото машины. Я взял фотографию Авто с сайта Flickr. Я бы хотел выразить благодарность автору этой фотографии.

Обесцветим ее (CTRL+SHIFT+U)

Создадим новый корректирующий слой (Create new fill or adjustment layer) Кривые (Curves). Регулируем как показано на рисунке ниже. Выбираем «Пробу на изображении для определения точки белого» (Sample in image to set white point) перетащим ползунок белой точки вдоль оси, как показано:

Дальше все делаем так же, как в предыдущем слое, только выбираем «Пробу на изображении для определения точки черного» (Sample in image to set black point).

Теперь для фото выбираем Фильтр>Галерея фильтров>Аппликация (Filter>Filter Gallery>Cutout). Настройки ниже.

Вот такой эффект:

Удаляем лишнюю часть машины, используя Перо (P) (Pen Tool), Волшебную палочку (W)(Magic Wand Tool), Магнитное лассо (L)(Magnetic Lasso) и выбираем Извлечь (Extract). Помещаем слой с машиной под слой с текстом.

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

Закрашиваем  очень аккуратно лобовое стекло авто.

Создаем новый слой. Берем мягкую круглую кисть вот такого цвета #F6DB86 и с непрозрачностью (Opacity) 20%.

Рисуем этой кистью так, как показано на рисунке:

Режим смешивания ставим на Цветность (Color)

Теперь помещаем фото мотоциклиста, скачанного с сайта Flickr, в наш документ. Большое спасибо автору этой фотографии.

Теперь, используя Прямоугольное выделение (M)(Rectangular Marquee Tool), выделяем голову гонщика и обесцвечиваем выделенное (CTRL+SHIFT+U).

Нажимаем правой кнопкой на выделенной области, выбираем «Скопировать на новый слой» (Layer via Copy) и помещаем голову гонщика в документ. С помощью Свободного трансформирования (Free Transform)(Ctrl+T) наклоняем изображение. Помещаем слой под слой с текстом.

Режим наложения Замена темным (Darken)

На новом слое, используя тот же метод, что и с машиной, закрашиваем мягкой кистью голову мотоциклиста. Все делаем так же, как и с машиной. Режим наложения Цветность (Color):

Теперь нам нужны фотографии: фото1, фото2, фото3 с сайта Flickr. Спасибо большое автору.

Открываем фото с квадрациклом. Обесцвечиваем изображение (CTRL+SHIFT+U). Создаем новый корректирующий слой Кривые (Create new fill or adjustment layer > Curves (CTRL+M)). Технику используйте ту же, что и для машины.

Теперь для фото выбираем Фильтр>Галерея фильтров>Аппликация (Filter>Filter Gallery>Cutout). Настройки ниже.

После обработки:

Режим наложения Замена темным (Darker Color)

На новом слое мягкой круглой кистью цвета #F7D366 сделайте мазки на квадроцикле, немного заступая на гонщика:

Слой помещаем под текст:

Берем следующее фото с мотоциклистом:

Вырезаем гонщика, помещаем на наш документ. Размещаем этот слой под слой с надписью:

Режим наложения поставим Линейный затемнитель  (Linear Burn)

Создаем новый слой. Жесткой кистью этого цвета #E0B647 рисуем по байкеру и мотоциклисту:

Этот слой размещаем под слоем с байкером и мотоциклом:

Режим наложения Насыщенность (Saturation)

Открываем следующую фотографию и обесцвечиваем ее

Проделываем такую же процедуру, как с машиной. С помощью Свободной трансформации (Free Transform) (Ctrl+T) отражаем мотоциклиста по горизонтали и размещаем так, как показано ниже (этот слой перемещаем под слой с текстом)

Режим наложения поставим Линейный затемнитель  (Linear Burn)

Возьмем мягкую круглую кисть и на новом слое рисуем по мотоциклисту таким вот цветом #D7A517

Режим наложения Цветность (Color)

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

Это слой размещаем под слоем с самим текстом:

Сейчас мы на новом слое мягкой механической кистью белого цвета обведем текст.

Сейчас нам помогут кисти в виде брызг bloodbrushes2_invaynestock

Вот что у нас получилось после этих шагов:

Теперь мы на новом слое сделаем то же самое, только черным цветом и этот слой поместим под слой с текстом:

Далее мы откроем фото неба в сумерках….

….и фото шоссе

С помощью Свободного трансформирования (Free Transform)(Ctrl+T) разместите их так, как показано на
рисунке ниже. Теперь нам надо немного стереть часть фото с шоссе с помощью ластика (Eraser Tool) (E) так, как вы видите ниже:

Объединяем эти два слоя (Ctrl+R). Теперь зажимаем Alt, нажимаем по растрированному слою с небом/шоссе и по слою с текстом и создаем маску слоя:

Вот результат:

Теперь возьмите мягкую круглую кисть белого цвета с непрозрачностью (Opacity) 10%

Осветлите часть с шоссе:

Зажмите Alt и нажмите по слою, где мы рисовали белой кистью , и по предыдущему и создайте слой-маску:

Получилось вот что:

Создаем новый слой и рисуем мягкой круглой кистью так, как показано на рисунке:

Зажмите Alt и нажмите по предыдущему слою и создайте слой-маску

Вот что получилось:

Режим наложения Мягкий свет (Soft Light)

Создайте новый слой. Нарисуйте в верхней части текста мягкой круглой кистью так:

Сейчас с помощью Smudge Tool (R) (палец) плавно распределим цвета:

Зажмите Alt и нажмите по предыдущему слою и создайте слой-маску

Вот что получается:

Последний штрих. Создаем новый корректирующий слой (Create new fill or adjustment layer) Кривые (Curves) и делаем так, как показано:

Все! Поздравляю! Мы закончили! Вот финальный результат:


(нажмите на изображение, чтобы увеличить)

Автор: ART-D
Переводчик: Белькевич Александр
Ссылка на источник

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

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

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

Спасибо за урок.Сделала немного по другому

Круууто!!!! Спасибо автору и переводчику!!!

Очень интересный урок.

Нарисовал, с капелькой импровизации

Да простит меня, многоуважаемый (ая) Алекс за то, что я использовал таки исходники автора!=)))
А урок просто отличный! Лично мне очень понравился!=)

Хех... что то кажется не очень с импровизацией у меня

Фух...Наконец-то закончил...))
Спасибо за урок, очень много понял и очень многому научился!)

Вдохновил клип Mylene Farmer "C’est dans l’air" (кстати, потрясная песня), а с исходниками действительно "запара".
Спасибо за урок!

Хороший урок! Вот только не нашел такой шрифт. Подскажите пожалуйста, какой шрифт использовал автор?

спасибо , я восторге ))

Спасибо за урок :) ушел от оригинал, но стилистику сохранил :)

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

Вот моя отсебятина;)

Спасибо! Сделаю, но по своему!
Алекс - обсолютно поддерживаю! Уроки копиркой заслуживают оценки 3, а то что сделано в стиле урока, но по своему это 4, то что сделано по своему в стиле урока, но еще и красиво и выдержанно это - 5. Хотя признаться честно я никогда не ставил оценок ниже-ки. Плагиатору лучше вообще не ставить оценки, уж слишком много чести...

Спасибо отличный урок, благодаря ему я сделал логотип для своего сайта!

Очень интересно, обязательно сделаю

Ну вот только ёрничать не надо, FlowMc, ну вы же всё равно сделали по-своему. у Вас не так как у автора. мне башкенция в шлеме над машиной понравилась. она удачно смотрится.

Уже начал работу, хочу сделать не игру, а фильм "Бойцовский клуб" ))

Можете от с этот места обьяснить, как и что делать?

Сейчас мы на новом слое мягкой механической кистью белого цвета обведем текст.

Всё просто и доступно изложено. Хороший урок, переводчику спасибо за труды. :)

Спасибо за урок ,многому научился

Урок супер
Игра Тоже, Сижу уже вторую неделю гоняю

Ребят подскажите что за мягкая механическая кисть ? Где она находится ? )

Спасибо огромное! Начну с начал...а то я чего то по-моему поторопился =) Приму к сведению ваши советы, все учатся на ошибках =]

seregik что именно непонятно?

Спасибо за урок!!!!!!!!

Что за текст в уроке, можешь скинуть ПЖ ;)

2 Street Flyer, для того чтобы картинки стояли на заднем плане, после того как вы их обработали и вырезали, поставьте их в слоях, под тем слоем, который должен быть перед картинками.

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

автору уважуха,игру просто обожаю,скачал обоину поставил на рабочий стол )))
Спасибо за клёвый арт

Отличный урок, автору респект.Вот что у меня получилось:

Street_Flyer: слой с картинкой, поместить ниже слоя с текстом, или просто так, что текстовый слой должен быть выше слоев с картинками....
Если я правильно понял ваш вопрос))))

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

Понимаю, что сложно надпись читается, но не мог устоять перед классным эффектом для текста) Написано SmileSleePhotoz-z-Z

а у меня кисти не качаються((

За честность и старание моя оценка 5

Спасибо за урок)))
Боярский Вал

А ведь самое интересное, за работу, которую "выполнил" W1nker ставят одни четверки!!=) Я бы понял, если бы стояли тройки..тем самым люди бы проявляли своё недовольство в связи с плагиатом! Но ведь ставят четвёрки!!! Выходит, как это не парадоксально звучит, авторская работа, а выполнил её некто ART-D, выполнил данный урок на четыре! Ну не абсурд ли народ?? Как так можно оценивать?! Почему четыре?? Ставьте пять либо три...но почему четыре?!?!

Очень хороший урок. Спасибо.

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

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

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