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

Текст разноцветный в фотошопе: Разноцветный текст в Фотошоп / Creativo.one

Содержание

Разноцветный текст в Фотошоп / Creativo.one

В этом уроке вы узнаете, как создать яркий текстовый эффект в Фотошоп.

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

Начинаем с создания нового документа (CTRL+N) размером 1900х1200 px (режим RGB) с разрешением 72 пикселя/дюйм. Затем жмем на кнопку Add a layer style (Добавить стиль слоя) в нижней части Панели слоев и выбираем Gradient Overlay (Перекрытие градиентом).

Жмем на цветовую панель, чтобы открыть Gradient Editor (Редактор градиента) и устанавливаем цвета, как на скриншоте ниже. Кликаем OK, чтобы закрыть диалоговое окно.

Получаем вот такой фон:

Активируем Horizontal Type Tool (Горизонтальный текст) (T). Выбираем шрифт, размер и цвет на панели

Character (Символ).

Кликаем на рабочем полотне и пишем «Adobe Lightroom 3». Жмем Enter.

Кликаем на Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Drop Shadow (Тень).

Получаем вот такую тень на тексте:

Создаем новый слой и выбираем кисть Soft Mechanical.

Рисуем кистью поверх текста цветом #07384F с

Opacity (Непрозрачность) 30%.

Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоем, на котором только что работали, и текстовым слоем, чтобы создать обтравочную маску.

Получаем вот такой результат:

После этого активируем Pen Tool (Перо) (P), устанавливаем режим на Shape Layers (Слой фигуры) и рисуем фигуру, как показано ниже. Цвет выбираем #13A7C5.

Устанавливаем Fill (Заливка) слоя на 0%, жмем Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем вот такой результат:

Вставляем маску на слой, кликнув на кнопку Add layer mask (Добавить слой-маску) внизу Панели слоев, затем выбираем кисть Soft Mechanical черного цвета с Opacity (Непрозрачность) 15%.

Кистью редактируем маску, чтобы сгладить края фигуры.

Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Несколько раз дублируем (CTRL+J) последний созданный слой, активируем Free Transform (Свободное трансформирование) (CTRL+T) и меняем расположение копий, размещая их по всему тексту. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Снова используем Pen Tool (Перо) (Р), чтобы нарисовать новую фигуру цветом #B6BC36.

Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем следующий результат:

Вставляем маску на слой, кликнув по кнопке

Add layer mask (Добавить слой-маску) внизу Панели слоев, и выбираем кисть Soft Mechanical черного цвета с Opacity (Непрозрачность) 15%.

Рисуем кистью по маске, чтобы смягчить края фигуры, как мы делали это раньше.

Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Далее мы должны создать несколько копий последнего созданного слоя, затем активировать Free Transform (Свободная трансформация) (CTRL+T), чтобы откорректировать расположение копий, как показано ниже. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Снова используем Pen Tool (Перо) (Р), чтобы создать новую фигуру.

Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем

Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем следующий результат:

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

Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Создаем несколько копий фигуры и с помощью Free Transform (Свободная трансформация) (CTRL+T) корректируем их расположение.

Создаем новый слой и используем кисть Soft Mechanical желтого цвета с Opacity (Непрозрачность) 15%.

Используем кисть, чтобы закрасить белые участки на тексте.

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

Создаем новый слой и выбираем кисть Soft Mechanical синего цвета с Opacity (непрозрачность) 15%, чтобы закрасить синие участки на тексте.

Получаем следующий результат:

Создаем еще один новый слой, используя кисть Soft Mechanical цветом #44425B с Opacity (Непрозрачность) 20%, рисуем тень на тексте.

Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу Панели слоев и выбираем Curves (Кривые), чтобы сделать небольшую цветовую коррекцию.

Получаем следующий результат:

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

Перемещаем ползунки вправо, чтобы увеличить уровень Saturation (Насыщенность).


(нажмите на изображение, чтобы увеличить)

Автор: ART-D
 

Источник: designstacks.net

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

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

 

Всем привет!

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

Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп.

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

Затем создадим несколько копий текстового слоя и каждую копию сдвинем на 1 пиксель вниз и на 1 пиксель вправо.

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

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

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

 

 

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

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

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

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

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

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Перетаскиваем дубликат текстового слоя ниже слоя-оригинала в панели слоев. Теперь уже создаем дубликат дубликата текстового слоя (Ctrl+J). При активном инструменте Перемещение сдвигаем этот «дубликат дубликата» текстового слоя на 1 пиксель вправо и на 1 пиксель вниз. Для перемещения используем клавиши стрелки на клавиатуре. Снова создаем дубликат того слоя, который только что сдвигали и сдвигаем новую копию слоя на 1 пиксель вниз и на 1 пиксель вправо. Схематически это выглядит так – мы создаем копию слоя, сдвигаем ее, после этого создаем дубликат слоя, который только что переместили и снова сдвигаем его. Повторяем действия 8-10 раз. На данный момент холст будет иметь следующий вид.

В панели слоев при помощи клавиши Shift выделяем все копии текстового слоя, кроме слоя-оригинала. Кликаем по ним в панели слоев ПКМ и выбираем «Растрировать текст». Не снимая выделения, нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Тень».

В панели слоев понижаем прозрачность слоя «Тень».

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

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

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

Активируем инструмент Кисть и выбираем жесткую круглую кисть. Если на данный момент в программу не загружен набор с жесткими круглыми кистями, кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей, щелкаем по «шестеренке» справа и из выпадающего списка выбираем «Основные кисти». Выбираем кисть, отмеченную ниже стрелочкой. В панели цвета в качестве цвета основного плана устанавливаем # 65cdfd. Снова переходим к инструменту Перо, кликаем ПКМ по холсту и выбираем «Выполнить обводку контура». В появившемся окне в качестве инструмента обводки выбираем Кисть. Затем еще раз кликаем ПКМ по холсту и выбираем «Удалить контур».

В панели слоев кликаем ПКМ по слою «Линии» и из выпадающего списка выбираем «Создать обтравочную маску». После этого слой с линиями станет как будто «прикреплен» к нижележащему слою (текстовому) и будет виден только в пределах текстового слоя.

Создаем дубликат слоя «Линии» (Ctrl+J). Переименовываем дубликат слоя в «Линии 2».

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

Во вкладке Наложение цвета меняем оттенок на # f8e27c и вводим настройки, как на рисунке ниже.

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

Активируем инструмент Перемещение. Перетаскиваем слой «Линии 2» так, чтобы оба слоя с линиями не совпадали.

В панели цвета в качестве цвета основного плана устанавливаем оттенок # fff5d3. Активируем инструмент Заливка. В панели слоев активируем слой «Линии» и кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.

Текст с линиями готов! Урок «Как сделать разноцветный текст в фотошопе» завершен.

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

 

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

 

 

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


 

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

Facebook

Twitter

Вконтакте

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

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

Разноцветный свет ворвался в фотошоп

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

Используете Photoshop CS6? Вы хотите следовать нашей полностью обновленной версии учебника по Photoshop CS6 .

Вот результат, к которому мы стремимся:

Конечный результат.

Давайте начнем!

Шаг 1: Откройте новый документ Photoshop

Откройте новый документ в Photoshop, перейдя в меню «Файл» и выбрав « Новый …» , или с помощью сочетания клавиш Ctrl + N (Победа) / « Command» + N (Mac). Вы можете выбрать собственную ширину и высоту для своего документа, но если вы хотите следовать, я выбрал размер 640×480 из списка доступных предустановок, чтобы упростить задачу. Я также оставил значение разрешения по умолчанию равным 72 пикселей / дюйм . Поскольку я создаю этот текстовый эффект для Интернета, не имеет значения, какое значение разрешения я установил, поэтому по умолчанию это хорошо:

Создайте новый документ в Photoshop. Для продолжения используйте предустановленный размер «640×480».

Шаг 2: добавь свой текст

Открыв новый пустой документ, возьмите инструмент «Текст» с палитры «Инструменты» или нажмите T на клавиатуре. Убедитесь, что в качестве цвета переднего плана выбран черный . Если это не так, просто нажмите D на клавиатуре, чтобы сбросить его до черного. Выберите свой шрифт на панели параметров в верхней части экрана. Толстые, тяжелые шрифты работают лучше всего для этого эффекта. Затем идите вперед и введите свой текст. Я собираюсь использовать «Удар», и я буду печатать слова «LIGHT BURST»:

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

Шаг 3: измените размер текста с помощью бесплатной трансформации

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

Измените размер текста с помощью команды Photoshop «Free Transform».

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

Шаг 4: Растеризация вашего текста

Мы собираемся применить несколько фильтров к нашему тексту, но Photoshop не позволяет нам сделать это без предварительной его растеризации, что означает просто преобразование его в пиксели. Итак, снова с выделенным текстовым слоем, зайдите в меню Layer в верхней части экрана, выберите Rasterize , а затем выберите Type . Это преобразует наш текст в пиксели. Он будет выглядеть так же в окне документа, но в палитре Слои слой Тип теперь будет обычным слоем:

После растеризации текста слой «Тип» в палитре «Слои» становится обычным слоем.

Шаг 5: добавь выделение вокруг текста и сохрани его

Удерживая клавишу «Ctrl» (Win) / « Command» (Mac) непосредственно в области предварительного просмотра миниатюр текстового слоя в палитре «Слои», можно быстро загрузить выделение вокруг текста:

«Ctrl-click» (Win) / «Command-click» (Mac) прямо на миниатюре текста в палитре слоев.

Ваш текст теперь будет выделен:

Текст теперь выделен.

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

Как только вы сохранили свой выбор, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выделение текста.

Переключитесь на палитру «Каналы» на мгновение (она сгруппирована рядом с палитрой «Слои»), и вы увидите, что ваш выбор сохранен как новый канал с именем «Альфа 1» в самом низу. Мы вернемся сюда чуть позже, чтобы снова загрузить наш выбор:

Выбор теперь сохраняется как новый канал «Альфа 1» в палитре «Каналы» в Photoshop.

Шаг 6: Используйте «Заполнить», чтобы заполнить текстовый слой белым и установить режим наложения «Умножение»

Снова переключитесь на палитру слоев и, выделив текстовый слой, перейдите в меню «Правка» в верхней части экрана и выберите « Заливка» или нажмите Shift + F5 на клавиатуре, чтобы быстро открыть диалоговое окно « Заливка» в Photoshop . Когда появится диалоговое окно, установите для параметра « Содержимое» значение « Белый» и измените режим наложения на « Умножение» :

Фотошоп «Заполнить» диалоговое окно «.

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

Шаг 7: примени фильтр Gaussian Blur к тексту

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

Примените фильтр Gaussian Blur к тексту.

Вот текст после применения Gaussian Blur:

Текст теперь немного размыт.

Шаг 8: примени фильтр «Solarize» к тексту

С выделенным текстовым слоем вернитесь в меню Filter и на этот раз выберите Stylize , а затем выберите Solarize . Это сделает документ черным, и ваш текст будет выглядеть как белый штрих:

Изображение после применения фильтра Solarize.

Шаг 9: облегчить текст с уровнями

Текст выглядит немного темным, поэтому давайте его осветлим. Используйте сочетание клавиш Ctrl + L (Победа) / Command + L (Mac), чтобы вызвать команду « Уровни» в Photoshop , и перетаскивайте ползунок белой точки справа налево, пока не достигнете правого края гистограммы:

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

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

Текст теперь намного ярче после применения уровней.

Шаг 10: сделай копию текстового слоя

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

Палитра Слои теперь показывает и текстовый слой, и копию над ним.

Убедитесь, что копия текстового слоя выбрана, потому что все эти следующие шаги должны быть выполнены на копии. Мы не будем больше трогать оригинал до самого конца.

Шаг 11: примени фильтр «полярные координаты» к тексту

Вернитесь в меню «Фильтр» , выберите « Искажение» , а затем « Полярные координаты» . Мы собираемся отправить наш текст на Северный полюс. Хорошо, нет, мы не. То , что мы которые собираются сделать , так это выглядит очень странно. Когда появится диалоговое окно Polar Coordinates, выберите опцию Polar To Rectangular в самом низу и затем нажмите OK:

Диалоговое окно «Полярные координаты» в Photoshop.

Ваш текст теперь будет выглядеть очень странно:

Текст после применения фильтра «Полярные координаты».

Шаг 12: вращай холст на 90 градусов по часовой стрелке

Перейдите в меню «Изображение» в верхней части экрана, выберите « Повернуть холст» , а затем выберите 90 ° по часовой стрелке, чтобы повернуть холст на 90 градусов по часовой стрелке:

Поверните холст на 90 градусов по часовой стрелке.

Шаг 13: инвертируй изображение

Используйте сочетание клавиш Ctrl + I (Победа) / Command + I (Mac), чтобы инвертировать изображение, чтобы черный стал белым, а белый стал черным:

Инвертируйте изображение с помощью «Ctrl + I» (Победа) / «Command + I» (Mac).

Шаг 14: примени фильтр «Ветер» три раза

Вернитесь в меню Filter еще раз, выберите Stylize , а затем выберите Wind . Когда появится диалоговое окно «Фильтр ветра», убедитесь, что для « Метод» установлено значение « Ветер», а для « Направление» — значение «Справа» :

Фотошоп «Ветер» фильтр.

Нажмите кнопку ОК, чтобы применить фильтр ветра один раз. Затем дважды нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac), чтобы применить тот же фильтр еще два раза.

Шаг 15: инвертируй изображение снова

Нажмите Ctrl + I (Победа) / Command + I (Mac), чтобы снова инвертировать изображение:

Инвертируйте изображение еще раз, используя «Ctrl + I» (Win) / «Command + I» (Mac).

Шаг 16: примени фильтр «Ветер» еще три раза

Когда изображение перевернуто, нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac) еще три раза, чтобы применить фильтр к изображению еще три раза:

Примените фильтр «Ветер» к изображению еще три раза.

Шаг 17: скрасить изображение снова с уровнями

Нам нужно снова сделать изображение ярче, используя Уровни, но на этот раз мы позволим Photoshop сделать всю работу за нас, используя Авто Уровни . Чтобы сделать это, нажмите Shift + Ctrl + L (Победа) / Shift + Command + L (Mac), чтобы применить команду Автоуровней к изображению, что сделает его ярче:

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

Шаг 18: поверните холст на 90 градусов против часовой стрелки

Вернитесь в меню «Изображение» на этом этапе, снова выберите « Повернуть холст» , и на этот раз выберите « 90 ° против часовой стрелки», чтобы повернуть холст обратно в исходное положение:

Поверните холст на 90 ° против часовой стрелки.

Шаг 19: примени фильтр «Полярные координаты» снова

Снова вернитесь в меню «Фильтр» , выберите « Искажение» , а затем — « Полярные координаты» . На этот раз выберите опцию Rectangular to Polar и нажмите OK:

Снова примените «Polar Coordinates», на этот раз выбрав «Rectangular to Polar».

Ваше изображение должно выглядеть примерно так:

Изображение после применения фильтра «Полярные координаты» повторяется.

Шаг 20: установите режим наложения слоя на «Screen»

Перейдите к параметрам режима наложения в верхнем левом углу палитры «Слои» и измените режим наложения слоя копирования текста с «Нормальный» на « Экран », нажав стрелку вниз и выбрав «Экран» из списка:

Измените режим наложения слоя копирования текста на Экран.

Это показывает исходный текстовый слой под ним:

Исходный текстовый слой теперь также виден.

Шаг 21: примени слой градиента заполнения, чтобы добавить цвет

Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части палитры слоев:

Нажмите значок «Новый слой заливки или корректировки».

И выберите «Градиент» из списка:

Выберите градиентный заливочный слой.

Когда появится диалоговое окно « Градиентная заливка », щелкните внутри области предварительного просмотра градиента вверху:

Нажмите внутри области предварительного просмотра градиента.

Это приведет к Gradient Editor диалогового окна. Нажмите на образец градиента в левом верхнем углу, сначала на градиент от черного к белому , и это обеспечит непрозрачность обоих цветов с обеих сторон градиента на 100%:

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

Затем установите цвета градиента на то, что вам нравится. Я установил цвет слева на красновато-оранжевый, а цвет справа на желтовато-оранжевый:

Установите градиентные цвета.

Выйдите из диалоговых окон градиента, как только вы выбрали цвета.

Шаг 22: измени режим смешивания слоя градиентной заливки на «цвет»

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

Измените режим наложения градиентного заливочного слоя на «Цвет».

Изображение теперь раскрашено цветами градиента:

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

Шаг 23: примени радиальное размытие к оригинальному текстовому слою

На этом мы закончили со слоем копирования текста. Мы собираемся завершить последние несколько шагов, работая с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Затем перейдите в меню «Фильтр» , выберите « Размытие» , а затем « Радиальное размытие» :

Диалоговое окно «Радиальное размытие» в Photoshop.

Установите Amount около 65 пикселей , в Размытие Метод для масштабирования , а также качества на лучшее , обведено выше, а затем нажмите кнопку OK , чтобы применить фильтр к исходному тексту:

Радиальное размытие применяется к изображению.

Шаг 24: загрузи сохраненный текст

Осталось сделать всего пару вещей. Сначала снова переключитесь на палитру каналов, как мы делали ранее. Мы собираемся перезагрузить тот выбор, который мы сохранили. Чтобы сделать это, просто щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте канала Alpha 1 в самом низу, чтобы загрузить выделение обратно в окно документа:

Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу «Control» (Mac) в любом месте канала «Альфа-1», чтобы загрузить сохраненный выделенный текст.

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

Выбор теперь загружен в изображение.

Осталось сделать одну вещь …

Шаг 25: заполни выбор черным

With the original text layer selected in the Layers palette and black still as your foreground color, press Alt+Backspace (Win) / Option-Delete (Mac) to fill the selection with black and finish the effect. Press Ctrl+D (Win) / Command+D (Mac) to remove the selection, and you’re done! After all that, here’s the final «light burst» text effect:

The final «Light Burst» effect.

Where to go next…

And there we have it! That’s how to create a colorful light burst effect with text in Photoshop! Check out our Text Effects or Photo Effects sections for more Photoshop effects tutorials!


Как изменить цвет текста в Фотошопе

Как изменить цвет текста в Фотошопе


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

Создание надписей в программе Photoshop осуществляется при помощи инструментов группы «Текст», располагающихся в панели инструментов.

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

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

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

Располагается палитра в меню «Окно».

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

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

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

Если на надписи уже был использован инструмент «Растрировать текст», её цвет уже нельзя изменить с помощью настроек инструмента «Текст» или палитры «Символ».

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

Также для изменения цвета растрированного текста можно воспользоваться корректирующими слоями.

Теперь Вы знаете, как менять цвет текста в Фотошопе.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Как поменять цвет текста.

Но мне захотелось поделиться с читателями. Вдруг у кого — то те же проблемы.

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

На самом деле, все очень просто.

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

Для того, что бы поменять цвет текста, достаточно в HTML редакторе поменять код цвета.

Смотрим, как это сделать:

Как поменять цвет текста

Надпись из черного (красная рамочка) стала оливковой.

Т.о.если просто заменить код, то можно изменить цвет текста.

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

На сегодня все. До встречи на следующих уроках.

Если вам понравилась статья, поделитесь с друзьями.

Если хотите первыми узнать новости на сайте, подпишитесь на обновления.

Интересное по теме:

21 комментарий:

Как поменять цвет текста.

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

Рада, если пригодится

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

Надеюсь, что да, Роман.

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

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

Секреты очень полезные! Это позволит украсить свой сайт!

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

Наталья, мне тоже не часто приходится это делать. Но даже если 1 раз пригодится, уже хорошо. Не зря писала.

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

Да Галина. Бывает.

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

Не у всех он есть. К тому же таблица цветов подойдет и для работы в фотошоп.

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

Хотел посмотреть таблицу, а ссылка не активна. А таблицу хочу!

Александр Викторович, какую таблицу? Если таблицу цветов, то внизу генератор кодов стоит.

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

Вот я — злой вебмастер. Знать коды цветов, конечно, полезно, но… мне всегда хотелось оторвать у админки редактор. Потому что некоторые админы сайтов неумеренно пользуются цветами, шрифтами, выравниванием и прочими возможностями форматирования текста — это я мягко говорю «неумеренно», в уме у меня другое слово. Поэтому я иногда зашиваю в css разные штучки, которые мешают админам украшать текст в своё удовольствие. Просто для того, чтобы разноформатными заплатками не портили с таким старанием отвёрстанный дизайн и не превращали приличный сайт в хомяка с народа.ру. А для выделения текста я бы лучше заранее договорилась, какой цвет (или два цвета) использовать в этом дизайне, и сделала бы админу специальную кнопочку.
Увы, об этом мало кто из заказчиков думает. Посадят админить мальчика, который как раз вчера до таблицы цветов дорвался, и держись… Справедливости ради отмечу, что такие яркие заплаты на ветхом рубище чего-то мне в последнее время встречаются реже. Может, культурный уровень интернета вырос, а может, ещё что…

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

Ну, считается, что с монитора глаз иначе воспринимает текст, нежели с бумаги, хотя я так и не поняла, в чём именно органическая разница. Не исключено, что тут ещё и привычка сказывается (хотя мой первый сайтик в интернете был как раз с засечками, чтоб как в книге).

Я в начале даже не знала, что такое засечки и что они есть впринципе. =)

Замена цвета в Photoshop

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

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

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

Открываем изображение в Photoshop и снимаем закрепление слоя щелчком правой клавиши мыши по изображению замка.

Над слоем с фото создаём новый прозрачный слой (Shift+Ctrl+N). Вызываем инструмент «Кисть»/Brush (клавиша B). Кисть лучше взять жёсткую. На панели управления вызываем свойства кисти и выбираем жёсткую, с чёткими краями мазка.

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

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

Теперь изменим режим наложения слоя с «Обычный»/Normal на «Цветовой тон»/Hue. Сделать это можно на палитре слоёв. Таким образом, лайм изменит цвет.

Остаётся лишь сохранить изображение. При желании можно раскрасить разными цветами каждую дольку.

Если зажать клавишу Ctrl и, подведя курсор к иконке слоя, щелкнуть один раз, зона закраски выделится. Теперь, не снимая выделение, можно менять цвет кисти и подбирать другие цвета. Закрашивать заново не нужно. Можно после выбора цвета нажать комбинацию клавиш Alt+Delete. Так выделенная зона зальётся новым цветом.

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

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

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

Открываем изображение в photoshop. Создаём корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation. Список корректирующих слоёв можно раскрыть на палитре слоёв внизу.

В окне настроек корректирующего слоя выбираем канал цвета «Красный», кликаем по инструменту «Пипетка»/Eyedropper Tool, затем делаем один клик на губах модели. Так мы определим цвет, который будем менять.

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

Выбрав нужный для изменения цвет, закрываем окно редактирования корректирующего слоя, становимся на маску корректирующего слоя (белый квадрат) и нажимаем клавиши Ctrl+I. Маска инвертируется в чёрный, и все наши изменения зрительно пропадут.

Выбрав нужный для изменения цвет, закрываем окно редактирования корректирующего слоя, становимся на маску корректирующего слоя (белый квадрат) и нажимаем клавиши Ctrl+I. Маска инвертируется в чёрный, и все наши изменения зрительно пропадут.

Когда все участки, где цвет нужно было изменить, проработаны, можно сохранить изображение (сочетание клавиш Shift+Ctrl+S). Если в каком-то участке вы промахнулись, можно отменить действие Alt+Ctrl+Z либо зарисовать на маске корректирующего слоя все промахи чёрной кистью. Этот способ более точно поможет подобрать новый цвет, и работа будет выглядеть аккуратнее.

Еще больше о Photoshop можно узнать на курсе «Photoshop CC. Основы» в Fotoshkola.net.

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

Дела со сменой чёрного и белого цвета обстоят иначе.

Чтобы изменить чёрный цвет, можно применить корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation, но работать при этом не с каналом цветов, а с тонированием. Для этого в настройке слоя нужно поставить галочку «Тонирование»/Colorize.

Рассмотрим подробнее. Допустим, нужно перекрасить чёрный диван. Выделяем диван с помощью инструмента «Быстрое выделение»/Quick selection (вызов клавишей W).

С помощью комбинаций Ctrl+C и Ctrl+V переносим выделенную область на прозрачный слой и к нему применяем корректирующий слой «Цветовой тон/Насыщенность»/Hue/Saturation. Для этого между корректирующим слоем и слоем с выделенным объектом нужно щёлкнуть левой клавишей мыши, удерживая клавишу Alt.

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

Получается просто, красиво, без подвоха.

Для перекраски белого цвета можно воспользоваться корректирующим слоем «Цвет»/Color в режиме наложения «Умножение»/Multiply.

Открываем изображение, создаём корректирующий слой «Цвет»/Color. Цвет слоя сразу задаём тот, в который планируем покрасить белый.

Меняем режим наложения на «Умножение»/Multiply, становимся на маску корректирующего слоя и жмём Ctrl+I.

Переходим на слой с изображением и выделяем желаемые участки белого инструментом «Быстрое выделение»/Quick selection (вызов клавишей W). Не снимая выделения, становимся на маску корректирующего слоя и белой кистью большого диаметра прокрашиваем маску. Цвет изменится лишь там, где вы задали выделение инструментом «Быстрое выделение»/Quick selection, которое можно определить по пунктиру.

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

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

Простая обводка текста|картинки

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

Урок проводится в редакторе cs6, но он подходит и для других версий. В видео показана работа в англоязычной версии Adobe Photoshop CC, но его просмотр полезен при работе в cs6, cs5… с русскоязычным интерфейсом.

Предисловие

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

Нижний фоновый слой может быть любым.

Если Вы полный новичок – сначала надо понять, как работать со слоями.

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

  1. Двойным щелчком по слою в палитре;
  2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx внизу палитры, и в появившемся списке можно выбрать «Параметры наложения», но удобнее сразу выбрать стиль

В этот момент активным должен быть тот слой, с которым мы работаем.

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

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

  • В строке Размер меняется толщина линии. Перетягиваем ползунок или вводим числовое значение в пикселях.
  • Строка Положение открывает список расположения линии. Там три варианта:

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

Функцию Режим наложения рассматривать в уроках для начинающих нет смысла. Ее не часто используют даже продвинутые мастера фотошопа. Это взаимодействие с нижним слоем. Оставим без изменений режим Нормальный.

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

Как изменить цвет и текстуру обводки

Окошко Тип обводки открывает список, где можно выбрать настройки заливки: цветом, градиентом или узором.

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

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

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

Кнопка привязки к началу координат выравнивает узор по верхнему левому краю слоя.

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

Как обвести текст градиентом

Градиентом у нас обведен фоновый слой. Были выставлены такие настройки:

Функция Инверсия поворачивает заливку на 180°.

Стиль Разбивка фигуры дает дополнительную белую полосу по контуру:

Не забывайте сохранять настройки, нажав на кнопку «Ок»!

Как изменить настройки

Когда все настройки выполнены и подтверждены кнопкой «Ок», в палитре слоев появится запись эффекта:

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

Временно скрыть эффект можно нажав на изображение глаза возле него.

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

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

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

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

В новом окошке устанавливаем настройки.

Здесь все понятно. Подбирайте нужные значения и нажимайте «Ок».
Автор видео — Игорь Гончаров

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

Отменить ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Разноцветный текст в Фотошоп | Блог разработчиков phpBB

В этом уроке Вы узнаете, как сделать яркий и разноцветный текст в Фотошоп.

В этом уроке вы узнаете, как создать яркий текстовый эффект в Фотошоп.

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

Начинаем с создания нового документа (CTRL+N) размером 1900х1200 px (режим RGB) с разрешением 72 пикселя/дюйм. Затем жмем на кнопку Add a layer style (Добавить стиль слоя) в нижней части Панели слоев и выбираем Gradient Overlay (Перекрытие градиентом).

Жмем на цветовую панель, чтобы открыть Gradient Editor (Редактор градиента) и устанавливаем цвета, как на скриншоте ниже. Кликаем OK, чтобы закрыть диалоговое окно.

Получаем вот такой фон:

Активируем Horizontal Type Tool  (Горизонтальный текст) (T). Выбираем шрифт, размер и цвет на панели Character (Символ).

Кликаем на рабочем полотне и пишем “Adobe Lightroom 3″. Жмем Enter.

Кликаем на Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Drop Shadow (Тень).

Получаем вот такую тень на тексте:

Создаем новый слой и выбираем кисть  Soft Mechanical.

Рисуем кистью поверх текста цветом #07384F с Opacity (Непрозрачность) 30%.

Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоем, на котором только что работали, и текстовым слоем, чтобы создать обтравочную маску.

Получаем вот такой результат:

После этого активируем Pen Tool  (Перо) (P), устанавливаем режим на Shape Layers (Слой фигуры) и рисуем фигуру, как показано ниже. Цвет выбираем #13A7C5.

Устанавливаем Fill (Заливка) слоя на 0%, жмем Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем вот такой результат:

Вставляем маску на слой, кликнув на кнопку Add layer mask (Добавить слой-маску) внизу Панели слоев, затем выбираем кисть Soft Mechanical черного цвета с Opacity(Непрозрачность) 15%.

Кистью редактируем маску, чтобы сгладить края фигуры.

Зажимаем клавишу Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Несколько раз дублируем (CTRL+J) последний созданный слой, активируем Free Transform (Свободное трансформирование) (CTRL+T) и меняем расположение копий, размещая их по всему тексту. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Снова используем Pen Tool  (Перо) (Р), чтобы нарисовать новую фигуру цветом #B6BC36.

Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем следующий результат:

Вставляем маску на слой, кликнув по кнопке Add layer mask  (Добавить слой-маску) внизу Панели слоев, и выбираем кисть Soft Mechanical черного цвета с Opacity(Непрозрачность) 15%.

Рисуем кистью по маске, чтобы смягчить края фигуры, как мы делали это раньше.

Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Далее мы должны создать несколько копий последнего созданного слоя, затем активировать Free Transform (Свободная трансформация) (CTRL+T), чтобы откорректировать расположение копий, как показано ниже. Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Снова используем Pen Tool  (Перо) (Р), чтобы создать новую фигуру.

Устанавливаем Fill (Заливка) слоя на 0%, жмем на кнопку Add a layer style (Добавить стиль слоя) внизу Панели слоев и выбираем Outer Glow (Внешнее свечение).

И Inner Glow (Внутреннее свечение):

Получаем следующий результат:

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

Зажимаем Alt (Windows) или Option (Mac OS) и кликаем между слоями, чтобы создать обтравочную маску.

Получаем следующий результат:

Создаем несколько копий фигуры и с помощью Free Transform (Свободная трансформация) (CTRL+T) корректируем их расположение.

Создаем новый слой и используем кисть Soft Mechanical желтого цвета с Opacity (Непрозрачность) 15%.

Используем кисть, чтобы закрасить белые участки на тексте.

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

Создаем новый слой и выбираем кисть  Soft Mechanical синего цвета с Opacity (непрозрачность) 15%, чтобы закрасить синие участки на тексте.

Получаем следующий результат:

Создаем еще один новый слой, используя кисть  Soft Mechanical цветом #44425B с Opacity (Непрозрачность) 20%, рисуем тень на тексте.

Жмем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) внизу Панели слоев и выбираем Curves (Кривые), чтобы сделать небольшую цветовую коррекцию.

Получаем следующий результат:

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

Перемещаем ползунки вправо, чтобы увеличить уровень Saturation (Насыщенность).

Как изменить цвет текста в Фотошопе


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

Создание надписей в программе Photoshop осуществляется при помощи инструментов группы «Текст», располагающихся в панели инструментов.

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

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

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

Располагается палитра в меню «Окно».

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

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

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

Если на надписи уже был использован инструмент «Растрировать текст», её цвет уже нельзя изменить с помощью настроек инструмента «Текст» или палитры «Символ».

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

Также для изменения цвета растрированного текста можно воспользоваться корректирующими слоями.

Теперь Вы знаете, как менять цвет текста в Фотошопе.

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

Создаем в фотошопе эффект легкого цветного свечения для текста | DesigNonstop

Создаем в фотошопе эффект легкого цветного свечения для текста

13

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

  

