Как сделать в фотошопе заливку текста в: Заливка и обводка выделенных областей, слоев и контуров в Photoshop

Как сделать в фотошопе заливку текста в: Заливка и обводка выделенных областей, слоев и контуров в Photoshop

alexxlab 10.06.2021

Содержание

Изменить фоновый эффект текста в Photoshop

В этом уроке я отвечу на один из самых популярных вопросов, которые мне задают, а именно: как сохранить текстовый эффект на прозрачном фоне, чтобы переместить эффект на другой фон? Обычно при создании текстового эффекта в Photoshop мы создаем его на простом цветном фоне, обычно черном или белом. Но как только эффект достигнут, мы часто хотим переместить его на другой фон, что означает, что нам нужен способ удалить исходный фон и заменить его прозрачностью. Так как мы это сделаем? На самом деле это очень просто, и в этом уроке мы узнаем три способа сделать это. Я буду использовать Photoshop CC, но любая последняя версия будет работать. Давайте начнем!

Текстовый эффект

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

Оригинальный текстовый эффект на черном фоне.

Новый фон

И вот новый фон, в который я хочу поместить текст. Я скачал этот с Adobe Stock:

Новый фон для эффекта.

Как сделать фон прозрачным

Я вернусь к своему текстовому эффекту. И если мы посмотрим на панель «Слои» , то увидим три слоя, которые составляют эффект. У нас есть слой «Sparkles» сверху и два слоя Type под ним. У нас также есть фоновый слой внизу, который заполнен черным:

Слои текстовых эффектов, а также фоновый слой.

Отключение фонового слоя

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

Отключение фонового слоя.

Это оставляет наш текст на прозрачном фоне. Фотошоп представляет прозрачность с рисунком шахматной доски:

Фон за текстом был заменен прозрачностью.

Как переместить текстовый эффект на новый фон

Итак, теперь, когда мы сделали фон прозрачным, как переместить эффект на его новый фон? Есть несколько способов сделать это.

Метод 1: Использование формата файла PNG

Одним из способов является сохранение эффекта в формате файла, который поддерживает прозрачность. Формат JPEG не поддерживает прозрачность, поэтому он не будет работать. Но формат PNG есть, и это тот формат, который нам нужен.

Как сохранить эффект в виде файла PNG

Чтобы сохранить текстовый эффект в виде файла PNG, перейдите в меню « Файл» в строке меню и выберите « Сохранить как» :

Идем в Файл> Сохранить как.

В диалоговом окне назовите свой файл (я назову мой «Золотой текст»), а затем установите Формат в PNG . Выберите, где вы хотите сохранить его, а затем нажмите Сохранить :

Сохранение текстового эффекта в виде файла PNG.

Настройка параметров формата PNG

Фотошоп попросит вас выбрать настройку сжатия для файла PNG. Это будет выглядеть по-разному в зависимости от того, какую версию Photoshop вы используете, но я всегда выбираю опцию для наименьшего размера файла. Нажмите OK, чтобы закрыть диалоговое окно:

Выбор наименьшего размера файла.

Открытие вашего нового фона

С сохраненным файлом откройте новый фон:

Открытие нового фонового изображения.

Размещение файла PNG в документе

Перейдите в меню « Файл» и в Photoshop CC выберите « Вставить встроенный файл» . В Photoshop CS6 или более ранней версии выберите « Место» .

Идем в Файл> Поместить встроенный.

Выберите PNG-файл, который вы только что сохранили, и нажмите « Разместить» :

Выбор файла PNG.

Фотошоп помещает файл перед фоном:

Поместить файл в документ.

Вы можете использовать маркеры Free Transform для изменения размера текста, если это необходимо. Но в моем случае я просто приму это, нажав Enter (Win) / Return (Mac) на моей клавиатуре. И так же, текстовый эффект был перенесен на новый фон:

Текст появляется перед новым фоном.

Если мы посмотрим на панель «Слои», то увидим, что наш текстовый эффект был добавлен как смарт-объект над изображением. Мы знаем, что это умный объект по значку в правом нижнем углу эскиза. Отличительной особенностью смарт-объектов является то, что мы можем изменять их размеры без потери качества. Вы можете узнать больше об изменении размера смарт-объектов в отдельном руководстве:

Фотошоп разместил файл как смарт-объект.

Способ 2: скопируйте и вставьте

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

Удаление текстового эффекта.

Это оставляет меня только с моим фоновым изображением:

Остается только фоновое изображение.

Я переключусь на документ с текстовыми эффектами, и поскольку фоновый слой все еще выключен, мы все еще видим прозрачный фон за текстом:

Вернемся к текстовому эффекту.

Слияние текстового эффекта на новый слой

Другой способ перенести эффект на новый фон — скопировать и вставить его в другой документ. Чтобы сделать это проще, мы объединяем слои, которые составляют наш текстовый эффект, на новый слой.

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

Выбор верхнего слоя (с выключенным фоновым слоем).

Чтобы добавить текстовый эффект на новый слой, на ПК с Windows нажмите Shift + Ctrl + Alt + E на клавиатуре.

На Mac, нажмите Shift + Command + Option + E . Это объединит все видимые слои на новый слой над ними. Этот новый слой содержит текстовый эффект и ничего больше:

Текстовый эффект был объединен в один слой.

Убедитесь, что объединенный слой выбран, а затем перейдите в меню « Правка» и выберите « Копировать» :

Собираюсь Правка> Копировать.

Откройте новое фоновое изображение:

Переключение на новый фон.

Затем вернитесь в меню « Правка»

и выберите « Вставить» :

Собираюсь Правка> Вставить.

Photoshop вставляет текстовый эффект на новый фон:

Результат после вставки слоя с текстовым эффектом в новый документ.

На панели «Слои» мы видим слой с текстовыми эффектами над изображением. На этот раз это обычный слой, а не смарт-объект:

Слой текстового эффекта появляется над фоновым слоем.

Способ 3. Размещение документа с текстовым эффектом в качестве смарт-объекта

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

Удаление слоя с текстовым эффектом.

А потом я вернусь к документу с текстовыми эффектами:

Вернемся к текстовому эффекту.

Включение фонового слоя обратно

Прежде чем идти дальше, я собираюсь снова включить фоновый слой , щелкнув его значок видимости на панели «Слои»:

Включение фонового слоя обратно.

Это восстанавливает оригинальный черный фон за текстом:

Исходный фон возвращается.

Удаление объединенного слоя с эффектом текста

Я также удалю свой слой с эффектом объединенного текста, выделив его и нажав на клавиатуре клавиши Backspace (Win) / Delete (Mac):

Выбор и удаление объединенного слоя.

Сохранение и закрытие документа

Теперь, когда я восстановил документ обратно к тому , как это было изначально, я спасу его, перейдя к File меню и выбрав Сохранить :

Идем в Файл> Сохранить.

Затем я закрою свой текстовый эффект, вернувшись в меню « Файл» и выбрав « Закрыть» :

Идем в Файл> Закрыть.

Это оставляет меня только с новым фоновым изображением:

Документ с текстовым эффектом был закрыт.

Размещение текстового эффекта в качестве смарт-объекта

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

Чтобы поместить документ с текстовым эффектом в документ с фоновым изображением, я зайду в меню « Файл» и выберу « Поместить встроенный» . В Photoshop CS6 или более ранней версии я бы выбрал Place :

Идем в Файл> Поместить встроенный.

На этот раз вместо того, чтобы выбрать этот PNG-файл, который я сохранил ранее, я выберу фактический документ Photoshop с текстовым эффектом (файл .psd). Я нажму на него, чтобы выбрать его, а затем я нажму Place

:

Выбор текстового эффекта в документе Photoshop.

Фотошоп размещает текстовый эффект перед фоном, как это было раньше:

Размещение документа с текстовым эффектом перед новым фоном.

Опять же, мы можем изменить его размер с помощью маркеров Free Transform, но я просто приму его, нажав Enter (Win) / Return (Mac). Однако обратите внимание, что оригинальный черный фон по-прежнему отображается за текстом, и он блокирует новый фон из вида. Это потому, что фоновый слой все еще был включен. Но это не проблема, потому что это легко исправить:

Эффект текста был добавлен, но оригинальный фон все еще отображается.

Редактирование содержимого смарт-объекта

Если мы посмотрим на панель «Слои», мы снова увидим текстовый эффект, добавленный в виде смарт-объекта над изображением:

Документ с текстовым эффектом был размещен как смарт-объект.

Но на этот раз, вместо того, чтобы держать файл PNG, смарт-объект содержит копию всего документа с текстовым эффектом. Чтобы открыть смарт-объект и просмотреть его содержимое, дважды щелкните его эскиз:

Открытие смарт-объекта для просмотра документа с текстовым эффектом.

Откроется текстовый эффект:

Документ с текстовым эффектом внутри смарт-объекта.

И если мы посмотрим на панель «Слои», то увидим, что все наши слои еще не повреждены:

Панель «Слои», на которой отображаются слои с текстовым эффектом и фоновый слой.

Отключение фонового слоя

Чтобы скрыть исходный фон, я отключу фоновый слой, щелкнув его значок видимости :

Отключение фонового слоя.

Это снова оставляет нас с прозрачным фоном:

Фон снова прозрачен.

Сохранение и закрытие смарт-объекта

Чтобы наше изменение появилось в основном документе, нам нужно сохранить и закрыть смарт-объект. Чтобы сохранить его, зайдите в меню « Файл» и выберите « Сохранить» :

Идем в Файл> Сохранить.

А затем, чтобы закрыть его, вернитесь в меню « Файл» и выберите « Закрыть» :

Идем в Файл> Закрыть.

Вернемся к основному документу: исходный фон исчез, и мы видим новый фон на его месте:

Результат после выключения фонового слоя в смарт-объекте.

Бонус: усиление эффекта

Чтобы закончить, я собираюсь использовать фоновое изображение, чтобы быстро усилить эффект свечения вокруг текста. На панели «Слои» я выберу фоновый слой:

Выбор фонового слоя.

Затем я сделаю копию изображения, нажав Ctrl + J (Win) / Command + J (Mac). Копия появляется над оригиналом:

Делаем копию фонового изображения.

Я нажму на копию и перетащу ее над текстовым эффектом:

Перетаскивание копии изображения над текстом.

Это временно блокирует текст для просмотра:

Текстовый эффект временно скрыт.

Наконец, чтобы скрыть участки черного цвета и смешать золотые блестки с текстом, я изменю режим смешивания изображения с «Обычный» на « Экран» :

Изменение режима наложения слоя на Screen.

И вот мой окончательный результат:

Окончательный, усиленный эффект.

И там у нас это есть! Вот как можно переместить текстовый эффект на новый фон в Photoshop! Узнайте, как создать эффект « Золотой текст», используемый в этом учебном пособии, или просмотрите наш раздел « Текстовые эффекты » для получения дополнительных руководств! И не забывайте, что все наши учебники по Photoshop доступны для скачивания в формате PDF !

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

Как сделать заливку в Фотошопе слоя, выделенной области и фигуры

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

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

Обводка выделенной области или слоя цветом

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

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

Создание документа

Несмотря на обилие инструментов, работа в Photoshop, как и в любом другом редакторе, начинается с создания нового документа.

  1. В главном меню программы выполните команду Файл -> Создать либо нажмите сочетание клавиш Ctrl+N .
  2. В открывшемся окне Новый задайте параметры будущего документа (можно установить такие же, как на скриншоте ниже).
  • Имя.
    Может быть любым. Хотя многие на этом этапе не трогают это поле, задавая имя файлу уже во время сохранения, лучше переименуйте документ сразу, чтобы избежать путаницы.
  • Ширина.
    Размер холста по горизонтали. В компьютерном мире принято задавать в пикселях, но если вы работаете, скажем, с бумажной продукцией, то вам вполне могут подойти сантиметры или даже пункты.
  • Высота.
    Длина холста по вертикали.
  • Разрешение.
    Чем больше показатель, тем качественней конечное изображение.
  • Цветовой режим.
    Формат и глубина цвета. Обычно 8-битный RGB всех устраивает.
  • Содержимое фона.
    В нашем случае фон будет белым, но ему можно задать любой другой цвет или вообще сделать прозрачным.
  • Цветовой профиль.
    Здесь можно назначить либо удалить профиль цветопередачи. Из-за неправильно выбранного пункта именно в этом раскрывающемся списке можно получить проблемы с цветопередачей, корень которых потом приходится долго искать.
  • Попиксельная пропорция.
    Вариант следует выбирать, исходя из стандарта, с которым вы работаете. Если значения раскрывающегося списка ничего вам не говорят, — оставьте Квадратные пикселы.
  1. Нажмите OK и оцените результат — документ создан.

Допуск

Во многих инструментах есть такое свойство как допуск. И везде этот допуск работает примерно одинаково.

Чем меньше допуск, тем меньше цветовой диапазон закрашиваемой области. Т.е. если допуск 0

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

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

Как видите, чем больше доступ, тем больше он использует диапазон цветов, которые считает родными и тем больше цветов и оттенков закрашивает. Я надеюсь, что суть вы уловили. Уловили? Если нет, то спрашивайте. Я отвечу.

Инструмент “Заливка” в Фотошопе: как пользоваться

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

В этой статье разговор пойдет о том, как пользоваться инструментом “Заливка”, рассмотрим его разновидности и применим знания на практике.

Разновидности заливок

Есть несколько функций в Фотошопе по нанесению цвета — «Градиент» и «Заливка».

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

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

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

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

Как выполнить заливку

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

Параметры, которые важно регулировать при использовании инструмента «Заливка»:

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

  2. Узор. Этот параметр позволяет найти нужный узор, который хотите нанести на изображение.

  3. Режим заливки. Помогает выбрать настройки для заливания цветом.

  4. Непрозрачность. Параметр, который дает отрегулировать степень прозрачности цвета.

  5. Допуск. Параметр, который дает возможность установить близость необходимых цветов, а инструмент «Смежные пиксели» помогает сделать заливку близких промежутков, которые включены в Допуск.

  6. Сглаживание. Создает закрашенную пополам грань между промежутками, один из которых залит, а другой нет.

  7. Все слои. Заливает цветом все слои в палитре.

Чтобы настроить в графическом редакторе Фотошоп инструмент «Градиент», нужно:

  1. Выбрать необходимую для заливки область и выделить её.

  2. Кликнуть на инструмент «Градиент».

  3. Выбрать цвет для заливки фона и определиться с основным тоном.
  4. Поставить курсор в выделенную область.
  5. Удерживая левую кнопку мышки, нарисовать линию, чем она будет длиннее, тем менее виден будет переход от одного цвета к другому. Если хотите, чтобы градиент был ровным, то зажмите клавишу SHIFT.

Вот, как получилось у нас:

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

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

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

Источник: https://MyPhotoshop.ru/kak-sdelat-zalivku/

Закрашивание узором

По умолчанию инструмент закрашивает тем цветом, который указан в основном цвете палитры. Но можно также закрашивать области узором. Давайте попробуем.

  1. Создайте любой пустой документ и нарисуйте замкнутую фигуру.
  2. Теперь взгляните на верхнее меню и под ним вы увидите свойства инструмента Заливка. Там вы увидите кнопку с надписью «Основной цвет». Нажмите на нее и из выпадающего меню выберете «Узор». Не волнуйтесь. Вы не потеряетесь, так как там всего 2 пункта. Нашли? Ну отлично.

  3. Справа от кнопки вы увидите миниатюру узора. Нажмите на нее и у вас откроется выпадающий список с другими узорами. Там их немного, но можно добавить.

  4. Чтобы добавить узоры, вам нужно нажать на шестеренку в меню узоров. И в выпадающем меню выбрать новые наборы узоров. Выберете любой, например природные узоры. И когда перед вами выскочит табличка с вопросом «Заменить бла бла бла?», то нажмите на кнопку «Добавить».
  5. Теперь выберете любой из узоров, нажав на нем левой кнопкой мыши дважды и нажмите в центр нарисованного круга. Ну? Что получилось? Закрасился кружок новой текстуркой, а не обычным цветом? Конечно да!

