В этом уроке мы создадим ретро-работу в Adobe Photoshop. Мы совместим несколько различных элементов, чтобы создать желаемую композицию. Вы узнаете как при помощи фотографии, графики, шрифтов и эффектов создать такой постер:
Результат
Исходники
- Шрифт American Captain
- Шрифт Chalk Font
Шаг 1
Откройте Photoshop и создайте новый файл размером 1920×1280 (Ctrl + N). Откройте изображение доски и выделите всё, нажав Ctrl + A. Копируйте выделенное (Ctrl + C) и вернитесь в наш документ.
Нажмите Ctrl + V, чтобы вставить скопированное в наш документ. Вы можете разместить изображение как вам больше нравится и, при желании, трансформировать его, нажав Ctrl + T (режим свободного трансформирования).
Шаг 2
Откройте изображение женщины. Инструментом Pen/Перо (P) создайте контур вокруг женщины. После этого нажмите Ctrl + Enter, чтобы преобразовать контур в выделение.
Нажмите Ctrl + C, чтобы копировать выделение, затем вернитесь в наш документ и нажмите Ctrl + V, чтобы вставить скопированное. Масштабируйте изображение в режиме свободной трансформации (Ctrl + T) и разместите женщину как показано ниже.
Шаг 3
Так как иллюстрация будет в стиле ретро, нам нужно обесцветить изображение женщины. Создайте новый корректирующий слой: Layer > New Adjustment Layer > Hue/Saturation / Слой>Новый корректирующий слой>Цветовой тон/Насыщенность. Укажите корректирующему слою обтравочную маску по контуру силуэта женщины. Для этого, удерживая Alt, кликните между слоем с женщиной и корректирующим слоем. Настройте параметры слоя как показано ниже.
Шаг 4
Цвета на изображении с женщиной получились слишком блеклыми. Для этого нам нужен еще один корректирующий слой: Layer > New Adjustment Layer > Curves/Слой>Корректирующий слой>Кривые. Также укажите этому слою маску по контуру слоя с женщиной. Настройте кривые как показано ниже.
Шаг 5
Чтобы добавить реализма, давайте добавим теней.
Создайте новый слой (Ctrl + Shift + Alt + N) и поместите его между слоями с женщиной и доской. Возьмите стандартную круглую растушеванную кисть и снизьте ее Оpacity/Непрозрачность на 50%.
Рисуйте черным цветом в местах, показанных на картинке ниже, чтобы создать эффект тени.
Шаг 6
Теперь нарисуем рамку. Для начала создайте новый слой (Ctrl + Shift + Alt + N) и поместите его под слоем с тенью. Возьмите стандартную кисть-мел и нарисуйте рамку, как показано ниже. Чтобы линии были идеально прямыми, удерживайте Shift во время рисования. После этого снизьте Fill/Заливку слоя до 50%.
Шаг 7
Теперь примемся за текст. Скачайте и установите шрифт “American Captain”. Теперь в Photoshop возьмите инструмент Type/Текст (T) и выберите новый шрифт из соответствующего списка.
Шаг 8
Введите слово (в нашем примере это “SCIENCE” размера в 275pt и белого цвета) и в режиме свободного трансформирования разместите его как показано ниже.
Шаг 9
Добавим шрифту ретровости.
Кликните по нему правой кнопкой мыши и из выпавшего меню выберите “Blending Options/Параметры наложения”. Добавьте указанные ниже стили слоя.
Шаг 10
Добавим еще немного текста уже другим шрифтом — “Chalk Font”. Если у вас несколько строк текста, создавайте каждую строку в отдельном слое. Затем сгруппируйте все слои текста, нажав Ctrl + G.
Шаг 11
Так как эта надпись сделана мелом, она не может быть такой однородной и равномерно белой как мы видим. Поэтому нужно добавить элемент случайности.
Создайте слой-маску для группы с текстом мелом (Layer > Layer Mask > Reveal all/Слой>Маска слоя>Показать все). В маске рисуйте кистью-мелом черного цвета на 40% opacity/непрозрачности в некоторых местах поверх текста, чтобы частично его скрыть. Также снизьте opacity/непрозрачность группы до 70%.
Шаг 12
Добавим немного легкомысленной графики. Откройте изображение ракеты, копируйте ее и вставьте в наш документ. В режиме свободной трансформации (Ctrl + T) разместите ракету как показано ниже.
Шаг 13
Кликните дважды по слою с ракетой, чтобы открыть окно стилей слоя. Укажите слою указанные ниже стили.
Шаг 14
Чтобы наше изображение выглядело еще более ретро, нам нужно добавить зернистость. Создайте новый слой из всех видимых слоев (Ctrl + Shift + Alt + E), затем выберите в меню Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум и настройте фильтр как показано ниже.
Шаг 15
Осталось только добавить виньетку для завершенности вида. Создайте новый слой и залейте его белым цветом (Shift + F5).
В меню выберите Filter > Lens Correction/Фильтр>Коррекция дисторсии и перейдите в закладку Custom/Дополнительно. Настройте параметры как показано ниже и нажмите ok. Смените blending mode/Режим наложения слоя на Multiply/Умножение.
Этот урок научит вас, как использовать кисть и её настройки для создания текста с эффектом мела.
Материалы для урока:
Откройте изображение с доской в фотошоп и с помощью инструмента Рамка (Crop Tool) избавьтесь от углов с чёрным фоном.
Идём в меню Изображение - Коррекция - Уровни (Image -> Adjustments -> Levels) и ставим для теней значение 20, для полутонов значение 0,88. Это сделает изображение темнее.
Теперь идём в меню Изображение - Коррекция - Цветовой тон/Насыщенность (Image -> Adjustments -> Hue/Saturation) и изменим значение насыщенности до 10. Это сделает цвета более яркими.
Напишите текст шрифтом Blokletters Potlood с размером 270 пт.
В уроке используется надпись на двух слоях для того, чтобы продемонстрировать использование более одного цвета, но вы можете написать свой текст на одном слое.
Откройте палитру настроек кисти в меню Окно - Кисть (Window -> Brush), а затем измените параметры, как показано ниже:
Форма отпечатка кисти (Brush Tip Shape)
Выберите кисть Chalk 44
Динамика формы (Shape Dynamics)
Двойная кисть (Dual Brush)
Выберите кисть Spatter 14
Сделайте слои с текстом невидимыми, нажав на иконку глаза рядом с ними.
Кликните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур (Create Work Path).
Активируйте инструмент Стрелка (Direct Selection Tool), установите цвет переднего плана на белый, и создайте новый слой поверх всех слоев, затем дайте ему название “Chalk”.
Щелкните правой кнопкой мыши по рабочему контуру и выберите опцию Выполнить обводку контура (Stroke Path).
В диалоговом окне обводки в выпадающем меню выберите инструмент Кисть (Brush). Проверьте чтобы был снят флажок с параметра Имитировать нажим (Simulate Pressure).
Теперь ваш контур будет обведён меловой кистью. Нажмите клавишу Enter, чтобы избавиться от контура. Имейте в виду, что для различных размеров шрифтов могут потребоваться различные размеры кисти.
Обведём каждую букву второго слоя с надписью другим цветом. Для этого щёлкните правой кнопкой мыши по слою с текстом и выберите пункт Создать рабочий контур (Create Work Path). Теперь, используя инструмент Стрелка (Direct Selection Tool), протяните и выделите первую букву в слове для того чтобы выделить её опорные точки.
Установите цвет переднего плана на любой понравившийся вам цвет, имейте в виду, что светлые тона будут выглядеть лучше. Сделайте обводку, как вы это делали раньше, для всех букв, но пока не закончите с последней буквой не нажимайте клавишу Enter .
Цвета используемые в уроке:
S - #f5989d
c - #fff799
h - #bd8cbf
o - #fdbd89
o - #79bcde
l - #82ca89
Чтобы улучшить цветопередачу, последнее что мы сделаем, это добавим корректирующий слой. Нажмите иконку выбора корректирующего слоя внизу палитры слоёв и выберите коррекцию Карта градиента (Gradient Map).
Убедитесь, что корректирующий слой находится поверх всех слоев в палитре, а затем измените ему режим наложения на Умножение (Multiply) и уменьшите Непрозрачность (Opacity) до 40%.
В градиенте используем два цвета - слева # c3ae99 и справа # FFFFFF .
И вот наш текст на школьной доске готов!
А версию ниже можно использовать для странички Facebook. Увеличьте картинку, нажмите правой кнопкой мыши и сохраните изображение.
Автор урока желает вам удачного учебного года.
The chalk design has been a growing trend for sometime. If you are designer who want to join this trend, then using Photoshop brushes to create chalky effects is your best option. Traditional chalk is a fantastic medium for creating texture and depth on an image. Chalk brushes, in particular, are useful for developing excellent textures, digital painting, drawings and especially to add rough chalky effects in your artworks.
Most of the brushes in this roundup are free for personal and commercial uses. I hope you will find this collection useful. Also, may we remind you again that you can download the brush files from the author’s page, and not here because obviously, we did not create these brushes.
If you need some fonts that could go with these brushes, check out our exhaustive list of free .
150+ FREE CHALK BRUSHES FOR PHOTOSHOP
Shown in this post below are just preview images so you will have an idea how the brushes would look like when applied to designs. Click the link below the preview to download the brushes that you like.
01: 15 CHALKBOARD PHOTOSHOP BRUSHES FOR SCHOOL PROJECTS
A set of 15 chalk Photoshop brushes featuring school-related graphics. These graphics come as brushes that you can use in Photoshop. The images have hand drawn look and feature realistic chalk texture.
02: Sketched Arrows Brushes with Chalk Effect
Here is another set of chalk Photoshop Brushes, this time featuring sketched arrow brushes pointing to various directions. The arrows have a hand drawn look and feel and are therefore great to use for designing flyers, menus, announcements, among other things.
03: CHALKBOARD PHOTOSHOP BRUSHES
A set of 15 high-resolution chalk brushes you can use to create chalkboard effects in Photoshop or to add texture to your design elements.
04: CHALK AND PASTEL PHOTOSHOP BRUSHES
There are 3 useful texture brushes in this set great for creating chalk and pastel effect in your designs. These were created in Adobe Photoshop CS4.
05: FREE CHALK PHOTOSHOP BRUSHES
For these to have the desired effect as the preview image, you will also have to load a pattern preset that come with the download pack. A detailed step-by-step instruction on how to use these brushes is included as well. These were created in CS6 but should work with earlier CS versions of Photoshop.
06: CHALK TEXTURE BRUSHES
There are two variants of the brushes available in the .ABR brush file. These are useful for creating nice textures, especially if you want that chalk or pastel look.
07: CHALK DECORATIVE BRUSHES
A pack of 10 high-resolution decorative chalk brushes for Photoshop CS3 and above versions. These are free for both personal and commercial uses.
08: PHOTOSHOP CHALKBOARD BRUSHES
A set of good quality chalkboard Photoshop brushes in this set that you can use to apply chalkboard effect in Photoshop. They are also great for adding chalk or pastel texture to your artworks in Photoshop.
09: CRAYON AND CHALK PHOTOSHOP BRUSHES
A set of brushes containing 20 images of chalk textures: 9 crayon brushes and 11 chalk brushes. They are compatible with Windows and Macintosh systems and should work as well with Photoshop 7.0 and above versions.
10: CHALK PASTEL BRUSHES
This set contains more than 20 chalk and pastel brushes that you can use for creating trendy handmade-looking artworks in Photoshop. They are free for both personal and commercial uses.
11: CHUNKY CHALK BRUSH
A set of very useful brushes consisting standard soft round, hard round, and chalk brushes for creating interesting and artistic effects in Photoshop.
12: VARIOUS BRUSHES FOR PHOTOSHOP
This set consists not just chalk brushes but other useful Adobe Photoshop brushes for digital painters as well. The pack includes chalk brush, standard brush, lighting brush, detailing painting brush, among many others.
13: CHALK PS BRUSHES
There are 9 high-quality chalk brushes in this set that you can use to add chalk textures in your designs.
14: FREE CHALK BRUSH PACK
Useful for digital painting in Photoshop, this brush set includes: chalk brush, ground texture brush, clumped leaves, palm leaf brush, circle brush, dot texture brush, among other things.
15: NATURAL MEDIA BRUSH PACK
This is a huge brush set with 70 free Photoshop brushes created from scans of random ink, chalk, pencil and marker strokes.
16: CHALK CHARCOAL AND GRAPHITE BRUSHES
A fully customizable brush pack containing 7 free Photoshop brushes such as chalk, charcoal, dry brushes and sketchy graphite brushes.
17: NATURAL OIL CHALK PHOTOSHOP BRUSHES
This set includes natural oil chalk brushes created with real oil chalk. Brush-shapes and the brush pattern were also created with real oil chalk.
18: MORE NATURAL OIL CHALK PHOTOSHOP BRUSHES
There are 14 oil chalk brushes in this set. Like the first set, these brushes were created with real oil chalk. The brush shapes and the brush pattern were also created with real oil chalk.
19: CHALK PHOTOSHOP BRUSH SET
A set of 10 chalk brushes you can use to add texture in your designs.
20: VALENTINE’S DOODLE BRUSH SET
There are a total of more than 50 beautiful chalk doodle brushes in this set. These are compatible with Photoshop CS5 and have romantic theme.
21: SCHOOL DAYS SKETCHES BRUSHES
A set of 27 high-resolution sketched brushes designed with chalk effects. These are compatible with Photoshop 7+, Photoshop Elements 2+ and Gimp 2.2.6+.
22: CHALK PHOTOSHOP BRUSHES WITH TEXTURE IMAGES
Another set of 9 free brushes. The pack includes a scanned texture image as well.
23: CLOUDS, CHALK, WATERCOLOR BRUSHES
There are 28 brushes of clouds, chalk and watercolor brushes at resolution of 2500 pixels wide.
24: CHALK SCRIBBLE BRUSHES
A total of 72 chalk scribble brushes free for both personal and commercial uses.