Шаг 1. Выбираем фон
Для лучшего результата желательно использовать темный фон. Не следует брать слишком темный фон, таких, как чисто черный. Мы будем использовать темно фиолетовый фон (#120612).

Шаг 2. Печатаем шрифт
Используя инструменты «Текст» (Type Tool), напечатайте любое слово, к которому вы хотели бы применить эффект. В примере используется шрифт Century Gothic. Но только печатайте на одном слое одну букву! Когда все будет сделано, у вас должно быть несколько слоев. Выглядит это приблизительно так.

Теперь выравниваем текст по одной линии. Это можно сделать очень просто. Выберем инструмент «Перемещение» (Move Tool). Выделим слой первой буквы и, удерживая Ctrl, выбираем остальные слои. Затем в меню «Слои» (Layers) выбираем «Выровнять»(Align) затем «Нижние края» (Bottom Edges)

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

Шаг 3. Накладываем градиент
Создаем слой над остальными слоями. Назовем его «Градиент», чтобы не запутаться. Вибираем инструмет «Градиент» (Gradient Tool), дальше градиент «От белого к прозрачному» (White to Transparent) и заливаем сверху вниз рабочую область. Чтобы градиент лег прямо, удерживайте Shift.

Шаг 4. Вырезаем буквы из градиентного слоя
Остаемся на слое «Градиент» и выделяем контуры слоя с первой буквой (инструмент «Выделение» (Rectangular Marquee), затем Ctrl + кликнуть по значку слоя с соответствующей буквой на панели со слоями). Теперь Ctrl+C (Копировать), Ctrl+V (Вставить). Получаем копию градиента в форме буквы.

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

Шаг 5. Теперь добавляем цвет
Создаем новый слой над слоями с градиентными буквами. Делаем контурное выделение первой буквы и инструментом «Выполнить заливку» (Paint Bucket Tool) (Shift+F5) заливаем букву ярким цветом (#7fff5d). Выбираем для полученного слоя «Режим наложения» (Blending Mode) — Экран (Screen).

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

Шаг 6. Объединим слои
На следующем этапе мы объединим в один слой все наши градиентные буквы (выбираем слои, а затем Ctrl + E). Потом объединим все слои со цветными буквами. В итоге у нас останется два слоя — один градиентный слой, а другой с цветными буквами.

Шаг 7. Накладываем свечение
Делаем копию градиентного слоя (слой с цветными буквами не трогаем) и применяем фильтр «Размытие по Гауссу» (Gaussian Blur) со значением 1-3.

Теперь точно также размываем по Гауссу и второй слой с цветными буквами. Устанавливаем для него режим наложения Экран (Screen).

Шаг 8. Подчищаем слой с цветными буквами
Использую инструмент «Ластик» (Eraser Tool) и мягкую кисть слегка подчищаем нижнюю часть цветного слоя, чтобы наши красивые буквенные перекрытия были более заметными.

Шаг 9. Создаем отражение
Выделяем все слои, из которых мы будем делать отражение, делаем с них копии и объединяем их в один слой. Далее трансформируем его по вертикали и спускаем туда, где должно находиться отражение. Потом мягкой кистью с достаточно большим диаметром (40-200) немного удалите нижнюю часть отражения. В завершении сделайте меньше прозрачность слоя с отражением.

Шаг 10. Экспериментируем
Можно попробовать поэкспериментировать с эффектами, чтобы придать тексту немного живости. Как вариант — за текстом крупные, белые, мягкие кисти наложенные «Перекрытием» (Overlay Tool). Или можно продублировать слой с цветным текстом и поэкпериментировать с «Яркостью» (Brightness) и «Насыщенностью» (Saturation). На рисунке,представленном ниже, был сделан дубликат цветного слоя и применен фильтр «Размытие в движении» (Motion Blur).

Если у вас еще остались вопросы, то скачайте урок в PSD формате.
Сам оригинал урока на английском языке можно посмотреть на сайте Tutorial9.

текста — Как заполнить половину слова одним цветом, а другую половину другим цветом в тексте Adobe Illustrator

— Как заполнить половину слова одним цветом, а другую половину другим цветом в Adobe Illustrator — Графика Обмен стеками дизайна
Сеть обмена стеков

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

Посетить Stack Exchange
  2. 0
  3. +0
  6. Авторизоваться Подписаться

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

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

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

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

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

Спросил

Просмотрено 98к раз

Я хочу воссоздать текст имеющегося у меня логотипа.

Половина текста была черной, а вторая половина — желтой.

Как в Adobe Illustrator создать текст с разным цветом на каждой половине?

Дом

8,25899 золотых знаков4343 серебряных знака8787 бронзовых знаков

Создан 27 фев.

Вереск

811 золотой знак11 серебряный знак33 бронзовых знака

0

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

Просто убедитесь, что Местоположение для обоих упоров уклона установлено одинаково.

Вы даже можете сделать это динамическим, сохранив текст в реальном времени . Итак, он перемещается вместе с текстом, если текст редактируется. Смотрите здесь: Редактируемый двусторонний текст

alexxlab

Задания для фотошопа: Практические задания для работы в графическом редакторе Adobe Photoshop

Лист бумаги для фотошопа: 4 000+ картинок с текстурой бумаги бесплатно

Как в фотошопе нарисовать кнопку: Рисуем кнопку для сайта в Фотошоп / Creativo.one

Как сделать в фотошопе фото в стиле гта: Делаем в Photoshop художественную обработку в стиле Дрим-арт

Как сохранить как проект в фотошопе: Как сохранить проект в Adobe Photoshop

Как увеличивать и уменьшать фото в фотошопе: Инструмент «Масштаб» в фотошопе

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

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