Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Ретро-эффект мела на доске в Photoshop

16 августа 2015 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат 

Create a Retro Chalkboard Scene in Photoshop

Исходники

Шаг 1

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

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

Create a Retro Chalkboard Scene in Photoshop 1

Шаг 2

Откройте изображение женщины. Инструментом Pen/Перо (P) создайте контур вокруг женщины. После этого нажмите Ctrl + Enter, чтобы преобразовать контур в выделение.

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

Create a Retro Chalkboard Scene in Photoshop 2

Шаг 3

Так как иллюстрация будет в стиле ретро, нам нужно обесцветить изображение женщины. Создайте новый корректирующий слой: Layer > New Adjustment Layer > Hue/Saturation / Слой>Новый корректирующий слой>Цветовой тон/Насыщенность. Укажите корректирующему слою обтравочную маску по контуру силуэта женщины. Для этого, удерживая Alt, кликните между слоем с женщиной и корректирующим слоем. Настройте параметры слоя как показано ниже.

Create a Retro Chalkboard Scene in Photoshop 3

Шаг 4

Цвета на изображении с женщиной получились слишком блеклыми. Для этого нам нужен еще один корректирующий слой: Layer > New Adjustment Layer > Curves/Слой>Корректирующий слой>Кривые. Также укажите этому слою маску по контуру слоя с женщиной. Настройте кривые как показано ниже.

Create a Retro Chalkboard Scene in Photoshop 4

Шаг 5

Чтобы добавить реализма, давайте добавим теней.

Создайте новый слой (Ctrl + Shift + Alt + N) и поместите его между слоями с женщиной и доской. Возьмите стандартную круглую растушеванную кисть и снизьте ее Оpacity/Непрозрачность на 50%.

Рисуйте черным цветом в местах, показанных на картинке ниже, чтобы создать эффект тени.

Create a Retro Chalkboard Scene in Photoshop 5

Шаг 6

Теперь нарисуем рамку. Для начала создайте новый слой (Ctrl + Shift + Alt + N) и поместите его под слоем с тенью. Возьмите стандартную кисть-мел и нарисуйте рамку, как показано ниже. Чтобы линии были идеально прямыми, удерживайте Shift во время рисования. После этого снизьте Fill/Заливку слоя до 50%.

Create a Retro Chalkboard Scene in Photoshop 6

Шаг 7

Теперь примемся за текст. Скачайте и установите шрифт “American Captain”. Теперь в Photoshop возьмите инструмент Type/Текст (T) и выберите новый шрифт из соответствующего списка.

Create a Retro Chalkboard Scene in Photoshop 7

Шаг 8

Введите слово (в нашем примере это “SCIENCE” размера в 275pt и белого цвета) и в режиме свободного трансформирования разместите его как показано ниже.

Create a Retro Chalkboard Scene in Photoshop 8

Шаг 9

Добавим шрифту ретровости.

Кликните по нему правой кнопкой мыши и из выпавшего меню выберите “Blending Options/Параметры наложения”. Добавьте указанные ниже стили слоя.

Create a Retro Chalkboard Scene in Photoshop 9

Шаг 10

Добавим еще немного текста уже другим шрифтом — “Chalk Font”. Если у вас несколько строк текста, создавайте каждую строку в отдельном слое. Затем сгруппируйте все слои текста, нажав Ctrl + G.

Create a Retro Chalkboard Scene in Photoshop 10

Шаг 11

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

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

Create a Retro Chalkboard Scene in Photoshop 11

Шаг 12

Добавим немного легкомысленной графики. Откройте изображение ракеты, копируйте ее и вставьте в наш документ. В режиме свободной трансформации (Ctrl + T) разместите ракету как показано ниже.

Create a Retro Chalkboard Scene in Photoshop 12

Шаг 13

Кликните дважды по слою с ракетой, чтобы открыть окно стилей слоя. Укажите слою указанные ниже стили.

Create a Retro Chalkboard Scene in Photoshop 13

Шаг 14

Чтобы наше изображение выглядело еще более ретро, нам нужно добавить зернистость. Создайте новый слой из всех видимых слоев (Ctrl + Shift + Alt + E), затем выберите в меню Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум и настройте фильтр как показано ниже.

Create a Retro Chalkboard Scene in Photoshop 14

Шаг 15

Осталось только добавить виньетку для завершенности вида. Создайте новый слой и залейте его белым цветом (Shift + F5).

В меню выберите Filter > Lens Correction/Фильтр>Коррекция дисторсии и перейдите в закладку Custom/Дополнительно. Настройте параметры как показано ниже и нажмите ok. Смените blending mode/Режим наложения слоя на Multiply/Умножение.

Create a Retro Chalkboard Scene in Photoshop 15

Результат

Create a Retro Chalkboard Scene in Photoshop

Автор урока Adrian Scheff

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]