Товаров: 0 (0р.)

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

Содержание

Матовый фон для надписи / Creativo.one

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

Шаг 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 % на слое с текстом, и измените режим наложения на Перекрытие.

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


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

Автор: Aaron Vanston
 

Эффект яркого радужного текста | Photoshop

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

Программное обеспечение: Adobe Photoshop CS6 (возможно также использование версий CS3 и выше)

Создайте новый документ размером 500 на 500 пикселей со всеми настройками по умолчанию, затем залейте фон черным цветом.
Создайте белый текст с использованием шрифта Futurama. Все буквы должны быть маленькими, размер шрифта 100 пунктов, трекинг — 25 пикселей:


Далее вам нужно с помощью инструмента «Текст» выделить каждую букву, чтобы изменить ее цвет. Цвета, использованные мною (слева направо): #800cb6, #074d9d, #0496b7, #00992b, #8c9f09, #a55405 и #9f0929:

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


Выберите оригинальный растеризированный слой, затем перейдите в Фильтр > Размытие> Размытие в движении. Измените значения для «Угла» — 90, для «Смещение» — 150. Это создаст вертикальный эффект размытия:

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


Выберите инструмент «Прямоугольная область» и нажмите на иконку «Пересечение с выделенной областью» в панели параметров. Нажмите левую кнопку мыши и проведите курсором, чтобы нарисовать прямоугольник, который охватывает верхнюю половину выделенного текста. После того, как вы отпустите кнопку мыши, нижняя половина больше не будет выделена:
Создайте новый слой поверх всех слоев и назовите его «Top«, установите цвет переднего плана на белый, и выберите инструмент «Градиент». В панели параметров выберите тип градиента от цвета переднего плана к прозрачному, и кликните по иконке «Линейный градиент«.

Затем нажмите и удерживайте клавишу Shift, нажмите левую кнопку мыши и перетащите курсор вертикально от нижней точки до самой высокой точки выделения:


Таким образом, вы заполните выделенную область градиентом. Перейдите в Выделение> Отменить, чтобы снять выделение:
Вы можете изменить значение непрозрачности, если хотите задать более тонкую градиентную заливку. У меня значение непрозрачности слоя равняется 30%:

Теперь, пришло время добавить нижнюю часть текста. Дерзайте, вы можете создать любой белый текст. Я использовал шрифт Century Gothic (заглавные буквы), размер шрифта 18 пунктов, трекинг по-прежнему 25. Вам, возможно, нужно будет использовать другие значения в зависимости от длины вашего текста:


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

Цвет — Позиция
#800bb6 — 0
#025abc — 17
#0596b7 — 28
#00992b — 40
#8c9f09 — 52
#A55405 — 72
#9f0929 — 100


Это позволит залить текст градиентом, который сочетается с цветовыми переходами верхнего (основного) текста:
Мы закончили!

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

Данная публикация является переводом статьи «Bright Rainbow Text Effect» , подготовленная редакцией проекта.

Как сделать прозрачный текст в Фотошопе


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

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

Приступим.

Создаем новый документ нужного размера и заливаем фон черным цветом.

Затем меняем основной цвет на белый и выбираем инструмент «Горизонтальный текст».

Лучше всего будут смотреться шрифты, имеющие плавные линии. Я выбрал шрифт «Forte».

Пишем наш текст.

Создаем копию слоя с текстом (CTRL+J), затем переходим на оригинальный слой и дважды кликаем по нему, вызывая стили слоя.

Первым делом выбираем пункт «Тиснение». Выставляем настройки, как показано на скриншоте.

Затем выбираем пункт «Контур» и снова смотрим на скриншот.

Добавим Обводку с такими настройками:

И Тень.

Готово, нажимаем ОК.

Не переживайте, что ничего не видно, скоро все покажется…

Переходим на верхний слой и снова вызываем стили.

Снова добавляем Тиснение, но с такими настройками:

Затем определяем Контур.

Настраиваем Внутреннее свечение.

Нажимаем ОК.

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

Все очень просто. Снижаем прозрачность заливки для каждого текстового слоя до нуля:

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

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

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

Фон можно взять готовый, либо нарисовать свой.

Вот, что получилось в итоге:

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

PhotoshopSunduchok — Эффекты для текста в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.

 Эффекты для текста в фотошопе

Всем привет!

Сегодня мы будем создавать текст из пузырей.

В уроке вы узнаете, как пользоваться инструментами Кисть, Текст, Перемещение, Градиент, Прямолинейное лассо, Заливка, фильтром Размытие по Гауссу, стилями слоя, режимами наложения слоев, научитесь загружать контуры и кисти, устанавливать шрифты, создавать новые градиенты и многое другое.

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

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Активируем инструмент Заливка. В панели цвета в качестве основного цвета устанавливаем оттенок # 4588b7. Кликаем мышью по холсту, чтобы залить фоновый слой цветом основного плана.

Выше всех слоев создаем новый пустой слой и переименовываем его в «Цвет».

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Большой мягкой кистью оттенком # 702283 рисуем пятна на слое «Цвет». Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Цвет».

Выше всех слоев создаем новый пустой слой и переименовываем в «Цвет 2».

Мягкой круглой кистью оттенком # 94cdf6 рисуем голубые пятна, как на рисунке ниже.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Цвет 2».

