Как сделать текст поверх картинки в html. Будем писать поверх картинки текст шрифтом в html. рассмотрим несколько примеров, и сделаем появление текста при наведении мышки.
Текст сверху картинки по центру.
Как поставить картинку по центру картинки!? Как вообще написать текст на картинке html?
Нам понадобится блок div с id «id=»tekst_sverhu_kartinki»»
Позиция будет «position: relative;»
Во внутрь поместим картинку и новый блок div с class-ом «class=»tekst_sverhu_kartinki»»
И далее нужно позиционировать данный блок с текстом по центру во вертикали и по горизонтали.
Html:
<div id=»tekst_sverhu_kartinki»>
<img src=»https://dwweb.ru/__img/__img_rotate/more.png » alt=»Текст сверху картинки»>
<div class=»tekst_sverhu_kartinki»>Текст сверху картинки</div>
</div>
Css:
<style>
div#tekst_sverhu_kartinki {
position: relative;
}.tekst_sverhu_kartinki {
position: absolute;
top: 50%;
left: 65px;
text-transform: uppercase;
color: white;
width: 350px;
background: #00000094;
padding: 10px;
text-align: center;
font: bold 24px/34px Helvetica, Sans-Serif;
}
</style>
Результат «как написать текст поверх картинки в html«:
Текст сверху картинки
Текст сверху картинки в левом углу
Для того, чтобы поставить текст сверху картинки в html. Нам понадобится каркас div внутри картинка img + span
Html:
<div id=»tekst_sverhu_kartinki»>
<img src=»https://dwweb.ru/__img/__img_rotate/more.png » alt=»Текст сверху картинки»>
<div class=»tekst_sverhu_kartinki_1″>
<span>Наш отдых</span><br>
<span>Лучшие моменты</span>
</div>
</div>
Позиционируем текст поверх картинки с помощью css:
css:
div#tekst_sverhu_kartinki {
position: relative;
}
.tekst_sverhu_kartinki_1 {
position: absolute;
bottom: 10%;
text-transform: uppercase;
color: #c9c9c9;
width: 300px;
}
.tekst_sverhu_kartinki_1 span {
font: bold 24px/44px Helvetica, Sans-Serif;
background: #00000094;
padding: 8px;
}
Пример : Текст сверху картинки в левом углу
Наш отдых
Лучшие моменты
При наведении на картинку появляется текст html
Смотри еще : появление надписи
Ну и следующий вариант → «При наведении на картинку появляется текст html» :
Не стал делать отдельным пунктом — текст справа. Этот вариант можно немного модифицировать(убрать hover и у текста убрать opacity: 0) и будет у вас тест справа на картинке.
Html:
<div id=»tekst_sverhu_kartinki_sprava_1″>
<img src=»https://dwweb.ru/__img/__img_rotate/more.png » alt=»Текст сверху картинки»>
<div class=»tekst_sverhu_kartinki_sprava_1 «>
<span>Наш отдых</span><br>
<span>Лучшие моменты</span>
</div>
</div>
css:
div#tekst_sverhu_kartinki_sprava_1{
position: relative;
width: 500px;
}
#tekst_sverhu_kartinki_sprava_1:hover .tekst_sverhu_kartinki_sprava_1 {
transition: 2s;
opacity: 1;
cursor: pointer;
}
.tekst_sverhu_kartinki_sprava_1 {
position: absolute;
bottom: 10%;
text-transform: uppercase;
color: #c9c9c9;
width: 300px;
right: 0px;
text-align: right;
opacity: 0; transition: 2s;
}
.tekst_sverhu_kartinki_sprava_1 span {
font: bold 24px/44px Helvetica, Sans-Serif;
background: #00000094;
padding: 8px;
}
Пример появления текст на картинке html
Наш отдых
Лучшие моменты
Какое приложение вы используете?
Word или Outlook | PowerPoint или Excel
Word или Outlook
Добавление текста на фотографию с помощью надписи
-
В документе щелкните место, куда вы хотите вставить фотографию.
-
На вкладке Вставка в группе Иллюстрации нажмите кнопку Фигуры, а затем выберите пункт Новое полотно.
-
Щелкните полотно, а затем на вкладке Вставка в группе Иллюстрации нажмите кнопку Рисунки.
-
Найдите и дважды щелкните фотографию, которую вы хотите использовать, а затем щелкните за пределами полотна.
-
На вкладке Вставка в группе Текст нажмите кнопку Текстовое поле, а затем выберите пункт Добавление надписи внизу меню.
-
Введите текст, который будет отображаться в текстовом поле, а затем перетащите его в нужное место в верхней части рисунка.
-
Чтобы изменить шрифт или стиль текста, выделите текст и выберите нужное форматирование в контекстном меню.
-
Щелкните внешний край надписи и перетащите ее на фотографию.
-
Убедитесь, что текстовое поле по-прежнему выбрано, а затем на вкладке Формат фигуры в группе Стили фигуры выполните следующие действия.
-
Нажмите кнопку Заливка фигуры и выберите команду Нет заливки.
-
Нажмите кнопку Контур фигуры и выберите пункт Нет контура.
-
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
На вкладке Формат фигуры в группе Упорядочить выберите Группа > Группа.
Добавление текста на фотографию с помощью WordArt
-
В документе щелкните место, куда вы хотите вставить фотографию.
-
На вкладке Вставка в группе Иллюстрации нажмите кнопку Фигуры, а затем выберите пункт Новое полотно.
-
Щелкните полотно, а затем на вкладке Вставка в группе Иллюстрации нажмите кнопку Рисунки.
-
Найдите и дважды щелкните фотографию, которую вы хотите использовать.
-
На вкладке Вставка в группе Текст нажмите кнопку WordArt, выберите нужный стиль и введите текст.
-
Щелкните внешнюю границу объекта WordArt, чтобы выбрать его, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
На вкладке Формат рисунка в группе Упорядочить выберите Группа > группа.
PowerPoint или Excel
Добавление текста на фотографию с помощью надписи
-
Убедитесь, что вы вставили фотографию в файл.
-
На вкладке Вставка в группе Текст нажмите кнопку Текстовое поле, щелкните рядом с рисунком и перетащите указатель, чтобы нарисовать надпись, а затем введите текст.
-
Чтобы изменить шрифт или стиль текста, выделите текст, щелкните его правой кнопкой мыши и выберите в контекстном меню нужное форматирование.
-
Щелкните внешнюю границу надписи, чтобы выбрать ее, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Убедитесь, что текстовое поле по-прежнему выбрано, а затем на вкладке Формат фигуры в группе Стили фигуры выполните следующие действия.
-
Нажмите кнопку Заливка фигуры и выберите команду Нет заливки.
-
Нажмите кнопку Контур фигуры и выберите пункт Нет контура.
-
-
Щелкните внешний край фотографии, нажмите клавишу CTRL, а затем щелкните край текстового поля, чтобы выбрать оба элемента.
-
На вкладке Формат фигуры в группе Упорядочить выберите Группа > Группа.
Добавление текста на фотографию с помощью WordArt
-
Убедитесь, что вы вставили фотографию в файл.
-
На вкладке Вставка в группе Текст нажмите кнопку WordArt, выберите нужный стиль и введите текст.
-
Щелкните внешнюю границу объекта WordArt, чтобы выбрать его, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
На вкладке Формат фигуры в группе Упорядочить выберите Группа > Группа.
Какое приложение вы используете?
Word или Outlook | PowerPoint или Excel
Word или Outlook
Добавление текста на фотографию с помощью надписи
-
В документе щелкните место, куда вы хотите вставить фотографию.
-
На вкладке Вставка в группе Иллюстрации нажмите кнопку Фигуры, а затем выберите пункт Новое полотно.
-
Щелкните полотно, а затем на вкладке Вставка в группе Иллюстрации нажмите кнопку Рисунки.
-
Найдите и дважды щелкните фотографию, которую вы хотите использовать, а затем щелкните за пределами полотна.
-
На вкладке Вставка в группе Текст нажмите кнопку Текстовое поле, а затем выберите пункт Добавление надписи внизу меню.
-
Введите текст, который будет отображаться в текстовом поле, а затем перетащите его в нужное место в верхней части рисунка.
-
Чтобы изменить шрифт или стиль текста, выделите текст и выберите нужное форматирование в контекстном меню.
-
Щелкните внешний край надписи и перетащите ее на фотографию.
-
Убедитесь, что надпись по-прежнему выбрана, а затем в разделе Средства рисования на вкладке Формат в группе Стили фигур сделайте следующее:
-
Нажмите кнопку Заливка фигуры и выберите команду Нет заливки.
-
Нажмите кнопку Контур фигуры и выберите пункт Нет контура.
-
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
В разделе Средства рисования на вкладке Формат в группе Упорядочить выберите Группировать > группа.
Добавление текста на фотографию с помощью WordArt
-
В документе щелкните место, куда вы хотите вставить фотографию.
-
На вкладке Вставка в группе Иллюстрации нажмите кнопку Фигуры, а затем выберите пункт Новое полотно.
-
Щелкните полотно, а затем на вкладке Вставка в группе Иллюстрации нажмите кнопку Рисунки.
-
Найдите и дважды щелкните фотографию, которую вы хотите использовать.
-
На вкладке Вставка в группе Текст нажмите кнопку WordArt, выберите нужный стиль и введите текст.
-
Щелкните внешнюю границу объекта WordArt, чтобы выбрать его, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
В разделе Работа с рисунками на вкладке Формат в группе Упорядочить выберите Группировать > группу.
PowerPoint или Excel
Добавление текста на фотографию с помощью надписи
-
Убедитесь, что вы вставили фотографию в файл.
-
На вкладке Вставка в группе Текст нажмите кнопку Текстовое поле, щелкните рядом с рисунком и перетащите указатель, чтобы нарисовать надпись, а затем введите текст.
-
Чтобы изменить шрифт или стиль текста, выделите текст, щелкните его правой кнопкой мыши и выберите в контекстном меню нужное форматирование.
-
Щелкните внешнюю границу надписи, чтобы выбрать ее, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Убедитесь, что надпись по-прежнему выбрана, а затем в разделе Средства рисования на вкладке Формат в группе Стили фигур сделайте следующее:
-
Нажмите кнопку Заливка фигуры и выберите команду Нет заливки.
-
Нажмите кнопку Контур фигуры и выберите пункт Нет контура.
-
-
Щелкните внешний край фотографии, нажмите клавишу CTRL, а затем щелкните край текстового поля, чтобы выбрать оба элемента.
-
В разделе Средства рисования на вкладке Формат в группе Упорядочить выберите Группировать > группа.
Добавление текста на фотографию с помощью WordArt
-
Убедитесь, что вы вставили фотографию в файл.
-
На вкладке Вставка в группе Текст нажмите кнопку WordArt, выберите нужный стиль и введите текст.
-
Щелкните внешнюю границу объекта WordArt, чтобы выбрать его, перетащите текст на фотографию и при необходимости поверните его под нужным углом.
-
Щелкните внешний край фотографии, нажмите и удерживайте нажатой клавишу CTRL, а затем щелкните край объекта WordArt, чтобы выбрать оба элемента.
-
В разделе Средства рисования на вкладке Формат в группе Упорядочить выберите Группировать > группа.
Как добавить красивую надпись
на фото за 5 минут
Хотите превратить удачный кадр в красочную открытку или дополнить смешной снимок остроумной подписью? Сделать это быстро и красиво позволит редактор ФотоМАСТЕР. С его помощью вы сможете создавать любой текст и выбирать для него оформление. Читайте статью, чтобы узнать, как сделать надпись на фото всего за 2 минуты в этой программе!
Добавьте текст на фото сейчас! Установите удобную программу:
Оглавление:
1. Добавляем надпись на фото за 2 клика
2. Видео: как добавить красивый текст на фото
3. Как сделать прозрачную надпись на фото
4. Другие способы
Чтобы делать потрясающие надписи на снимках, нужно для начала установить редактор ФотоМАСТЕР. Вы можете загрузить дистрибутив с нашего сайта бесплатно.
Добавляем надпись на фото за 2 клика
Дополнить фотоснимок текстом с помощью редактора ФотоМАСТЕР очень просто. Нужно выполнить всего 3 шага, попробуйте:
Шаг 1. Выбор снимка для работы
В стартовом окошке редактора нажмите «Открыть фото». Появится проводник, который даёт доступ к папкам компьютера. Двойным кликом мышки выберите желаемый снимок. Он окажется в рабочем поле программы.
Кликните «Открыть фото», чтобы выбрать снимок в работу
Шаг 2. Добавление текста
Чтобы наложить текст на фото, перейдите в подраздел «Надписи» и нажмите «Добавить текст». В поле справа введите желаемую подпись. Это может быть как одно короткое слово, так и длинный текст, например, стихотворение, цитата или поздравление.
Впишите текст и выберите красивый стиль
Выберите стиль надписи. В каталоге программы для подписи фото есть множество красивых ярких вариантов. Возьмите тот, который будет смотреться на фото максимально органично и привлекательно. Если предложенные варианты вас не устроили, можно подготовить авторский стиль с нуля. Во вкладке «Настройки текста» можно вручную выставить шрифт, цвет, толщину контура, отрегулировать тень и прочие параметры, чтобы создать свою надпись с уникальным дизайном.
Вы можете разработать собственный дизайн надписи
Теперь следует настроить расположение готового текста. Для этого просто наведите на него курсор и прожмите левую кнопку. Теперь перетащите надпись на желаемую позицию. Если вы хотите увеличить или уменьшить её, то растяните или сожмите рамку, потянув за углы. Вы также можете вращать текст, используя зелёную точку.
Шаг 3. Сохранение готовой картинки
Кликните «Сохранить» и определитесь, в какой папке на ПК должна оказаться подписанная фотография. Выберите формат. Программа для создания надписей на фото предлагает следующие варианты: JPEG, PNG, BMP или TIFF. Установите, какое качество должно быть у изображения. Готово, вы узнали, как сделать подпись на фото легко и просто!
Видео: как добавить красивый текст на фото
Посмотрите видеоурок, чтобы наглядно познакомиться с процессом наложения интересных надписей на выбранную фотографию:
ФотоМАСТЕРИнструкция по добавлению надписей на фото
Как сделать прозрачную надпись на фото
Требуется защитить свои права на снимок? Для этого существует водяной знак. Он представляет собой полупрозрачный логотип или имя автора фотографии. Разберём, как закрыть кадр водяным знаком в ФотоМАСТЕРЕ.
Вы уже изучили, как сделать надпись на картинке. Проделайте вышеописанные шаги до работы в раздле «Настройки текста». Здесь вы найдёте параметр «Прозрачность». Ведите ползунок влево, чтобы буквы начали просвечивать. Подберите оптимальное значение прозрачности и сохраните получившийся снимок.
Вы можете добавить на фото водяной знак
Готово, теперь вашу фотографию можно по-прежнему свободно разглядывать, но никто не сможет присвоить себе её авторство. Прозрачная надпись также пригодится, если добавленный текст закрывает важную часть изображения, или вам просто хочется добиться интересного мистического эффекта.
Другие способы
Добавить текст на фотографию на компьютере можно и в других программах. Например, если вы работаете на Windows, делать надписи позволит базовый редактор Paint. В нём можно наложить надпись на снимок, выбрать для неё шрифт, расцветку и размер. Однако в программе нельзя настраивать прозрачность, и нет возможности выбрать готовые красивые стили, которые сберегут время пользователей.
Красиво оформить текст можно в редакторе Adobe Photoshop. Он предлагает широкие возможности для гибкой настройки оформления подписей. Однако этот профессиональный инструмент имеет сложное меню, в котором придётся долго разбираться. И даже минимальное украшение текста потребует глубокого изучения функционала редактора.
Хотите быстро добавлять яркие красивые подписи? Скачайте ФотоМАСТЕР! Это самый простой способ преобразить снимки. Попробуйте вставить текст в картинку прямо сейчас!
Часто задаваемые вопросы
В каком приложении добавить надпись на фото?
Добавить текст на фото можно в приложениях Over, Snapseed, Front Candy или Desyne. Лучшим вариантом будет Snapseed: несмотря на то, что этот софт бесплатен, в нем есть все необходимые функции, а также множество креативных шаблонов.
Как напечатать текст на картинке в Ворде 2010?
Нажмите «Вставка» -> «Надпись» -> «Простая надпись». Переместите появившуюся рамку на картинку. Мышкой выделите текст внутри и измените его. Чтобы убрать белый фон, перейдите во вкладку «Формат» и уберите заливку.
Есть и второй вариант: кликните правой кнопкой мыши по картинке и выберите «Обтекание текстом – За текстом».
Как в инстаграме* добавить надпись на фото?
Воспользуйтесь компьютерными редакторами (проще всего это сделать в ФотоМАСТЕРе) или мобильными приложениями: PicsArt, Snapseed, PicLab. Если речь идет об онлайн-сервисах, то обратите внимание на Canva или Stencil.
*Instagram, продукт компании Meta, которая признана экстремистской в России.
Вам также может быть интересно:
При оформлении текстовых документов в редакторе Word не редко возникает необходимость вставить картинку и наложить на нее текст. Со вставкой картинки у большинства пользователей не возникает проблем, для этого достаточно скопировать нужное изображение и вставить его в документ, а вот с наложением текста бывают сложности. В этом статье мы попробуем решить эту проблему рассмотрев сразу два способа, как наложить текст на картинку в Word. Статья будет актуальной для Word 2007, 2010, 2013, 2016 и 2019.
Наложение текста на картинку с помощью элемента «Надпись»
Пожалуй, самый простой способ наложить текст на картинку в Word это воспользоваться элементом «Надпись». Такой элемент можно вставить документ и потом разместить его в любом удобном месте, вне зависимости от форматирования текста или размещения картинок.
Для того чтобы воспользоваться данным способом вставьте на страницу нужную картинку и перейдите на вкладку «Вставка». Здесь нужно нажать на кнопку «Надпись» и выбрать вариант «Простая надпись».
Нужно отметить, что в последних версиях Word кнопка «Надпись» была переименована в «Текстовое поле», но она выполняет ту же функцию.
После вставки элемента «Простая надпись» на странице появится рамка с текстом. Такую рамку можно свободно перемещать по документу, что позволяет наложить текст на картинку или другой элемент документа Word.
Естественно, текст, который расположен в элементе «Надпись» можно отредактировать. Для этого просто кликаем внутрь рамки и вводим собственный текст.
В принципе на этом можно закончить, мы наложили текст на картинку. Но, если нужно добиться более красивого результата, то можно поиграться с настройками элемента. Например, можно убрать белый фон под текстом и рамку. Для этого выделите данный элемент и перейдите на вкладку «Формат». Здесь нужно воспользоваться функцией «Заливка фигуры» и выбрать вариант «Нет заливки».
Дальше используем функцию «Контур фигуры» и убираем рамку вокруг текста.
В результате у вас должно получиться примерно вот такое наложение текста на картинку.
Если есть желание сделать текст более красочным, то на вкладке «Формат» есть несколько стандартных стилей текста.
Выбрав один из этих стилей, мы получим результат схожий с тем, что можно получить в профессиональном графическом редакторе.
Также есть возможность ручной настройки стиля текста. Для этого нужно воспользоваться функциями «Заливка текста», «Контур текста» и «Текстовые эффекты».
Наложение текста на картинку с помощью обтекания
Альтернативным способом наложения текста на картинку является использование функции «Обтекание текстом». Для того чтобы воспользоваться данным способом кликните правой кнопкой мышки по картинке и включите опцию «Обтекание текстом – За текстом».
После включения данной опции вы сможете перемещать картинку по документу Word и при этом она не будет влиять на форматирование документа, она как-бы будет располагаться на нижнем слое, под текстом. Это позволит наложить нужный текст на картинку.
Этот способ будет особенно удобен если вам нужно наложить текст на большую картинку, которая занимает всю страницу документа Word.
Посмотрите также:
- Как картинку сделать фоном в Word
- Как наложить картинку на картинку в Word
- Как вставить картинку в Word
- Как свободно перемещать картинку в Word
- Как уменьшить размер файла Word с картинками
Автор
Александр Степушин
Создатель сайта comp-security.net, автор более 2000 статей о ремонте компьютеров, работе с программами, настройке операционных систем.
Остались вопросы?
Задайте вопрос в комментариях под статьей или на странице
«Задать вопрос»
и вы обязательно получите ответ.
Содержание
- 1 Накладываем текст на картинку, используя WordArt
- 2 Делаем текст на картинке с помощью надписи
- 2.1 Добавление поверх рисунка надписи в стиле WordArt
- 2.2 Добавление поверх рисунка обычного текста
- 2.3 Добавление подписи к рисунку
- 2.4 Помогла ли вам эта статья?
Если, работая с документом, в текстовом редакторе MS Word Вы хотите что-нибудь написать на рисунке, например, объяснить некоторые фрагменты изображения, или просто сделать красивую надпись, то в данной статье мы это с Вами и рассмотрим.
Печатать слова поверх рисунка или картинки можно, или используя фигуры WordArt, или сделав обычную надпись. Теперь давайте расскажу про эти два способа подробнее.
Если Вам нужно сделать изображение в качестве фона в Ворд, тогда перейдите по ссылке, и прочтите подробную статью на данную тему.
Накладываем текст на картинку, используя WordArt
Сначала напишем на картинке, с помощью WordArt. Это уже готовый стиль, определенного цвета, размера, формы, с тенью, выдавливанием и прочим. Разумеется, Вы можете все эти параметры немного изменить под себя. Например, сам стиль нравится, а цвет можно изменить, вместо синего выбрать желтый.
Вставьте изображение в открытый документ Word, перейдите на вкладку «Вставка» и в разделе «Текст» нажмите на кнопку «WordArt». Откроется выпадающий список, из которого выберите подходящий для Вас стиль и кликните по нему.
Статья про то, как вставить изображение в Ворд, уже есть на сайте.
На рисунке появится вот такая область. Текст примера будет выделен. Нажмите кнопку «Delete», чтобы его удалить, и напишите то, что нужно Вам.
Теперь кликните мышкой по границе надписи – пунктирная линия, и, не отпуская левой кнопки мышки, перетащите блок на изображение.
Вот так получилось у меня.
Если хотите немного изменить добавленный в стиле WordArt текст, тогда кликните по нему, чтобы выделить. Затем открывайте «Средства рисования» – «Формат». Здесь можно или полностью изменить стиль WordArt, или добавить фон, границы, нужный эффект.
Делаем текст на картинке с помощью надписи
Вставить необходимые слова поверх картинки можно и с помощью создания обычной надписи. Откройте документ и добавьте в него изображение. Потом на вкладке «Вставка», жмите по кнопке «Фигуры» и выберите из списка «Надпись» – прямоугольник с буквой А вверху.
Курсор примет вид крестика. Нажмите в нужном месте картинки левую кнопку мышки и, не отпуская кнопки, нарисуйте прямоугольную область. Введите в созданной области нужный текст.
Чтобы текст выглядел необычно, можно перевернуть текст в Ворд на 30, 90 градусов или выбрать любой другой угол поворота.
Если Вам не подходит белый фон прямоугольника и наличие границ, выберите «Средства рисования» – «Формат». Нажмите на кнопки «Заливка фигуры» и «Контур фигуры», затем кликайте из списка «Нет заливки», «Нет контура» – соответственно.
Чтобы изменить внешний вид написанного, перейдите на вкладку «Текст» и в разделе «Шрифт» выберите нужный размер и сам шрифт. Можно изменить цвет букв, добавить тень, сделать текст курсивом или жирным.
Подробнее про форматирование и редактирование в Ворд, можно прочесть в статье по ссылке.
Используя один из описанных способов, у Вас точно получится написать на рисунке или картинке в MS Word нужное слово или фразу. А чтобы это выглядело красиво, увеличьте шрифт, выберите цвет для букв, добавьте тень к надписи, или просто воспользуйтесь одним из предложенных стилей WordArt.
Поделитесь статьёй с друзьями:
Денис, выберите для картинки другое Обтекание текстом.
Помимо работы с текстом, программа MS Word также позволяет работать и с графическими файлами, которые в ней можно изменять (хоть и по минимуму). Так, нередко добавленную в документ картинку требуется как-нибудь подписать или дополнить, причем, сделать это необходимо так, чтобы сам текст находился поверх изображения. Именно о том, как наложить текст на картинку в Ворде, мы и расскажем ниже.
Существует два метода, с помощью которых можно наложить текст поверх картинки — это использование стилей WordArt и добавление текстового поля. В первом случае надпись будет красивая, но шаблонная, во втором — вы имеете свободу выбора шрифтов, типа написания и форматирования.
Урок: Как в Word изменить шрифт
Добавление поверх рисунка надписи в стиле WordArt
1. Откройте вкладку “Вставка” и в группе “Текст” нажмите на пункт “WordArt”.
2. Из развернувшегося меню выберите подходящий стиль для надписи.
3. После того, как вы кликните по выбранному стилю, он будет добавлен на страницу документа. Введите необходимую надпись.
Примечание: После добавления надписи WordArt появится вкладка “Формат”, в которой можно выполнить дополнительные настройки. Кроме того, вы можете изменить размер надписи, потянув за границы поля, в котором она находится.
4. Добавьте в документ изображение, воспользовавшись инструкцией по ссылке ниже.
Урок: Как в Word вставить картинку
5. Переместите надпись WordArt, расположив ее поверх изображения так, как вам это необходимо. Кроме того, вы можете выровнять положение текста, воспользовавшись нашей инструкцией.
Урок: Как в Ворде выровнять текст
6. Готово, вы наложили надпись в стиле WordArt поверх изображения.
Добавление поверх рисунка обычного текста
1. Откройте вкладку “Вставка” и в разделе “Текстовое поле” выберите пункт “Простая надпись”.
2. Введите необходимый текст в появившееся текстовое поле. Выровняйте размеры поля, если это необходимо.
3. Во вкладке “Формат”, которая появляется после добавления текстового поля, выполните необходимые настройки. Также, вы можете изменить внешний вид текста в поле стандартным способом (вкладка “Главная”, группа “Шрифт”).
Урок: Как в Word повернуть текст
4. Добавьте изображение в документ.
5. Переместите текстовое поле на картинку, если это необходимо, выровняйте положение объектов, воспользовавшись инструментами в группе “Абзац” (вкладка “Главная”).
Добавление подписи к рисунку
Кроме наложения надписи поверх изображения, вы также можете добавить к нему подпись (название).
1. Добавьте изображение в документ Word и кликните по нему правой кнопкой мышки.
2. Выберите пункт “Вставить название”.
3. В открывшемся окне введите необходимый текст после слова “Рисунок 1” (остается неизменным в этом окне). Если это необходимо, выберите положение подписи (над или под изображением), развернув меню соответствующего раздела. Нажмите кнопку “ОК”.
4. Подпись будет добавлена к графическому файлу, надпись “Рисунок 1” можно будет удалить, оставив только введенный вами текст.
На этом все, теперь вы знаете, как сделать надпись на картинке в Ворде, а также о том, как подписывать рисунки в этой программе. Желаем вам успехов в дальнейшем освоении этого офисного продукта.
Мы рады, что смогли помочь Вам в решении проблемы.
Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Да Нет
Рубрика Word
Также статьи о работе с текстом в Ворде:
- Как скопировать картинку в Ворд?
- Как создать рисунок в Ворде?
- Как из Ворда вытащить картинку?
- Как в Корде обрезать фотографию?
Вставленный в Word рисунок иногда необходимо как-то обозначить или подписать, и как сделать надпись на картинке в Ворде мы дальше и рассмотрим.
Есть несколько способов размещения текста поверх картинки в Ворде. Если необходимо разместить на рисунке красиво оформленный текст, то лучше всего использовать надписи WordArt, а если достаточно обычного текста, то следует воспользоваться текстовым полем.
Для вставки надписи WordArt переходим на вкладку «Вставка», находим объект WordArt и выбираем понравившийся стиль оформления. После этого на листе появится специальное поле для ввода текста. С помощью меню на появившейся вкладке «Формат» можно произвести дополнительные настройки надписи. После всех настроек и окончательного расположения текста на картинке лучше всего их сгруппировать, чтобы при перемещении картинки сразу с ней перемещалась и надпись.
Для вставки обычного текста поверх рисунка в Ворде выбираем пункт меню «Текстовое поле» на вкладке «Вставка», в котором выбираем вариант «Простая надпись». В появившемся поле вводим необходимый текст, производим дополнительные настройки с помощью меню на вкладке «Формат», в том числе удаляем заливку и контур фигуры, а также при необходимости меняем цвет и размер текста стандартным способом. После всех настроек также желательно сгруппировать текст и картинку.
Есть еще один не совсем правильный, но все же иногда используемый способ. Заключается он в размещении картинки под обычным текстом, набранным на листе. Минус данного способа связан в отсутствии связи между текстом и картинкой, и при перемещении одного из них вся настроенная конструкция рушится.
Обучение Ворду видео
Содержание
- Способ 1: Adobe Photoshop
- Способ 2: Microsoft Word
- Способ 3: Paint
- Способ 4: GIMP
- Способ 5: Онлайн-сервисы
Способ 1: Adobe Photoshop
Adobe Photoshop — самый популярный графический редактор, установленный на компьютерах миллионов пользователей. В нем присутствуют все нужные инструменты для создания и редактирования изображений, куда относятся и функции по обработке фотографий. При помощи этой программы вы можете с легкостью наложить надпись на фото, потратив на это всего пару минут.
Скачать Adobe Photoshop
- Установите Фотошоп на свой компьютер, если не сделали этого ранее. При первом запуске в главном окне нажмите кнопку «Открыть».
- Через «Проводник» отыщите и выберите изображение, на которое хотите наложить текст.
- Подтвердите добавление без обработки цветового профиля.
- Сразу же можно выбрать функцию «Текст» на панели слева.
- Кликните левой кнопкой мыши в любом удобном месте на картинке, чтобы активировать поле ввода.
- Заранее можно изменить шрифт, его размер, ориентацию, цвет и другие параметры при помощи появившихся инструментов на верхней панели.
- Затем начните вводить надпись, а по завершении воспользуйтесь кнопкой «Перемещение», чтобы расположить текст ровно в том месте, где он должен находиться.
- Вы можете управлять слоями, перетаскивая один поверх другого, если, например, текст должен находиться под вторым слоем при обработке фото.
- Если кликнуть по слою с текстом правой кнопкой мыши, появится контекстное меню, в котором есть пункт «Параметры наложения», открывающий новое окно с настройками внешнего вида надписи.
- В нем вы можете накладывать различные стили, отмечая подходящие галочками. Каждый стиль обладает своими настройками: например, для обводки можно выбрать цвет, толщину линии, ее направленность и тип. Для тени устанавливается ее интенсивность, направленность и прозрачность. Каждому из присутствующих типов характерны свои параметры, ознакомиться с которыми можно при нажатии на строку стиля.
- Все наложения отображаются в виде списка под слоем в главном окне. Нажмите по значку в виде глаза, если хотите скрыть эффект и посмотреть, как надпись отображается без него. Экспериментируйте со стилями, чтобы сделать надпись более видимой на фоне изображения или придать ей интересное оформление.
- Как только работа будет окончена, фотографию можно сохранять. Раскройте меню «Файл» и из появившегося списка выберите пункт «Сохранить как».
- В отобразившемся окне «Сохранение» укажите место для файла на компьютере, поменяйте ему имя и измените формат на подходящий.
- Если на экране появляется запрос о выборе размера файла, отдайте предпочтение качеству, а не скорости обработки, чтобы все элементы снимка отображались так же, как и в оригинале.
Не во всех случаях хватает простого наложения текста — иногда требуется сделать его эффектнее, в определенной стилистике. Сделать это правильно и придать фотографии более эстетический вид вы сможете при помощи инструкций из других наших материалов.
Подробнее:
Как сделать красивую надпись в Фотошопе
Как сделать объемные буквы в Фотошопе
Как написать текст по кругу в Фотошопе
Способ 2: Microsoft Word
Если главным элементом при обработке является не сама фотография, а текст — например, когда речь идет о создании фонового рисунка с информационной надписью на нем, — можно смело использовать текстовый редактор Microsoft Word или любой другой его аналог. Текстовые процессоры тоже поддерживают наложение надписи на фото, но не позволяют выполнить более детальную обработку так, как это делается в том же Adobe Photoshop. Впрочем, если такая функциональность вас вполне устраивает, ознакомьтесь с пошаговым руководством по следующей ссылке.
Подробнее: Добавляем текст поверх картинки в Microsoft Word
Способ 3: Paint
Бывает, пользователь не хочет устанавливать дополнительную программу или же ему нужно просто создать обычную надпись на фотографии без какого-либо редактирования и улучшения. С этим отлично справится стандартный инструмент Paint, который предустановлен во всех современных версиях Windows.
- Запустите Paint, отыскав это приложение через меню «Пуск», после чего разверните список «Файл».
- В нем выберите пункт «Открыть».
- Через «Проводник» добавьте фотографию, на которую хотите наложить текст.
- Выберите «Текст» на соответствующей панели вверху окна Paint.
- Кликните левой кнопкой мыши в том месте, где должна располагаться надпись. Учитывайте, что после ее добавления блок с текстом нельзя будет передвинуть.
- Используйте функции изменения шрифта, фона и цвета надписи, которые появятся сверху после активации данного инструмента.
- Введите текст и выберите любой другой инструмент, чтобы завершить редактирование. Если результат вас не устраивает, нажмите сочетание клавиш Ctrl + Z для отмены изменения и создайте новый текст.
- По завершении разверните меню «Файл» и сохраните фотографию в удобном формате.
Способ 4: GIMP
Разберем метод с использованием GIMP — бесплатным графическим редактором, составляющим главную конкуренцию Фотошопу. Его применение оптимально в тех случаях, когда вы хотите получить большой набор функций редактирования изображений, но при этом не готовы платить за лицензию Adobe Photoshop или уверены в том, что не будете часто использовать программу. Наложение надписи на фото в GIMP происходит следующим образом:
Скачать GIMP
- Воспользуйтесь кнопкой выше, чтобы перейти на официальный сайт, скачать и установить GIMP на свой компьютер. После запуска раскройте меню «Файл» и выберите пункт «Открыть».
- Появится окно «Открыть изображение», в котором перейдите по пути расположения необходимого файла и дважды кликните по нему для открытия.
- Выберите инструмент «Текст», активировав его на панели слева.
- Ознакомьтесь с появившимися настройками и выставьте их в соответствии со своими потребностями.
- Нажмите ЛКМ по любому месту на фотографии и начните вводить текст.
- Как только эта операция будет завершена, активируйте инструмент «Перемещение» и расположите надпись в подходящем месте на картинке.
- Если понадобится, редактируйте наложение слоев, чтобы поместить текст поверх изображения или немного спрятать.
- Для настройки прозрачности, находясь на слое с текстом, откройте меню «Слой» через верхнюю панель. Выберите подходящий параметр и переместите ползунок на удовлетворяющую вас позицию. При работе с текстом другие параметры этого меню почти никогда не применяются, поэтому переходите далее.
- Следующее меню — «Цвет». В нем находится множество разных пунктов, связанных с отображением цвета слоя. Экспериментируйте с тенями и светом, яркостью или насыщенностью, если не хотите видеть созданную надпись в стандартном цвете.
- В «Фильтрах» есть визуальные эффекты, разделенные по группам. Наведите курсор на одну из них и выберите какой-либо фильтр, чтобы применить его. Сразу же ознакомьтесь с результатом и снимите галочку, если он не устроит.
- Как только изображение готово к сохранению, раскройте уже знакомое меню «Файл» и найдите там пункт «Экспортировать как».
- Разверните список с доступными типами файлов.
- Найдите там тот, в котором хотите сохранить изображение, после чего задайте для него название и подтвердите экспорт.
Если ранее вам не приходилось работать в GIMP или похожих графических редакторах, предлагаем воспользоваться инструкцией из статьи по ссылке ниже, где рассказывается об основных инструментах программы и о том, где их можно применить. Это позволит улучшить фото при обработке и сделать саму надпись красивее.
Подробнее: Выполнение основных задач в графическом редакторе GIMP
Существуют и другие программы, подходящие для добавления надписей на фотографии. Они работают примерно по тому же принципу, что и описанные графические редакторы, но обладают своими особенностями. Ознакомьтесь с ними и подберите для себя решение, если ничего из представленного выше вам не подходит.
Подробнее: Программы для наложения надписей на фото
Способ 5: Онлайн-сервисы
Завершим статью упоминанием о существовании специальных онлайн-сервисов, чья функциональность сосредоточена на обработке фотографий. Большинство из них позволяет накладывать надпись на изображение и всячески ее редактировать, менять оформление. Если вы не желаете загружать и использовать программное обеспечение, такие сайты станут идеальным решением.
Подробнее: Добавление надписи на фотографии онлайн
Еще статьи по данной теме:
Помогла ли Вам статья?
Как вставить текст в картинку в Ворде
Что обычный пользователь делает, когда в документе Word нужно поместить текст на изображении? Правильно, применяет разные графические редакторы от стандартного Paint до мощного PhotoShop, а на это тратится время и результат может не порадовать. Но существует несколько вариантов вставки в картинку текста в ворде, который будет смотреться оригинально, в самом Word не прибегая к применению других программ.
Приведенная инструкция познакомит с приемами создания любых надписей на изображении.
Способ №1: текстовый блок
Итак, предположим, что в документе уже присутствует нужный рисунок и на нем осталось лишь разместить несколько предложений или список. Как это сделать? Для каждого релиза текстового редактора схема отличается, но незначительно.
После этого развернется меню с набором готовых шаблонов. Тут нажмите «Простая надпись» (это будет первый пример в окне). В результате на листе отобразится рамка с образцом текста.
Далее, перетащите полученный объект на картинку. Для этого наведите курсор на обрамление, стрелка поменяет вид на черный крестик. Зажмите левую кнопку и, не отпуская ее, передвиньте блок в требуемое место на рисунке.
Пока вы получите белое поле, обрамленное черной рамкой. Напечатайте вместо примера текста нужный фрагмент и отформатируйте его согласно своим требованиям (величину шрифта, цвет, стиль и прочее). Размеры блока тоже изменяются. Его можно расширить или уменьшить.
Теперь надо убрать белый фон и обрамление. Для этого просто кликните по надписи и перейдите во вкладку «Формат». Отыщите и щелкните в группе «Стили» по кнопке «Заливка фигуры». Выпадет меню, где выберите пункт «Нет заливки», и фон отключится.
Осталось убрать рамку. В этой же группе кликните «Контур фигуры», а в списке нажмите «Нет контура». Команда отключает обрамление.
Стандартными средствами Word можно создать хорошо оформленную подпись, любого цвета, стиля, размера. Это гораздо удобней и быстрей, чем пользоваться графическими редакторами.
Способ №2: объект Вордарт
Есть еще один интересный прием создания надписи — вставка объекта WordArt. По сути, это такое же текстовое поле, только имеющее более интересную стилизацию шрифта (с тенью, отражением, объемом и так далее).
Во вкладке «Вставка» щелкните кнопку «Добавить объект WordArt» в виде голубой повернутой буквы А. Отобразятся наглядные примеры. Выберите, что подходит к изображению и просто кликните по образцу.
Теперь введите нужную информацию в блоке и перетащите полученное на картинку.
Способ №3: обтекание текстом
Метод хорош в том случае, когда рисунок используется в качестве подложки страницы целиком.
На вставленной картинке щелкните правой кнопкой и выберите в контекстном меню строку «Обтекание текстом». Далее, нажмите пункт «За текстом».
Теперь наполняйте документ как обычно. Только фоном будет служить рисунок, а не стандартный белый цвет.
С помощью приведенных приемов вы легко сделаете отлично оформленный текст на картинке. При этом надобность в использовании графических редакторов отпадает.
Изменение прозрачности рисунка в Microsoft Word
Как вы наверняка уже знаете, в MS Word можно работать не только с текстом, но и с рисунками. Последние после добавления в программу можно даже редактировать с помощью большого набора встроенных инструментов. Однако, учитывая тот факт, что Ворд — это все-таки текстовый редактор, с некоторыми задачами по работе с изображениями бывает не так просто справиться.
Одна из задач, с которой могут столкнуться пользователи данной программы — необходимость изменить прозрачность добавленного рисунка. Это может потребоваться для того, чтобы уменьшить акцент на изображении, либо же визуально “отдалить” его от текста, а также по ряду других причин. Именно о том, как в Ворде изменить прозрачность рисунка мы и расскажем ниже.
1. Откройте документ, но пока не торопитесь добавлять в него рисунок, прозрачность которого требуется изменить.
2. Перейдите во вкладку “Вставка” и нажмите кнопку “Фигуры”.
3. В выпадающем меню выберите простую фигуру, прямоугольник подойдет лучше всего.
4. Правой кнопкой мышки кликните внутри добавленной фигуры.
5. В открывшемся справа окне в разделе “Заливка” выберите пункт “Рисунок”.
6. Выберите в открывшемся окне “Вставка картинок” пункт “Из файла”.
7. В окне проводника укажите путь к рисунку, прозрачность которого необходимо изменить.
8. Нажмите “Вставить” для добавления рисунка в область фигуры.
9. Кликните правой кнопкой мышки по добавленному рисунку, нажмите на кнопку “Заливка” и выберите пункт “Текстура”, а затем “Другие текстуры”.
10. В окне “Формат рисунка”, которое появится справа, перемещайте ползунок параметра “Прозрачность”, пока не добьетесь желаемого результата.
11. Закройте окно “Формат рисунка”.
11. Удалите контур фигуры, внутри которой находится картинка. Для этого выполните следующие действия:
- Во вкладке “Формат”, которая появляется при нажатии на фигуру, разверните меню кнопки “Контур фигуры”;
- Выберите пункт “Нет контура”.
- Кликните в пустом месте документа, чтобы выйти из режима редактирования.
Важное примечание: Изменяя исходные размеры фигуры путем перетаскивания маркеров, расположенных на ее контуре, можно исказить находящееся внутри нее изображение.
- Совет: Для настройки внешнего вида рисунка можно использовать параметр “Смещение”, который находится под параметром “Прозрачность”, расположенным в окне “Формат рисунка”.
12. После внесения всех необходимых изменений, закройте окно “Формат рисунка”.
Изменение прозрачности части рисунка
Среди инструментов, представленных во вкладке “Формат” (появляется после добавления рисунка в документ) есть и те, с помощью которых можно сделать прозрачным не все изображение, а его отдельную область.
Важно понимать, что идеального результата можно добиться лишь в том случае, если область рисунка, прозрачность которой вы хотите изменить, является одноцветной.
Примечание: Некоторые области изображений могут казаться одноцветными, не являясь таковыми на самом деле. Например, обычный листья деревьев на фотографии или картинке могут содержать в себе широчайший диапазон близких по цвету оттенков. В таком случае желаемого эффекта прозрачности добиться не получится.
1. Добавьте изображение в документ, воспользовавшись нашей инструкцией.
2. Дважды кликните по изображению, чтобы открылась вкладка “Формат”.
3. Нажмите на кнопку “Цвет” и выберите в выпадающем меню параметр “Установить прозрачный цвет”.
4. Вид указателя курсора изменится. Кликните ним по тому цвету, который необходимо сделать прозрачным.
5. Выбранная вами область рисунка (цвет) станет прозрачной.
Примечание: На печати прозрачные области изображений будут иметь тот же цвет, что и бумага, на которой они распечатываются. При вставке такого изображения на веб-сайт, его прозрачная область примет цвет фона сайта.
На этом все, теперь вы знаете, как в Word изменить прозрачность рисунка, а также знаете о том, как сделать прозрачными отдельные его фрагменты. Не забывайте о том, что данная программа — это текстовый, а не графический редактор, поэтому не следует выдвигать к нему слишком высоких требований.
Мы рады, что смогли помочь Вам в решении проблемы.
Помимо этой статьи, на сайте еще 11902 инструкций.
Добавьте сайт Lumpics.ru в закладки (CTRL+D) и мы точно еще пригодимся вам.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Вставляем текст в картинку в ворде
На ваш выбор есть 3 основных способа вставить текст в картинку в ворде. Самый простой – это использование объекта WordArt. Он позволяет быстро создать “плавающий” текстовый блок, который можно переместить в любое место документа MS Word.
Второй способ – через создание текстового поля. По умолчанию оно будет иметь рамку и белый фон, которые можно изменить или удалить.
Третий – это использовать параметры обтекания для картинки таким образом, чтобы изображение оказалось за текстом. Таким образом текст будет на картинке, а сама картинка станет фоном.
Способы вставить текст в картинку в Word
Текстовое поле
Тут мы поместим текстовый блок прямо на картинку, которую заранее вставили в документ MS Word. Для этого переходим: Вставка -> Текстовое поле -> Простая надпись .
Появится текстовый блок, который нужно настроить. Сначала изменим его позицию, чтобы текст оказался на картинке, а затем поменяем фон, цвет и размер.
1 Нажимаем на иконку параметров разметки и выбираем обтекание Перед текстом .
2 Теперь мы можем наш текстовый блок передвинуть на картинку. Наведите курсор на рамку для появления перекрестия, затем удерживая левую клавишу мыши переместите блок в нужное место.
Передвигать нужно за линию рамки, а не за кружки, т.к. они отвечают за размер, а не за перемещение.
4 Для изменения цвета фона и рамки – ставим курсор на текстовом блоке и переходим: Формат -> Заливка фигуры и Контур фигуры . Если хотите вовсе убрать фон текста и рамку, то при выборе цвета укажите Нет заливки и Нет контура .
5 Теперь выделяем наш текст, и в появившемся меню настраиваем размер, цвет и т.д. Если текст не помещается, то просто увеличьте размер блока, потянув за кружки.
6 Еще можно поиграться с текстовыми эффектами (тенями, формой и т.д.) в меню: Формат -> Текстовые эффекты . Сам текст нужно предварительно выделить.
В итоге у меня получился такой вариант.
Объект WordArt
Если вам быстро нужно вставить текст в картинку без рамки и фона, то этот способ вам подойдет больше.
1 Создаем объект: Вставка -> Добавить объект WordArt .
2 Здесь нужно выбрать готовый стиль.
3 Размещаем текст на картинке. При необходимости корректируем оформление текста.
Разметка изображения
В предыдущих 2-х вариантах мы помещали именно текст на картинку, а сейчас будем перемещать само изображение. Картинка и текст уже должны присутствовать в документе Word.
1 Кликаем по изображению, чтобы появилось меню разметки.
2 В меню выбираем обтекание За текстом .
3 Теперь перетаскиваем картинку за текст, и меняем цвет шрифта, чтобы он был контрастным для фона изображения.