Кстати

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

Для этого выделите какую-нибудь область (я выбрал ) и нарисуйте выделение на белом фоне.

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

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

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

Удачи вам в изучении. Главное не филонить). Увидимся с вами в следующих уроках. Пока-пока!

С уважением, Дмитрий Костин.

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

Заливка или кисть?

На эту тему у меня уже есть статья вкл.

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

Вспышки объектива и световые эффекты

Слепые пятна лучше всего видны в «жестком свете» смешанного режима.

Эффекты освещения в разделе «Фильтры → Отказоустойчивые фильтры → Эффекты освещения» также можно контролировать с помощью нейтральных уровней. В качестве альтернативы оба фильтра также могут использоваться в качестве интеллектуального фильтра.

Залить цветом существующий слой

. После того, как вы создадите новый слой, выберите команду меню
«Редактирование — Выполнить заливку»
. В раскрывающемся списке
«Использовать»
появившегося диалогового окна «Заполнить» выберите цвет, а затем нажмите кнопку ОК. Вы также можете залить основным цветом, нажав сочетание клавиш Alt+Backspace.

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

Когда активна маска, вы можете работать с черным и белым на этой маске. Области слоя, которые отображаются белым на маске, видны, черные маскированные области невидимы. Серые тона создают прозрачность на уровне. Маска также отображается на панели «Свойства». Здесь вы можете дополнительно отредактировать маску, например, край маски может быть размыт или маска перевернута.

Создать слой заливку

. Если вы не уверены, какой цвет хотите использовать, выберите команду меню «Новый слой-заливка» и укажите вариант «Цвет». Задайте слою имя в появившемся диалоговом окне и нажмите кнопку ОК. Программа фотошоп отобразит диалоговое окно «Палитра цветов», чтобы вы могли выбрать желаемый цвет заливки. Если вы решите изменить цвет, дважды щелкните мышью по миниатюре и вновь откроется диалоговое окно, чтобы вы могли выбрать новый цвет или захватить его из самого изображения. Слои-заливки создаются уже с собственными масками, и поэтому при необходимости будет очень легко скрыть часть слоя.
1 голос
Доброго времени суток, уважаемые читатели моего блога. Фон – один из самых важных элементов картинки. Благодаря ему можно даже самую неважную фотку превратить в стильную и современную. Сделать это нетрудно даже для новичка, обладающего минимальными знаниями программы Photoshop.

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

Приступим?

Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера

В этом уроке мы будем создавать текстовую надпись с эффектом свечения в Photoshop. В уроке будем использовать инструменты Градиент, Текст и Blending Options.

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

Создание холста и градиентного фона

При создании документа зададим размер холста 1080 на 720 пикселей.

Затем, переведем фон в слой Layer> New> Layer From Background . И добавим этому слою эффект Gradient Overlay , как показано на рисунке ниже:

Теперь создадим градиентную заливку, перейдя к Layer> New Fill Layer> Gradient . Установите параметры градиента примерно как у меня и задав этому слою параметр прозрачности равный 51%:

Еще раз создадим градиентную заливку, также перейдя к Layer> New Fill Layer> Gradient . Но уже со следующими параметрами:

Создание светящегося текста

Теперь, когда основные приготовления закончены, приступим к созданию непосредственно самой светящейся надписи. Для этого, инструментом Type Tool создадим букву (в моем случае “G”):

И установим уровень заливки для нее равной 0% :

Теперь, добавим эффекты. И начнем с внешнего свечения (Outer Glow), все параметры выставьте как на скриншоте ниже:

Следующим эффектом у нас станет контур (Stroke), параметры, также, установите как и у меня:

После этого продублируйте текстовый слой (Ctrl + J) и измените шрифт. В результате должен получится эффект наложения, но с неким несовпадением – как мы и задумывали. В случае, если несовпадение слишком сильное – можно, использую инструмент трансформации (Ctrl + T), немного скорректировать букву.

Создав таким образом пять слоев с разным начертанием буквы, сделаем из них группу – выделив все текстовые слои и нажав (Ctrl + G). Затем, продублируйте эту группу и переместите правее. Измените, во вновь созданной группе, букву на следующую (для меня это “L”). После этого – снова продублируйте группу и, переместив ее правее, измените букву (у меня это “О”).

Должно получиться нечто подобное:

Последний штрих

Как видите, у нас начал вырисовываться финальный результат. Но для придания нашему дизайну некоторой элегантности, давайте добавим светящееся пятно под надписью. Для этого, создайте пустой слой и поместите его под всеми буквами, но над фоном. Использую инструмент овальное лассо (Elliptical Marquee Tool) создайте овал под буквами и залейте его белым цветом, как показано на изображении снизу:

Немного размоем овал используя Filter> Blur> Gaussian Blur со значением радиуса размытия в 10 пикселей и нажимаем ОК. Не уходя со слоя применяем к нему Filter> Blur> Motion Blur со значениями как на рисунку снизу:

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

Как всегда, я готов ответить на все вопросы, которые вы можете задавать через комментарии.

Автор здесь.

Похожие уроки и статьи

Оценка посетителей

[Всего: 1 Среднее: 5]

Как сделать матовый фон для текста в Фотошопе


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

Шаг 1. Откройте любое изображение в Photoshop. Автор использовал осеннюю фотографию. Вы можете использовать подобный снимок, если Вам нравится. Или выберите любое другое. Переименуйте слой, дважды щелкая по слою, назовите его «Листья».


Шаг 2. Создайте новый слой (Ctrl + Shift + N) сверху слоя Листья, и назовите его «Frosted Bar». Используя инструмент Прямоугольная область (M), проверьте, активным должен быть слой «Frosted Bar», сделайте выделение нужного Вам размера, выделение должно быть от одного края изображения до другого. Размещение бара Ваше дело. В случае автора: бар расположен у основания изображения, как показано ниже.



