Дополнения

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

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

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

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

Сложность: Легкая

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

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

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

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

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

1. Создаем новый документ

Шаг 1

Переходим в меню File – New (Файл – Новый). Называем документ «Танцевальный постер». Устанавливаем Width (Ширина) на 1270 пикселей и Height (Высота) – на 1600 пикселей. Если вы будете публиковать свою работу только в Интернет, то подойдет Resolution(Разрешение) 72 пикселя/дюйм. Если планируете печатать, то установите 300 пикселей/дюйм. Закончив с настройками, жмем ОК.

Шаг 2

На панели Layers (Слои) в нижней части жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Цвет). В окне Color Picker (Выбор цвета) устанавливаем цвет на черный (#000000). Жмем ОК.

Шаг 3

Переходим в меню View – New Guide (Просмотр – Новая направляющая). В появившемся окне выбираем Horizontal (Горизонтальная) и устанавливаем положение на 70 пикселей. Жмем ОК.

Делаем то же самое для других сторон документа, положение устанавливаем одинаковое для всех (просто вычитаем по 70 пикселей из размеров холста). Чтобы скрыть/показать направляющие, используйте комбинацию клавиш Ctrl+;.Давайте скроем их, пока что они не нужны.

2. Создаем фоновый световой эффект

Шаг 1

На панели слоев добавляем новый слой (Ctrl+Shift+N). В открывшемся окне пишем название «Световой эффект 1». Жмем ОК.

Шаг 2

Чтобы световой эффект получился разноцветным, мы заполним фон разными цветами. На панели инструментов выбираем Brush Tool (B) (Кисть). Кликаем правой кнопкой по документу, чтобы настроить кисть. Устанавливаем Size (Размер) на 400 пикселей и Hardness (Жесткость) – на 0%.

Шаг 3

Используя следующие цвета (или любые другие, можете подобрать самостоятельно), закрашиваем полотно:

Красный: #ff0909

Фиолетовый: #b201c8

Зеленый: #00ffa2

Синий: #2a00ff

Шаг 4

Теперь переходим к фильтру Filter – Liquify (Фильтр – Пластика). В открывшемся окне выбираем инструмент Twirl Clockwise Tool (C) (Скручивание по часовой стрелке). На панели настроек справа устанавливаем Brush Size (Размер) на 500, Brush Density (Плотность) – на 100, Brush Pressure (Нажим) –на 75 и Brush Rate (Скорость) – на 100. Не бойтесь экспериментировать и менять настройки!

Проводим инструментом по документу, чтобы смешать цвета. Степень смешивания выбирайте на свое усмотрение.

Если вы задели края, выбираем инструмент Forward Warp Tool (W) (Деформация) и с такими же настройками тянем цветную заливку, чтобы закрыть пробелы.

Обратите внимание, что в середине можно оставить пустые места, это добавит разнообразия дизайну.

Шаг 5

Далее применяем Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона). В открывшемся окне устанавливаем Max Radius (Макс. радиус) на 8 пикселей, затем настраиваем углы наклона:

Channel 1 (1 канал): 108

Channel 2 (2 канал): 162

Channel 3 (3 канал): 90

Channel(4 канал): 45

Закончив, жмем ОК.

Шаг 6

Переходим Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). В окне настроек устанавливаем Angle (Угол) на 90 градусов и Distance (Смещение) – на 2000 пикселей.

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

Шаг 7

Теперь нам нужно немного отредактировать слой «Световой эффект 1». Для начала на панели слоев уменьшаем его непрозрачность до 40%.

В нижней части панели слоев жмем на кнопку Add layer mask (Добавить слой-маску), чтобы добавить на него маску. Активируем Brush Tool (B) (Кисть), выбираем черный цвет и, используя те же настройки, проводим вертикально по маске, чтобы частично скрыть световой эффект. Можете поэкспериментировать и добавить пару штрихов от себя!

3. Создаем световые полосы

Шаг 1

На панели слоев добавляем новый слой и называем его «Световые полосы 1». Активируем инструмент Brush Tool (B) (Кисть). Устанавливаем Size (Размер) на 400 пикселей и Hardness (Жесткость) – на 0%. Заполняем полотно разными цветами.

Открываем Filter – Liquify (Фильтр – Пластика) и смешиваем цвета. Затем применяем Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона), чтобы превратить смешанные цвета в точки. И после этого применяем фильтр Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении), чтобы создать цветные вертикальные линии.

Шаг 2

Добавляем маску на слой «Световые полосы 1», нажав на соответствующую кнопку в нижней части панели слоев. Выбираем маску, кликнув по ней левой кнопкой мышки, и инвертируем ее цвета сочетанием клавиш Ctrl+I.

Далее мы будем работать на маске, поэтому проверьте, чтобы она была выбрана.

Шаг 3

Активируем Brush Tool (B) (Кисть). Кликаем правой кнопкой по полотну и устанавливаем Size (Размер) на 30 пикселей. Это не точный диаметр кисточки, можно выбрать и другой, главное, чтобы она была достаточно маленькой.

