Вставка рисунков в ворд 10. Как вставить картинку в другое изображение в фотошопе. Форматы графических изображений

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

Вставить рисунок или фото в документ Word можно двумя способами — простым (не самым правильным) и чуточку посложнее, зато правильным и более удобным для работы. Первый метод заключается в банальном копирование/вставке или перетаскивание графического файла в документ, второй — в использование встроенных инструментов программы от Microsoft. В этой статье мы расскажем о том, как правильно в Ворде вставить картинку или фотографию в текст.

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

2. Перейдите ко вкладке “Вставка” и нажмите на кнопку “Рисунки” , которая расположена в группе “Иллюстрации” .

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

4. Выбрав файл (картинку или фото), нажмите кнопку “Вставить” .

5. Файл будет добавлен в документ, после чего сразу откроется вкладка “Формат” , содержащая в себе инструменты для работы с изображениями.

Основные инструменты для работы с графическими файлами

Удаление фона: если это необходимо, вы можете удалить фон картинки, точнее, убрать нежелательные элементы.

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

Стили рисунков: используя инструменты “Экспресс-стили”, вы можете изменить внешний вид добавленного в документ изображения, в том числе и форму отображения графического объекта.

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

Обтекание текстом: этот инструмент позволяет не только грамотно расположить картинку на листе, но и вписать ее непосредственно в текст.

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

Примечание: Область, внутри которой находится изображение, всегда имеет прямоугольную форму, даже если сам объект имеет другую форму.

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

Перемещение: для того, чтобы переместить добавленное изображение, кликните по нему левой кнопкой мышки и перетяните в необходимое место документа. Для копирования/вырезки/вставки используйте горячие комбинации клавиш — Ctrl+C/Ctrl+X/Ctrl+V , соответственно.

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

Совет: Чтобы выйти из режима работы с изображением, просто кликните левой кнопкой мышки за пределами обрамляющей его области.

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

Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край

Тема: "Как вставить изображение в текст документа Word"

Цель:
Обучение последовательному действию вставки картинки в документ Word .
Задачи:
1. Показать алгоритм действий вставки картинки в документ Word .
2. Расширить знания коллег о возможностях программы Microsoft Office Word .
3. Передать коллегам личный опыт по предложенной теме.

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

Шаг 1
Открываем документ с текстом, в который нужно вставить картинку. Ставим курсор в том месте, где будем вставлять фото или рисунок. В примере- после фамилии композитора - Лядов. В верхней панели инструментов заходим в функцию «Вставка». Выбираем кнопку- «Рисунок».

Шаг 2
Открывается Рабочий стол компьютера или приготовленная папка с изображениями. Выбираем картинку, нажимаем - Открыть.

Шаг 3
Фото вставлено, если это изображение просто переносить, то текст будет смещаться.

Шаг 4
В примере фото поместилось на текст.

Шаг 5
Кликаем правой кнопкой мыши на фото и в контекстном меню открываем раздел «Обтекание текстом», выбираем меню «Сквозное», нажимаем.

Шаг 6
Фото вставлено в текст другим вариантом.

Шаг 7
Пример другого расположения картинки в тексте. Выделяем фото, открываем раздел «Обтекание текстом», выбираем меню «Сверху и снизу», нажимаем.

Шаг 8
Фото вставлено в текст, структура документа не нарушена.

Шаг 9
Рассмотрим другой пример расположения фото в тексте. Снова кликаем по изображению, в разделе «Обтекание текстом», выбираем меню «Вокруг рамки», нажимаем.

Шаг 10
Фото вставлено.

Шаг 11
Можно применить разные образцы редактирования вставленного изображения. Выделяем фото, в меню выбираем - «Формат рисунка»

Шаг 12
Появляются разделы, можно применить редактирование на ваше усмотрение.

Шаг 13
Выберем «Поворот объёмной фигуры», кнопку- Вне оси. Сохраняем- «Закрыть»

Шаг 14
Фото отредактировано.

Шаг 15
Выбираем раздел- «Формат объёмной фигуры», кнопку- Крутой склон. Сохраняем- «Закрыть»

Шаг 16
Фото приобрело рельефный вид.

Вставка рисунков

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

Выберите команду ВставкаРисунокИз файла .

В диалоговом окне вставки рисунка (рис. 1) перейдите в папку Общие документыПрактикум по ИТПрактические работы по WordРабота 4 и выберите файл REKL1.GIF . Перед тем, как нажать кнопку Добавить , убедитесь, что в окне включен флажок Поверх текста (рис. 4.1). В режиме «Внутри текста» рисунку нельзя будет назначить обтекание текстом.

Рис. 4.1. Диалоговое окно вставки рисунка из файла

Посмотрите, как выглядит документ. Очевидно, нужно менять формат рисунка.

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

Теперь задайте обтекание рисунка текстом. Нажмите правую кнопку мыши на рисунке. Из объектного (контекстного) меню рисунка выберите команду Формат рисунка , затем закладку Обтекание и вариант По контуру .

У рисунка справа и снизу есть лишние белые области. Их надо обрезать. Включите панель инструментов Настройка изображения (команда ВидПанели инструментовНастройка изображения ). Выделите рисунок. На панели Настройка изображения (рис. 1.13) выберите инструмент Обрезка . Мышью перетащите маркеры на серединах правой и нижней сторон рисунка так, чтобы удалить белые поля.

Рис. 1.13. Панель инструментов Настройка изображения

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

Теперь сделайте так, чтобы расстояние от рисунка до текста было одинаковым: на закладке Обтекание задайте Расстояние от текста слева / справа по 0,1 см .

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

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

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

На той же закладке диалогового окна (Положение ) установите привязку рисунка не к абзацам текста, а к полям страницы: для свойств Положение по вертикали/по горизонтали выберите вариант «От поля» (рис. 1.14).

Рис. 1.14. Параметры положения рисунка, жестко закрепляющие его на странице

Оформление первого рисунка завершено. Для вставки второго рисунка выполните следующие действия:

Добавьте в документ рисунок из файла REKL2.GIF .

Уменьшите размер рисунка.

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

Обрежьте у рисунка белые области.

Нужно, чтобы размеры рисунков были одинаковы. Как это сделать? Выделите первый рисунок и выберите команду Формат рисункаРазмер . Запишите значения высоты и ширины первого рисунка. Теперь выделите второй рисунок и установите те же самые значения высоты и ширины.

Назначьте рисунку Обтекание текстом по контуру .

На закладке Обтекание установите Расстояние от текста слева и справа по 0,1 см .

Отключите у рисунка флажок перемещения вместе с текстом и на закладке Положение установите привязку «Положение по вертикали/по горизонтали» типа «От поля» (рис. 1.14).

Переместите второй рисунок так, чтобы он накладывался на первый рисунок. Если потребуется, измените размеры рисунков одинаковым способом.

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

Добавление надписей

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

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

Если панель инструментов Рисование отсутствует, включите ее (команда ВидПанели инструментов ). Выберите инструмент Надпись (рис. 1.15) и нарисуйте прямоугольник слева от последнего рисунка. Размеры надписи можно будет изменить в любой момент. Назначьте надписи параметры обтекания текстом так же, как делали это для рисунков.

Рис. 1.15. Кнопка Надпись на панели инструментов Рисование

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

Подберите размеры и расположение надписи. На небольшие расстояния выделенную надпись удобно перемещать клавишами курсора.

С помощью объектного меню надписи вызовите окно свойств (щелкните правой кнопкой на рамке надписи и выберите команду Формат надписи ). В окне свойств на закладке Цвета и линии установите серый цвет заливки и увеличьте толщину линии обрамления до 1,5 пт .

Теперь сделайте вторую надпись в нижней части рекламного листа. Слова «Предложения по сотрудничеству» внутрь надписи можете перенести из нижней части документа с помощью буфера обмена (командами ПравкаВырезать / ПравкаВставить ). Выровняйте абзац внутри надписи по центру.

Завершение оформления

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

За вставку картинок в HTML-документ отвечает тег и его атрибуты, главным из которых можно считать src , задающий адрес изображения. Он является обязательным, так как если не указать, где взять рисунок, браузер не сможет узнать, что именно добавлять на страницу.

Простейший случай вставки картинки будет выглядеть так (изображение называется image.png и находится в той же папке, что и HTML-документ):

Раньше у тега был ещё один обязательный атрибут - alt , но с приходом HTML 5 он был переведён в разряд желательных. alt устанавливает текст, который пользователь увидит вместо картинки, если она вдруг не загрузится. Этот атрибут рекомендуют добавлять и некоторые оптимизаторы, потому как считается, что это положительно сказывается на продвижении в поисковиках.

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

Допустим, нам требуется добавить на страницу изображение image.png с альтернативным текстом «Просто картинка», шириной 420 и длиной 280 пикселей. Код в таком случае будет следующим:

Навигационная карта

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

Для создания карты изображения (именно так называется описанная возможность) понадобятся следующие теги и атрибуты:

