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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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