Переключаем цвет переднего плана на белый и рисуем на маске хаотичные линии. Не переусердствуйте с эффектом, несколько полос будет вполне достаточно.

Шаг 4

Применяем к маске Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). В окне настроек фильтра устанавливаем Distance (Смещение) на 375 пикселей. Не бойтесь экспериментировать с настройками. Закончив, жмем ОК.

Обратите внимание, что фильтр мы применяли именно к маске!

Шаг 5

Если вам не очень нравятся выбранные цвета, не стоит удалять слой и делать все заново.

В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Hue/Saturation (Цветовой тон/Насыщенность). В самом верху панели слоев появиться новый корректирующий слой.

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

Шаг 6

На панели Properties (Свойства) двигаем ползунок Hue (Цветовой тон), чтобы изменить цвет. Я установила этот параметр на +48, чтобы получить более гармоничное сочетание цветов. Также я увеличила Saturation (Насыщенность) до +70 и Lightness (Яркость) – до +20.

Шаг 7

Создаем новый слой и называем его «Фон балерины». Активируем Brush Tool (B) (Кисть), устанавливаем Size (Размер) на 400 пикселей и Hardness (Жесткость) – на 0%. Закрашиваем страницу разными цветами.

Открываем Filter – Liquify (Фильтр – Пластика) и смешиваем цвета. Затем применяем Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона), чтобы превратить смешанные цвета в точки. И после этого применяем фильтр Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении), чтобы создать цветные вертикальные линии.

Шаг 8

Активируем Ellipse Tool (E) (Овал). С зажатыми клавишами Shift+Alt рисуем окружность в центре полотна. За счет клавиши Shift окружность получается идеально ровной и пропорциональной, а благодаря Alt она создается из центра. Эти же клавиши работают и с другими фигурами.

На верхней панели кликаем на значок цепи Link shape width and height (Связать ширину и высоту фигуры). Устанавливаем Size (Размер) на 850 пикселей. Также на этом же панели меняем цвет заливки окружности на черный.

Шаг 9

На панели слоев размещаем окружность под слоем «Фон балерины». Превращаем слой «Фон балерины» в обтравочную маску, зажав клавишу Alt и кликнув между слоями.

Благодаря обтравочной маске слой «Фон балерины» не будет выходить за пределы окружности. Это очень удобно, когда нужно выделить какой-то отдельный элемент композиции.

Давайте выровняем окружность по центру. Выбираем слой с овалом. Активируем Rectangular Marquee Tool (M) (Прямоугольное выделение) и выделяем весь документ. Переключаемся на Move Tool (V) (Перемещение). На верхней панели нажимаем на кнопки Vertical Align Center (Выравнивание центров по вертикали) и Horizontal Align Center (Выравнивание центров по горизонтали). Чтобы снять выделение, жмем комбинацию клавиш Ctrl+D.

Если вам не нравятся получившиеся цвета, не бойтесь изменить их с помощью корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность). Главное, не забудьте этот корректирующий слой также превратить в обтравочную маску и разместить его над слоем «Фон балерины».

Шаг 10

Давайте добавим финальные детали на окружности. Если фигура выглядит слишком ярко, то жмем сочетание клавиш Ctrl+Shift+N, чтобы создать новый слой, который мы назовем «Затемнение». Активируем Brush Tool (B) (Кисть) и переключаем цвет переднего плана на черный. Кликаем правой кнопкой по полотну и настраиваем кисточку. Диаметр должен быть такой же, как у окружности, а Hardness (Жесткость) устанавливаем на 0.

Кликаем по окружности примерно три раза, не смещая кисть. Затем на панели слоев уменьшаем непрозрачность слоя до 30%.

4. Добавляем текст

На панели инструментов активируем Type Tool (T) (Текст). Я буду использовать белый цвет для надписей, чтобы они смотрелись контрастно по отношению к темному фону.

Для работы я выбрала шрифт RNS Sanz с сайта EnvatoElements. Он довольно сдержанный и нейтральный, идеальное решение для современного постера.

Открываем панель Window – Character (Окно – Символ). Ниже я подробно описала параметры каждой строки текста на постере, включая размер и начертание. Каждый пункт – это отдельный текстовый слой. Для выравнивания текста используйте направляющие, которые мы создали в начале урока.

  • BALLET SHOW: (RNS Sanz, Normal. Size (Размер) – 60 пт, Tracking (Межбуквенный интервал) – 50 пт)
    TANZENDE LICHTER (RNS Sanz, ExtraBold. Size (Размер) – 153 пт, Tracking (Межбуквенный интервал) – -10 пт, Leading (Межстрочный интервал) – 130 пт)
  • +49 847 1029 490
    DEUTSCHESBALLET.COM
    (RNS Sanz, Normal. Size (Размер) – 25 пт, Leading (Межстрочный интервал) – Auto (Авто), Tracking (Межбуквенный интервал) – 120 пт)
  • 20-25.09.2018
    OPERAHOUSE
    (RNS Sanz, Normal. Size (Размер) – 60 пт, Leading (Межстрочный интервал) – Auto (Авто), Tracking (Межбуквенный интервал) – 50 пт)

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