• - контейнер, внутри которого описывается карта изображения.
• - тег внутри , описывающий одну область картинки. На сколько активных областей планируется разделить изображение, столько элементов и придётся поставить. Связка - работает точно так же, как связки
  -
  1. и
     -
     • , создающие списки.
     • shape - атрибут тега , задающий форму ссылки. Активная область может иметь форму прямоугольника, многоугольника или круга.
     • cords - определяющий координаты области атрибут. Также принадлежит тегу . Для прямоугольника указываются координаты левого верхнего и правого нижнего углов, для многоугольника - координаты вершин, определяя круг, необходимо задать координаты его центра и радиус.
     • usemap - атрибут тега img , который связывает изображение с картой. Благодаря ему браузер понимает, что в контейнере описана карта именно этого рисунка.

     Пример карты изображения

     Чтобы было понятно, как всем вышеперечисленным пользоваться, приведу элементарный пример. Есть рисунок map.jpg . Его нужно разделить на две активные области. Щелчок на верхней части (зелёный цвет) откроет сайт «Одноклассники», нижняя же часть (синий цвет) будет вести на «ВКонтакте». Ссылки должны открываться в новой вкладке. Для создания карты выполняем следующие шаги.

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

     

     2. Определяем на картинке будущие активные области и соответствующие им координаты. Это можно сделать в Paint, Photoshop или любом другом графическом редакторе. В нашем случае всё элементарно: прямоугольники равны и по высоте (114 пикселей) и по ширине (384 пикселя).

     3. Начинаем создавать карту: открываем тег и прописываем в атрибуте name её название, которое обязательно должно совпадать со значением свойства usemap самой картинки:

     4. С помощью тегов area определяем активные области:

     5. Закрываем карту:

     Итогом работы стала картинка, щелчок на разных частях которой ведёт к открытию разных социальных сетей, и вот такой HTMLкод:

     

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

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

     Вставить рисунок в Word

     Например, если вас интересует, как вставить в "Ворд" рисунок, нужно перейти на вкладку "Вставка" и, щелкнув на миниатюре с именем "Рисунок" (Picture), выбрать в открывшемся окне картинку у себя на диске и нажать кнопку "Вставить" (какой вопрос - такой и ответ).

     Рисунок появится в указанном курсором месте, но на новой строке и в "Формат". Здесь можно (слева направо) откорректировать яркость и контраст, перекрасить, сжать или вообще заменить рисунок, выбрать стиль обрамления, изменить геометрическую форму, задать границы, добавить эффекты и обрезать по заданным размерам, но главное - это группа функций в секции "Упорядочить", где указывают положение рисунка в документе и характер обтекания текстом.

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

     Вставить рисунок в рисунок Paint

     С такой простой проблемой, как в рисунок вставить рисунок, легко справляется "старина Paint". Открыв изображение (команда "Открыть"), просто вставляем следующую картинку, выбрав в левом верхнем углу "Вставить" (Paste), или "Вставить из" (или Ctrl + V), если изображение было скопировано в буфер обмена.

     

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

     Вставить картинку в картинку в Word

     Задача наложения изображений легко реализуется почти в каждом графическом редакторе, но, пожалуй, редко кто задумывается над тем, текстовом редакторе "Ворд", а это, оказывается можно (если нужно). Для этого следует выделить изображение-фон и в раскрывающемся списке "Обтекание текстом" на вкладке "Формат" выбрать способ "За текстом", который используется для добавления надписи на рисунок.

     Затем щелкаем рядом с картинкой слева от нее и пробелом (или клавишей Tab) "загоняем" курсор внутрь изображения. Теперь уже не трудно догадаться, Просто следуем знакомым маршрутом: "Вставка" > "Рисунок" > "Вставить" - и картинка в картинке тут как тут. Наложенный рисунок можно трансформировать и вертеть, взявшись за зеленый маркер, и перемещать внутри, играя на клавишах Tab, пробел и Enter, но это не совсем удобно. А вот если в секции "Упорядочить" открыть окно "Положение" и выбрать любой вариант "С можно будет таскать мышкой.

     Вставить рисунок в Photoshop

     После Word такая операция, как вставить рисунок в "Фотошопе", покажется детской забавой. Если редактор запущен (в смысле открыт), в меню "Файл" щелкаем "Открыть"/Open (Ctrl + O), выбираем картинку и повторяем "Открыть".

     

     Окно выбора файлов открывается и двойным щелчком по пустому полю рабочей области (когда не открыт ни один документ).

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

     Если документы открыты в двух и более окнах, картинки из одного в другое можно просто перетаскивать мышкой. Изображение откроется в "Фотошопе", если его (редактор) выбрать из списка программ по команде "Открыть с помощью" в контекстном меню файла, вызываемом правой кнопкой мыши.

     Скопированное в изображение (правая кнопка > "Копировать" или Ctrl + V) откроется в "Фотошопе", если в меню "Файл" щелкнуть "Создать" (OK), а затем перейти в "Редактирование" и кликнуть "Вставить".

     Если в редакторе Word такая безобидная задача, как в рисунок вставить рисунок, выливается в целую процедуру, то в "Фотошопе" это решается одной командой "Поместить" (Place), которая уже упоминалась выше.

     

     Можно загрузить изображение и повторной командой "Открыть", а затем перетащить картинку из окна в окно.

     Удобно загружать в программу изображения из дополнения Adobe Bridge, вызвав его командой "Обзор в Mini Bridge" меню "Файл", или "Расширения" в меню "Окно". Здесь можно быстро перебирать папки с рисунками и, выбрав, просто перетащить мышкой в окно "Фотошопа", или выбрать знакомую команду "Поместить" > "В Photoshop" через правую кнопку мыши.