Наложение текста на фото: ‎App Store: Phonto — Text on Photos

Наложению текста на изображение — облачный инструмент Canva

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

Решение Canva по наложению текста не требует установки – это облачный инструмент, работающий по freemium-модели, основные возможности которого доступны сразу после регистрации. В аккаунте хранятся все черновики и готовые изображения, поэтому к ним можно возвращаться в любое время и с любого компьютера (или с мобильного приложения).

Есть два варианта:

1. добавление надписи в готовую иллюстрацию или снимок;
2. создание новой иллюстрации с нужным текстом.

Как добавить текст к вашему фото

В этом случае перейдите в раздел “Моё” и добавьте в папку файл с вашего компьютера.

После этого выберите подходящий по соотношению сторон формат из предложенных или воспользуйтесь кнопкой “Использовать специальные размеры” в правом верхнем углу. Затем просто перетащите ваше фото на макет.

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

Уменьшать или увеличивать кегль можно простым “растягиванием” блока в разные стороны. Другой вариант – выделить нужный текст и изменить кегль вручную в верхней панели. Там же изменяется шрифт, цвет, добавляется курсив или полужирный шрифт при их поддержке данным шрифтом.

Когда все готово, нажмите Скачать, выберите один из форматов – JPG, PNG, PDF – и сохраните файл на жесткий диск.

Смотрите также:

Работу с изображениями, видео, аудио и галереями в Уроках WordPress.

Создание иллюстрации с нуля

Этот путь отнюдь не долгий, как может показаться. Для каждого формата (баннер, запись в Инстаграм, открытка, пост для соцсетей и т.д.) редактор предлагает дизайнерские шаблоны, которые можно взять за основу и просто изменить в них несколько деталей. На всех шаблонах уже есть определенный текстовый блок. Вы можете выбрать композицию, которая подходит для вашего замысла – и слегка адаптировать ее под себя. В шаблонах редактируется все: от цвета и текстуры фона до фотографий и любых мелких деталей.

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

Другая полезная функция – настройка прозрачности в правом углу верхней панели редактирования. С ее помощью можно сделать любой элемент макета полупрозрачным, накладывать их друг на друга по слоям и так далее. Часто это может пригодиться, чтобы сделать надпись более контрастной по отношению к фону.Если он слишком яркий, вы можете “приглушить” его, сделав прозрачным, тогда зрительское внимание переключится на ваше сообщение.

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

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

10 правил размещения текста на фото в веб-дизайне

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

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

1. Добавьте контраст

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

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

2. Сделайте текст частью фотографии

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

3. Следуйте за визуальным потоком

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

Следование за визуальным потоком означает размещение текста там, куда смотрит (в прямом или переносном смысле) объект на фото. В качестве примеров рассмотрите два примера выше.

4. Размойте изображение

Один из самых простых методов, которой вы можете использовать при работе с текстом и изображением это размытие фотографии или ее части. Небольшое размытие фона при помощи инструментов типа Adobe Photoshop поможет выделить текст, поместить его на первый план. Размытие также поможет навести фокус на главный объект, как это видно в примере сайта Wallmob. Размытие придает продукту и тексту особую четкость, привлекая внимание пользователя.

5. Поместите текст на подложку

Когда на фотографии много разноцветных объектов, или перепадов от светлых к темным тонам, вы можете поместить текст на подложку, тем самым сделав его более заметным.

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

6. Добавляйте текст на фон

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

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

7. Увеличивайте масштаб

Если вы не уверены в своем дизайне, попробуйте добавить масштаб! Это применимо к обоим элементам сегодняшней темы — тексту или изображению, элементы которого можно сделать больше, чем в жизни. Увеличенный объект привлекает внимание, а разница в масштабах между текстом и изображением может неплохо сочетаться.

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

8. Добавьте цвета

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

9. Используйте наложение цвета

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

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

10. Будьте проще

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

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

Автор статьи Carrie Cousins

Перевод — Дежурка

Смотрите также:

Как в iPhone (айфоне) сделать надпись на фото или наложить текст на картинку?

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

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

В базовых программах айфонов не предусмотрены утилиты по добавлению текста, но в AppStore Вы найдёте широкий выбор бесплатных программ данного профиля. Они подходят для всех моделей айфонов, выпускаемых в последние годы. Сегодня в статье мы расскажем о паре таких приложений, и покажем, как ими пользоваться, с помощью фото- и видео-инструкций, сделанных на iPhone 8 plus.

Оглавление

Как в iPhone наложить текст на фото при помощи приложения (обзор Over)

Приложения по мобильной обработке фотографий, в том числе, по накладке текста — один из самых популярных запросов сегодня. Поэтому, если в поиске AppStore ввести запрос «добавить текст на фото» или «подписать фото», Вы найдёте большое количество предложений: Over, AppForType, Font, Quick и многие другие. Все они просты и интуитивно понятны даже новичкам, стоит лишь начать пользоваться и немного разобраться.

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

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

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

Рисунок 1. Жмём знак «+».

• Нажимаем опцию «Image», чтобы открыть нужное фото.
  

Рисунок 2. Нажимаем Image, чтобы выбрать фотографию.

• В открывшемся окне с коллекцией своих фото выбираем то, с которым будем работать, жмём.
  

Рисунок 3. Выбираем фото для работы.

• Программа предлагает разные варианты форматов фото, выбираем нужный нам, и подтверждаем нажатием галочки.
  

Рисунок 4. Подбираем формат, подтверждаем.

• Чтобы начать работать с текстом, нажимаем на опцию «Text».
  

Рисунок 5. Жмём «Text».

• В разделе «Font» выбираем шрифт текста.
  

Рисунок 6. Выбор шрифта

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

Рисунок 7. Пишем текст, подтвердим галочкой.

• В меню Style нас ждут интересные функции: округлить буквы, увеличить/уменьшить заглавные относительно второстепенных, и т.п.
  

Рисунок 8. Создаём стиль.

• В разделе Color выбираем цвет и оттенки
  

Рисунок 9. Выбор цвета

Size позволяет нам изменить размер шрифта, Shadow — добавить тень буквам, Capacity — сделать шрифт бледнее или чётче, Rotate — перевернуть.

Рисунок 10. Дополнительные функции.

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

Рисунок 11. Жмём галочку, чтобы завершить работу

• Для сохранения картинки, нажимаем желтый значок справа в верхнем углу, затем — иконку Save внизу слева. Фотография с надписью сохранится в Фото.
  

Рисунок 12. Жмём значок стрелки вверху.

Рисунок 13. Сохраняем с помощью функции Save.

Как добавить водяной знак на фотографию в iPhone при помощи приложения (обзор eZy Watermark lite).

Помимо добавления надписей, с помощью приложений для айфона на фото можно ставить водяные знаки (watermark). Одна из таких утилит — программа eZy Watermark lite. Рассмотрим работу в нем:

• Открываем приложение, выбираем Single Image, чтобы открыть нужное изображение, добавляем его из Фото.
  

Рисунок 14. Открываем необходимое фото.

• Нажимаем значок «+» под открывшейся фотографией.
  

Рисунок 15. Нажимаем «+».

• В открывшемся меню мы можем выбрать, что нужно добавить: текст, фото из Инстаграм, Facebook или Гугл, qr-код или подпись. Если «вотермарк» ещё не создан, можно его нарисовать прямо здесь в приложении, для этого выбираем Autograph.
  

Рисунок 16. Чтобы создать автограф, нажимаем одноимённую опцию.

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

Рисунок 17. Рисуем автограф.

• Выбираем место для вотермарка на нашем рисунке, редактируем размер и наклон. Для сохранения результата жмём иконку галочки.
  

Рисунок 18. Размещаем вотермарк на фото.

• Чтобы сохранить готовый проект, нажимаем галку в нижнем правом углу. Рисунок с водяным знаком сохранится в разделе Фото.
  

Рисунок 19. Сохраняем проект в Фото.

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

Видео-инструкции

Для тех пользователей, кто воспринимает материал больше в визуальной степени и предпочитает не тратить время на чтение инструктажа в форме текста, мы записали видео-инструкции, где подробно показали, как поместить текст и водяной знак на фото (на примере приложений Over и eZy Watermark lite). Приятного просмотра и легкой работы с приложениями!

Как написать текст на картинке:

Как наложить водяной знак:

Выводы

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

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

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

Мы постарались максимально подробно рассказать и показать процесс добавления текста, и надеемся, что теперь наши читатели с легкостью будут создавать шедевры!

Как реалистично наложить текст на фотографию в Adobe Photoshop

Тема урока: Как написать текст в Фотошоп. Два метода ввода текста.

Ранее уже говорилось о группе инструментов Текст– где находится и как настраивать.

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

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

Добавляем текст

Для начала рассмотрим, как вставить надпись в Photoshop, чтобы затем заниматься её обработкой. Последовательность действий такова:

1. Создаём новый рисунок или открываем тот, на который хотим добавить надпись.
2. Кликаем по иконке «Т» в левой панели инструментов.
3. Выбираем, в каком направлении будет идти надпись – горизонтально или вертикально.
4. Пишем желаемый текст.
5. Растягиваем поле до желаемых размеров, перемещаем на нужное место.

Мнение эксперта
Василий

Руководитель проекта, эксперт по модерированию комментариев.

Задать вопрос

Работать с объектом можно лишь тогда, когда выделен слой, на котором он расположен. Перечень текущих слоёв отражается в правом нижнем углу.

Создайте и раскрасьте текст

Шаг 1

Откройте фото (или картинку), которую будете использовать:

Шаг 2

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

Шаг 3

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Шаг 4

Самый быстрый способ изменить размер текста – нажать Ctrl-T (или Command T на Mac), зажать клавишу Shift, а затем растянуть текст в соответствии с пропорциями бочки:

Нажмите «Enter», чтобы сохранить изменения.

Делаем обтекание текстом

Шаг 5

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

Шаг 6

Нажмите Ctrl/Cmd -T чтобы вызвать команду «Свободное трансформирование». Щелкните правой кнопкой мыши и выберите инструмент «Деформация». Он отлично работает на закругленных поверхностях:

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

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

Нажмите «Enter», чтобы сохранить изменения:

Наложение текстуры на текст

Последнее, что нужно сделать, чтобы добавить красивый текст на картинку – это наложить на текст текстуру. Для этого мы изменим «Режим наложения».

Шаг 7

Наверху панели «Слои» вы увидите слово «нормальный», это – режим наложения слоя. Измените режим на «Перекрытие». Все выглядит довольно хорошо – теперь можно рассмотреть текстуру дерева, проглядывающую сквозь текст, и надпись больше не выглядит, так как будто ее просто прилепили:

Это были базовые шаги. Для придания картинке большего реализма читайте дальше!

Редактируем надпись

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

Отредактировать надпись можно по следующему алгоритму:

1. Выделяем слой, который содержит символы, и нажимаем на «Т» в панели инструментов.
2. Нажимаем на выпадающий список в левом верхнем углу. В нём будут отражены те шрифты, которые установлены в системе. Если системные шрифты не подходят, можно скачать дополнительные. Для этого нужно найти интересующий в Интернете в формате TTF или OTF, после чего вставить его в папку «Шрифты» в «Панели управления».
3. Выделяем текст и нажимаем на прямоугольник сверху для того, чтобы сменить оттенки. Оттенок можно выбрать вручную с использованием палитры. Если есть заранее подготовленные параметры, то их нужно ввести в соответствующее поле.
4. Для переворота строки необходимо кликнуть по «Т» со стрелками.
5. Изменить начертание можно посредством выделения надписи и выбора интересующих пунктов. В этом же меню можно настроить параметры сглаживания – плавное, жёсткое, насыщенное, чёткое.

Вечная классика или как сделать фотографию, которая понравится всем

Поиграем в идиотов. Я сейчас скажу, а вы сделаете вид, что это для вас новая информация. Фотошоп можно найти в онлайн версии: https://editor.0lik.ru/, скачать себе взломанный на компьютер или купить лицензионную версию.

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

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

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

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

Текст красив на контрасте. На белом или светлом фоне лучше выглядит черный, на темном – белый. Знаю умников, которые считают, что кто-то будет вглядываться в изображение, ради того, чтобы узнать, что же хотел сказать автор. Акститесь, такого не будет никогда. Вы боретесь за внимание читателя, а он волен выбирать из 1000 предложений. Вы обязаны обеспечить ему комфорт и удобство, если хотите, чтобы он полюбил именно ваш сайт или проект.

Эффекты

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

Пример работы с эффектами:

1. Нажимаем правой кнопкой на слое со знаками.
2. Переходим в «Параметры наложения».
3. В появившемся списке жмём на «Создать обводку».
4. Задаём параметры рамки – её оттенок, ширину, расположение, прозрачность и т. д.
5. Нажимаем на «Тип», чтобы поменять фактуру. Доступны «Цвет», «Узор» и «Градиент». Градиент, к примеру, позволяет создавать многоцветный текст.

Добавление рамки – это простейшее действие. Разобравшись в меню «Эффекты», вы сможете добавить тень, поработать с освещением, наложить глянцевый эффект и т. д. Результат отображается сразу после применения какого-либо инструмента.

Как добавить текст в фотошопе

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .

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

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

Объём и деформация

Photoshop позволяет создавать из знаков объёмные фигуры. Для этого:

1. Выбираем слой и нажимаем на «3D».
2. Переходим в меню «Новая сетка из градаций серого» и выбираем интересующие характеристики.
3. Используем параметр «Новая структура» для изменения слоя. К выбору доступна «пирамида», «куб», «шар» и другие фигуры.

Надпись можно деформировать – для этого нужно кликнуть по искривлённой «Т» и перейти к пункту «Деформировать». Текст можно выстроить дугой, волной, аркой или любым другим способом.

Как вставить текст в Фотошоп

Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

Как онлайн сделать надпись на фото или наложить текст на картинку

Обновлено 24 июля 2021

1. Как сделать надпись на фото в онлайн-редакторе
2. Добавление надписи на фото с holla.ru
3. Как сделать надпись на фотке в Фотошопе

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В предыдущей статья мы на примерах рассмотрели, как с помощью бесплатных онлайн-сервисов можно наложить, вставить или склеить фото друг с другом. Созданные таким образом коллажи вполне могут поспорить с фотками пропущенными через профессиональными сервисами.

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

Как сделать надпись на фото в онлайн-редакторе

Добавление надписей — один из самых востребованных приемов в редактировании фотографий. Хотите написать на картинке адрес своего сайта, добавить рекламу, поздравление с днем рождения другу или просто создать мем? Пожалуйста, онлайн редакторы к вашим услугам. Расскажу, как быстро и просто наложить текст на фото.

Заходим на lolkot.ru и выбираем вкладку лолМиксер (что такое LOL можете узнать по ссылке).

Выбираем картинку с компьютера (или загружаем из интернета) и переходим к вводу и настройкам накладываемого текста.

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

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

Добавление надписи на фото с holla.ru

Еще один инструмент для наложения надписей на фото онлайн — это holla.ru.

Загружаем фото и внизу картинки выбираем фоторедактор. Мне больше по душе второй (о нем на этой сайте имеется подробнейшая статья — Pixlr Editor — фотошоп в онлайне).

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

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

Для перемещения текста по картинке используем инструмент «стрелка».

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

Как сделать надпись на фото в Фотошопе

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

Итак, для начала открываем в Фотошопе картинку, куда требуется добавить текст в виде водяного знака (полупрозрачного и малозаметного текстового или какого-либо графического изображения). Сделать это можно с помощью команды File->Open (Файл->Открыть) или же просто перетаскиваем ее в окно редактора.

Активируем инструмент «текст»:

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

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

Ну а теперь делаем водяные знаки. Для начала текст сначала нужно сделать объемным. Внизу палитры Layers (Слои) есть значок добавления функции.

Нажимаем его и выбираем Bevell & Emboss (Тиснение). В принципе, можете оставить все как есть и нажать ОК, а можете подвигать ползунки и следить за изменениями на картинке.

В итоге у вас должен получиться объемный текст. Теперь последний штрих — делаем из него водяной знак. Вверху палитры Layers (Слои) есть ползунок Fill (Заливка), устанавливаем его в нулевое значение, и все готово!

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

Сохранение файла в фотошопе осуществляется с помощью команды File->Save As (Файл ->Сохранить как). Не забудьте выбрать из выпадающего списка формат JPEG или другой необходимый вам.

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

Автор статьи: Ксения Вишневская

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

ТОП-4 приложений для наложения текста на фото в iPhone

Фотографии с текстом сегодня довольно популярны. Лента Instagram полна действительно красивых фотографий с цитатами или мотивирующими текстами наложенными поверх них. Наверняка вы задавались вопросом как наложить текст на фото? И как легко создавать такие же красивые фотографии?

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

Далее перечислим некоторые из этих приложений.

1. Over

Это бесплатное приложение, но если вы решите использовать более серьезные эффекты, то вам понадобится заплатить пару долларов за покупку обновления до Pro версии.

Бесплатная версия приложения Over позволит вам выбрать изображения из вашей галереи (или от Unsplash), и позволит вам добавить шрифты, и редактировать текущие.

Но это не все, вы также можете использовать:

• фильтры
• режим наложения
• падающая тень
• интеграция Pixabay
• Blur (размытие)
• оттенок

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

Вы также можете приобрести пакеты шрифтов.

Интерфейс очень простой и если вы пользователь Instagram, то вы быстро привыкните к управлению.

Скачать: Over

2. Quick

Если вы не хотите слишком много настроек, то попробуйте Quick от тех же разработчиков. Приложение соответствует своему названию.

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

Приложение является бесплатным, но вам придется заплатить $ 1,99, чтобы удалить водяной знак Quick и разблокировать премиум шрифты.

Скачать:  Quick

3. Typorama

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

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

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

Приложение Typorama действительно хорошо в своем деле. Но оно не является универсальным инструментом. Например, невозможно добавить более одного текстового поля. Также у вас нет особого контроля над стилями текста, кроме перемещения и изменения его цвета и прозрачности. Вам нужно пользоваться предустановками. Предварительные настройки конечно хороши, но это все, что у вас есть. Некоторые из пресетов заблокированы, вы можете заплатить $ 3.99, чтобы разблокировать их. Это также приведет к удалению водяного знака Typorama.

Скачать: Typorama

4. Enlight

Enlight является мощным приложением для редактирования фотографий.

Enlight умеет все, включая почти все уровни редактирования фото, плюс довольно хорошо сделан ввода текста и художественное оформление.

Приложение стоит $ 3,99, за тот функционал, который оно предлагает, это оправдано.

Скачать: Enlight  ($ 3.99)

Бонус: Canva для iPad

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

Скачать: Canva для iPad

Оцените пост

[всего: 0 рейтинг: 0]

Смотрите похожее

Instagram

Быстрый способ добавить текстовую надпись на фото или рисунок [Без Фотошопа]

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

Для начала просто перетаскиваем нужное фото в окно редактора и в верхнем меню переходим на закладку «Текст»:

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

При помощи соответствующих инструментов можно изменить:

1. Тип шрифта (шрифтов на выбор действительно очень много)
2. Размер и цвет букв
3. Прозрачность наложения текста
4. Стиль написания (жирный, курсив, подчеркнутый)
5. Способ выравнивания текста (слева, справа, по центру)
6. Цвет и толщину обводки букв

При помощи ползунка под названием «Угол» можно менять угол наклона надписи на фотографии:

Для работы с фоном (подложкой) текста служат инструменты, расположенные на вкладке «Фон». С их помощью можно задать:

1. Цвет фона и его прозрачность
2. Цвет, прозрачность и толщину рамки фона

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

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

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

P.S. Напоминаю, что возможность сохранять результаты работы в фоторедакторе Movavi появляется только после покупки и введения ключа активации.

Автор статьи: Сергей Сандаков, 40 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.

AddText — Подписи к фотографиям, быстро и легко

Уведомление о конфиденциальности

Это уведомление о конфиденциальности раскрывает методы обеспечения конфиденциальности для AddText.com, которым управляет FlamingText.com Pty Ltd. Это уведомление о конфиденциальности применяется исключительно к информации, собираемой этим веб-сайтом.

Сбор и использование информации

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

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

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

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

Обмен информацией

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

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

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

Если вы поделитесь своим творением и разрешите «Общедоступный фон», то это позволит другим использовать ваше изображение. Вы соглашаетесь сделать это общедоступным. (Если вы не согласны, снимите флажок «Общий фон»). Если вы воспользуетесь нашей ссылкой «Поделиться», она создаст общедоступную страницу, которую сможет просматривать любой (если им известен URL-адрес). В настоящее время мы не ссылаемся на творения (январь 2014 г.), но в будущем мы можем добавить функцию, позволяющую людям просматривать популярные и недавно созданные изображения.

Безопасность

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

Сторонние рекламодатели

Этот сайт использует услуги Google, CasaleMedia, ValueClick, Tribal Fusion и других третьих сторон для показа рекламных объявлений и других маркетинговых сообщений, когда вы посещаете наш сайт. Эти компании могут использовать информацию о ваших посещениях этого и других веб-сайтов для таргетинга рекламы товаров и услуг, которые вас интересуют. Если вам нужна дополнительная информация об этой практике, в том числе о том, какие варианты запрета на использование этой информации в этих компаниях, пожалуйста, посетите Google, ValueClick, Casale Media.Экспоненциальный (Tribal Fusion).

Вы можете отказаться от большей части рекламы на шлюзе NAI.

Файлы cookie

Мы используем файлы cookie на этом сайте. Файл cookie — это фрагмент данных, хранящийся на жестком диске посетителя сайта, чтобы помочь нам улучшить ваш доступ к нашему сайту и выявлять повторных посетителей нашего сайта. Например, когда мы используем файл cookie для вашей идентификации, вам не придется вводить пароль более одного раза, что позволяет сэкономить время на нашем сайте. Некоторые службы на этом веб-сайте требуют, чтобы вы были зарегистрированным пользователем.Чтобы определить, зарегистрированы ли вы и вошли ли вы в систему, мы используем файл cookie для отслеживания этой информации.

Некоторые из наших деловых партнеров могут использовать файлы cookie на нашем сайте (например, рекламодатели). Однако у нас нет доступа к этим файлам cookie или контроля над ними.

Ссылки

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

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

Вернуться наверх

Как добавить текст к изображениям, как профессионал

Добавление текста к изображениям может сделать ваши изображения потрясающими. . Это может помочь добавить того излишеств, которого, возможно, не хватало раньше. Это также отлично подходит для привлечения внимания читателей.

Почему? Часто они сначала смотрят на изображение, это естественно.И если он также содержит заголовок блога … они могут даже щелкнуть прямо.

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

Знать, как подойти к этому — ключ. Конечно, вы можете просто наброситься на какой-нибудь текст, используя простой и потрясающий (* кашляет *) шрифт Arial с сумасшедшим бежевым цветом шрифта! Вот это да. Унеси меня !! Простите за сарказм.Но мы конкурируем за внимание людей здесь. Это 2013 год. Есть миллионы блогов и сообщений в социальных сетях.

Так почему люди должны нажимать на вашу? Ниже приведены некоторые относительно простые методы, которым я научился, пройдя несколько курсов и наблюдая за тем, что работает на таких сайтах, как Pinterest. Сначала я объясню методы, а затем покажу вам, как я это делаю с помощью пары инструментов для редактирования изображений. Держись за ключи от машины … это будет веселая поездка.

Шрифты мелом и сыром

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

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

Be Brave с цветом

Другой вариант или дополнение к правилу двух шрифтов — изменять цвета. Здесь главное, чтобы выбирали цвета, которые выделяются на фоне. Это будет зависеть от доминирующего цвета или оттенка (светлый или темный) на изображении и от того, где вы размещаете текст.

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

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

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

Взять молоток по тексту

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

Pinterest только для цыпочек?

Я разбил предложение на две части: «Это Pinterest» и «только для цыпочек», потому что я хотел подчеркнуть «только для цыпочек».Я также добавил текст вверху и внизу в белые поля с помощью Powerpoint, потому что на изображении не было достаточно места. Другой недавний пример, который у меня был, был

.

6 способов снизить показатель отказов

Здесь я выделил «уменьшить» и «показатель отказов», потому что это были основные слова, на которых я хотел, чтобы читатель сосредоточил внимание. То, что было 6 способов , и что это , ваш показатель отказов не так важен, как «уменьшить показатель отказов». Как вы разбиваете текст, действительно зависит от вас, но я хотел дать вам представление о том, через какие мыслительные процессы я прохожу.

Собираем все вместе

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

• Разбейте текст, чтобы сосредоточиться на ключевых словах
• По возможности, отдельные строки для каждой части
• Подумайте, где каждая часть поместится на изображении
• Выберите два шрифта (или более), которые вы хотите
• Используйте самый четкий или самый крутой шрифт для ключевых слов
• Выберите один цвет для каждого шрифта

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

Хорошо, а как добавить текст?

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

Онлайн и быстро с Pixlr

Если вы хотите, чтобы работа выполнялась быстро, то онлайн — ваш лучший выбор. Используя Pixlr Express или Picmonkey, вы можете быстро и легко добавлять текст к загружаемым изображениям .Я предпочитаю Pixlr, хотя Picmonkey почти так же хорош. На мой взгляд, главное отличие состоит в том, что вы получаете больше возможностей (шрифтов, эффектов и т. Д.) Бесплатно с Pixlr.

Следующие шаги предполагают, что у вас есть окончательное изображение. Что я имею в виду? Любые изменения кадрирования, цвета, контрастности и т. Д. Уже были применены. Если вам нужна помощь в этом, обратитесь к моему предыдущему подробному посту по этой теме. Изменение размера можно оставить напоследок, потому что с большим и качественным изображением лучше работать до самого конца.

Добавление текста к изображению

В Pixlr Express текстовые шрифты разбиты на группы. Это немного упрощает выбор контрастных типов шрифтов. На следующем изображении показаны группы шрифтов, доступные в Pixlr:

.

Чтобы выбрать шрифт, просто нажмите Text (внизу справа) > Font Group (Dotted, Grunge, Handwritten и т. Д.) . Затем появятся параметры редактирования текста, и вы сможете выбрать конкретный шрифт из появившегося меню, , как в примере ниже.

Затем добавьте текст и примените все необходимые настройки:

• Введите текст там, где написано «введите текст здесь», и на экране появится текстовое поле.
• Переместите его туда, где вы хотите (щелкните и перетащите)
• Измените его размер с помощью точек (нет специальной опции изменения размера в меню)
• Определите цвет с помощью цветового меню и палитры цветов в стиле фанк
• Если вы хотите повернуть его, используйте верхнюю центральную точку — тогда ваш текст будет под любым углом, под которым вы его оставите
• Если вы размещая текст на определенной стороне или сверху / снизу, вы можете выровнять его с помощью кнопок выравнивания (под шрифтом)

Вы можете добавлять отдельные строки текста, нажимая Enter в текстовом поле по мере ввода.Таким образом, весь ваш текст будет соответствовать выбранному вами варианту выравнивания. Это полезно для текста на одной стороне изображения или вверху / внизу. ** Примечание: Имейте в виду, что после добавления каждого текстового блока вы не можете их повторно редактировать. Вы можете использовать отменить) вверху справа), чтобы удалить их по одному. Когда ваш текст будет готов:

• Измените размер изображения до вашего окончательного
• Нажмите «Сохранить» (вверху слева)
• Выберите нужное сжатие и сохраните

** Помните, чем больше вы сжимаете, тем ниже качество — я опускаюсь до 60% макс.После этого вы заметите, что выгода упадет. Вуаля, у вас есть готовое изображение с текстом!

Офлайн и сексуальнее с PowerPoint

Хотя онлайн-инструменты обычно справляются со своей задачей, для некоторых изображений требуется немного больше работы при добавлении текста. Так что, если мне нужна дополнительная помощь и дополнительные возможности, я использую Powerpoint . ** Keynote для Mac и Impress Open Office также должны иметь одинаковые возможности. Почему нам нужно отключаться, если Pixlr (и другие онлайн-инструменты) предоставляют именно то, что нам нужно?

• Иногда нам нужно добавить фон или тень к нашему тексту
• В других случаях вам может понадобиться конкретный шрифт

Использование определенных шрифтов

Я просто расскажу об этом быстро, потому что это не является основной темой данной публикации.Добавление классных шрифтов в Powerpoint действительно может улучшить ваше изображение. Найти эти шрифты и подобрать подходящие друг другу — непростая задача. Однако, если это то, чем вы хотите заниматься — читайте дальше. Вы можете найти бесплатные шрифты на таких сайтах, как Font Squirrel.

После того, как у вас есть шрифт, вам нужно добавить его в Powerpoint. Это заняло у меня некоторое время, но в конце концов я обнаружил, что на самом деле это делается путем добавления его к системным шрифтам — затем он автоматически появляется в списке шрифтов Powerpoint. Если вы не знаете, как добавлять шрифты в окна, вот как это сделать от Microsoft.

Добавление текста

На этом этапе вам нужна окончательная версия изображения — как я уже упоминал с помощью onilne tools, все изменения кадрирования и цвета / контраста должны быть завершены. Вы также должны были уже решить, как вы хотите разбить текст и раскрасить его (как описано выше в разделе «Собираем все вместе»). Когда Powerpoint открыт, сначала вам нужно

1. Добавьте изображение через меню «Вставка»> Изображение
2. Переместите изображение в верхний левый угол слайда
3. Перетащите нижний левый угол , пока не будет покрыт весь слайд

Теперь вы увидите, как это смотрит на панель предварительного просмотра слайдов (крайняя слева).Часть изображения может не отображаться на слайде, если пропорции изображения не соответствуют предпочтительному размеру слайда в PowerPoint. Если вы хотите исправить это, вы можете переместить изображение, взяв его за границу и перетащив его. Другой вариант — проигнорировать это и сохранить его с помощью средства захвата экрана, о чем я еще раз упомяну позже. Чтобы добавить текст, выполните следующие действия:

1. Щелкните поле добавления текста (как показано на изображении ниже)
2. Выберите нужный шрифт
3. Выберите размер шрифта
4. Введите текст
5. Решите, требуется ли выравнивание по правому / левому краю / центру
6. Переместить / регулируем коробку

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

Подавление текстовых блоков

С Powerpoint у вас есть, а иногда и нужно, еще несколько опций. Вот почему мы здесь правы! Я использую два основных варианта: добавление цвета фона в текстовое поле и добавление теней к самому тексту.

Добавить цвет фона к тексту

Если у вас есть фон, на котором трудно увидеть текст, вы можете добавить цвет фона и прозрачность в текстовое поле. (Без непрозрачности вы больше не увидите изображение!) Сначала вам нужно нажать на текстовое поле, затем в Главное меню > Заливка формы> Дополнительные цвета заливки (см. Изображение ниже):

Затем появится всплывающее окно цвета, и вы либо добавляете черный (на слишком светлом фоне), либо белый (на слишком темном фоне), а затем настраиваете непрозрачность / прозрачность во всплывающем окне (прозрачность выделена на изображении).Обычно я использую что-то в диапазоне 60-70%, но это очень зависит от изображения.

Добавить тени к тексту

Другой вариант добавления этого дополнительного «Pow» к вашему тексту — придать тексту тень. Я делаю это, когда он выглядит немного «плоским» или если я хочу еще больше выделить текст. Это довольно просто сделать в Powerpoint. В главном меню выберите «Эффекты формы»> «Тень » (см. Изображение ниже). Затем я выбираю первый тип тени, которая помещается внизу и справа.

Сохранение изображения

Powerpoint делает это довольно просто. В диалоговом окне Сохранить как у вас есть возможность сохранить как изображение (jpeg или png). Другой вариант, который я использую, — это инструмент для захвата экрана, такой как SnagIt. Затем вы можете сохранить свое изображение без ограничений, связанных с размерами слайдов Powerpoint, просто сделав снимок на экране целиком. Возможно, вы захотите сжать его в Pixlr после сохранения с помощью этих методов, потому что размеры файлов могут быть довольно большими, а размер изображения, вероятно, не тот, который вам нужен.

Сводка

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

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

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

Затем, используя онлайн-инструменты, такие как Pixlr (простой и быстрый), или офлайн-инструменты, такие как Powerpoint (больше опций и интереснее), вы можете быстро добавить текст.А для более сложных изображений, таких как инфографика, такие платформы, как Venngage, могут ускорить процесс с помощью готовых шаблонов.

Ссылки по теме :

Добавьте текст к фотографиям на iPhone и iPad | Добавление текста к изображениям

Время чтения: 10 минут чтения

Как добавить текст к фотографиям на iPhone и iPad

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

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

Просто выберите область, о которой вы хотите узнать больше, чтобы прочитать наши главные советы:

Скоро вы добавите текст в изображения — быстро и легко.

Использование разметки на iPhone или iPad

На вашем iPhone, iPad или iPod touch, вы можете использовать разметку во встроенных приложениях Apple, чтобы добавлять текст, подписи, эскизы, формы и многое другое к фотографиям.

Есть так много творческих опции. В этом руководстве мы сосредоточимся на добавлении текста на устройствах с iOS 12. и выше.

Итак, хотите ли вы использовать разметку в фотографиях, разметку в почте или разметку в Messenger, наши простые пошаговые инструкции объяснят.

Использование редактора разметки с приложением «Фотографии»

1. Запустите приложение «Фото».
Нажмите значок приложения «Фото», чтобы открыть его. Чтобы просмотреть все свои фотографии, коснитесь вкладки «Фотографии» в нижнем левом углу экрана.Кроме того, вы можете просматривать альбомы.

2. Выберите нужное фото
Нашли нужное изображение? Просто коснитесь его, чтобы открыть.

3. Нажмите кнопку «Изменить».
Перейдите в правый верхний угол экрана и нажмите «Изменить», затем нажмите «Еще» (три точки). Отсюда вы можете выбрать разметку.

4. Нажмите кнопку «Плюс» и выберите «Текст».
В правом нижнем углу экрана нажмите кнопку «Плюс» (символ + в круге).Это даст вам список действий. Выберите текст.

5. Введите текст
Просто введите то, что вы хотите добавить.

6. Настройка
Чтобы изменить цвет текста, просто используйте меню «Цвет». Чтобы изменить начертание, размер и / или выравнивание текста шрифта, нажмите кнопку aA (рядом с кнопкой «Плюс»).

7. Дважды нажмите Готово
По завершении нажмите Готово в правом верхнем углу. Вы добавили текст к изображению и можете найти его в приложении «Фото».

Использование редактора разметки с почтовым приложением

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

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

3. Нажмите внутри тела письма и нажмите «Вставить фото»…
При касании внутри тела письма откроется всплывающее окно с различными параметрами.Выберите «Вставить фото или видео» или «Добавить вложение». Если вы этого не видите, коснитесь значка небольшого треугольника в поле, чтобы открыть дополнительные параметры.

4. Выберите фотографию, которую хотите отредактировать.
Выберите фотографию (или файл PDF), которую вы хотите прикрепить к электронному письму и отредактировать, затем нажмите «Выбрать».

5. Коснитесь вложения и откройте «Разметка».
Щелкните вложение еще раз, затем нажмите значок «Разметка».

6. Нажмите кнопку «Плюс» и выберите то, что вы хотите добавить.
В правом нижнем углу экрана нажмите кнопку «Плюс» (символ + в круге).Это даст вам список действий. Выберите Текст, чтобы добавить текст по вашему выбору. Или выберите «Подпись» для подписания — это отличный инструмент для экономии времени при отправке контрактов по электронной почте.

7. Введите текст.
Если вы выбрали вариант «Текст», просто введите то, что хотите добавить. Если вы выбрали Подпись (и не хотите добавлять лишний текст), переходите к шагу 9.

8. Настройка
Чтобы изменить цвет текста, просто используйте меню «Цвет». Чтобы изменить начертание, размер и / или выравнивание текста шрифта, нажмите кнопку aA (рядом с кнопкой «Плюс»).

9. Дважды нажмите Готово
После того, как вы закончите, нажмите Готово в правом верхнем углу.

10.Отправить
После того, как вы составили остальную часть своего электронного письма, нажмите кнопку отправки, и ваше электронное письмо (вместе с отредактированным вложением) будет отправлено.

Использование редактора разметки с приложением Messenger

1. Запустите приложение «Сообщения».
Чтобы отправить кому-нибудь недавно отредактированную фотографию с помощью текста или iMessage, нажмите значок приложения «Сообщения»

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

3. Коснитесь значка приложения «Фото».
Чтобы выбрать фотографию, коснитесь значка «Фотографии». Найдя изображение, нажмите на него, чтобы выбрать.

4. Коснитесь фотографии в сообщении.
После того, как вы выбрали фотографию, она появится в сообщении. Коснитесь этой фотографии здесь, затем коснитесь «Разметка».

5.Нажмите кнопку «Плюс» и выберите то, что вы хотите добавить.
В правом нижнем углу экрана нажмите кнопку «Плюс» (символ «+» в круге). Это даст вам список действий. Выберите текст.

6. Введите текст
Просто введите то, что вы хотите добавить.

7. Настройка
Чтобы изменить цвет текста, просто используйте меню «Цвет». Чтобы изменить начертание, размер и / или выравнивание текста шрифта, нажмите кнопку aA (рядом с кнопкой «Плюс»).

8. Нажмите «Сохранить», затем «Готово».
По завершении выберите «Сохранить», затем «Готово» (верхний правый угол).

9. Отправьте
Нажмите на синий логотип со стрелкой вверх, чтобы отправить свое творение.

Лучшие приложения для добавления текста к фотографиям

Разметка

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

Преимущества приложения могут включать:

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

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

через приложение

Over — бесплатное приложение для редактирования фотографий (с платной профессиональной опцией).

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

Загрузить более

Приложение Phonto

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

Имеет более 400 шрифтов доступны, и вы даже можете установить свои собственные дополнительные шрифты. Это дает вам возможность изменить размер текста, цвет, градиент, обводку, тень, поворот, кернинг, интервалы и многое другое. Если вам нужна гибкость, у Phonto она есть.

Загрузить Phonto

Превратите свои новые фотографии в историю

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

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

Оживите свои фото-воспоминания с Motif.

Испытайте радость создания индивидуальных фотопроектов с Motif. Наше приложение для фотокниг без проблем работает с Apple Photos в macOS и iOS. Он выполняет все сложные задачи, оставляя вам веселую творческую свободу.

Что вы думаете об этой статье?

Прирожденный рассказчик из Нью-Йорка и Катскиллс.Сочетание историй с фотографиями для безопасного хранения и рассказа.

8 методов дизайна фотографий с наложением текста

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

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

• Слишком много всего происходит? (Сложность фото)
• Достаточно ли крупный шрифт, чтобы выделяться? (Размер шрифта)
• Достаточно ли светлый шрифт для темного фото или достаточно темный для светлого? (Контраст текста к фону)
• Смогу ли я прочитать сообщение, которое пытаюсь передать? (Общая читаемость)

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

---

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

Лобагола Постель и завтрак

Дверь

---

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

ClearStream

---

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

eRated

Фанкред

---

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

Tomie Raines, Inc.

Joey’s Outfitters

---

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

Аэропорты Лиона

Satellogic

---

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

Discount Park & ​​Ride

Freshdesk

свадеб от лори

---

7. Тень текста — Добавление тени к тексту поможет улучшить читаемость фотографий с большей сложностью. Этот метод отлично подходит для проектов, в которых вы хотите продемонстрировать работу своих клиентов без добавления какого-либо фотофильтра.

Открытый отсек

---

8. Крупный текст — Крупный текст может быть самым простым способом улучшить читаемость. Но вам все равно нужно помнить о контрасте шрифта текста и фона. Убедитесь, что вы выбрали темную фотографию со светлым текстом или светлую фотографию с темным текстом.

A2i Колеса и шины

Дух открытий

---

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

Знаете ли вы о других модных методах наложения фото и текста? Я хотел бы услышать о них. Пожалуйста, разместите подробности ниже!

Поместите изображение в текст с помощью Photoshop

Автор Стив Паттерсон.

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

Эта версия руководства предназначена для Photoshop CS5 и более ранних версий.Если вы используете Photoshop CC или CS6, просмотрите полностью обновленную и обновленную версию этого руководства. Вот эффект, к которому мы стремимся:

Последний эффект «изображение в тексте».

Приступим!

Как разместить изображение в тексте

Шаг 1. Откройте фотографию и поместите ее в текст

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

.

Вид на океан с Гавайев.

Посмотрите видеоинструкцию на нашем канале YouTube!

Шаг 2. Дублируйте фоновый слой

Если мы посмотрим на палитру Layers, мы увидим, что в настоящее время у нас есть один слой с именем Background .Этот слой содержит наше изображение. Нам нужно продублировать этот слой, и самый простой способ сделать это — использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если мы еще раз посмотрим на палитру слоев, мы увидим, что теперь у нас есть два слоя. Исходный фоновый слой находится внизу, а копия фонового слоя, который Photoshop автоматически назвал «Слой 1», находится над ним:

Палитра слоев Photoshop.

Шаг 3. Добавьте новый пустой слой между двумя слоями

Затем нам нужно добавить новый пустой слой между фоновым слоем и «слоем 1».В настоящее время «Слой 1» — это слой, выбранный в палитре «Слои». Мы можем сказать, какой слой выбран, потому что выбранный слой всегда выделяется синим цветом. Обычно, когда мы добавляем новый слой, Photoshop помещает новый слой непосредственно над тем слоем, который в данный момент выбран, что означает, что Photoshop помещает слой выше «Layer 1». Это не то, что мы хотим. Мы хотим, чтобы новый слой располагался на ниже «Layer 1». Вот полезный трюк. Чтобы добавить новый слой под текущим выбранным слоем, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните значок New Layer в нижней части палитры слоев.Удерживая Ctrl (Win) / Command (Mac), можно разместить слой ниже текущего выбранного слоя:

Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните значок «Новый слой» в палитре «Слои».

Теперь у нас есть новый пустой слой с именем «Слой 2», расположенный прямо между фоновым слоем и «Слой 1»:

Палитра слоев, показывающая новый пустой слой между фоновым слоем и «слоем 1».

Шаг 4: Залейте новый слой белым

На данный момент наш новый слой полностью пустой.Залейте его белым, чтобы он выглядел как белый фон после того, как мы поместили наше изображение в текст. Поднимитесь в меню Edit вверху экрана и выберите Fill . Это вызовет диалоговое окно «Заливка» Photoshop. Выберите White для опции Contents в верхней части диалогового окна, затем нажмите OK, чтобы выйти из диалогового окна:

Выберите «Белый» для параметра «Содержимое» в верхней части диалогового окна команды «Заливка».

В окне документа ничего не произошло, поскольку изображение на «Слое 1» блокирует просмотр «Слоя 2», но если мы посмотрим на эскиз предварительного просмотра слоя для «Слоя 2» в палитре слоев, мы сможем убедитесь, что слой теперь заполнен сплошным белым:

Миниатюра предварительного просмотра для «Layer 2» показывает, что слой теперь залит белым цветом.

Шаг 5: Выберите «Layer 1» на палитре слоев

Пришло время добавить наш текст, но для того, чтобы увидеть текст, когда мы его добавляем, нам нужно, чтобы текст отображался над «Layer 1», иначе изображение на «Layer 1» заблокирует текст из поля зрения. Чтобы убедиться, что мы можем видеть наш текст, нажмите «Layer 1» в палитре слоев, чтобы выбрать его. Таким образом, как только мы начнем печатать, Photoshop создаст для нас новый текстовый слой и поместит текстовый слой прямо над «Layer 1»:

Щелкните «Layer 1» в палитре слоев, чтобы выбрать его.

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

Чтобы добавить текст, нам понадобится инструмент Photoshop Type Tool , поэтому выберите инструмент Type Tool из палитры инструментов. Вы также можете быстро выбрать инструмент «Текст», нажав на клавиатуре букву T :

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

Шаг 7. Выберите шрифт на панели параметров

Выбрав инструмент «Текст», перейдите к панели параметров вверху экрана и выберите шрифт, который вы хотите использовать для эффекта.Как правило, лучше всего подходят шрифты с толстыми буквами. Я выберу Arial Black. Пока не беспокойтесь о размере шрифта:

Выберите шрифт на панели параметров.

Шаг 8: Установите белый цвет в качестве цвета переднего плана

Этот шаг не является абсолютно необходимым, но, чтобы помочь мне увидеть мой текст, я собираюсь использовать white в качестве цвета текста. Цвет, который вы выбираете для своего текста, на самом деле не имеет значения, поскольку мы заполним текст изображением через мгновение, но все же помогает видеть текст, когда мы его добавляем.Чтобы установить белый цвет текста, все, что нам нужно сделать, это установить цвет переднего плана в Photoshop на белый. Сначала нажмите на клавиатуре букву D , что сбросит цвета переднего плана и фона на значения по умолчанию. Черный — это цвет по умолчанию для цвета переднего плана, а белый — цвет по умолчанию для цвета фона. Чтобы поменять местами их так, чтобы белый стал цветом переднего плана, нажмите на клавиатуре букву X . Если вы посмотрите на образцы цвета переднего плана и фона в нижней части палитры инструментов, вы увидите, что белый цвет теперь является цветом переднего плана (левый образец):

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

Шаг 9: Добавьте свой текст

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

Щелкните внутри документа и добавьте свой текст.

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

Щелкните галочку на панели параметров, чтобы принять текст.

Шаг 10. Измените размер и положение текста с помощью команды свободного преобразования

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

Используйте команду Photoshop «Свободное преобразование» для изменения размера и перемещения текста.

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование и выйти из команды «Свободное преобразование».

Шаг 11. Перетащите текстовый слой ниже «Layer 1»

Теперь, когда у нас есть текст в том виде, в каком мы хотим, нам нужно переместить текстовый слой ниже текста в палитре «Слои». Нажмите на текстовый слой, затем просто перетащите его вниз под «Слой 1». Вы увидите толстую черную линию между слоями «Layer 1» и «Layer 2»:

Перетащите текстовый слой ниже «Layer 1».

Отпустите кнопку мыши, когда появится черная линия, чтобы поместить текстовый слой на место между «Layer 1» и «Layer 2»:

Типовой слой теперь появляется между слоями «Слой 1» и «Слой 2».

Шаг 12: Снова выберите «Layer 1»

Щелкните еще раз на «Layer 1» в палитре слоев, чтобы выбрать его:

Типовой слой теперь появляется между слоями «Слой 1» и «Слой 2».

Теперь текст временно исчезнет в окне документа, так как изображение на «Слое 1» закрывает его для просмотра.

Шаг 13: Создайте обтравочную маску

Чтобы создать иллюзию, что фотография находится внутри текста, нам нужно использовать обтравочную маску . Это «закрепит» фотографию на «Слое 1» на тексте на слое непосредственно под ним.Любые области фотографии, которые появляются непосредственно над буквами, останутся видимыми в документе. Остальная часть фото исчезнет из поля зрения.

Выбрав «Layer 1» на палитре слоев, перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Перейдите в Layer> Create Clipping Mask.

Если мы посмотрим в окно документа, то увидим, что фотография теперь находится внутри текста:

Теперь фотография появляется внутри букв.

Шаг 14: Добавьте падающую тень (необязательно)

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

Выберите типовой слой, затем щелкните значок «Стили слоя».

Выберите Drop Shadow из появившегося списка стилей слоев:

Выберите стиль слоя Drop Shadow.

Это вызывает диалоговое окно Photoshop Layer Style , в котором в среднем столбце установлены параметры Drop Shadow . Я собираюсь оставить большинство параметров в покое, но я уменьшу Непрозрачность тени примерно до 60% , чтобы она не была такой интенсивной, и я установлю Угол для тень до 120 ° :

Диалоговое окно «Стиль слоя», в котором отображаются параметры тени.

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

Последний эффект «изображение в тексте».

Следующий урок: Как разместить изображение сразу на нескольких текстовых слоях!

Как добавить текстовое наложение к фотографиям: краткое руководство и немного вдохновения

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

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

Шрифты в приложении

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

Добавление текста в сообщение — одно из самых простых, но наиболее эффективных изменений, которые вы можете внести. Прежде чем мы перейдем к практическим рекомендациям, давайте посмотрим на «почему» и «что».

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

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

Основы

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

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

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

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

4. Теперь определитесь со шрифтом. Этот параметр будет автоматически выделен, поэтому все, что вам нужно сделать, это прокрутить вправо в меню внизу экрана и попробовать разные варианты.

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

Полужирный шрифт

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

6. Выполнив шаги 1–5, выберите «Цвет» в меню внизу экрана. Вы можете выбирать между телами, градиентами и текстурами. Для этого конкретного образа мы рекомендуем сплошные цвета, которые не будут выглядеть слишком загруженными на фотографическом фоне.

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

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

Продам

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

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

10. Используйте инструмент «Изгиб», чтобы изгибать текст вокруг важных частей изображения. Используйте ползунок, чтобы увеличить или уменьшить кривую букв.

Виртуальный альбом

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

11. Выполнив шаги 1–5, измените оттенок букв с помощью инструмента «цвет». Для постов такого типа придерживайтесь нейтральных тонов или цветов, которые можно найти в других местах композиции.

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

Поддержка социальных сетей

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

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

Создавайте со скоростью культуры

Picsart — это полная экосистема бесплатного контента, мощных инструментов и идей для авторов. Picsart — это не только крупнейшая в мире платформа для творчества, с миллиардом загрузок и более чем 150 миллионами активных авторов в месяц; мы также самые быстрорастущие.Picsart сотрудничает с такими крупными артистами и брендами, как BLACKPINK, Jonas Brothers, Lizzo, Sanrio: Hello Kitty, I am Voter, Bebe Rexha, Maroon 5, One Direction, Warner Bros. Entertainment, iHeartMedia, Condé Nast и другими. Загрузите приложение или начните редактировать в Интернете сегодня, чтобы улучшить свои фотографии и видео с помощью тысяч простых и быстрых инструментов редактирования, модных фильтров, забавных наклеек и великолепных фонов. Дайте волю своему творчеству и обновите до Gold , чтобы получить премиальные привилегии!

Как сделать наложение фотографий

Некоторые знают их как наклейки, а другие называют их картинками.(Для всех вас, ветеранов PicMonkey: в старом PicMonkey мы называли их оверлеями, но в новом PicMonkey мы называем их графическими.) Какое бы имя вы ни выбрали, этот пост посвящен тому, как создать оверлей в PicMonkey. Мы думаем, что графические наложения — лучшая вещь после тостов с маслом — и вы тоже должны! Если вы хотите усилить глупость фотографии, наложив усы на своего племянника, или создаете серьезно стилизованный графический дизайн, эти универсальные строительные блоки вам помогут.

---

Основы наложения

Чтобы начать работу с наложением, щелкните вкладку «Графика» в левой части PicMonkey. Здесь вы найдете множество вариантов в наших различных группах графических наложений, от простых старых форм до разноцветных кондитерских изделий, например цветов и растительности на лице, нарисованных художниками.

Основные элементы управления:

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

• Чтобы переместить его в нужное место на холсте, перетащите его на место.

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

• Чтобы изменить соотношение сторон наложения, нажмите клавишу Shift на клавиатуре, толкая или толкая его стороны. Если вы передумали, щелкните изображение правой кнопкой мыши и выберите Исходное соотношение сторон .

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

• Отразите графику по горизонтали или вертикали, нажав кнопки горизонтального и вертикального поворота в меню «Инструменты для графики». Поворачивайте влево или вправо на 45 градусов за раз, щелкая стрелки поворота.

• Используйте меню «Графические инструменты», чтобы изменить цвет наложения. Вы можете использовать Color Spectrum, чтобы переключаться между разными цветами, вводить шестнадцатеричный код или использовать пипетку, чтобы выбрать цвет в любом месте редактора PicMonkey. Цвета радуги — это заранее определенные цвета, из которых вы можете выбирать.

---

Режимы наложения и многое другое

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

Щелчок правой кнопкой мыши по наложению откроет несколько новых элементов управления, в том числе:

• Выпрямить

• Удалить слой

• Дублировать слой

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

---

Анимация наложений

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

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

Для анимации наложения графики:

• Выберите свой графический слой.

• Щелкните Animate в меню «Графические инструменты».

• Выберите свой стиль анимации.

• Нажмите кнопку воспроизведения для предварительного просмотра.

• Загрузить в формате GIF или MP4.

Подробнее: Как анимировать изображение, текст или графику

---

Удаление наложений

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

Чтобы стереть часть наложенного изображения:

• Увеличьте масштаб, чтобы видеть, что вы делаете.

• Выберите вкладку «Ластик» в меню «Инструменты для графики».

• Отрегулируйте размер и жесткость ластика и сотрите.

• Если вы снимаете слишком много, щелкните значок кисти, чтобы нарисовать его снова.

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

---

Добавьте свои собственные наложения

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

Чтобы добавить собственное изображение:

• Нажмите кнопку Добавить собственное изображение в верхней части графической панели.