5. Ретушируем танцовщицу

Шаг 1

Перетаскиваем фото с балериной в Фотошоп. На верхней панели жмем на кнопку в виде цепи Maintain Aspect Ratio (Сохранение пропорций). Устанавливаем Width (Ширина) и Height (Высота) на 220%. Жмем Enter.

Шаг 2

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

Проверяем, чтобы выделение было активным, и переходим на панель слоев. Здесь мы жмем на кнопку Add layer mask (Добавить слой-маску) в нижней части панели слоев, чтобы добавить маску по форме выделения и скрыть все, что не выделено. Затем жмем Ctrl+I, чтобы инвертировать маску.

Шаг 3

Давайте поработаем с деталями. С помощью Move Tool (V) (Перемещение) размещаем балерину в центре окружности.

Активируем Brush Tool (B) (Кисть), устанавливаем цвет переднего плана на черный, а заднего – на белый. Клавишей Х можно переключать цвета местами.

Кликаем правой кнопкой по документу и устанавливаем Hardness(Жесткость) на 100%. Быстро уменьшать/увеличивать диаметр кисточки можно нажатием клавиш [ и ].

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

Чтобы восстановить часть прически, которая была скрыта, мы переключаемся на белый цвет нажатием клавиши Х и проводим по нужному участку кисточкой.

Шаг 4

Для более детальной доработки волос можно воспользоваться инструментом Refine Mask (Уточнить маску). На панели слоев кликаем правой кнопкой по маске и выбираем Refine Mask (Уточнить маску). В открывшемся окне устанавливаем Feather (Растушевка) на 1,5 пикселей, Contrast (Контрастность) – на 10% и Shift Edge (Сместить край) – на -35%. Жмем ОК.

Параметр Feather (Растушевка) сгладит края выделения. Contrast (Контрастность) сделает края более четкими, а с помощью Shift Edge (Сместить край) можно сжать или расширить область выделения.

Шаг 5

В нижней части панели слоев жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Black&White (Черно-белый). Зажимаем клавишу Alt и кликаем между слоев, чтобы превратить корректирующий слой в обтравочную маску.

На панели свойств настраиваем цвета, чтобы добавить контрастности или, наоборот, сгладить оттенки фото.

Шаг 6

Давайте добавим тень под балериной, чтобы создать эффект глубины. На панели слоев кликаем правой кнопкой по слою с танцовщицей и выбираем Blending Options (Параметры наложения). В открывшемся окне Layer Style (Стиль слоя) выбираем Drop Shadow (Тень).

Устанавливаем Blend Mode (Режим наложения) на Multiply (Умножение), Opacity (Непрозрачность) – на 25%, Angle (Угол) – на 120, Distance (Смещение) – на 5 пикселей, Size (Размер) – на 40 пикселей и в меню Contour (Контур) выбираем Half Round (Полукруг). Жмем ОК.

Шаг 7

Если вы хотите доработать цвета или увеличить контрастность, советую использовать корректирующие слои. Они здорово экономят время!

6. Сохраняем картинку для веб

Переходим File – Save (Файл – Сохранить), чтобы сохранить работу стандартным способом.

Если вы хотите сохранить картинку в формате JPEG для Интернета, то выбираем в меню File – Save for Web (Файл – Сохранить для веб и устройств) или жмем комбинацию клавиш Shift+Alt+Ctrl+S. В открывшемся окне выбираем формат файла – мне подходит JPEG– и устанавливаем Quality (Качество) на 100. В меню Image Size (Размер изображения) можно изменить размер картинки, если есть какие-либо ограничения на загрузку изображений.

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

Закончив, жмем на кнопку Save(Сохранить…), выбираем место на компьютере, куда вы хотите сохранить файл и еще раз жмем на кнопку Сохранить.

Поздравляю, вы закончили урок!

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

Сегодня вы узнали, как:

  • Комбинировать различные фильтры Фотошоп: Пластика, Цветные полутона и Размытие в движении.
  • Редактировать слои с помощью масок.
  • Использовать обтравочные маски и корректирующие слои.

Автор: Laura Keung

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

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

Спасибо за урок! Попробовала сделать с силуэтом.

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

Занимательно было поработать )

Работа очень хорошая!! Только у девочки рука обрезана...

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

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

Понравилось, спасибо

спасибо за урок. простой, но очень эффектный прием!

Хорошее исполнение урока!

Almiz, спасибо. Очень приятно.

круто , спасибо за урок) и за то как сохоранить для веб:D

Отличный урок, всё просто и понятно)

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

Большое спасибо за подробный и актуальный урок!

Кхм, думаю это будет круто научиться делать, попробую, заранее спасибо

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

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
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