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

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

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

Картинка в тексте с помощью редактора Photoshop

Как сделать картинку в тексте — Быстрые ответы Digital script

Создаем текст, вместо текста может быть любой объект.

Как сделать картинку в тексте — Быстрые ответы Digital script

Поверх текста размещаем изображение.

Как сделать картинку в тексте — Быстрые ответы Digital script

Наводим мышкой между картинкой и текстом, нажимаем ALT + левая кнопка мыши.

Как сделать картинку в тексте — Быстрые ответы Digital script

Результат готов. Верхнее изображение стало маской нижнего.

Как сделать картинку в тексте — Быстрые ответы Digital script

Вместо Alt+ЛКМ можно использовать на верхнем слое сочетание клавиш ALT+CTRL+G, либо выбрать в меню «Слои» пункт «Создать обтравочную маску»

Картинка в тексте с помощью редактора Figma

Как сделать картинку в тексте — Быстрые ответы Digital script

Создаем текст.

Как сделать картинку в тексте — Быстрые ответы Digital script

Размещаем изображение поверх текста.

Как сделать картинку в тексте — Быстрые ответы Digital script

Выделяем в левом меню изображение и тест, нажимаем сочетание клавиш CTRL+ALT+M. Получаем готовый результат как на скриншоте.

Как сделать картинку в тексте — Быстрые ответы Digital script

Вместо сочетания можно выбрать пункт в левом выпадающем меню «Use as mask»

Как вы убедились на деле ничего сложного нет.

При создании поста была использована фотография Jess Vide с бесплатного фотостока Pexels.

Об авторе

Digital script

Просмотреть все сообщения

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

Ваш адрес email не будет опубликован.