Существует ещё одна проблема, хотя с ней сталкиваются только пользователи старых ПК – при большом количестве шрифтов в системных папках компьютер может работать медленнее. Файлы с наборами символов можно скопировать в каталог Adobe\Fonts, предназначенный для всех продуктов компании Адобе. Для ПК с производительной аппаратной частью делать это не имеет смысла.

Поиск шрифтов 

Наборы символов можно купить на сайтах разработчиков. Но есть сервисы с тысячами бесплатных вариантов. Среди самых популярных страниц можно выделить: 

• Fontov.net – страница, где можно найти больше 7000 шрифтов, отсортированных по категориям. Часть из них бесплатная. Есть возможность найти нужные буквы в наборах. 
• Fonts-online.ru – огромная коллекция наборов символов. Отсюда можно скачать платные и бесплатные файлы шрифтов, добавить свои и посмотреть стилистику символов до скачивания. 
• Xfont.ru – ресурс, на который загружено около 24000 наборов. Для удобства пользователя каждый шрифт размещается на отдельной странице с подробным описанием и примерами. 
• 1001freefonts.com – сайт с 15000 шрифтов, которые можно отсортировать по стилю, названию или дате добавления. Часть коллекции платная – однако, доступ к ней обойдётся всего в $19,95. 
• Fontsquirrel.com – агрегатор шрифтов, доступных для коммерческого использования или в личных целях. Есть удобная фильтрация, и даже поиск аналогов по картинкам. 

Есть сервисы, где собраны шрифты, специально предназначенные для Фотошопа.

Например, photoshop-master.ru – сайт, на котором можно скачать наборы красивых символов для разных версий редактора, разместить свои работы и пообщаться с другими дизайнерами. 

Подведение итогов 

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

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

Видеоинструкция

Эффект для текста в стиле кофейных пятен в Adobe Photoshop

Сегодня нам предстоит интереснейший урок в Adobe Photoshop: будем создавать крутой текстовый эффект. В результате у нас получатся буквы, написанные пятнами, как будто это кофейные разводы на ткани. Это определенно будет захватывающий туториал! Нам понадобятся стоковый шрифт, текстура, кисти и немного терпения.

Что должно получиться

Что нам понадобится

1.

Шаг 1

Возьмите инструмент Brush Tool / Кисть и откройте палитру кистей Window > Brush / Окно > Наборы кистей.

Выберите вариант Splatter /  Разбрызгивание с размером 24 пикс, а затем измените параметры, как показано ниже.
Brush Tip Shape / Форма Отпечатка Кисти

Shape Dynamics / Динамика Формы

Dual Brush / Двойная кисть (используйте Oil Medium Wet Flow)

Шаг 2

Кликните по иконке Create new brush / Создать Новую Кисть (вы найдете ее справа внизу палитры Brush / Кисти), затем задайте ей имя Stroke Brush.

Шаг 3

Теперь выберите мягкую круглую кисть и измените ее характеристики, как показано на скриншотах.
Brush Tip Shape / Форма Отпечатка Кисти 

Shape Dynamics / Динамика Формы 

Scattering / Рассеивание 

Transfer / Передача 

Шаг 4

Добавьте новую кисть и назовите ее Smudge Brush.

2.

Шаг 1

Создайте новый документ с размерами 1024 x 683, добавьте текстуру Canvas oil 01 поверх фонового слоя и переименйте этот слой в BG Texture.

Теперь примените Edit > Transform > Rotate 90° Counter Clockwise / Редактировать > Трансформирование > Развернуть на 90 против часовой стрелки, а затем измените размер и положение текстуры так, как требует документ.

Шаг 2

С помощью шрифта Tallow TC Regular создайте текст, используя только заглавные буквы. Измените размер на 250 pt и межбуквенное расстояние на 200.

3.

Шаг 1

Откройте файл Watercolor Brushes and Textures в программе Illustrator, выберите большую желтую кисть и примените Edit > Copy / Редактирование > Скопировать.

Шаг 2

Вернитесь обратно к документу в Photoshop, примените Edit > Paste / Редактировать > Вставить, но вставьте как Smart Object / Смарт-объект.

Шаг 3

Измените размер акварельной кисти, чтобы покрыть ею весь текст, и нажмите клавишу Return / Enter, чтобы сохранить изменения.

Шаг 4

Кликните по миниатюре текстового слоя при помощи кнопки Command / Ctrl, чтобы выделить.

Шаг 5

Кликните по иконке Add layer mask / Добавить маску слоя внизу палитры Layers / Слои и сделайте слой с текстом невидимым.

4.

Шаг 1

Щелкните правым кликом на слое с текстом и выберите Create Work Path / Создать Рабочий Контур.

Задайте переднему плану белый цвет и убедитесь, что вы выбрали слой-маску с акварельной кистью.

Шаг 2

Возьмите инструмент Brush Tool / Кисть и выберите Stroke Brush, которую вы создали чуть раньше. Нажмите клавишу Return / Enter и обведите этой кистью контур.

Шаг 3

А теперь возьмите инструмент Smudge Tool / Палец и выберите кисть Smudge Brush / Пачкающая Кисть. Задайте ей параметры, как на рисунке внизу. Нажмите Return / Enter, чтобы размазать обводку.

Шаг 4

Возьмите инструмент Direct Selection Tool (A) / Прямое выделение и нажмите Return / Enter, чтобы избавиться от рабочего контура.

Можете снова взять Smudge Tool / Палец, кликнуть и плавно поводить им вокруг, чтобы еще больше размазать текст.

Убедитесь, что все корректировки вы делаете на маске, а не на самом слое.

5.

Шаг 1

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

Шаг 2

Кликните по иконке Clip to layer / Обтравочная маска по слою, затем измените параметры, как показано на скриншоте внизу.

Шаг 3

Измените режим наложения для слоя с акварельной кистью на Multiply / Умножение.

Шаг 4

