Как сделать шрифт потертым
Научиться работать с текстом и шрифтами в Фотошопе будет полезно не только начинающему дизайнеру, чтобы в будущем делать красивые макеты. Этот навык пригодится и тем, кто хочет сделать красивый пост с картинкой и заголовком, создать открытку с поздравлением или просто сделать надпись на изображении.
В этой статье я расскажу о том, как сделать текст в Photoshop, покажу различные эффекты и приемы оформления текстов. Каждый пример я буду подробно иллюстрировать. Обещаю, будет несложно даже новичку.
Добавляем текст в Фотошопе
Эти способы отлично подходят для создания заголовков. Однако если вам нужно сделать абзац, можно поступить немного иначе. Щелкните левой кнопкой мыши по холсту и потяните – вы увидите, что теперь появилась рамка для ввода абзаца.
Редактирование текста в Photoshop
Как поменять шрифт и размер текста
Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.
Как сделать выравнивание текста
Как изменить текст в Photoshop
Существует два способа поменять текст:
Как поменять цвет текста
Открылась целая палитра – меняйте ползунки, и цвет текста будет изменяться в режиме реального времени. Здесь же можно вписать значения цветов, если вам необходимо задать точный оттенок.
Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.
Как скопировать текст
Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.
Создаем эффекты для текста
Photoshop – мощный графический редактор. С его помощью можно создавать красивые эффекты для текста: неоновое свечение, объемный текст или модный градиент. Давайте начнем с основ и рассмотрим несколько популярных эффектов и способов искажения текста.
Как сделать обводку текста
Как сделать контур текста
Как сделать прозрачный текст
Дальше следите за руками:
Как изменить прозрачность текста
Больше всего мне нравится, как выглядят цветные буквы с прозрачностью. Я выбрала желтый заголовок в цвет кукурузы, а прозрачность текста опустила до 52%.
Как сделать неоновые буквы
Давайте попробуем сделать модный неоновый текст. Способов существует масса, но чаще всего я использую этот:
После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!
Как сделать градиент текста
Если кликнуть по самому градиенту, вы увидите окно редактора, где можно выбрать цвета и выставить все настройки. Редактируйте цвет, кликнув по маленькому ползунку-квадратику, расположенному под градиентом. Если двигать ползунки по горизонтали, градиент будет меняться. Созданный градиент можно сохранить: так вы можете собрать целую коллекцию собственных градиентов. Попробуйте!
Меняем форму
Наклон
Потяните мышкой за любой край рамки, чтобы наклонить текст или просто впишите значение угла наклона в верхней части экрана.
Деформация
Можно тянуть слово в любую сторону, попробуйте!
Как сделать текст по кругу
Заключение
Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом :)
Текстовые эффекты позволяют добиться особой выразительности в ваших работах. Они могут преследовать разные цели. Особенно интересно использование текстовых эффектов на баннерах, логотипах и в вебдизайне.
Создать собственные текстуры вы можете в программе Texture Maker, а также можете скачать готовую в интернете. Я уже выкладывала урок с похожим эффектом “картинка в тексте фотошоп“. Сегодня же вы узнаете, как сделать этот же эффект всего за три шага.
С помощью этого урока вы можете быстро создавать интересные текстовые эффекты, например, создавать золотой текст, потертый, накладывать гранжевые текстуры или винтажные и многое другое.
- Создайте новый документ в программе Adobe Photoshop и сделайте надпись при помощи жирного шрифта. Используйте большой размер, чтобы получить более наглядный результат. Цвет текста может быть любой. В примере я использовала шрифт Dayton размером 200px.
- Воспользуйтесь командами File -> Place Embedded (Файл -> Поместить…) и выберите на компьютере подходящую текстуру. После добавления ее в фотошоп, вы увидите рамку, которая появляется при трансформировании. Потяните за края рамки так, чтобы текстура перекрыла текст по размерам. Для того, чтобы текстура не деормировалась (сохранялись пропорции) при трансформировании зажмите клавишу Shift. Нажмите Enter, чтобы одобрить результат.
У вас должно получиться 3 слоя:
1 слой (нижний) – фоновый,
2 слой – текст,
3 слой (верхний) – текстура. Текстура должна быть наложена поверх текста таким образом, чтобы нижележащий текстовый слой не было видно. - Зажмите клавишу Atl и, не отпуская ее, кликните между верхним и средним слоем в палитре слоев. Вы сделаете обтравочную маску, и у вас текстура будет наложена на ваш текст. У меня получился травяной текст.
Загрузить файл примеров и шрифты для пробного использования
Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.
Если на компьютере не установлены шрифты, используемые в образце файла, можно заменить их шрифтами по умолчанию. Вы также можете получить шрифты, используемые в этом файле: Nunito и Roboto. Дополнительные сведения см. в разделе Активация шрифтов.
Оставьте комментарий, если у вас возникнут вопросы, ответы на которые вы не найдете здесь.
Откройте фотографию или документ Photoshop (PSD).
Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.
Еще один тип текста в Photoshop — текст абзаца. Как можно понять из названия, этот тип текста используется для ввода абзаца текста. Щелкните и перетащите курсор на холсте, чтобы создать ограничительную рамку, в которой можно будет ввести текст абзаца. Она поможет эффективно редактировать и выравнивать абзац в дальнейшем.
Введите текст. Чтобы сохранить изменения, щелкните на панели параметров или нажмите клавишу Esc — и все готово!
Панель параметров в macOS
Панель параметров в Windows
Откройте документ Photoshop с текстом, который требуется изменить.
Текст должен находиться на текстовом слое. Не видите текстовых слоев в документе? См. пункты 2 и 3 в разделе Добавление текста.
Откройте документ Photoshop с текстом, который требуется изменить.
Текст должен находиться на текстовом слое. Не видите текстовых слоев в документе? См. пункты 2 и 3 в разделе Добавление текста.
Выделите текст, который необходимо редактировать.
Вверху на панели параметров можно выбрать изменение шрифта, размера и цвета шрифта, выравнивания и стиля текста. Дополнительные сведения см в этом учебном видеоролике.
Панель параметров Photoshop в macOS
Панель параметров Photoshop в Windows
A. Изменение направления текста с горизонтального на вертикальное и наоборот B. Изменение стиля шрифта C. Изменение размера шрифта D. Изменение пикселизации края текста (сглаживание) E. Изменение выравнивания текста F. Изменение цвета текста G. Отмена изменений H. Сохранение изменений
Также панели Символ и Абзац можно использовать для дальнейшего редактирования текста.
В завершение щелкните на панели параметров, чтобы сохранить правки.
Можно копировать и вставлять в документ Photoshop (PSD) текст из других документов, например, из файла Word, PDF, веб-страницы или другого файла Photoshop (PSD).
Копирование и вставка текста из файлов других форматов (не PSD)
В файле другого формата, таком как Word, PDF или веб-страница, щелкните и перетащите указатель мыши для выделения текста.
Нажмите клавиши Command + C (на компьютере macOS) или Control + C (на компьютере Windows), чтобы скопировать выделенный текст.
Выберите Редактировать > Вставить или нажмите клавиши Command + V (в macOS) или Control + V (в Windows), чтобы вставить текст. Для отмены действия выберите Редактирование > Отменить вставку текста .
В этом уроке я покажу вам, как создать кинематографический текст "Гарри Потер" в Photoshop, используя стили слоя. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
Шаг 1
Создайте новый документ со следующими размерами 1000 x 500 px, установите цветовой режим на Цвета RGB (RGB color), разрешение 72 dpi. Создайте новый слой, залейте этот слой гранжевой металлической текстурой. Мы можете провести цветовую коррекцию и выбрать любой цвет на своё усмотрение. Теперь создайте текст, используя шрифт Parry Hotter. Установите следующие настройки, которые указаны на скриншоте ниже. Теперь переименуйте слой с текстом в "Base". Далее, идём Слой- Стили слоя - Параметры наложения (Layer > Layer Styles > Blending Options). Примените следующие стили слоя, а также настройки, которые указаны ниже.
Шаг 2
Продублируйте слой с текстом, назовите дубликат слоя "False 3D". Щёлкните правой кнопкой мыши по данному дубликату слоя в панели слоёв и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style) или в панели Стили (Styles), щёлкните по первому значку стиля Стиль по умолчанию (нет) (Default style (None), это то же самое. Слегка сместите данный дубликат слой с тестом влево, чтобы создать мнимый 3D эффект. Далее идём Слой- Стили слоя - Параметры наложения (Layer > Layer Styles > Blending Options). Примените следующие стили слоя, а также настройки, которые указаны ниже.
Шаг 3
Ещё раз продублируйте слой с текстом, назовите дубликат слоя "Bevel". Щёлкните правой кнопкой мыши по данному дубликату слоя в панели слоёв и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style) или в панели Стили (Styles), щёлкните по первому значку стиля Стиль по умолчанию (нет) (Default style (None) (это то же самое). Теперь расположите данный дубликат слоя поверх других слоёв. В окне Параметров наложения (Blending Options), уменьшите значение Заливки (fill) слоя до 0%. Далее идём Слой- Стили слоя - Параметры наложения (Layer > Layer Styles > Blending Options). Примените следующие стили слоя, а также настройки, которые указаны ниже.
Шаг 5
Наш текстовый эффект почти завершён. Теперь мы должны добавить корректирующий слой создать Карта градиента (Gradient Map), чтобы раскрасить всю картину в тот цвет, который вы хотите. Например. я выбрал синий цвет. В качестве заключительного штриха, я добавил немного искр с помощью простых кистей.
Читайте также: