Дополнения

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

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

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

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

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

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

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

Итак, давайте приступим!

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

Шаг 1

Откройте программу Photoshop, создайте новый документ со следующими размерами 1920×1280 (Ctrl + N). Откройте исходное изображение со школьной доской, а затем выделите всё изображение, нажав клавиши (Ctrl+A). Скопируйте (Ctrl+C) выделенное изображение, а затем возвращаемся на наш рабочий документ, который мы только что создали.

Нажмите клавиши (Ctrl+V), чтобы вклеить скопированное изображение. Вы можете перемещать и масштабировать изображение с помощью свободной трансформации (Ctrl+T). При масштабировании, удерживайте клавишу (Shift) для сохранения соотношения сторон.

Шаг 2

Откройте исходное изображение с девушкой. Выберите инструмент Перо (Pen Tool (P)). С помощью данного инструмента, создайте контур вокруг изображение девушки. Как только вы создали контур, нажмите клавиши (Ctrl+Enter), чтобы трансформировать созданный контур в активное выделение.

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

Шаг 3

Т.к. мы собираемся создать ретро фотоманипуляцию, то нам необходимо обесцветить изображение девушки. Создайте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) поверх слоя с девушкой, для этого идём Слой - Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation), а затем преобразуйте данный корректирующий слой в обтравочную маску к слою с девушкой (чтобы создать обтравочную маску, удерживайте клавишу (Alt)+щёлкните между двумя слоями в палитре слоёв). Уменьшите значение Насыщенности (saturation) до -100;

Шаг 4

Изображение девушки немного размыто, поэтому давайте усилим контраст. Для этого мы используем корректирующий слой Кривые (Curves). Идём Слой - Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), а затем преобразуйте данный корректирующий слой с кривыми в обтравочную маску к корректирующему слою, который мы только что применили к слою с девушкой (удерживая клавишу (alt)+щёлкните между корректирующим слоем с кривыми и корректирующим слоем с цветовым тоном / насыщенностью в палитре слоёв). Сместите контрольные точки цвета, как показано на скриншоте ниже, чтобы усилить чёрно-белые оттенки, и таким образом, мы увеличим контраст.

Шаг 5

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

Создайте новый слой (Ctrl+Shift+Alt+N), сместите данный слой вниз в палитре слоёв, расположив ниже слоя с девушкой. Выберите стандартную круглую мягкую кисть из набора кистей, Окно - Кисть (Window > Brush Presets). Уменьшите непрозрачность (opacity) кисти до 50%.

Добавьте мягкую тень, обводя кистью контур изображения девушки.

Шаг 6

Давайте создадим белую рамку на школьной доске, чтобы получше выделить нашу сцену. Вначале создайте новый слой (Ctrl+Shift+Alt+N), расположите новый слой ниже слоя с тенью. Выберите стандартную кисть Мел (chalk), а затем нарисуйте белый прямоугольник, как показано на скриншоте ниже (при работе с кистью, удерживайте клавишу (shift), чтобы движение кисти было строго вертикальным или горизонтальным без смещения). Уменьшите значение Заливки (fill) для данного слоя до 50%.

Шаг 7

Теперь давайте добавим ретро шрифты к нашей сцене. Скачайте и установите шрифт American Captain (дважды щёлкните по миниатюре шрифта и в появившемся окне выберите опцию Установить (install), если у вас установлена ОС Windows 7, в противном случае, через поисковую команду Google, вы можете узнать, как установить шрифты на свою оперативную систему). Возвращаемся к программе Photoshop, выберите инструмент Горизонтальный текст (Type Tool (T)). В панели управления данного инструмента задайте гарнитуру American Captain в окошке, куда указывает красная стрелка на скриншоте ниже.

Шаг 8

Напишите слово “SCIENCE” (размер шрифта 275 pt, цвет шрифта белый). С помощью инструмента Свободная трансформация (Free Transform tool), расположите текст, как показано на скриншоте ниже.

Шаг 9

Давайте придадим тексту настоящий ретро стиль, для этого мы добавим контурные линии и тени.

Щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне выберите опцию Параметры наложения (Blending Options). Добавьте серую обводку 13 px и тени, как показано на скриншоте ниже.

Шаг 10

Давайте добавим какой-нибудь простой текст ниже текста ‘science’. Установите шрифт Chalk. Напишите что-нибудь простое (или серьёзное) – “Teaching people since 1935”. Я использовал три слоя для каждой строчки текста – первый слой с текстом “Teaching” с размером шрифта 87, второй слой с текстом “people since” с размером шрифта 68 и третий слой с текстом “1935” с размером шрифта 68. В заключение, я выделил все эти слои с текстом (удерживая клавишу (Shift) –щёлкните по каждому слою), чтобы сгруппировать их в одну группу (Ctrl + G).

Шаг 11

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

К слою с группой с надписью мелом, добавьте слой-маску, идём Слой - Слой-маска – Показать всё (Layer > Layer Mask > Reveal all) и с помощью стандартной кисти Мел (chalk) непрозрачностью 40%, цвет кисти чёрный, частично прокрасьте текст на слой-маске (чёрный цвет кисти скрывает изображение, а белый цвет кисти восстанавливает изображение). Также уменьшите Непрозрачность (opacity) слоя с группой до 70%.

Шаг 12

Давайте добавим простой графический рисунок к нашей сцене. Откройте исходное изображение с ракетой в программе Photoshop. Скопируйте / вклейте изображение ракеты на наш рабочий документ. С помощью инструмента Свободная трансформация (Free Transform tool (Ctrl+T)), расположите ракету над текстом “science”.

Шаг 13

Дважды щёлкните по слою с ракетой и в появившемся окне Параметров наложения (Blending Options), примените стиль слоя обводку и тень (точно так же, как мы добавляли стили слоя к слою с текстом “science” в Шаге 9).

Шаг 14

Т.к. мы создаём ретро сцену, то большинство чёрно-белых изображений имели зернистую текстуру, поэтому, давайте применим тот же самый эффект к нашей сцене. Создайте новый слой поверх всех остальных слоёв, а затем нажмите клавиши (Ctrl+Shift+Alt+E). Далее, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), чтобы добавить немного шума.

Шаг 15

Как обычно, давайте добавим эффект виньетки к нашей сцене. Создайте новый слой, залейте этот слой белым цветом (Shift+F5).

Далее, идём Фильтр – Коррекция дисторсии (Filter > Lens Correction). Нажмите по вкладке Заказная (Custom). Примените настройки, которые указаны на скриншоте ниже, а затем нажмите кнопку ‘ОК’. Поменяйте режим наложения для слоя с виньеткой на Умножение (Multiply) и вуаля – эффект виньетки.

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

Итоговый результат:

Работа переводчика:

Автор: Adrian Scheff

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

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

У меня получилось не ретро

Спасибо огромное! От урока получил наслаждение...

Спасибо за урок! Мой ответ Американскому ретро постеру.

Создаём школьный ретро постер в Фотошоп. Спасибо.

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

Классный урок, спасибо!

Не получилось вообще, но за урок спасибо огромное!

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

Спасибо большое))

Лучший урок, что я встречал тут

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

Хорошо! Только тени в разные стороны, на модели тени сверху, на остальных предметах снизу )

J.P.Monk, спасибо! тоже заметила. исправим)

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

Авторизация

Забыли?

Регистрация

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