Двойным кликом на слое с акварельной кистью примените Inner Shadow / Внутренняя Тень со следующими параметрами:

Это сделает края букв более выразительными.

6.

Шаг 1

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

Установите цвет переднего плана (Foreground Color) на белый, возьмите инструмент Brush Tool / Кисть, чтобы добавить чуть брызг тексту (выбираем Splatter Brushes, которые мы скачала вначале).

Помните, что всегда можно взять Eraser Tool / Ластик и стереть те участки, которы вам не нравятся.

Теперь возьмите Smudge Tool / Палец и при помощи Smudge Brush / Пачкающая Кисть размажьте те участки с брызгами, которые нарисовали кистями Splatter Brushes.

Шаг 2

Добавьте корректирующий слой Levels / Уровни поверх слоя BG Texture, привяжите его к нему и измените значение показателя Highlights / Свет на 245.

Это немного осветлит текстуру холста.

7.

Шаг 1

Создайте новый слой поверх всех слоев, переименуйте его в  High Pass и нажмите сочетание клавиш Option-Command-Shift-E / Ctrl + Alt + Shift + E.

Щелкните правым кликом по слою High Pass и выберите Convert to Smart Object / Преобразовать в смарт-объект.

Шаг 2

Примените Filter > Other > High Pass / Фильтр > Другое > Цветовой контраст и измените радиус на 2.

Шаг 3

Измените режим наложения слоя High Pass на Soft Light / Мягкий свет.

Это сделает картинку резче.

8.

Шаг 1

Добавьте корректирующий слой Gradient / Градиент наверх всех слоев.

Примените градиент к заливке и задайте параметры, которые указаны ниже на скриншоте, а цвета для градиента пусть будут #f3f2ef слева и #444444 справа.

Шаг 2

Измените режим наложения для слоя с градиентом на Color Burn / Затемнение Основы.

Финальный результат

Автор — Rose

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

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

Комментарии

Похожие статьи

Случайные статьи

14 сервисов, где можно самостоятельно протестировать работу искусственного интеллекта

Ещё 20 лет назад искусственный интеллект можно было протестировать только в крутых лабораториях или крупных компаниях, а сегодня это доступно каждому. Не верите? Siri, Google Assistant, Alexa и Cortana — это и есть робо-помощники на базе самообучающегося искусственного интеллекта. Сегодня же мы разберем не их, а другие, менее известные, но очень крутые сервисы.

Отретушировать любое фото — Nvidia InPainting

Хотите убрать прыщик с лица или недруга с заднего плана, но под рукой нет фотошопа? Тогда опробуйте работу нейросети Nvidia iNPainting.

Её создатели обещают, что искусственный интеллект сможет убрать ненужные детали с фотографии. Вам достаточно выделить «умной» кистью зону, которую нужно исправить.

Работа происходит так: загрузите фотографию и с помощью кисти создайте маску нужного объекта. Дальше за вас все сделает обученная нейросеть.

Рисунок из каракулей — AutoDraw

Мечтали стать художником, но как-то не сложилось с даром рисования? Вам поможет искусственный интеллект! Нарисуйте набросок фигуры, а нейросети поймут, что вы хотели изобразить и выберут наиболее подходящее изображение из своей базы данных. Сервис работает хорошо: он «не понимает» только уж слишком нецензурные рисунки.

Самостоятельно обучить нейросеть — Teachable Machine

Хотите понять, как работает нейросеть? Обязательно протестируйте этот сервис! Разработчики Google создали приложение, которое поможет понять, как работают нейросети. Для проведения эксперимента понадобится устройство с работающей веб-камерой и объект, на который будет реагировать новая нейросеть.

Искусственный интеллект будет запоминать ваши движения и сопоставлять их с запрограммированной реакцией, отвечая на жесты GIF-изображением, звуком или речью.

Сгенерировать человека — ThisPersonDoesNotExist

Наверняка вы не раз натыкались в интернете на тесты в стиле: «Угадай, где здесь человек». Все фотографии, используемые в подобных играх, были взяты с этого сервиса. Генеративная нейросеть StyleGAN от Nvidia создаёт реалистичное (иногда не очень) изображение человеческого лица. Разработал это сотрудник Uber — Филипп Ван.

Как понять, что перед вами лицо из нейросети?

Обращайте внимание на мелкие детали. Чаще всего искусственный интеллект «палится» с неестественной структурой кожи, очками, волосами, неправильными глазами, зумами и непонятным задним фоном.

Самое популярное приложение AR-масок — Snapchat

iOS | Android

Одно из самых популярных приложений, показывающее силу искусственного интеллекта и нейросетей во всей красе.  Если ещё в конце 90-х годов прошлого века студии тратили десятки миллионов долларов на создание AR-масок или морфинг лиц, то сейчас каждый желающий может примерить на себя любую маску или поменяться лицами с другом.

Лингвистический тетрис — Semantris

Две мини-игры, развлекающие вас и тренирующие нейросети Google одновременно.

Есть два варианта развлечься:

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

• Спокойный тетрис, где вместо  фигур — кубики со словами. В случае, если подобное слово окружено клетками с таким же цветом, то с игрового поля пропадает целая группа клеток.

Удалить фон — remove.bg

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

Заменить лицо на фотографии — Reflect

Если вы обожаете Face Swap в Снепчате, то вам стоит воспользоваться этим сервисом. Теперь можно меняться лицами не только с друзьями, а ещё и со знаменитостями. Хотели почувствовать себя Илоном Маском, Рианной или даже Джокондой? Несколько кликов, и нейросети сделают всё за вас.

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

Описание фотографий — CaptionBot

Нужно прописать теги под фото или добавить описание под новым фото в инстаграме? Воспользуйтесь услугами искусственного интеллекта! Нейросеть от Microsoft анализирует фотографии и выдает описания изображенных на них предметов. В её основе лежит три отдельных алгоритма: Computer Vision API, Bing Image Search API и Emotion API. После анализа приложение предлагает оценить, насколько точно он составил описание.