Шаг 3. Заполните выделение белым цветом, используя Инструмент Заливка (G) (#FFFFFF) и снимите текущее выделение (Ctrl) + D).


Шаг 4. Примените следующие стили слоя к «Frosted Bar» . (Параметры наложения: Нормальный — Непрозрачность заливки 20 %.



Обводка: Цвет белый (#FFFFFF) Размер 2 и Положение: снаружи и 50 % Непрозрачности.



Шаг 5. Мы должны будем отредактировать наше оригинальное изображение. Значит, лучше делать дубликат, таким образом Вы можете всегда полностью изменять его. Делаем копию слоя «Листья»((Ctrl) + J). Активный слой «copy Leaves» , загрузим выделение слоя с матовым изображение (Ctrl) + щелчок на слое «frosted bar» (по миниатюре изображения слоя). Примените Размытие по Гауссу (Фильтр>Размытие>Размытие по Гауссу) Радиус 20, жмём OK.



Шаг 6. Проработав основные моменты на слое «frosted bar». Создайте новый слой ((Ctrl) + Shift + N) сверху слоя «frosted bar», и назовите его «Highlights». Снова загрузите выделение слоя с матовым изображением, и выбираете инструмент Кисть (B). Используя большую мягкую кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), осветлите верхние и нижние грани (как показано на изображении), а затем снизьте прозрачность слоя до 60 %.




Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.

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

ПРИВЕТ!
ПОЕХАЛИ!
Надписи на изображение в Adobe Photoshop наносятся очень просто. Но иногда хочется украсить картинку не только надписью. В такой момент можно попробовать добавить фон для текста. В этом уроке мы с вами разместим надпись на матовом фоне.
Как сделать матовый фон для текста в Фотошопе?

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

Откройте панель «Слои». Если она не отображается, то поставьте галочку около соответствующего пункта в меню «Окно». Или просто нажмите клавишу F7. Совершите двойной щелчок по слою «Фон». Вам будет предложено его переименовать. Назовите слой «Пейзаж» или как-либо ещё. Этим вы разблокируете слой, вам будет позволено совершать с ним любые действия. Хотя в данном случае мы просто стараемся соблюсти порядок в панели «Слои». Ведь в будущем количество слоев может очень сильно возрасти.


Текст на фоне в Фотошопе: инструмент прямоугольная область

Сейчас вы могли бы подумать, что пора разместить текст на фоне в Фотошопе, но это не так и саму надпись мы разместим гораздо позже. Это будет уже едва ли не последнее наше действие. Пока же разметим область, в которой будет находиться матовый фон. Для этого создайте новый слой. Это делается при помощи сочетания клавиш Ctrl+Shift+N или перехода по пути «Слои>Новый>Слой». Дайте этому слою название «Матовый фон».

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



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



Фон текста в Фотошопе: выбор цвета

Постепенно мы создаем фон текста в Фотошопе и тут выделение можно снять. Делается это при помощи перехода по пути «Выделение>Отменить выделение». Заметьте, этот белый прямоугольник сейчас существует в виде отдельного слоя. Это можно наблюдать на панели «Слои». Перейдите в данную панель. Здесь нужно обратить внимание на пункт «Заливка». Нажмите на цифру 100. Появится ползунок, который необходимо передвинуть влево, доведя его до 20%. Затем нажмите на кнопку «Fx» и выберите в контекстном меню пункт «Параметры наложения».


Выскочит диалоговое окно со всевозможными настройками слоя. Нам нужно добиться более красивой прозрачности прямоугольной области. Перейдите во вкладку «Обводка». В пункте «Цвет» выберите белый цвет. Размер уменьшите до двух пикселей. В качестве положения выберите пункт «Снаружи». Непрозрачность поставьте на уровне 50%. Когда закончите — жмите кнопку «OK».



Текст на прозрачном фоне в Фотошопе

Теперь нужно слегка изменить оригинальное изображение. Для страховки все изменения лучше производить на копии слоя и затем уже мы создадим текст на прозрачном фоне в Фотошопе. Копия делается очень просто. Выделите в соответствующей панели слой «Пейзаж» и нажмите сочетание клавиш Ctrl+J. Или перетащите выбранный слой на кнопку «Создать новый слой». В любом случае в панели появится копия вашего слоя.

Совершите щелчок левой кнопкой мыши по слою-копии. Теперь зажмите клавишу Ctrl и щелкните левой кнопкой мыши по миниатюре слоя «Матовый фон» (не по её названию). У вас будет выделена часть слоя с пейзажем, расположенная под созданным ранее прямоугольником. Далее перейдите по пути «Фильтр>Размытие>Размытие по Гауссу». Радиус увеличьте до 20 пикселей. Если разрешение фотографии очень маленькое, то радиус может быть и меньше.



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

Выберите инструмент «Кисть». Нажим уменьшите до 0%, поставьте белый цвет. Размер кисти зависит от разрешения изображения. В нашем случае хватило 30 пикселей. Кистью нужно произвести мазки по верхним и нижним граням прямоугольной области, осветлив их. Когда закончите — понизьте непрозрачность слоя до 60%.



Дальше выделение можно снимать. Осталось лишь написать какой-нибудь текст. Делается это при помощи знакомого нам уже инструмента «Горизонтальный текст». После появления надписи можно отредактировать размер шрифта, изменить его тип и совершить прочие действия. Всё зависит только от вашей фантазии.



В Интернете вы можете найти и готовые фоны для текста для Фотошопа, все они в первую очередь пригодятся создателям открыток и приглашений. Что касается нашего урока, то все действия занимают минимум времени. В дальнейшем вы сможете легко ответить себе на вопрос: как сделать матовый фон для текста в фотошоп всего за две-три минуты! Следите за другими нашими уроками, тогда вы научитесь и многим другим чудесным вещам.
Шаг 1. Откройте любое изображение в Photoshop. Автор использовал осеннюю фотографию. Вы можете использовать подобный снимок, если Вам нравится. Или выберите любое другое. Переименуйте слой, дважды щелкая по слою, назовите эго «Листья».
Шаг 2. Создайте новый слой (Ctrl + Shift + N) сверху слоя Листья, и назовите его «Frosted Bar». Используя инструмент Прямоугольная область (M), проверьте, активным должен быть слой «Frosted Bar», сделайте выделение нужного Вам размера, выделение должно быть от одного края изображения до другого. Размещение бара Ваше дело. В случае автора: бар расположен у основания изображения, как показано ниже.


Шаг 3. Заполните выделение белым цветом, используя Инструмент Заливка (G) (#FFFFFF) и снимите текущее выделение (Ctrl) + D).


Шаг 4. Примените следующие стили слоя к «Frosted Bar» . Параметры наложения: Нормальный — Непрозрачность заливки 20 %.


Обводка: Цвет белый (#FFFFFF) Размер 2 и Положение: снаружи и 50 % Непрозрачности.


Шаг 5. Мы должны будем отредактировать наше оригинальное изображение. Значит, лучше делать дубликат, таким образом Вы можете всегда полностью изменять его. Делаем копию слоя «Листья»((Ctrl) + J). Активный слой «copy Leaves» , загрузим выделение слоя с матовым изображение (Ctrl) + щелчок на слое «frosted bar» (по миниатюре изображения слоя). Примените Размытие по Гауссу (Фильтр>Размытие>Размытие по Гауссу) Радиус 20, жмём OK.

Шаг 6. Проработав основные моменты на слое «frosted bar». Создайте новый слой ((Ctrl) + Shift + N) сверху слоя «frosted bar», и назовите его «Highlights». Снова загрузите выделение слоя с матовым изображением, и выбираете инструмент Кисть (B). Используя большую мягкую кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), осветлите верхние и нижние грани (как показано на изображении), а затем снизьте прозрачность слоя до 60 %.



Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.

Финальное изображение


Сегодня будет очень интересный и, главное, полезный урок как для обработки фотографий, так и для веб. Допустим, Вам нужно написать текст на фотографии. Можно, конечно, просто выбрать шрифт, и написать. Но, текст будет “теряться” на фоне фотографии.

Если же Вам нужно акцентировать внимание на тексте, то предлагаю “подставить” под текст фон. Но, фон, который подойдет, фактически, под любую фотографию. Так как некоторые моменты в уроке тяжело будет объяснить, я снял еще и видео для Вас. Поэтому, если будет что-то непонятно, смело переходим в конец статьи и смотрим мой видео урок.

А для начала, советую не тратить время и взять для урока. И приступаем к уроку, в котором Вы научитесь делать матовый фон в adobe photoshop .

Шаг 1. Выделяем область на фотографии.

Шаг 2. Создаем новый слой и заливаем выделенную область белым цветом:


Шаг 3. Открываем настройки нашего нового слоя, и добавляем обводку. Выставляем в настройках прозрачность 50% и цвет – белый .


Шаг 4. Создаем копию нашей фотографии. Делаем активным наш основной фон и нажимаем Ctrl+J . Теперь делаем то, что трудно объяснить текстом. Если же Вы не поймете, милости прошу посмотреть мой видео урок ниже

Делаем активным нашу копию фотографии, зажимаем Ctrl и левой кнопкой мышки нажимаем на миниатюру слоя с белой полоской (который мы редактировали в шаге 3).

Теперь переходим в Фильтр > Размытие > Размытие по Гауссу , и выставляем около 15-20 пикселей.


И, знаете, что произойдет? А ничего. В том уроке, который я переводил, был некий “баг урока”, назовем это так Но, я знаю как это исправить. Идем в настройки наложения нашего слоя с белой полоской и выбираем “Линейный затемнитель ”.

Вуаля, готово!

Шаг 5. По сути, уже можно сохранять фотографию или добавлять текст. Но, я Вам советую еще добавить маленький штрих.

Создаем новый слой, делаем его активным, и так же как и раньше, зажимая Ctrl нажать ЛКМ на миниатюру нашего слоя, который с белой полоской был раньше.

Теперь берем кисточку , ставим ей размер около 500 , нажим 1% , в том уроке, который я переводил, вообще пишут ставить 0, но фотошоп нам этого сделать не позволит.

И рисуем вот здесь, как на скриншоте:


Добиваемся такого эффекта.

Все, теперь можете спокойно добавлять текст! Он будет смотреться на этой полоске, просто безупречно!

Инструкция

Запустите Adobe Photoshop и откройте в нем любую фотографию. Для этого кликните пункт меню «Файл», затем в выпадающем меню «Открыть» (или проще – используйте клавиши Ctrl+O). В появившемся окне выберите необходимый файл и нажмите «Открыть».

На данный момент в документе имеется только один слой – это его фон. Нажмите пункт меню «Слой» > «Новый» > «Слой» (или примените комбинацию клавиш Shift+Ctrl+N), чтобы создать еще один слой. В появившемся окне сразу нажмите «ОК».

Выберите инструмент «Прямоугольная область» (горячая клавиша M, переключение между смежными элементами — Shift+M) и выделите с его помощью какой-нибудь участок на изображении, к примеру, нижний, как на иллюстрации выше. Сделайте белый цвет основным, активируйте инструмент «Заливка» (G, переключение – Shift+G) и закрасьте выделенный участок, для чего нажмите внутри него левой кнопкой мыши.

Во вкладке «Слои» щелкните правой кнопкой мыши по «Слою 1» (он был создан вами на втором шаге инструкции) и выберите «Параметры наложения». В поле «Непрозрачность» установите от 20% до 40%, по вашему усмотрению, остальные параметры оставьте без изменений. Переключитесь на стиль «Обводка», который находится в самом низу списка стилей, и укажите в поле «Непрозрачность» примерно 20%. Выделенная вами область примет белесый оттенок.

Активируйте фоновый слой в списке слоев, нажмите пункт меню «Фильтр» > «Размытие» > «Размытие по Гауссу», в поле «Радиус» укажите примерно 35 и нажмите «ОК». Выделенная область станет матовой.

Для сохранения полученного результата кликните пункт файлового меню «Файл», затем «Сохранить как» (или нажмите комбинацию клавиш Ctrl+Shift+S), выберите место для сохранения, назовите как-нибудь будущий файл, в поле «Тип файлов» укажите Jpeg и щелкните «Сохранить.

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

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

  • — фотография в цифровом виде;
  • — компьютер и программа Photoshop.

Инструкция

Откройте изображение в программе, сделайте дубль слоя. На новом слое удалите все неровности кожи – ненужные родинки, угри, царапинки, морщинки. Используйте для этого лечащую (восстанавливающую кисть).

Сделайте еще один дубль слоя и выберите среди фильтров «Шум»/«Пыль и царапины». Попробуйте изменять настройки фильтра, чтобы получить идеальное мягкое размытие. Не переживайте, что стали размытыми также глаза — в дальнейшем они снова будут яркими. На этом же слое примените размытие по Гауссу, чтобы обеспечить еще большую матовость.

Чтобы придать коже нужную текстуру, сделать ее более реалистичной и не такой гладкой, добавьте еще один фильтр – «Шум»/«Добавить шум». Выберите «Монохромный шум» и поберите оптимальную величину, как правило, не более 1%.

Чтобы добавить этот слой к первоначальной фотографии выборочно (например, только на кожу, оставив глаза, волосы, губы четкими), нажмите внизу палитры кнопку «Маска слоя». Выберите в инструментах «Заливку», черный цвет и кликните по документу. В результате мутный слой, созданный в течение первых шагов, должен спрятаться.

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

Если дополнительно вам нужно изменить цвет, воспользуйтесь такими параметрами, как «Фотофильтр», «Цветовой фон»/«Насыщенность», «Цветовой баланс».

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

Средствами Adobe Photoshop можно добавлять разнообразные эффекты к изображениям: менять цветовые настройки, добавлять новые фрагменты, менять прозрачность. Сделать фотографию полупрозрачной можно разными способами.

Инструкция

Откройте фотографию, которая станет фоном.

Сверните изображение, не закрывая, и откройте другой рисунок, который станет полупрозрачным. Зажмите на клавиатуре Ctrl и щелкните по иконке слоя. Вокруг снимка появится выделение. Используя сочетание Ctrl+C, занесите рисунок в буфер.

Восстановите первую фотографию и вставьте из буфера другое изображение, применив Ctrl+V. Нажмите на клавиатуре Alt, а в нижней части панели слоев — кнопку Add Layer Mask («Добавить маску слоя»). Маска слоя, примененная в обычном варианте, скрывает нижнее изображение, в альтернативном – верхнее.

Как преобразовать текст в контур в Photoshop — Вокруг-Дом

Хотя текстовый инструмент Photoshop CC предлагает любой цвет радуги для шрифта, он не дает возможности создать рамку вокруг букв. Преобразовав текст в форму, вы можете не только добавить контур, но и сами буквы сделать прозрачными. Другой вариант — сохранить текст без изменений и использовать толстый Outer Glow для создания контура вокруг текста. Это не даст вам точных плавных линий, которые предлагает штрих формы, но это заставит буквы выглядеть так, как будто они были нанесены трафаретом на холст.

Преобразуйте текст в фигуру, чтобы добавить контур. Кредит: Скриншот предоставлен Adobe.

Преобразование текста в контур

Используйте Text Tool для написания вашего text.credit: Скриншот любезно предоставлен Adobe.

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

Преобразовать тип в shape.credit: Снимок экрана любезно предоставлен Adobe.

Нажмите меню «Тип» и выберите «Преобразовать в форму». Обратите внимание, что после этого вы больше не можете менять стиль шрифта.

Выберите Path Selection Tool.credit: Скриншот любезно предоставлен Adobe.

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

Выберите цвет контура в меню «Обводка». Кредит: Снимок экрана любезно предоставлен компанией Adobe.

Щелкните меню «Обводка» на панели параметров и выберите цвет для контура текста. Если вы не видите нужный цвет в палитре, щелкните значок цвета радуги, чтобы выбрать цвет из палитры цветов. Выберите толщину контура, щелкнув меню «Ширина обводки» непосредственно справа от меню «Обводка». Вы также можете изменить контур на пунктирную или пунктирную линию, щелкнув меню «Параметры обводки» непосредственно справа от меню «Ширина обводки».

Измените заливку на «Не заполнять». Кредит: Снимок экрана любезно предоставлен Adobe.

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

Законченный текст только с контуром. Кредит: Снимок любезно предоставлен Adobe.

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

Использование внешнего свечения в качестве контура

Выберите слой Outer Glow style.credit: Снимок экрана любезно предоставлен Adobe.

Добавьте текстовый слой в проект Photoshop с помощью инструмента «Текст». Если вы хотите, чтобы текст был прозрачным, сначала преобразуйте текст в форму с прозрачной заливкой. Выберите «Стиль слоя» в меню «Слой» и нажмите «Внешнее свечение».

Щелкните образец «Glow Color», чтобы выбрать цвет. Кредит: Снимок экрана любезно предоставлен компанией Adobe.

Щелкните образец «Цвет свечения», расположенный под параметром «Шум», чтобы открыть палитру цветов. Выберите любой цвет для контура, который хорошо контрастирует с фоном. Для белого фона используйте черный или любой темный цвет.

Отрегулируйте настройки Outer Glow, чтобы получить контур вокруг текста. Кредит: Скриншот любезно предоставлен Adobe.

Измените режим смешивания на «Нормальный», чтобы получить сплошной контур, или «Растворите», чтобы получить пятнистый эффект аэрозольной краски. Установите непрозрачность не менее 75 процентов. Увеличивайте Spread и Size, пока выбран параметр Preview, пока не получите толстый контур вокруг текста. Нажмите «ОК», чтобы сохранить стиль.

Белый шрифт с черным Outer Glow, используя Dissolve Blend Mode.credit: Скриншот предоставлен Adobe.

Нажмите «Инструмент текста» на панели инструментов и измените цвет текста на панели параметров на белый или цвет, соответствующий фону. Обратите внимание, что вы можете изменить стиль шрифта и другие параметры шрифта без потери контура Outer Glow.

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

Если у Вас есть свой сайт/блог или Вы занимаетесь созданием музыкальных вирусных открыток, то наверняка не один раз задавались вопросами:

Как привлекательно оформить текст?

Как сделать красивую подпись в статье, на форуме или в письме?

Как создать красивый блестящий текст? !

Конечно, есть различные программы для создания красивого текста. Например, Фотошоп . Замечательная программа!

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

Но, Фотошоп не у всех есть. К тому же, программа платная. Да и чтобы освоить её, нужно хорошенько потрудиться.

Раньше, чтобы красиво оформить текст , я пользовалась программой Power Point. Мне очень она нравится. В ней столько возможностей, даже не перечислить! Но, это уже отдельная тема, и даже не одна статья.

Вот такая красивая надпись — мой логотип для вирусных музыкальных открыток выполнена в обычной программе Power Point !

Также, можно найти (при запросе через любой поисковик: Яндекс, Гугл и др.) готовые красивые блестящие надписи и заголовки праздников.

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

Скажите, вот Вы хотите научиться быстро и легко, без всяких программ создавать красивый текст для сайта и подписи в письмах, на форумах ?! А также яркие, блестящие надписи для оформления музыкальных открыток ?

Это можно сделать буквально за минуту! Не верите?! Я познакомлю Вас с чудо-генератором онлайн по созданию красивого текста и Вы будете делать это на раз, два!

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

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

Все скриншоты я делала в Ворде 2010, но если у Вас установлен Word 2007, 2013 или 2016, тогда данные рекомендации Вам подойдут.

Как сделать красивую надпись

Начнем с того, что добавим в документ необходимое поле. Перейдите на вкладку «Вставка» и выберите «Надпись» – «Простая надпись» .

На странице появится вот такое поле. Удалите напечатанное в примере, нажав «Delete» на клавиатуре, и наберите то, что нужно Вам.

Затем выделите написанные слова и перейдите на вкладку «Главная» . Раскройте выпадающий список со шрифтами, и подберите тот, который Вам больше всего подходит.

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

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



Чтобы изменить цвет букв, нажмите на маленькую стрелочку возле кнопки «Цвет текста» и кликните по тому, который больше всего подойдет. Если нужного цвета в представленных нет, тогда нажмите «Другие цвета» , или же выберите градиентную заливку.


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

Чтобы убрать границы для созданного блока, нажмите на нее правой кнопкой мышки, в контекстном меню выберите «Контур фигуры» , затем «Нет контура» .


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


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

Выделите сам блок и перейдите на появившуюся вкладку «Средства рисования» – «Формат» , именно на ней есть все те кнопочки, которые мы рассмотрим дальше.

На данной вкладке кнопки в группе «Стили фигур» применяются к рамке: заливка, пунктирная рамка и прочее. В группе «WordArt» все кнопочки используются для изменения теста. Давайте рассмотрим все по порядку.


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

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


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


Для блока с надписью можно изменить и «Контур фигуры» – то есть рамку. Подберите для нее цвет, толщину или измените линию на прерывистый пунктир.


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


Кнопка «Заливка текста» позволит поменять цвет букв.


Чтобы выбрать контур, нажмите соответствующую кнопку. Здесь можно не только подобрать цвет, но и толщину или изменить штрихи.


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


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


Как красиво написать текст

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

На сайте есть несколько статей, во время написания которых получался интересный вид текста.

В статье, результат был такой.

Если нужно , тогда прочтите статью, перейдя по ссылке.


О том, можете прочесть в данной статье. Результат получился такой:


Если нужно, можете скачать с Яндекс.Диска Вордовский файл: https://yadi.sk/i/A_7MFbG23Kbyj5 , в котором будут все упомянутые выше примеры, в том числе и по кругу и на картинке. Вам останется просто напечатать свой текст.

Надеюсь, все понятно, и теперь Вы сможете сделать красивый текст в документе Ворд, который будет привлекать внимание.

Приветствую Вас в данной статье! Как Вам такие красивые надписи? Это графический текст.

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

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

Где использовать эти надписи

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

В общем, везде куда только фантазия укажет. Главное не пересолить, так что из-за текста основной картинки не будет видно.
Ладно, переходим к делу.

Создаем красивые надписи

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

Теперь и страниц с шаблонами стало стало поменьше. Выбираем шаблон. Можно даже перед тем, как кликнуть по шаблону прописать свой текст, чтоб увидеть как он будет смотреться в разном стиле.

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


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

Прозрачный фон для текста

Для того чтобы сделать фон прозрачным перейдите в редактор.

На вкладке «Фон » отметьте тип: «Прозрачный » Теперь жмите красную кнопку справа и сохраняйте изображение простым перетягиванием.


Вот так всё просто. А наложить красивую надпись на фотографию либо на другое какое-то изображение можно с помощью бесплатной программы FastStone Image Viewer или Picasa . Это очень классные программы и я в них постоянно работаю. Рекомендую их установить себе.

Редактируем графический текст

Обратите внимание, что в графическом редакторе есть ещё несколько вкладок с инструментами.
Текст — Здесь можем заменить или добавить текст, увеличить размер шрифта (ограничено), поставить другой шрифт.
Лого — В этой вкладке мы меняем основной цвет текста. Он может быть зарисован сплошным цветом либо под текстуру (узор) или градиент (градиент, это набор нескольких цветов плавно переходящих с одного в другой). Так же в тексте есть контур, который так же как и основной текст можно увеличить и закрасить.

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

Тень — Этот инструмент позволяет отобразить логотип так, как будто он парит в воздухе и от него падает тень. Её тоже можно подправить на своё усмотрение. То-есть сдвинуть в разные стороны горизонта и вертикали. Настроить размытость и затенённость.

Фон — я думаю и так понятно что это значит. Текст будет наложен на цветное изображение, но как я выше показывал, можем задний фон сделать прозрачным. Но в таком случае сохранять логотип нужно в формате «PNG» так как другие форматы не поддерживают прозрачность фона. Выставить формат можно во вкладке «Образ »

На этом всё ребята. Видите, как просто сделать надписи на картинке. Да, возьмите на вооружение ещё пару сайтиков по этой теме.

http://x-lines.ru

https://cooltext.com

Анимированные блестящие тексты

http://gifr.ru/glitter

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

CS6 можно не только создавать рисунки или ретушировать фотографии. В нём доступна работа с текстом. И не с обычными символами, которые есть и в Microsoft Word. Фотошоп ведь графический редактор — в нём можно сделать надпись с оригинальным дизайном. Хотя стандартные печатные знаки в утилите тоже есть. Разберитесь, как повернуть текст в Фотошопе, добавить к нему эффекты или текстуры, выбрать размер, форму. И вообще, как взаимодействовать с символами в данной программе.

В Фотошопе часто приходится сталкиваться с работой с текстом

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

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

  1. Создайте новый рисунок. Или откройте картинку, к которой хотите добавить подпись.
  2. На панели слева найдите кнопку в виде заглавной буквы «T». Если навести на неё курсор, появится всплывающая подсказка «Горизонтальный» или «Вертикальный».
  3. Щёлкните по ней правой кнопкой мыши. Выберите направление надписи.
  4. Кликните на место, куда надо добавить символы. Или выделите область, в которой они должны располагаться.
  5. Следует написать то, что вам нужно.
  6. Если вы щёлкнули в произвольном месте, границы текста будут «растягиваться» по мере ввода. Можете переносить строки, нажимая Enter. Если выделяли область, придётся менять размеры рамки вручную.
  7. Чтобы расширить поле для печати, «потяните» мышью за маркеры на этой границе. Они будут активны, если нажата кнопка «T».
  8. Чтобы переместить блок с текстом, нажмите на пиктограмму в виде чёрного курсора и перекрестья. Она находится на панели слева. Обычно в самом верху. После этого просто перетащите объект. Это аналогично перемещению ярлыков в Windows .


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

Редактирование

В Photoshop CS6 есть средства для редактирования надписей. Можно выбрать красивый шрифт, способ начертания, размер, цвет, выравнивание. Настройки появятся на верхней панели, если выделить слой с буквами и нажать на «T».

  • Чтобы изменить каллиграфию, кликните на выпадающий список слева вверху. Появятся все шрифты, которые есть у вас на компьютере. Рядом с названием находится пример того, как будут выглядеть знаки. Можете скачать новые наборы символов, если не хватает предустановленных. Их надо вставить в папку «Шрифты», в которую можно войти через Пуск — Панель управления. И при следующем запуске Photoshop они появятся в списке. Каллиграфия имеет формат.TTF или.OTF.
  • Чтобы поменять оттенок знаков, надо их выделить и нажать на прямоугольник вверху. Он того же цвета, что и текст. Эта кнопка открывает палитру. Можно задать оттенок вручную, перемещая ползунок по шкале и подбирая яркость. Можно ввести параметры в виде цифр. А можно сразу написать название цвета, если оно вам известно. Оно выглядит, как код из цифр и латинских символов. Для акцентирования внимания на надписи создайте обводку другого оттенка.
  • Чтобы перевернуть строку, нажмите ни иконку в виде буквы «T» с маленькими стрелочками. Она тоже находится наверху.
  • Размер задаётся в выпадающем списке, в котором отображены числа с припиской «пт» (этот параметр измеряется в пикселях или пунктах — сокращённо «пт»).
  • Для выстраивания по линии используйте кнопки «Выключка слева», «Выключка справа», «Выключка по центру». Это аналог опций «Выравнивание по левому краю», «Выравнивание по правому краю».
  • Чтобы изменить начертание, выделите фрагмент надписи и кликните по нему правой кнопкой мыши. В контекстном меню будут пункты «Псевдополужирный» и «Псевдокурсивный».
  • Там же можно настроить сглаживание: чёткое, насыщенное, плавное, жёсткое.

Чтобы применить изменения нажмите на галочку на верхней панели. Чтобы вернуть изначальное форматирование — на зачёркнутый круг.

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

Деформация

На верхней панели есть кнопка «Деформация». Она отображена в виде искривлённой буквы «T» и полукруга. К этой же настройке можно перейти, если нажать правой кнопкой мыши на имя слоя. В выпавшем меню будет строчка «Деформировать текст».

В открывшемся окне в поле «Стиль» выберите, как должна отображаться строка: дугой, аркой, волной, рыбой, пузырём. Так можно сделать неординарное оформление.

Эффекты


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

Покажем возможности эффектов на конкретном примере. Вот как сделать обводку текста в Фотошопе CS6:

  1. Кликните на слой с надписью правой кнопкой мыши.
  2. Выберите «Параметры наложения».
  3. В списке слева найдите пункт «Создать обводку» или что-то подобное. Нажмите на него и отметьте его маркером.
  4. Там можно задать оттенок рамки, ширину, положение (снаружи, внутри, из центра), прозрачность, режим наложения.
  5. Чтобы изменить фактуру нажмите на список «Тип». Будет выбор между «Цвет», «Градиент» и «Узор».
  6. Градиент — это несколько оттенков . Изображение с ним переходит из одного цвета в другой. То есть в одной части рисунка будет насыщенный синий, в другой — светло-фиолетовый. Можно даже оформить обводку в виде радуги.
  7. Узор — это текстура. Перейдите к данному пункту — появится пример рисунка. Нажмите на стрелочку рядом с ним, указывающую вниз — там буде выбор между разными изображениями. В появившемся меню кликните на ещё одну стрелочку, направленную вбок. Откроется меню, в котором можно выбрать наборы стилей — в каждом своя коллекция текстур. Доступна загрузка новых узоров — они должны иметь формат.PAT.

Написать предложение и добавить к нему рамку — это самое простое. В меню эффектов можно наложить градиент и узор на сам текст, добавить к нему глянец, тиснение, освещение, тень. У каждой функции много внутренних параметров. К примеру, в разделе «Тень» есть размер, угол наклона, смещение и даже эффект шума (похож на телевизионную рябь).

Можете поэкспериментировать с настройками. При изменении какой-то опции результат сразу отобразиться на картинке. В утилите есть список уже готовых эффектов. Он находится во вкладке «Стили». В них все параметры уже выставлены.

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

Объём


Написать красивый текст можно и по-другому. Создать из него объёмные фигуры.

  1. Выберите слой. Не выделяйте область с надписью.
  2. Нажмите на «3D» в строке меню.
  3. Если у вас есть какая-то модель в виде 3D-файла, можете загрузить её и использовать.
  4. Чтобы сделать объёмный объект из самой надписи, наведите курсор на «Новая сетка из градаций серого». В данном меню очень скудный выбор характеристик.
  5. Параметр «Новая структура из слоя» преобразует весь слой. Он складывается в фигуру, как лист бумаги. В этом разделе много объектов: пирамида, конус, цилиндр, шар, куб и тому подобное.

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

Готовые эффекты

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

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

Стили распространяются в файлах.psd (их часто упаковывают в архивы RAR или ZIP). Это не надстройка или плагин, а изображения, которые можно редактировать. Там уже настроены все нужные цвета и эффекты. Достаточно открыть рисунок в Фотошопе и вставить свой текст. Копируйте и добавляйте его в другие картинки.

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

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


Можно понять, как написать текст в Фотошопе и отредактировать его. Однако в утилите множество разнообразных текстур, стилей, эффектов, числовых параметров, в которых легко запутаться. Чтобы изучить программу и запомнить все её функции потребуется время. Но сделать интересную и необычную подпись сможет каждый. Для этого не надо досконально разбираться в Photoshop. Также в сети доступны уже готовые стили. В них эффекты уже расставлены. Достаточно вписать свой текст.

Эффект свечения текста в фотошопе

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

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

1. Открываем изображение, которое будем использовать в качестве фона, программой фотошоп и создаем под слоем с данным изображением новый слой. Данный слой мы зальем темным цветом с помощью инструмента «Заливка». Цвет можно взять пипеткой из темной области самого изображения.

После этого к верхнему слою с изображением применим наложение «Мягкий свет». Для этого в панели слоев выделяем слой с изображением, кликнув по нему левой кнопкой мыши и устанавливаем ему наложение «Мягкий свет», вместо «Обычное».

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

2. Теперь добавляем текст по центру изображения, настраиваем нужный размер и шрифт. Я подобрал шрифт необычный и с намеком на что-то космическое ;).

Далее необходимо наложить на текст градиент. Для этого кликаем правой кнопкой мыши по слою с текстом в панели слоев и в появившемся меню выбираем «Параметры наложения». В результате данного действия откроется окно с настройками параметров слоя.

В данном окне выбираем «Наложение градиента» и задаем настройки: линейный градиент, угол 90 градусов, ну и все остальное, как на скриншоте выше.

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

В данном случае это будут синие тона, верхнюю часть градиента сделаем светлой, нижнюю — темной.

3. После настройки градиента необходимо сделать «тиснение» текста, чтобы придать ему эффект объема и выделить края. Для этого в той же панели «Параметры наложения» выбираем «Тиснение» и делаем соответствующий настройки (как на скриншоте ниже).

В результате получаем вот такой текст с эффектом тиснения.

4. Далее полученный слой с текстом необходимо копировать 3 раза, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + C (стандартная команда копирования), после чего 3 раза нажимаем комбинацию клавиш Ctrl + V (вставить). В результате в панели слоев мы получим 3 копии слоя с текстом.

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

после чего снова нажать на правую кнопку мыши и в появившемся меню выбрать «Объединить слои». Таким образом у нас получится один слой с изображением надписи.

5. Теперь к получившемуся слою с изображением текста применим фильтр «Радиальное размытие». Выделяем данный слой, кликнув по нему левой кнопкой мыши и в верхней панели меню выбираем «Фильтр» — «Размытие» — «Радиальное размытие».

Далее, в открывшемся окне настроек фильтра устанавливаем максимальное количество — 100, метод размытия — линейный и качество — наилучшее.

В результате применения фильтра получится эффект свечения.

Свечение получилось тусклым и для того, чтобы увеличить его яркость мы к данному слою применим наложение «Линейный осветлитель». Выделяем данный слой и в панели слоев устанавливаем наложение «Линейный осветлитель», вместо «Обычный».

В результате получим уже более насыщенный и яркий свет.

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

Последним шагом сделаем еще одну копию данного слоя с эффектом поместим ее под первый слой и установим ему наложение «Осветление основы» вместо «Линейный осветлитель». Так же данному слоу установим непрозрачность на 50%.

В итоге получаем необходимый эффект свечения текста.

Таким образом в фотошопе можно сделать эффект свечения не сложным и быстрым способом.

Использование текста в качестве контейнера для большего количества текста в Photoshop

Автор Стив Паттерсон.

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

Вот эффект, к которому мы стремимся:

Последний эффект «текст внутри текста».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый документ

Во-первых, нам нужен документ, поэтому перейдите в меню File вверху экрана и выберите New … или используйте сочетание клавиш Ctrl + N (Win) / Command + N (Mac), чтобы быстро открыть диалоговое окно Photoshop New Document . Выберите желаемый размер для вашего документа. Я установил свой документ 6 x 4 дюйма , но вы можете использовать любой размер, который вам нужен.Так как я хочу, чтобы это хорошо выглядело при печати, я установил для своего разрешения Resolution значение 300 пикселей / дюйм . Убедитесь, что для параметра Background Contents установлено значение White , затем нажмите OK, когда закончите, чтобы создать новый документ:

Выберите размер, разрешение и цвет фона для нового документа Photoshop.

Шаг 2. Выберите инструмент «Текст»

Далее, чтобы добавить наш текст, нам нужно Type Too l. Возьмите его из палитры инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст» в Photoshop.

Шаг 3. Выберите шрифт на панели параметров

Выбрав инструмент «Текст», перейдите на панель параметров вверху экрана и выберите свой шрифт. Поскольку мы собираемся использовать букву в качестве контейнера для большего количества текста, попробуйте выбрать шрифт с толстыми буквами. Я буду использовать Arial Black . Пока не беспокойтесь о размере. Мы изменим размер текста по мере необходимости через мгновение:

Выберите шрифт на панели параметров, желательно с толстыми буквами.

Шаг 4. Напечатайте букву в документе

Щелкните в любом месте документа Photoshop и введите букву, которая будет использоваться в качестве контейнера для остального текста. Я наберу «Т», потому что это красивая простая форма.

Шаг 5: Используйте свободное преобразование, чтобы изменить размер буквы по мере необходимости

Если вам нужно изменить размер буквы, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Photoshop Free Transform и ручки вокруг буквы, затем перетащите любой из маркеров (значок маленькие квадраты), чтобы изменить его размер.Чтобы избежать случайного искажения внешнего вида буквы при изменении ее размера, удерживайте нажатой клавишу Shift при перетаскивании маркеров. Если вы хотите изменить размер буквы от ее центра, нажмите и удерживайте клавишу Alt (Win) / Option (Mac):

Измените размер буквы по мере необходимости с помощью команды Photoshop Free Transform.

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование и выйти из команды «Свободное преобразование».

Шаг 6: Создайте путь от типа

Не снимая выделения с инструмента «Текст», щелкните правой кнопкой мыши (Win) / , удерживая клавишу Option, щелкните (Mac) в любом месте документа, чтобы открыть подменю параметров для текста. Нам нужно преобразовать нашу букву в путь, который мы можем использовать в качестве контейнера для остальной части нашего текста, поэтому выберите Create Work Path из подменю:

Создайте рабочий путь из письма.

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

Шаг 7. Скрытие текстового слоя

Если вы не заметили контур вокруг буквы после того, как вы выбрали «Создать рабочий контур», вы заметите его после этого шага, потому что мы собираемся скрыть текстовый слой из поля зрения, поскольку нам больше не нужно его видеть. В крайнем левом углу текстового слоя на палитре слоев находится значок глазного яблока. Это значок Layer Visibility , но большинство людей называют его просто «глазным яблоком».Когда глазное яблоко отображается, слой отображается в документе, а когда он не отображается, слой скрывается. В настоящее время видно глазное яблоко, поэтому мы видим букву в документе. Щелкните мышью по значку глазного яблока, и это не только скроет глазное яблоко, но и текст в документе:

Скройте букву в документе, щелкнув значок ее видимости на палитре «Слои».

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

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

Теперь текст скрыт, показывая путь, который мы создали из текста.

Шаг 8: Щелкните внутри контура, но не вводите пока

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

Шаг 9. Измените шрифт и / или размер шрифта, если необходимо

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

Измените шрифт и размер шрифта на панели параметров.

Шаг 10. Выберите «Выровнять все по ширине» на палитре абзацев.

Есть еще одна вещь, которую мы хотим сделать, прежде чем мы начнем печатать. Мы хотим установить выравнивание текста на Justify All , чтобы текст заполнял нашу форму слева направо. Мы можем получить доступ к параметрам выравнивания из палитры Paragraph . Если палитра абзацев еще не открыта на экране, а инструмент «Текст» все еще выбран, перейдите на панель параметров и нажмите кнопку переключения палитры символов и абзацев :

Нажмите кнопку переключения палитры «Символ» и «Абзац» на панели параметров, чтобы получить доступ к палитрам «Символ» и «Абзац» в Photoshop.

По умолчанию Photoshop группирует палитры «Символ» и «Абзац» в одну группу палитр, поскольку они работают как одна команда, а также для экономии места на экране. Если отображается палитра символов, просто щелкните вкладку имени палитры абзацев в верхней части группы палитр, чтобы вывести ее на передний план и отправить палитру символов на задний план. Выделив палитру «Абзац», щелкните опцию «Выровнять все по ширине» в правом верхнем углу палитры. Это гарантирует, что наш текст заполнит как можно больше буквы:

Щелкните параметр «Выровнять все по ширине» на палитре абзацев.

Шаг 11: Введите текст внутри контура

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

Начните печатать внутри буквы. По мере ввода текст принимает форму исходной буквы.

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

Моя буква «Т» теперь заполнена текстом.

Шаг 12: Нажмите на галочку, чтобы принять текст

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

Подтвердите свой текст, щелкнув галочку на панели параметров.

Шаг 13: Скрыть путь

После добавления текста все, что осталось сделать, это скрыть путь, и мы можем легко сделать это с помощью сочетания клавиш Ctrl + H (Win) / Command + H (Mac). На этом мы закончили! Вот окончательный результат с текстом в форме буквы T:

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

Куда идти дальше …

И вот насколько легко преобразовать букву в контур и использовать его как контейнер для большего количества текста в Photoshop! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!


Как добавить цвет фона к тексту в Photoshop

Как добавить цвет фона к тексту в Photoshop
Сеть обмена стеками

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

Посетить Stack Exchange
  1. 0
  2. +0
  3. Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна. Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил

Просмотрено 205k раз

Как проще всего это сделать? Я знаю, что CSS может очень легко установить цвет фона текста.И фейерверк смог это сделать. Но я не могу заставить его работать сейчас. Я знаю, что есть более сложный способ: разместить прямоугольник под текстом. Или поместите текст внутри прямоугольника.

Создан 14 окт.

случайный

26311 золотых знаков22 серебряных знака55 бронзовых знаков

2

В Photoshop нет цвета текстового поля. Единственный способ — нарисовать слой прямоугольной формы под текстовым слоем (вы также можете использовать растровый слой).

Ага, это отличается от некоторых других программ для проектирования.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *