Как сделать двухцветный текст в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Всем привет!
Сегодня мы будем создавать двухцветный текст.
Эффект двухцветного текста лучше всего подойдет для визиток, афиш и т.п. в минималистическом стиле.
Разумеется, вы можете использовать оттенки на свой вкус, другие шрифты и слова.
Сначала мы создадим новый документ, установим шрифт из папки с исходниками и напишем текст.
Затем создадим новый градиент и при помощи стилей слоя добавим градиент на текстовый слой.
Далее мы создадим первый вариант эффекта – добавим градиент в качестве обводки на текстовый слой.
В завершение урока «Как сделать двухцветный текст в фотошопе» мы создадим второй вариант – при помощи стилей слоя применим градиент к фоновому слою.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Color». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет заливки на # 000000 (черный) и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по иконке панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.
Вызываем Свободное трансформирование (Ctrl+T или Редактирование-Свободное трансформирование), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы увеличить текстовый слой.
В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.
В панели слоев дважды щелкаем по текстовому слою, чтобы открыть стили слоя.
Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне. Градиент, что мы будем создавать, отличается от стандартных градиентов, которые часто используются. В нашем градиенте будет 2 нижние Контрольные точки с позицией 50%.
Итак, создаем градиент с такими параметрами:
Первая Контрольная точка (позиция 50%) – оттенок # edd6de;
Вторая Контрольная точка (позиция 50%) – оттенок # 927489.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
Если вы вводили оттенки не в том порядке, в котором они указаны, то цвета могут поменяться местами. Чтобы это исправить, просто кликните по одной из нижних Контрольных точек в Редакторе градиентов.
Не выходя из Редактора градиентов, сохраняем созданный градиент, нажав на соответствующую кнопку. Новый градиент появится в конце списка загруженных градиентов.
Полные настройки для вкладки Наложение градиента на последнем скриншоте.
Результат после применения стилей слоя.
Теперь есть два варианта подчеркнуть двухцветный текст – с помощью обводки и фона.
Для того, чтобы использовать первый вариант, в панели слоев дважды щелкаем по текстовому слою, чтобы снова войти в стили слоя.
Во вкладке Обводка выбираем тип обводки Градиент. Кликаем по «треугольнику» у строки выбора градиента и выбираем градиент, что создавали в предыдущих шагах. Полные настройки для вкладки Наложение градиента на втором скриншоте.
Результат после применения стилей слоя.
В панели слоев выключаем видимость стиля слоя «Обводка», нажав на «глазик» около стиля слоя и переходим ко второму способу.
На этот раз добавляем стили слоя к слою «Фон». Дважды щелкаем по слою «Фон» в панели слоев, чтобы открыть стили слоя.
Во вкладке Наложение градиента кликаем по «треугольнику» у строки выбора градиента, выбираем градиент, что создавали в предыдущих шагах и вводим настройки, как на рисунке ниже.
Результат после применения стилей слоя.
Теперь нам осталось только при помощи инструмента Перемещение подкорректировать расположение текстового слоя так, чтобы линии на тексте и фоне совпадали. И вот что получилось.
Двухцветный текст готов! Урок «Как сделать двухцветный текст в фотошопе» завершен.
Отличного настроения и вдохновения!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Как сделать эффект каменного текста в Photoshop с помощью стандартных инструментов.
Содержание
быстрая навигация по статье
Накладываем фильтры, задаём объём, дорабатываем эффектПосмотреть видео-урок
Для работы создаем новый проект, я сделаю холст размером FullHD, т.е. 1920 на 1080 пикселей, цвет фона пусть остаётся белым. Так как сам эффект мы будем накладывать на текст, для начала нужно что-то напечатать.
1. Печатаем текст и подготавливаем его под эффект
Создаём новый слой, кликнув по соответствующей пентаграмме в панели слоёв, берём инструмент «Текст», выбираем какой-нибудь шрифт и печатаем.
Я для работы буду использовать вот такой шрифт, который вы можете скачать вместе с исходниками урока. Размер можно настроить с помощью функции свободного трансформирования. Выбираем в верхнем меню «Редактирование» — «Свободное трансформирование» и настраиваем текста под нужный размер. Я поставлю текст ровно по центру холста.
Для начала обработаем края текста, чтобы он выглядел не идеально ровным, а имел некие зазубрины и сколы.
Для этого создаём новый слой над слоем с текстом и заливаем его черным цветом. Берём инструмент «Заливка», установливаем чёрный цвет и заливаем.
Теперь выделяем текст. Для этого удерживая Ctrl на клавиатуре наводим курсор на слой с текстом и кликаем по нему левой кнопкой мыши. Получилось выделение и теперь, чтобы сам текст не мешал, мы просто отключим видимость этого слоя, для этого нужно кликнуть по значу глаза у слоя с текстом.
2. Накладываем фильтры (работаем с маской)
Теперь выделяем в панели слоёв слой с черной заливкой и создаём для него маску, кликнув по соответствующему значку в панели слоёв.
Далее, мы будем работать с этой маской слоя. Чтобы получить неровности на краях текста, наложим на маску несколько фильтров. Для этого выделяем маску слоя, кликнув по ней левой кнопкой мыши и переходим в верхнем меню в «Фильтр» — «Галерея фильтров» и ищем тут фильтр «Разбрызгивание». Он находится во вкладке «Штрихи». Выставим значение радиуса разбрызгивания примерно на 15-ть, а смягчение на максимум, получилось тоже значение 15-ть.
Далее наложим на маску еще один фильтр, который называется «Линогравюра». Для этого кликаем по соответствующему значку, чтобы добавить новый слой с эффектом. Затем выбираем сам эффект, его можно найти в этой панели, во вкладке «Эскиз», либо выбрать прямо в настройках. Данному фильтру выставим такие же значения настроек, как и предыдущему. Т.е. «Тоновый баланс» ставим значение на 15-ть и «Смягчение» тоже. Применяем эффекты, кликнув «Ок».
И теперь нужно просто применить созданную нами маску слоя. Для этого кликаем по маске правой кнопкой мыши и выбираем «Применить слой-маску», получаем слой с текстом.
Следующим шагом наложим на текст еще один фильтр, который называется «Кристаллизация». Для это мы снова создадим маску для слоя с текстом и на неё будем накладывать очередной эффект. Выделяем текст, для этого удерживая Ctrl на клавиатуре кликаем левой кнопкой мыши по слою с текстом. И создаём маску выделенной области, кликнув по соответствующему значку в панели слоёв.
Теперь выделяем созданную маску, кликнув по ней левой кнопкой мыши и в верхнем меню выбираем «Фильтр» — «Оформление» — «Кристаллизация».
В открывшемся окне настроек фильтра устанавливаем значение размера ячейки на 15-ть и применяем фильтр.
В результате получается вот такой эффект сколов по краям текста.
3. Накладываем текстуру камня
Для того, чтобы текст выглядил действительно каменным на него нужно наложить изображение текстуры камня. Для этого я нашел необходимую текстуру, её вы сможете скачать со всеми исходниками урока. Открываем файл с этой текстурой, снимаем блокировку слоя, кликнув 2 раза левой кнопкой мыши по замочку и перетаскиваем её на наш рабочий холст.
Слой с текстурой должен быть размещен поверх всех имеющихся слоёв. Накладываем слой с текстурой на слой с текстом. Для этого удерживая Alt на клавиатуре наводим курсор мыши между двумя слоями, до появления пинтограммы изогнутой стрелочки, и кликаем левой кнопкой мыши.
4. Накладываем фильтры, задаём объём, дорабатываем эффект
Теперь я хочу добавить эффект сколов на саму текстуру камня и для этого можно снова воспользоваться маской слоя. Сначала создадим дубликат слоя с текстом и разместим его поверх всех слоёв. Для этого выделяем слой с текстом и удерживая Alt перетаскиваем его левой кнопкой мыши наверх и отпускаем кнопку мыши.
Затем накладываем этот слой на слой с текстурой. Как и в предыдущий раз, удерживаем Alt, наводим курсор между слоями и при появлении пинтограммы кликаем левой кнопкой мыши.
Выделяем маску слоя и переходим в верхнем меню в «Фильтр» — «Оформление» — «Кристаллизация». В появившемся окне настроек выкручиваем параметр «Размер ячейки» примерно до значения 80-ть и применяем фильтр.
Для того, чтобы этот эффект сделать более выразительным можно еще раз наложить на эту маску тот же фильтр, только с небольшим значением размера ячейки. Выделяем маску, выбираем в верхнем меню «Фильтр» — «Оформление» — «Кристаллизация» и устанавливаем значение примерно на 5-ть.
В результате по краям появилось больше сколов.
Остается доработать формы всех этих сколов, а именно сделать их выпуклыми. Для этого с помощью стилей слоя можно наложить теснение. Выделяем слой с текстом, кликаем по нему правой кнопкой мыши и выбираем «Параметры наложения».
Здесь ищем стиль «Тиснение» и подключаем его к слою, поставив галочку. Тут мы установим «Внешний скос», глубину выставим примерно на 70%, размер установим около 50 пикселей. Далее, режим подсветки поставим «Осветление основы», непрозрачность установим около 20%, режим тени выберем «Затемнение основы» и непрозрачность поставим около 60%. Ну и последнее, что тут можно сделать — настроить угол освещения. По умолчанию он установлен в 90 градусов, давайте выставим его примерно на 60, чтобы свет падал с верхнего правого угла, а не прямо сверху вниз.
Теперь переходим во вкладку «Параметры наложения» и «Непрозрачность заливки» выставляем на ноль. В результате у нас появились дополнительные эффекты на самой текстуре текста.
Вроде получается не плохо, но сам текст сейчас плоский и для того, чтобы всё выглядело более естественным нужно придать ему объем. Для этого мы с помощью слоя с текстом, так сказать, дорисуем боковые части букв, а потом наложим на них текстуру и текст будет выглядеть трехмерным.
Берём слой с текстом и копируем его вниз, под все слои. Для этого удерживаем Alt на клавиатуре и левой кнопкой мыши перетаскиваем слой вниз.
Теперь удалим маску, так как она нам не понадобиться. Кликаем по ней правой кнопкой мыши и выбираем «Удалить слой-маску».
Теперь в верхнем меню выбираем «Редактирование» — «Трансформирование» — «Искажение» и настраиваем размер текста таким образом, чтобы буквы выглядели объемными.
И накладываем на этот слой текстуру. Выделяем слой с текстурой, удерживая Alt левой кнопкой мыши тащим её и размещаем над слоем с боковыми гранями.
Теперь удерживая Alt наводим курсор между слоями, до появления пинтаграммы, и кликаем левой кнопкой мыши.
Таким образом мы наложили текстуру на боковые грани текста, но она сливается с текстурой передней части букв. Чтобы это исправить можно немного её сдвинуть мышкой в любую сторону и на этот слой с боковыми гранями можно наложить тиснение. Выделяем данный слой, кликаем правой кнопкой мыши и выбираем «Параметры наложения».
Подключаем тиснение и здесь жмем кнопку «Восстановить значения по умолчанию». Теперь настраиваем параметры тиснения. Глубину выставим на 300%, размер на 70 пикселей, непрозрачность на 20%, режим подсветки — осветление основы, режим тени — затемнение основы и её непрозрачность на 60%. Потом, контур глянца — выбираем кривую и применяем все изменения.
Для того чтобы четче отделить лицевую часть текста от боковых частей можно наложить на лицевую часть тень. Выделяем этот слой, кликаем правой кнопкой мыши и выбираем «Параметры наложения».
Подключаем тень и выставляем следующие настройки. Режим наложения — «затемнение основы», непрозрачность 60%, угол — глобальное освещение, на 60 градусов, смещение — 50 пикселей, размах — ноль, размер — 100 пикселей и применяем изменения.
5. Накладываем тень от текста
Остается наложить тень от текста на задний фон, ну и сам фон выставить. Начнём с тени. Для создания тени мы будем использовать слой с текстом, который искажали для создания боковых частей букв. Копируем этот слой в самый низ, удерживая Alt перетаскиваем его левой кнопкой мыши под все слои и отключаем у него эффекты, кликнув по пентаграмме глаза.
Далее выбираем в верхнем меню «Фильтр» — «Галерея размытия» — «Размытие контура». Теперь перетаскиваем точку в положение, чтобы получилось примерно 60 градусов. В настройках фильтра вместо «Базовое размытие» ставим «Синхронизация вспышки по задней шторке». Очень сложное название, но такой вот перевод на русский. Скорость выставляем на 60%, скорость конечной точки поставим где-то на 200 пикселей.
6. Делаем фон из текстуры
Ну и сделаем теперь фон. Копируем текстуру камня под все слои. Удерживаем Alt и тащим слой левой кнопкой мыши вниз.
Чтобы фон не сливался с буквами откорректируем на глаз его яркость и контрастность с помощью уровней. Создаём корректирующий слой с уровнями над слоем с фоном, кликнув по соответствующей пентограмме в панели слоёв и выбрав «Уровни». Затем настраиваем уровни на глаз, до нужного результата.
По окончанию работы, хотелось бы заметить, что шрифт для подобного эффекта лучше подбирать не узкий, а наоборот размашестый. Иначе, при создании объема буквы просто сольются в монолитный текст и выглядеть все это будет не красиво.
Поделиться:
Как сделать абзац текста в Photoshop
Последнее обновление 23 октября 2022 г.
*Обновлено в декабре 2020 г.*
Часто в Photoshop мы используем инструмент «Текст», чтобы просто щелкнуть один раз, чтобы добавить несколько слов или строк к изображению.
Хотя это быстрый и простой способ работы с небольшим объемом текста, он не подходит, если вы хотите сделать более длинные абзацы и иметь полный контроль над их дизайном.
В этом коротком уроке я покажу вам, как создавать абзацы или блоки текста с помощью инструмента «Текст» в Photoshop.
Если у вас еще нет копии Photoshop, вы можете получить бесплатную пробную версию Photoshop здесь.
Как добавить абзац текста в Photoshop
1. Откройте или создайте изображение, к которому вы хотите добавить абзац текста.
Я использую эту картинку с тремя грушами. Вы можете скачать это фото Клема Оноджегуо на Unsplash.
2. Выберите инструмент «Текст» на панели инструментов или нажмите T.
Мы настроим параметры текста с помощью панели «Символ». Если панель «Символ» не отображается на экране, выберите 9.0022 Окно > Символ .
Я использую Century в качестве шрифта, я установил Размер на 12 пунктов, Интерлиньяж на Авто, Отслеживание на 0 и Цвет на белый.
3. Щелкните вкладку «Абзац», чтобы переместить панель «Абзац» вперед, и нажмите кнопку «По ширине по левому краю».
4.
Выбрав инструмент «Текст», щелкните и перетащите прямоугольную область на изображении под тремя грушами.
Это создает текстовое поле, в которое будет помещаться ваш текст.
Photoshop автоматически добавит немного фиктивного текста Lorem Ipsum в текстовое поле.
Вы можете либо начать печатать поверх этого текста, либо, если вы скопировали текст из другого документа или веб-страницы, нажмите Ctrl+V (Windows) или Cmd + V (Mac), чтобы вставить текст, который вы скопировано в текстовое поле.
Ваш текст теперь будет аккуратно перетекать с одной стороны текстового поля на другую, потому что вы выбрали По ширине на палитре абзаца.
Как редактировать абзацы текста в Photoshop
Как только ваш текст окажется в текстовом поле, вы можете использовать инструмент «Перемещение», чтобы перетащить текст в нужное место на изображении. Как вы редактируете и изменяете текст внутри поля?
1. Чтобы изменить текст внутри текстового поля, его необходимо сначала выделить.
Вы можете выделить текст несколькими способами. Сначала выберите инструмент «Текст» на панели инструментов ( T )
- Щелкните один раз, чтобы поместить курсор в нужное место в тексте, и перетащите его, чтобы выделить. Весь выделенный текст выделен, и теперь вы можете вносить изменения на панели «Символ».
или - Двойной щелчок, чтобы выбрать слово, тройной щелчок, чтобы выбрать целое предложение, щелкнуть четыре раза, чтобы выбрать весь абзац, или щелкнуть пять раз, чтобы выделить ВЕСЬ текст в текстовом поле.
После выбора текста используйте панель символов или панель параметров в верхней части интерфейса, чтобы изменить форматирование.
Я изменил шрифт текста на Roboto, размер 16, интерлиньяж 18 (расстояние между строками) и изменил цвет на кремовый.
Чтобы зафиксировать изменения в тексте, нажмите на галочку на панели параметров или щелкните любой другой инструмент на панели инструментов.
Как изменить размер текстового поля
Чтобы изменить размер поля, содержащего текст, снова выберите инструмент «Текст» и щелкните один раз в любом месте текстового поля.
Вы увидите восемь ручек — четыре по углам и по одной в середине каждой стороны. Когда вы наводите курсор на любую из этих ручек, курсор превращается в двойную стрелку.
Нажмите и перетащите, чтобы изменить размер окна в любом направлении.
Обратите внимание, что текст автоматически переносится, когда мы изменяем размер поля.
В этом случае мы получаем выравнивание по ширине всего текста, причем только последняя строка выравнивается по левому краю.
Как изменить выравнивание текста в Photoshop
Вы можете изменить выравнивание текста абзаца на панели «Абзац» .
Другие параметры на панели Photoshop включают отступ абзаца слева или справа.
Отступ первой строки абзаца или добавление пробела до или после абзаца.
Помните, что ваш курсор должен мигать внутри абзаца или абзац должен быть выделен, прежде чем любой из этих параметров вступит в силу.
Вот как мы можем создать текст абзаца и управлять его отображением в Photoshop.
Пожалуйста, поделитесь этим руководством. Бесконечно благодарен!
Щелкните здесь, чтобы загрузить бесплатную 7-дневную пробную версию Photoshop
Получите бесплатную печатную памятку панели инструментов Photoshop 2022
Подпишитесь сейчас, чтобы получить бесплатный плакат для печати, на котором показаны все инструменты Photoshop и их сочетания клавиш.
Имя
Адрес электронной почты
Мы используем это поле для обнаружения спам-ботов. Если вы заполните это, вы будете отмечены как спамер.
Мы не будем рассылать вам спам. Отписаться в любое время. Работает на ConvertKitДженнифер Фарли
Здравствуйте!
Меня зовут Дженнифер Фарли. Я иллюстратор, дизайнер, писатель и преподаватель дизайна из Ирландии. Я преподаю и работаю в области дизайна более 15 лет и помогаю людям изучать Adobe Photoshop, Lightroom, Illustrator и графический дизайн.
Photoshop Bootcamp — это растущая коллекция моих руководств по Photoshop и уроков, которые я написал для своих учеников.
Статьи: 64Как создать градиентный текст в Photoshop (3 быстрых шага)
Сплошные цвета кажутся вам немного скучными? Они, безусловно, могут быть при создании дизайна с текстом в Photoshop. Простой способ добавить эффектности вашему дизайну — создать градиентный текст вместо одного скучного цвета.
Привет! Меня зовут Кара, и я всегда готова добавить немного бодрости своим творениям. Использовать градиентный текст очень просто, но в конечном продукте он выглядит профессионально и гладко.
Пойдемте со мной, и я покажу вам, как создать градиентный текст в Photoshop!
Содержание
- Шаг 1: Создайте текст
- Шаг 2: Добавьте наложение градиента
- Шаг 3: Уточните свой градиент
Шаг 1: Создайте текст
Сначала нам нужен текст. Для этого примера я просто открыл новый документ и сделал его сплошным белым.
Выберите инструмент Horizontal Type Tool на панели инструментов слева.
Выберите шрифт на панели параметров вверху. Градиент будет лучше виден на толстых шрифтах, поэтому имейте это в виду при просмотре.
Вот с чем нам предстоит работать в этом примере.
Шаг 2. Добавьте наложение градиента
Теперь добавим немного цвета!
Дважды щелкните на текстовом слое, чтобы открыть панель стилей слоя.
Выберите Наложение градиента.
В поле Gradient показаны цвета текущего градиента. Щелкните стрелку раскрывающегося списка справа, чтобы получить список предустановленных градиентов, предлагаемых в Photoshop. Вы также можете создавать свои собственные пресеты градиента и сохранять их здесь.
Выберите один из градиентов или создайте свой собственный, дважды щелкнув в поле Градиент . Выберите нужный цвет на любом конце спектра.
Вы также можете переместить теги ближе друг к другу для более быстрого изменения цвета.
Изменения немедленно отображаются в тексте позади диалогового окна. Когда вы будете довольны своим градиентом, нажмите OK.
Вы также можете сохранить свой градиент в качестве предустановки для использования в будущем. Дайте ему имя в Имя и нажмите New .
Шаг 3. Уточнение градиента
Вы вернетесь на панель «Стили слоя», которая предоставляет множество возможностей для настройки градиента.
Чтобы осветлить эффект, вы можете уменьшить непрозрачность градиента. Установите флажок Reverse , чтобы изменить направление градиента. В этом случае вместо перехода от бирюзового к пурпурному градиент переключится и перейдет от фиолетового к бирюзовому.
9Поле 0022 Style изменяет форму градиента. По умолчанию используется линейный, но есть четыре других стиля, которые вы можете выбрать для различных эффектов.
Угол изменяет направление градиента. Цвета могут меняться по вертикали, горизонтали или в любом промежуточном направлении.
Масштаб связан с тем, как быстро меняются цвета. Более низкий процент создает более жесткую линию между двумя цветами, в то время как более высокий процент делает изменение более мягким и тонким.
Играйте с настройками, пока не получите нужный эффект.
Довольно изящно, правда?
Всего за несколько минут, следуя этим простым шагам, вы сможете создавать профессионально выглядящие листовки, объявления и все, что только можно вообразить!
Развлекайтесь и обязательно ознакомьтесь с нашим руководством о том, как деформировать текст, чтобы получить еще больше забавных эффектов!
О Каре Кох
Кара увлеклась фотографией примерно в 2014 году и с тех пор исследует все уголки мира изображений. Когда она почувствовала, что Lightroom ограничена, она с головой погрузилась в Photoshop, чтобы научиться создавать изображения, которые она хотела.