Считыватель документов — Microsoft Pix 

По долгу службы приходится часто иметь дело с визитками? Обязательно скачайте себе это приложение! Microsoft Pix считает все данные с визитки, внесет их в телефон и добавит человека с визитки в LinkedIn (по желанию). То, на что раньше нужно было тратить несколько минут, сейчас сделается автоматически за несколько секунд. Сила искусственного интеллекта и нейросетей в действии!

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

Сделать логотип — Logojoy

Вполне возможно, что через несколько лет большинство дизайнеров лишится своей работы. Как это вообще возможно? Уже сейчас нейросеть может помочь вам разработать свою продукцию, просто базируясь на работах известных брендов, а учитывая скорость развития технологий, есть все шансы, что через 10-15 лет они просто вытеснят большинство дизайнеров с рынка.

Сервис Logojoy, использующий алгоритмы TensorFlow от Google, бесплатно создаст лого и покажет, как оно будет выглядеть на брендированной продукции. Чтобы получить персонализированное лого, достаточно ввести название компании, выбрать её специализацию, понравившиеся логотипы, цветовые гаммы и ключевые символы-изображения, исходя из которых, система создаст свой вариант брендирования.

Знаменитость озвучит любой текст— Voices by Headliner

Ваш друг всегда хотел, чтобы его с днем рождения поздравила сама Бейонсе? Нейросети делают это реальностью. Зайдите на сайт Voices, напишите любой текст латиницей и выберите нужную знаменитость. Дальше всю работу сделает самообучающийся искусственный интеллект, работающий на базе Microsoft Custom Voice.

Самые популярные голоса — Бейонсе, Ким Кардашьян, Марк Цукерберг, Дональд Трамп и Тейлор Свифт.

Если вы из тех, кто обожает гуглить симптомы всех возможных болезней, как только заколет в боку, то в вашем телефоне должна прописаться Ada!

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

Обучите искусственный интеллект играя — Gladiabots

Не хотите включать свою камеру, так как боитесь, что ваши данные потом будут использовать? Мы поддержим вашу шапочку из фольги и предложим поиграть в Gladiabots — игру, где вы будете сражаться на гладиаторской арене за одну из команд ботов.

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

20 лучших шрифтов и гарнитур для Photoshop в Creative Cloud

Типографика – одна из самых красивых и разочаровывающих частей графического дизайна. При правильном использовании гарнитуры могут иметь огромное влияние. К сожалению, верно и обратное. Имея это в виду, вот лучшие доступные шрифты Photoshop.

Выбор правильного семейства шрифтов

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

Лучшие встроенные шрифты Photoshop

Когда вы ищете подходящее семейство шрифтов для использования – а вариантов много – как вы решаете, какой из них подходит вам? Adobe Photoshop поставляется с различными встроенными шрифтами, полезными для любого случая, и мы постарались найти для вас лучшие.

1. Times New Roman

Начнем с Times New Roman. Вы ищете шрифт, который легко читается или не слишком броский? Тогда Times New Roman – один из ваших лучших вариантов. Это один из наиболее широко доступных шрифтов, и Photoshop сделал нам всем солидно, включив его в программу.

Первоначально созданный в 1920-х годах, Times New Roman обычно используется для основного текста в газетах, журналах и книгах. Его отличает удобочитаемость и универсальный доступ ко всем цифровым программам.

2. Баскервиль

Еще один «классический» шрифт, поставляемый с Photoshop, – это Baskerville: гладкая, немного «более легкая» альтернатива Times New Roman, с таким же легким для чтения видом и консервативным использованием пространства. Когда вы его примените, он не займет много места на странице.

Хотя Баскервиль не так популярен, как Times New Roman, он одинаково хорошо подходит для основного текста и может работать как текст для вашего заголовка. В большем масштабе это выглядит хорошо.

3. Американская пишущая машинка

Вы ищете шрифт с засечками, который хорошо работает как основной текст в абзаце? Хотите что-то более современное и непринужденное, чем Times New Roman? Американская пишущая машинка – хороший ответ на этот вопрос и может придать вашим документам «ретро» вид.

4. Эдвардианский шрифт ITC

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

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

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

5. Монтсеррат

Конечно, не все шрифты будут иметь «классический» вид, и вы этого не хотите.

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

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

6. Вековая готика

Century Gothic – это шрифт без засечек с чистыми, более светлыми линиями по сравнению с чем-то вроде Montserrat. Вы можете использовать его для заголовков и заголовков, и, если вы будете осторожны, он также хорош для коротких абзацев. Но будьте осторожны, если эти абзацы будут слишком длинными, Century Gothic сделает их трудными для чтения.

7. Helvetica

Трудно выбрать лучший шрифт, потому что их очень много. Некоторые из них также зависят от личного вкуса. Если вы ищете простой современный шрифт, который подходит практически для всех дизайнов – от профессиональных отчетов до туристических брошюр, – тогда лучше всего выбрать Helvetica.

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

8. Фосфат

Иногда вам нужен веселый шрифт для рекламы. Одним из лучших вариантов, включенных в Photoshop, является Phosphate – жирный, широкий шрифт, идеально подходящий для привлекающих внимание заголовков на плакатах. Из-за его размера мы не рекомендуем использовать его для основного текста, но он отлично подходит для заголовков.

9. Баухаус 93

Ищете декоративный шрифт, который немного веселее, дружелюбнее и необычнее, чем Phosphate? Баухаус 93 сделает свое дело. Как и его более тяжелый сосед, этот шрифт большой и жирный, его лучше всего использовать для заголовков на плакатах и ​​брошюрах.

10. Браггадосио

Braggadocio – один из лучших дизайнов без засечек в Photoshop – жирный, гиперстилизованный шрифт, который сразу требует внимания. Это хорошо для игр с ретро-дизайном, но используйте его экономно. Слишком много, и ваш текст будет трудно читать.

