Как сделать газетный шрифт
Советские плакатные шрифты для фотошопа и дизайна
Советские шрифты занимают особое место в дизайне рекламной продукции, веб-дизайне, полиграфии. Несмотря на то, что годы советского периода давно прошли, шрифты с поддержкой и кириллицы, и латиницы пользуются спросом в тематических проектах и не только. Будь то информация на сайте, флайер или памятка в каком-то учреждении – плакатные шрифты дальних лет везде присутствуют в заголовках, в общем объеме теста.
Мы подобрали для вас несколько интересных и весьма характерных советских шрифтов для фотошопа.
О том, как воспользоваться новыми шрифтами в Photoshop и как их правильно установить, можно ознакомиться в нашей Инструкции «Как установить шрифт в Photoshop»
Pobeda
Шрифт созданный к 70-й годовщине победы Советских войск над фашистами. Типографика основана на плакатах тех временен, листовках, газетах и т.д.
Количество: 8
Размер файла: 255 КБ
Red October
Стилизация данного шрифта была навеяна автопромыслом и автомобилями завода ГАЗ. Особенность рекламных плакатов состояла в специфическом шрифте.
Количество: 12
Размер файла: 196 КБ
Natasha
Брусковый жирный шрифт повторяет основные особенности плакатных шрифтов советских времен. Название получил в честь обычной русской девушки с характерным именем.
Количество: 4
Размер файла: 35 КБ
Troika
Декоративный, немного рубленный и кривенький шрифт имитирует бег коней, их копыта, ноги. Советский стиль прослеживается в строгости букв и начертании в целом.
Количество: 4
Размер файла: 70 КБ
Molot
Серп и молот – символ советского времени. Под вдохновением силы и мощи именно молота был создан этот шрифт. Декоративный и жирный – он отлично подходит для заголовков.
Количество: 4
Размер файла: 24 КБ
Zilap Russia
Шрифт в древнерусском стиле, который также подходит и для олицетворения советского времени, и современности, и более ранних эпох. Шрифт одинаково подходит для заголовков и для больших массивов текста.
Количество: 4
Размер файла: 97 КБ
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Создаём Текст из Фрагментов Газеты в Adobe Photoshop
В этом уроке я покажу вам, как использовать различные шрифты, фигуры, текстуры и настройки кисти, чтобы создать фрагмент записки с требованием выплатить выкуп в Adobe Photoshop. Давайте приступим!
Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
1. Создаём Задний Фон и Текстовые Слои
Шаг 1
Шаг 2
Поместите каждую букву в отдельную группу с соответствующим названием буквы, а затем поместите каждое слово текста в отдельную группу с соответствующим названием слова.
Шаг 3
После этого, вам нужно добавить по несколько букв до / или после каждой буквы текста, чтобы сделать эффект более реалистичным, поскольку букву не публикуются по отдельности в газетах. Примечание переводчика: вы можете добавить по одной или по две буквы до и после ваших основных букв текста.
2. Добавляем Фигуры и Текстовые Блоки
Шаг 1
Выберите инструмент Прямоугольник (Rectangle Tool), а затем создайте фигуру прямоугольника под отдельными буквами вашего текста.
Если вы вносите любые дополнения к своему тексту, тогда поместите слой с буквой и слой (слои) с дополнениями в новую группу внутри оригинальной группы с буквой.
Таким образом, всё будет организовано и вам будет легче работать со слоями.
Шаг 2
Чтобы добавить текстовые блоки к любой комбинации букв, выберите инструмент Горизонтальный текст (Type Tool), теперь щёлкните, а затем потяните мышкой, чтобы создать текстовый блок под буквами, далее идём Текст – Вставить Lorem Ipsum (Type > Paste Lorem Ipsum).
Поменяйте шрифт и размер шрифта на любые другие значения на своё усмотрение.
Шаг 3
Вы можете удалить отдельные фрагменты текстового блока, чтобы избежать повторения, если вы хотите применить этот эффект к нескольким буквам.
Шаг 4
3. Добавляем Слой-маски
Шаг 1
Выберите инструмент Лассо (Lasso Tool), перейдите на слой с группой с буквой текста. Создайте выделение вокруг буквы, которую вам нужно показать записке, это будет буква из группы с названием этой буквы.
Постарайтесь создать фигуру выделения, похожую на порванный кусочек газеты.
Шаг 2
После создания выделения, нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв.
Шаг 3
Повторите то же самое, чтобы выделить остальные буквы текста. Вы можете корректировать маску в любое время при необходимости, поэтому, не переживайте, если маска получилась неидеальной.
4. Добавляем Базовую Текстуру Бумаги
Шаг 1
Поместите Текстуру Зернистой Бумаги в самую нижнюю группу с первой буквой. Примените масштабирование при необходимости.
Шаг 2
Поменяйте режим наложения для слоя или для группы со слоем с Текстурой Зернистой Бумаги на Линейный Затемнитель (Linear Burn).
Шаг 3
Продублируйте слой с Текстурой Зернистой Бумаги, а затем повторите все шаги, чтобы добавить текстуру к оставшимся буквам.
Шаг 4
В случае, если вам необходимо сдвинуть маску группы после добавления текстуры, тогда вы можете отсоединить маску от группы, для этого щёлкните по значку цепи, который расположен между миниатюрами маски и слоя, далее, сдвиньте маску, а затем вновь соедините маску с группой. Примечание переводчика: если вы решили подкорректировать выделенные фрагменты и слегка подвинуть их, чтобы лучше выделить букву, тогда используйте технику, которую автор описал выше.
5. Добавляем Текстуру Мятой Бумаги
Шаг 1
Поместите Текстуру Бумаги (1) поверх всех слоёв внутри группы с первой буквой, примените масштабирование при необходимости, а затем поменяйте режим наложения для данного слоя с текстурой бумаги на Умножение (Multiply).
Шаг 2
Продублируйте текстуру, чтобы добавить к остальным группам с буквами.
6. Создаём Кисть с Рваными Краями
Выберите инструмент Кисть (Brush Tool), а затем откройте панель настроек Кисть (Brush).
Выберите кисть Chalk 23 pixels, а затем примените следующие настройки:
Форма Отпечатка Кисти (Brush Tip Shape)
Другая Динамика (Shape Dynamics)
7. Создаём Рабочий Контур из Выделенной Области
Шаг 1
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с первой буквой, чтобы загрузить активное выделение.
Шаг 2
Откройте панель Контуры (Paths), а затем щёлкните по значку Создать Рабочий Контур из Выделенной Области (Make work path from selection) в нижней части панели.
8. Выполняем Обводку Рабочего Контура
Шаг 1
Убедитесь, чтобы была активна кисть с установленными настройками, а также, чтобы была активная миниатюра маски группы с первой буквой. Установите цвет переднего плана на чёрный цвет.
Шаг 2
Нажмите клавишу (Enter), чтобы выполнить обводку контура с помощью настроенной кисти и добавить рваные края к маске.
Шаг 3
Повторите то же самое для остальных букв вашего текста.
Как только вы завершили, выберите инструмент Стрелка (Direct Selection Tool (A), а затем нажмите клавишу (Enter) один раз, чтобы удалить рабочий контур.
9. Добавляем Белые Рваные Края
Шаг 1
Чтобы сделать эффект более реалистичным, мы собираемся добавить белые края к рваным краям, которые у нас уже есть.
Вначале добавьте текстуру бумаги (2), расположив её ниже слоя с группой с первой буквой.
Шаг 2
Нажмите и удерживайте клавишу (Alt), а затем, удерживая маску группы с буквой, перетащите её на текстуру бумаги (2), чтобы продублировать.
Шаг 3
Выберите инструмент Перемещение (Move Tool), и используя клавиши направления со стрелками Вправо и Вниз, слегка сдвиньте текстуру бумаги (2) от текстуры бумаги буквы.
Шаг 4
То же самое, повторите этот шаг для остальных букв.
10. Добавляем Стиль Слоя Тень (Drop Shadow)
Шаг 1
Дважды щёлкните по слою с текстурой бумаги (2) для первой буквы, чтобы применить стиль слоя Тень (Drop Shadow). Примените настройки, которые указаны ниже:
Шаг 2
Щёлкните правой кнопкой мыши по стилизованному слою и в появившемся окне, выберите опцию Скопировать Стиль Слоя (Copy Layer Style), далее, выделите другие слои с текстурой бумаги (2), ещё раз щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить Стиль Слоя (Paste Layer Style).
11. Создаём Эффект Просвечивание
Шаг 1
Чтобы добавить эффект просвечивания, добавьте текст Lorem Ipsum поверх всех слоёв внутри группы с первой буквой.
Шаг 2
Далее, идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal), а также уменьшите Непрозрачность (Opacity) слоя до 10%.
Повторите то же самое для остальных букв.
12. Трансформируем Группы с Элементами
Шаг 1
Перед тем, как проводить какие-либо изменения, мы можем поменять цвет отдельных букв на красный и синий цвет. Цвета, которые были использованы здесь: #d66161 для красного, и #6a8ebc для синего.
Шаг 2
Далее, мы трансформируем отдельные буквы, чтобы создать более динамичный результат.
Выделите группу с первой буквой и слои с текстурой бумаги (2), а затем нажмите клавиши (Ctrl+T) для активации режима Свободной Трансформации (Free Transform Mode).
Если вы попробуете провести какие-либо изменения прямо сейчас, то вы возможно заметите, что это происходит немного странным образом. Это происходит из-за того, что текстуры бумаги слишком большие и опорные / осевые точки расположены не по центру самой буквы.
Чтобы решить эту проблему, нажмите и удерживайте клавишу (Alt), а затем сместите опорные точки в центр буквы.
Шаг 3
Сместите, поверните, примените масштабирование к букве при необходимости. Нажмите клавишу (Enter), чтобы применить изменения.
Шаг 4
Повторите те же самые шаги для трансформации любых других букв на своё усмотрение.
13. Добавляем Простую Текстуру на Задний Фон
Шаг 1
Добавьте ещё раз исходную текстуру бумаги (2) на наш рабочий документ, расположив поверх слоя с заливкой Цвет (Solid Color), примените масштабирование при необходимости, а затем уменьшите значение Непрозрачности (Opacity) слоя до 50%.
Шаг 2
Не забывайте, что вы можете менять шрифты, размеры шрифтов, фигуры слой-масок в любое время, пока вы не получите желаемый результат.
Поздравляю! Мы завершили урок!
В этом уроке мы создали множество текстовых слоёв, используя различные шрифты и размеры шрифтов, сгруппировали их, а затем добавили текстуры бумаг к ним.
Также мы создали фигуры, добавили текстовые блоки и настроили кисти с рваными краями, чтобы применить её на слой-масках.
В заключение, мы поменяли цвет отдельных элементов, а также применили трансформацию к паре букв, чтобы создать заключительный результат.
Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.