Как выбрать цвета текста из изображений в фотошопе: описываем во всех подробностях

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


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

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

Как сэмплировать цвет шрифта из изображения с помощью Photoshop

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

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

Как выбрать тип цвета из изображения с Photoshop

Шаг 1: Откройте ваше изображение

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

Открытие изображения, к которому будет добавлен тип

Исходное изображение, без текста. Фото предоставлено: Adobe Stock.

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


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

Изображение после добавления исходного текста в фотошопе

Изображение после добавления исходного текста.

Шаг 3: Выберите инструмент Type

Выберите инструмент «Текст» на панели инструментов, если он еще не выбран:

Изображение после добавления исходного текста в фотошопе

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

Шаг 4: выберите тип вашего слоя


Убедитесь, что ваш слой Type выбран на панели Layers:

Выбор слоя «Тип» на панели «Слои»

Выбор типа слоя.

Шаг 5: Нажмите «Образец цвета»

Нажмите на образец цвета на панели параметров, чтобы изменить цвет вашего типа:

Нажав образец цвета, чтобы изменить тип цвета

Нажав на образец цвета.

Шаг 6: образец цвета из изображения


Это открывает палитру цветов Photoshop . Обычно, чтобы выбрать новый тип цвета, мы выбрали бы его непосредственно из палитры цветов, но это не то, что мы хотим сделать здесь:

Откроется палитра цветов, чтобы мы могли выбрать новый тип цвета

Откроется палитра цветов.

Чтобы выбрать новый тип цвета на изображении, наведите курсор мыши на изображение. Ваш курсор изменится на значок инструмента «Пипетка» . Нажмите на цвет на изображении, чтобы попробовать его. Я выберу красный из одной из ягод:

Выборка первого типа цвета из изображения

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

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

Выборка первого типа цвета из изображения

Тип после выборки цвета из изображения.

Шаг 7: выделите одну букву с помощью инструмента «Текст»

До сих пор мы узнали, как выбрать один цвет из изображения, чтобы использовать его в качестве цвета для всего текста. Что если мы хотим выбрать разные цвета изображения для разных букв? Выбрав инструмент «Текст», щелкните и перетащите букву, чтобы выделить ее. Я выделю первую букву «О»:

Выделение одной буквы в тексте с помощью инструмента «Текст»

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

Шаг 8: Снова нажми на образец цвета


Выделив букву, снова щелкните образец цвета на панели параметров:

Изменение цвета выбранного слоя

Нажмите образец цвета, чтобы изменить цвет буквы.

Шаг 9: Нажмите на изображение, чтобы попробовать новый цвет

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

Выборка другого цвета для выделенной буквы

Нажав на образец нового цвета для выделенной буквы.

Шаг 10: нажмите галочку


Нажмите кнопку ОК, чтобы закрыть палитру цветов. Чтобы отменить выбор буквы, нажмите галочку на панели параметров:

Нажав на галочку в панели параметров

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

И вот, одна буква, которую я выделил, заполнена цветом, отличным от изображения:

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

Эффект после изменения цвета только для одной из букв.

Повторите шаги для других писем

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

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

Как сэмплировать цвет шрифта из изображения с помощью Photoshop

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

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

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



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.