Лучшие шрифты Adobe для Photoshop

Если вы не нашли то, что вам нужно, с помощью встроенного набора Photoshop, Adobe Fonts может быть вашим ответом. Есть тысячи шрифтов на выбор, и для их загрузки в Photoshop требуется всего один щелчок. Помимо Adobe Fonts, у нас также есть список сайтов, которые помогут вам найти бесплатные шрифты в зависимости от внешнего вида .

Чтобы активировать шрифт в Photoshop, просто зайдите в Adobe Fonts и используйте строку поиска вверху, чтобы найти определенные шрифты, или прокрутите вниз и нажмите « Обзор шрифтов» . Оказавшись здесь, найдите шрифт, который хотите использовать, и нажмите « Активировать шрифт» . Теперь вы можете использовать этот шрифт в Photoshop или любом другом совместимом приложении Creative Cloud!

Если для загрузки доступно несколько значений толщины шрифтов, в правом верхнем углу вы также увидите « Активировать шрифты X» . Этот параметр позволяет загружать все веса шрифтов одним щелчком мыши, вместо того, чтобы переключать отдельные выделения.

11. Освальд

Начав с шрифтов без засечек, у нас есть Oswald. Яркий шрифт Освальда сияет как заголовок или основной текст, но он также может быть надежным вариантом для уменьшенного текста, которым вы хотите привлечь внимание читателя (например, список функций, возможно).

Освальд хорошо смотрится во множестве других цветов, что делает его рекламный текст привлекательным.

12. быстрые пески

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

13. Робото

Roboto неуклонно набирает обороты в Интернете, и легко понять почему. Робото похож на повседневную пятницу на работе; это профессионально, но в то же время расслабленно. Современная версия классического шрифта, легко читается и красиво объединяет предложения.

14. Amatic

Если вы ищете что-то более стилизованное, Amatic – отличный выбор для заголовков, которые рассказывают историю. Использование Amatic немедленно изменит настроение вашей композиции – это придаст вещам ощущение домашнего уюта. Это отлично подходит для текста заголовка, который связан с вашей аудиторией по темам, которые сильно волнуют вашу компанию.

15. Курьер

Курьер – отличный выбор при включении технологических элементов в свое изделие. Некоторые программисты предпочитают работать с Courier (или его разновидностями), поэтому используйте этот шрифт, если вы хотите добавить в свою работу блок кода. Его также можно использовать в качестве текста абзаца, если этого требует стиль, но есть гораздо лучшие варианты для заголовков и большого текста.

16. Мерривезер

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

17. Купер Блэк

Cooper Black – это заголовок и заголовок насквозь. Этот шрифт восклицает: «Эй, смотрите! Прочтите меня!» Просто имейте в виду, что он не подходит для длинного текста.

В расчетных количествах Cooper Black – это то, что вам нужно. С осторожностью используйте его как текст h4, чтобы эффективно разбивать длинные абзацы.

18. Как можно скорее

Элегантный дизайн Asap лучше всего работает при использовании в абзацах или коротких сообщениях. Слова плавно переходят от одного к другому, создавая однородный вид, не утомляя читателя.

19. Кокетка

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

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

20. Руни Санс

Rooney Sans делает невероятный текст логотипа. Он привлекательный, легко читаемый, стильный и дерзкий; он выполняет свою работу, а потом еще кое-что. Небольшое количество имеет большое значение, а использование слишком большого количества сделает вещи шумными.

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

Какой шрифт в Photoshop вам подходит?

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

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

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

Классный текстовый эффект с помощью инструмента «Марионеточная деформация» в Photoshop CS5

Когда Adobe начала объявлять о некоторых новых функциях версии Photoshop CS5, они показали инструмент «Марионеточная деформация», в котором они играли с хоботом слона. Я был действительно впечатлен этим инструментом, но никогда не использовал его слишком часто, поэтому я решил попробовать, особенно после просмотра скриншота с Расселом Брауном, в котором он показывал, как манипулировать веревкой с помощью инструмента Puppet Warp Tool. .

Итак, в этом уроке я покажу вам, как создать текстовый эффект, используя фотографию веревки и инструмент «Марионеточная деформация».Это руководство будет работать только с версией CS5, и я считаю, что это не займет у вас много времени.

Шаг 1

Откройте Photoshop и создайте новый документ. Я использую 2560×1440 пикселей для размера. После этого импортируйте фотографию веревки. Тот, который я использовал, любезно предоставлен Shutterstock, и вы можете найти его здесь.

Шаг 2

Мы будем использовать инструмент Puppet Warp для создания нашего текстового эффекта, но для того, чтобы он работал правильно, веревка должна быть очень длинной.Вам также нужно будет выделить фон слоя, оставив только веревку. После этого перейдите в Edit> Puppet Warp . В режиме по умолчанию поверх вашего объекта будет отображаться пюре, чтобы скрыть его, просто снимите флажок Показать сетку .

Шаг 3

А теперь начните добавлять точки или суставы, я даже не знаю, как это назвать. Как вы можете видеть на изображении ниже, я добавил одну в начале веревки и одну в конец. Начните перемещать их, чтобы посмотреть, как они себя ведут. Подсказки: если вы удерживаете ALT, вы можете вращать точку, появится маленький кружок, чтобы вы могли использовать его в качестве контроллера. Также, если вы нажмете на точку, удерживающую ALT, вы удалите ее.

Шаг 4

Начните создавать свое слово, ниже вы можете увидеть R веревки.

Шаг 5

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

Шаг 6

Еще одна действительно интересная особенность Puppet Wart заключается в том, что вы можете изменить порядок сетки с точки зрения глубины, это довольно впечатляет, как они это делают, но, например, вы можете определить, когда часть идет поверх другой, используя Pin Depth иконы.

Шаг 7

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

Шаг 8

Снова импортируйте изображение веревки и соедините его с R, затем сделайте то же самое с E.

Шаг 9

Добавьте новый слой поверх остальных и с помощью инструмента Brush Tool (B). используйте очень мягкую кисть с черным цветом, нарисуйте области, отмеченные ниже, чтобы создать несколько теней. Сгруппируйте этот слой в папку и измените Blend Mode папки на Color Burn с непрозрачностью 50%.

Шаг 10

Сгруппируйте все слои и продублируйте группу, затем с выбранной дублирующейся группой перейдите к Layer> Merge Group .Измените Blend Mode группы на Overlay.

Шаг 11

Снова используя изображение веревки, создайте еще один эффект с помощью инструмента «Марионеточная деформация».

Шаг 12

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

Выберите все слои, кроме текстуры бумаги, затем сгруппируйте их. После этого продублируйте группу, выберите эту новую группу и перейдите в Filter> Convert for Smart Filters.

Шаг 13

Выбрав слой Smart Object , перейдите в Filter> Blur> Guassian Blur . Используйте радиус 8 пикселей. Одна замечательная вещь в смарт-фильтрах заключается в том, что они ведут себя как маски, рядом с подслоем смарт-фильтра есть белая миниатюра, которая похожа на маску, все, что белое, получает фильтр, то, что черное, нет, и серые шкалы области фильтр менее сильный. Это идеально подходит для создания эффекта глубины резкости.

С помощью инструмента Brush Tool (B) и очень мягкой кисти закрасьте область слова ВЕРЕВКА черным, а также всю веревку, которая соединяет слово. Используйте изображение ниже для справки.

Шаг 14

Выделите все слои и продублируйте их, после этого объедините дублированные слои и перейдите в Filter> Blur> Gaussian Blur . Используйте 15 пикселей для радиуса . Дублируйте этот слой, так что у вас будет 2 размытых слоя. Один вверху использует Screen для режима наложения с 50% непрозрачности , а тот, что ниже, использует Overlay для режима наложения с 50% непрозрачности.

Шаг 15

Перейдите в Layer> New Adjustments Layer> Hue and Saturation. Уменьшите насыщенность до -40.

Заключение

Инструмент «Марионеточная деформация» — это невероятный инструмент, который демонстрирует невероятные технологии, стоящие за ним, например, есть некоторые вещи, которые просто сногсшибательны, такие как изменение глубины меша. Этот урок был просто примером того, как использовать его для создания текста из веревки. Теперь вам нужно придумать гораздо более крутые идеи.

Щелкните изображение для полного предварительного просмотра.

Загрузите файл Photoshop

Скачать исходный файл

33 Руководства по использованию текстовых эффектов в Photoshop

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

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

Это продолжение опубликованной недавно публикации под названием 30 Beautiful Photoshop Text Effect Tutorials , которую вы также должны проверить.

Наслаждайтесь!

1. Обработка деревянного типа

2. Замечательный трехмерный текст

3. Эффект типографики Cool Wet Ink

4. Эффект медного текста

5.Металлический 3D-текст высокого качества

6. Номерной знак туалетного столика

7. Эффект прозрачного текста со свежей травой

8. Эффект ретро текста

9. Рваные края бумаги

10. Липкий текст

11. Эффект звездного текста в Photoshop

12. Патриотический текст

13. Эффект ледяного текста в Photoshop

14.Стильный ретро текстовый эффект

15. Красочное свечение

16. Эффект полупрозрачного любовного текста

17. Эродированный металл в программе Photoshop

18. Стиль ужасов с грязью и брызгами

19. Поделки из бумаги

20. Шероховатый металл

21. Светящееся стекло

22. Обгоревшая древесина

23. Эффект абстрактного текста

24.Эффект трехмерного многослойного текста

25. Металлический текст под прожектор на 12 часов

26. Свернутая опечатка

27. Облачно текст

28. Светящийся текст в космосе

29. Нашивка на одежду

30. Легкий неоновый стиль

31. Jelly Fish Delight

32. Расширенные эффекты свечения

33. Сводящий с ума текстовый эффект — неограниченное количество вариантов

Надеюсь, вам понравятся эти руководства и они будут вам полезны.Спасибо за чтение!

Связанное содержимое

• 30 учебных пособий по красивым текстовым эффектам в Photoshop
• Как создать замечательный 3D-текст в Photoshop
• Как создать потрясающий и жирный трехмерный текст

Генератор классных текстов в SVG / PNG с 30+ эффектами x 800+ шрифтов · maketext.io

об этом инструменте

Иногда нам просто нужен приличный стильный текст за 10 минут, может быть, логотип следующего проекта. У нас нет Photoshop, мы не думаем о хорошем дизайне.Что, если есть веб-сервис для нас, чтобы выбрать хороший эффект, а затем мы просто настроим его → загрузим → используем? И да, maketext.io создан для этой цели.

Maketext.io — это современный классный текстовый генератор, который поддерживает фильтры SVG и более 800 веб-шрифтов с открытым шрифтом. Хотя вокруг уже существует множество подобных веб-сайтов, мы вручную создали maketext.io, руководствуясь следующими рекомендациями:

• Сделайте это быстро, сделайте простым
• В Интернете, на лету
• Легко настраиваемый
• На основе векторов с поддержкой растров

Технические аспекты

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

Совместимость с браузером

Так же, как есть некоторые атрибуты CSS, которые не поддерживаются всеми современными браузерами, может быть разница между реализациями браузеров и фильтром SVG, который мы используем, особенно в старых браузерах, таких как Internet Explorer.

Вообще говоря, современные браузеры, такие как последние версии Chrome, Firefox и Safari, должны правильно отображать их, но вы должны проверить, нужна ли вам поддержка таких браузеров, как IE9.Подробный список поддержки SVG-фильтра браузером см. В разделе «Могу ли я использовать« SVG-фильтр »» для получения дополнительной информации.

Производительность рендеринга

Рендеринг SVG может потребовать больше ресурсов ЦП, чем рендеринг растровых изображений, таких как PNG или JPG. Это особенно верно при использовании сложных SVG-фильтров, и почти все фильтры здесь сложные. Подумайте об использовании свойства CSS «will-change», чтобы предотвратить повторный рендеринг при использовании этих загруженных файлов SVG, как мы это сделали в нашей стильной текстовой галерее.

Качество изображения

Хотя SVG основан на масштабируемых векторах и должен быть готов к отклику, иногда все еще остаются нежелательные сглаживания / неровные края или невыровненные формы из-за проблем с округлением чисел / точностью при рендеринге. Если вы используете эти файлы SVG с динамическим изменением размера, не забудьте проверить их внешний вид в другом разрешении перед отправкой ваших работ.

Встроенный шрифт

Чтобы пользовательский веб-шрифт работал в файлах SVG, мы фактически конвертируем каждую букву текста в путь SVG вместо того, чтобы встраивать в него весь файл шрифта.Это может уменьшить размер файла (если текст короткий), но тогда он не сможет изменить текст после генерации файла SVG, и файл SVG не может быть проиндексирован поисковой системой по его содержимому. Вы все еще можете использовать атрибут alt в теге img для SEO.

Copyable Cool Text

Хотя классный текст в изображениях — это здорово, иногда нам нужно использовать их в текстовых сообщениях или даже в мессенджерах. Ознакомьтесь с нашим Генератором необычного текста, который предназначен для этой цели: создавайте стильный текст, который можно копировать!

Ресурсы

При создании стильного текста с помощью maketext.io, вы также можете создать свой собственный крутой текстовый фильтр. Эта статья «Искусство фильтров SVG и почему это круто» предоставляет исчерпывающее руководство с множеством примеров для всех, кто хочет создать классный текстовый фильтр SVG с нуля, что, безусловно, необходимо прочитать.

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

Тот факт, что эти классные текстовые эффекты созданы с помощью фильтров SVG, позволяет использовать их с другими библиотеками css или javascript. Например, вы можете использовать loading.css или transition.css для анимации стильного текста. Проверьте генератор анимированного текста loading.io, чтобы узнать, как можно использовать loading.css в текстовой анимации.

Свяжитесь с

Мы хотим улучшить этот сервис, но всегда есть ошибки или сбои. Не стесняйтесь обращаться к нам через [email protected] по почте, или оставьте свои слова в виджете disqus ниже.Мы всегда ценим ваши отзывы и поддержку, благодаря которым мы могли бы вместе улучшить этот сервис.

Попасть в список

Мы постоянно создаем лучшие инструменты для Интернета, часто с библиотеками с открытым исходным кодом для всех. Наше портфолио включает сервис визуализации данных «PlotDB», сервис анимации «loading.io» и сервис совместного веб-дизайна в реальном времени «makeweb.io». Хотите, чтобы нас заметили, когда мы выпустим следующий сервис? Просто подпишитесь на нашу рассылку! 🙂

Попасть в список

5 потрясающих текстовых эффектов, которые можно сделать бесплатно без Photoshop — Laughingbird Software LLC

Три (3) текстовых эффекта, которые можно создать без Photoshop.

• Импортировать изображение в текст
• Создайте повернутый текст (например, подпись с вашим собственным изображением)
• Используйте забавные неоновые эффекты

Далее, узнайте, как сделать логотип с текстурированными буквами!

Наконец, вот забавный совет по дизайну текста, который привлечет внимание

А теперь приступайте к созданию вашего первого потрясающего текстового дизайна!

35 стилей, которые вы можете применить к своим типографским образцам

Создавать классные текстовые эффекты в Photoshop теперь стало намного проще и увлекательнее. Благодаря Smart PSD, теперь мы можем загружать готовые текстовые эффекты, которые мы можем настроить в соответствии с нашими собственными требованиями. В первые дни проектирования в Photoshop мы обычно создавали текстовые эффекты, используя либо стиль Photoshop, либо экшены Photoshop.Эти методы намного сложнее, и настроить их также непросто.

Используя Smart PSD, вы можете просто выбрать смарт-объекты (расположенные в слоях), чтобы редактировать части, которые вы хотите редактировать или настраивать. Каждый смарт-объект имеет отдельный исходный файл, который можно редактировать независимо и неразрушающим образом. Редактирование исходного файла позволяет редактировать слой независимо от всего файла PSD. Например, вы хотите применить к своему логотипу определенный 3D-эффект. Вы делаете это, заменяя только слой типа / текста названием вашего бренда.Таким образом, у вас есть собственный логотип с таким же 3D-эффектом. Если у вас возникли трудности с пониманием того, что я пытаюсь здесь сказать, я рекомендую вам посетить веб-сайт Adobe для получения подробного руководства по использованию смарт-объектов в Photoshop.

Если вы готовы создать свой собственный потрясающий дизайн типографики, прокрутите вниз и восхищайтесь 35 бесплатными классными текстовыми эффектами, которые мы собрали в этом посте. Они полезны, среди прочего, для создания плакатов, логотипов, вывесок, рекламных щитов.Загрузите эти классные текстовые эффекты и превратите обычный обычный текст в живой и интересный дизайн. Используйте смарт-объекты, чтобы изменить фон, цвет текстов, а также другие элементы в вашем дизайне всего несколькими щелчками мыши.

Дополнительные ресурсы по дизайну типографики вы также можете найти в нашей предыдущей публикации о типах шрифтов в фильмах.

35 COOL TEXT EFFECTS MOCK UPS

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

01: визуальный текстовый эффект PSD

СКАЧАТЬ

02: 3D-текст жирным шрифтом

СКАЧАТЬ

03: Эффект ретро текста # 1

СКАЧАТЬ

04: Эффект ретро текста # 2

СКАЧАТЬ

05: Хром

СКАЧАТЬ

06: Эффект яркого текста PSD

СКАЧАТЬ

07: 3D металлический текст

СКАЧАТЬ

08: PSD Border Inset

СКАЧАТЬ

09: Текстовый эффект Bounce PSD

СКАЧАТЬ

10: Бесплатные винтажные ретро

СКАЧАТЬ

11: Ретро золотая надпись

СКАЧАТЬ

12: Эффект голографического 3D

СКАЧАТЬ

13: Текстовый эффект лайтбокса

СКАЧАТЬ

14: мягкий белый

СКАЧАТЬ

15: Гранж-скос

СКАЧАТЬ

16: Кинематографическое 3D

СКАЧАТЬ

17: Винтажные надписи с офсетной печатью

СКАЧАТЬ

18: Гранд Мотель

СКАЧАТЬ

19: Попкорн

СКАЧАТЬ

20: Полосатый эффект тени

СКАЧАТЬ

21: Эффект Вегаса

СКАЧАТЬ

22: стиль текста 3D Stone

СКАЧАТЬ

23: PSD-эффект «Кусок торта»

СКАЧАТЬ

24: Легенда 3D Металл

СКАЧАТЬ

25: Довольно Винтаж

СКАЧАТЬ

26: Ретро типографика

СКАЧАТЬ

27: ​​Эффект каменного текста PSD

СКАЧАТЬ

28: Текст в неоновом свете

СКАЧАТЬ

29: Эффект ретро типографии 80-х

СКАЧАТЬ

30: Старое название фильма

СКАЧАТЬ

31: Средневековый стиль текста

СКАЧАТЬ

32: стиль металлического текста

СКАЧАТЬ

33: Эффект аутентичного текста

СКАЧАТЬ

34: Ванильно-белый типографический эффект

СКАЧАТЬ

35: Ретро текстовый стиль в PSD

СКАЧАТЬ

Связанные бесплатные ресурсы для дизайна

90 руководств по текстовым эффектам, созданных в Photoshop

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

Если вы поклонник потрясающих текстовых эффектов, зайдите на Envato Market и взгляните на наши любимые!

Tron Legacy Tutorial

Учебное пособие по титулам принца Персии

Элегантный зеленый текст с эффектом

Создайте жуткую мистическую трехмерную типографику

Создание текстового изображения с помощью Wordle и Photoshop

Создание тисненой этикетки

Цветной световой всплеск текста

Создание забавного деревянного шрифта в Photoshop

Текст на туманном окне

Гладкое стекло Тип

Создание потрясающего трехмерного текста на шероховатом ландшафте

Создайте потрясающий текстовый эффект пылающего пламени в Photoshop

Создание элегантной, гладкой, трехмерной типографики в Photoshop и Illustrator

Создание жидкого стеклянного текста с заливкой в ​​Photoshop

Как создать типографику из леденцов в Photoshop и Illustrator

Создайте реалистичный сложенный бумажный текст в Photoshop

Создание классного текстового эффекта в Photoshop с помощью одной текстуры

Как создать поздравительную открытку с Новым 2011 годом в Photoshop CS5

Создание суперглянцевого 3D-шрифта в Illustrator и Photoshop

Создайте сцену типографики с текстурой кожи в Photoshop

Как сделать типографское, ретро, ​​космическое лицо

Используйте Google Sketchup и Photoshop для создания 3D-типографики

Создайте потрясающий эффект типографики сломанной тарелки

Эффект 3D-водяного текста с Repoussé в Photoshop CS5

Смешивание 3D-текста Xara в проекте обоев

Создание темной сцены 3D-текста в стиле гранж в Photoshop

Создание динамического и текстурированного трехмерного текста с перспективой в Photoshop и Illustrator

Учебное пособие по 3D-тексту в стиле гранж с Illustrator и Photoshop

Создание трехмерной текстовой композиции «Сделайте перерыв»

Создайте стильный постер в стиле гранж с 3D-типографикой в ​​Photoshop

Создайте этот ослепительный эффект 3D-текста в Photoshop

Создание красочного эффекта 3D-текста в Photoshop

Эффект современного трехмерного текста

Создание потрясающей тематической трехмерной типографии для ночного клуба

3D-шрифт с репутацией в Photoshop CS5 Extended

Создайте потрясающий эффект трехмерного текста с помощью абстрактной кисти в Photoshop

Эффект многослойного 3D-текста

Создание эффекта экструдированного глянцевого 3D-текста в Photoshop

Создайте эффектный эффект пылающего метеора на тексте

«Падающий со стены» — Урок Photoshop

Создание текстового эффекта, покрытого сладким шоколадом

Текстовый эффект обожженного дерева — Урок Photoshop

Глянцевые текстовые эффекты эмблемы в Photoshop

Как создать типографику с эффектом холодной воды

Как создать невероятную типографскую иллюстрацию — Часть 1

Создайте потрясающий текстовый эффект «Брызги воды» в Photoshop

Роскошный золотой текстовый эффект

Создание трехмерного красочного абстрактного текста с эффектом

Воссоздайте эффект металлического текста эпохи 80-х в Photoshop

Эффект красочного текста из плексигласа с использованием Photoshop

Создание потрясающего текста из трехмерных блоков

Создайте эффект малинового текста с кожей зебры в Photoshop

Создание красочного эффекта 3D-текста в Photoshop

Как создать типографский плакат в стиле ретро

Создание 3D-типографики с расширенным эффектом текстурирования и освещения в Photoshop

Цветной хромированный текст с эффектом

Изображение построено из текстовых строк!

Граффити в Photoshop

Потрясающий цветочный шрифт в фейерверках и Photoshop за 5 минут

Затерянный в космосе Типографика в Photoshop

Джунгли 3D текст в Photoshop

Научитесь создавать типографику коллажей

Создайте эффект горячего и сверкающего огненного текста в Photoshop

Эффект текста Papercraft