Выше всех слоев создаем новый пустой слой и переименовываем его в «Лучи».

Активируем инструмент Прямолинейное лассо и создаем выделение, как на изображении ниже.

Активируем инструмент Градиент. В верхней панели настроек инструмента Градиент щелкаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент от белого к прозрачному. Для этого удалите (клик по Контрольной точке + клавиша Delete) все лишние верхние Контрольные точки, оставив только крайнюю левую.

Для этой Контрольной точки установите белый цвет (# ffffff). Для крайней левой верхней Контрольной точки используйте 100% непрозрачность, для правой верхней крайней – 0% непрозрачности. Зажимаем клавишу Shift и проводим градиент сверху вниз, как показано на рисунке ниже. Снимаем выделение (Ctrl+D).

Снова переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем слой «Лучи».

В панели слоев меняем режим наложения слоя «Лучи» на Перекрытие и понижаем прозрачность слоя.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст и пишем слово «Bubble». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем размер и цвет текста и используем настройки, как на рисунке ниже. Цвет текста не важен, мы изменим его в дальнейшем, но я использовала черный (# 000000). При помощи инструмента Перемещение располагаем текст по центру холста.

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

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

Во вкладке Контур кликаем по строке выбора контура и в открывшемся окне выгибаем кривую, как на изображении ниже.

Во вкладке Обводка используем оттенок # 000000 (черный) и вводим настройки, как на рисунке ниже.

Во вкладке Внутреннее свечение используем белый оттенок (# ffffff). Кликаем по треугольнику у строки выбора контуров и выбираем контур, как на рисунке ниже.

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

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для левой нижней Контрольной точки используем черный оттенок (# 000000), для правой нижней – белый (# ffffff). Для верхних Контрольных точек устанавливаем 100% непрозрачность. Полные настройки для вкладки Наложение градиента на последнем скриншоте.

Во вкладке Тень вводим настройки, как на рисунке ниже. Оттенок для тени используем черный (# 000000) и выбираем контур из загруженного набора контуров.

Результат после применения стилей слоя.

Выше всех слоев создаем новый пустой слой и переименовываем его в «Пузыри».

Активируем инструмент Кисть и загружаем набор кистей с пузырями из папки с исходниками. Для этого при активном инструменте Кисть кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. В меню выбора кистей кликните по «шестеренке» справа и выберите «Загрузить кисти». Набор с загруженными кистями появится в конце списка загруженных кистей. В панели цвета в качестве основного оттенка устанавливаем белый. Для этого сначала нажмите на клавиатуре клавишу D, чтобы сбросить цвета к установленным по умолчанию (черному и белому), затем – клавишу X, чтобы поменять оттенки переднего и заднего плана местами. Выбираем из загруженного набора кисти с пузырями и, ставя отпечатки на слое «Пузыри», заполняем фон. Можете использовать несколько разных кистей с пузырями.

Текст из пузырей готов!

Прекрасного настроения и творческих успехов!

   

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.


 

 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

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

⚙СОЗДАТЬ ТЕКСТ С ИЗОБРАЖЕНИЕМ ЗАЛИВКИ В ФОТОШОПЕ CC 2017

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

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

1. Создание текста с изображением заливки в Photoshop с помощью инструмента Text Mask Tool

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

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

Шаг 3
Как только мы настроим его в соответствии с нашими предпочтениями, мы должны выбрать инструмент Марко (M). В этом случае мы увидим букву, усеянную цветами, которые будут у нее позже.

Шаг 4
После выбора мы должны скопировать и вставить изображение. Для этого нужно нажать:

Windows

Ctrl + C

Ctrl + V

макинтош

C + C

V + V

Шаг 5
Теперь мы должны дважды щелкнуть на дублированном слое, и откроется новое окно. В этом новом окне мы должны выбрать «Умножение» в режиме слияния.

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

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

Шаг 6
У нас уже есть текст, включенный в изображение, которое мы выбрали.

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

2. Создать текст с изображением заливки в Photoshop с помощью Clipping Mask

Шаг 1
Первое, что мы сделаем, это создадим новый слой текста, для этого мы нажмем на инструмент «Текст» и напишем нашу идею.

Шаг 2
Теперь мы будем формировать наш текст, редактируя ваши визуальные предпочтения. Для этого щелкните правой кнопкой мыши на текстовом слое и выберите «Параметры слияния».

Шаг 3
Здесь мы можем добавить такие эффекты, как контур, затенение, текстура

Шаг 4
Получив наш текст, мы перетащим изображение, которое хотим заполнить, в проект, в котором мы работаем, и поместим его над текстовым слоем.

Шаг 5
Теперь на этом заливочном слое мы щелкнем правой кнопкой мыши и выберем «Clipping Mask».

Шаг 6
Как мы видим, наш текст принял заполнение изображения, которое мы выбрали. Мы можем переместить слой заливки так, чтобы окончательный выбор менялся.

И вуаля, у нас уже есть наши тексты, созданные из изображения с Photoshop CC 2017.

Действие «Заливка цветом» в фотошопе

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

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

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

 

Примечание

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

Если вам нужно нечто креативное, можно захватить цвета из изображения, перемещая по нему указатель мыши при открытом диалоговом окне (указатель мыши примет вид пипетки). Щелкните мышью для выбора нужного цвета, а затем нажмите кнопку ОК.

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

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