Быстрое и легкое воссоздание популярного типографского стиля с рукописным вводом

Классный текстовый эффект с помощью инструмента «Марионеточная деформация» в Photoshop CS5

Создание эффекта акварельного текста в Photoshop

Весна Обои Урок Photoshop

3D-шрифт с репутацией в Photoshop CS5 Extended

Учебное пособие по Photoshop: создание 3D-шрифтов с помощью Photoshop CS5

Узнайте, как создать текст с металлической текстурой

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

Плазменная резка текста с стреляющими искрами

Создание эффекта обрезанного текста в 3D газете

Текстовые эффекты яркого свечения

Easy Casino Style Войти в Photoshop

Создание эмблемы автомобиля Chrome 4 × 4

Эффект ослепительного тканого текста

Как создать готический типографский дизайн Blackletter

Эффект сверкающего текста

Тип дыма в Photoshop за 10 шагов

Создайте гладкий дизайн прессованных букв

Как создать текстовую композицию 3D Love

3D типографика в Photoshop

Тип сборки с чутьем

Создайте потрясающий текстовый эффект брызг океана с фоном молнии в Photoshop

Как создать богато украшенную типографскую иллюстрацию

Смещенный текст

Эффект ретро текста

Как создать простой и элегантный текстовый эффект

Создание классного текстового эффекта в Photoshop с помощью одной текстуры

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

Для начала нам понадобится текстура. Я собираюсь использовать этот из пакета Mega Textures Pack, который я опубликовал в блоге Echo Enduring:

Все остальное будет сделано прямо в Photoshop, так что давайте, ладно?

Шаг 1

Первое, что нам нужно сделать, это на самом деле создать типографский дизайн, на котором мы будем создавать наш эффект.Для этого давайте начнем с создания нового документа размером 800 пикселей. Затем откройте диалоговое окно «Настройки» (Command / Ctrl-K), выберите подраздел «Направляющие, сетки и фрагменты» и настройте сетку на повторение каждые 20 пикселей.

Теперь мы хотим начать размещение текста. Идея того, что мы собираемся здесь сделать, состоит в том, чтобы создать коллаж из разных слов, которые связаны общим элементом. В этом конкретном случае я решил использовать слова, которые так или иначе связаны с Интернетом.Я начал так:

Затем я начал добавлять больше слов шрифтами Alternate Gothic, Baskerville и Swiss, используя сетку, чтобы оставлять достаточно ровное пространство между разными словами. Чтобы все было выровнено с сеткой, я бы также немного подправил трекинг здесь и там:

В конечном итоге мы получим что-то вроде этого:

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

Шаг 2

После того, как я приложил все усилия, чтобы создать словесный коллаж, следующий шаг может показаться несколько контрпродуктивным, но оставайтесь здесь со мной. Мы собираемся выбрать все различные текстовые слои, которые мы создали для создания коллажа, и объединить их в один смарт-объект.

Далее мы действительно хотим уменьшить размер холста до квадрата 600 пикселей. Да, это приведет к отключению некоторых слов, которые мы включили в предыдущий шаг, но это нормально.

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

Шаг 3

Хорошо, теперь, когда у нас готов базовый дизайн, пора приступить к работе с текстурой.Итак, перенесите его в Photoshop. Вы можете либо открыть его в отдельном документе, а затем вырезать и вставить, либо вы можете поместить его в рабочий документ как другой смарт-объект.

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

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

Шаг 4

Теперь просто скройте все, кроме нижней текстуры. Выделив этот слой, создайте новый корректирующий слой уровней. Переместите черный ползунок от 0 до 31 и серый ползунок от 1,0 до 0,66.

Все, что это действительно делает, — это затемнение фона ради контраста с текстом на следующем шаге!

Шаг 5

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

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

Чтобы создать раскрытие тени и выбрать один из дополнительных текстовых слоев, которые мы создали, и уменьшить его значение заливки до 0. Если вы не знакомы с этой техникой, это может показаться тем же самым, что и уменьшение непрозрачности. . Это похоже, но главное отличие в том, что изменение уровней непрозрачности влияет на стили слоя, а изменение уровней заливки — нет. Это позволяет вам разделить несколько эффектов на разные слои, что идеально подходит для наших целей.

Создайте новый стиль слоя падающей тени и используйте настройки, показанные здесь.Вам потребуется расстояние 4, распространение 5 и размер 10. Кроме того, уменьшите непрозрачность до 65 и угол до -14 градусов. Наконец, убедитесь, что опция Global Light включена.

Это добавит эффект широкого затемнения ко всему тексту, помогая создать иллюзию глубины. Мы дополним эту иллюзию другим стилем слоя, которого часто избегают — Bevel & Emboss — и разместим эффект на нашем втором дублированном текстовом слое, чтобы он был отделен от нашей тени (почему вы увидите ниже).Создайте стиль слоя Bevel & Emboss со следующими параметрами:

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

Шаг 6

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

Затем просто установите режим наложения слоя на умножение и уменьшите общую непрозрачность до 50%, чтобы получить общее изображение, которое выглядит следующим образом:

Теперь мы добавим очень мягкий и простой световой эффект в центр.Начните с создания нового слоя и установки белого цвета переднего плана. На новом слое закрасьте центр документа. Затем используйте размытие по Гауссу, чтобы смягчить все это, например:

Наконец, установите режим наложения на Overlay и снова уменьшите непрозрачность до 50%.

Шаг 7

Наконец, я обнаружил, что некоторые из светлых участков кажутся немного сильными в некоторых недавно затененных областях, поэтому мы тоже захотим это исправить. Это действительно легко сделать.Просто выберите слой со стилем слоя Bevel and Emboss и добавьте новую маску слоя. Затем внутри маски слоя создайте радиальный градиент, идентичный тому, который мы использовали для нашего эффекта виньетки.

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

Заключение

Вот и все! Я надеюсь, что вы нашли этот урок полезным и / или интересным.