Руководство по работе с рисунками

  • На главную
  • Категории
  • Программы
  • Microsoft Word
  • Работа с картинками в Word

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

2020-09-24 19:39:47167

Работа с картинками в Word

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

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

Некоторые графические элементы – таблицы, диаграммы, фигуры, надписи – легко создать непосредственно в Word или импортировать из других программ.

В документ можно вставить изображение любого формата, включая bmp, gif, jpeg, tiff, qtif, emf, wmf. Это легко и просто осуществить несколькими способами.

Способ 1

  1. Открыть папку, в которой расположен рисунок.
  2. Выделить его, кликнув левой кнопкой мышки.
  3. Нажать на клавиатуре комбинацию клавиш Ctrl+C.
  4. Перейти в документ. Установить курсор в той части страницы, куда будет добавлено изображение.
  5. Нажать сочетание клавиш Ctrl+V.

Способ 2

  1. Открыть рисунок в графическом редакторе (Microsoft Office, встроенное средство Windows или любом другом) и скопировать его. Либо найти нужное изображение в интернете, открыть его в новой вкладке. Клацнуть по нему правой кнопкой мышки и выбрать опцию «Копировать картинку».
  2. В документе установить курсор, щелкнуть правой кнопкой мышки и выбрать параметр вставки. Но проще всего использовать комбинацию Ctrl+V.

Способ 3

  1. Установить курсор в том месте, куда будет добавлено изображение.
  2. Перейти на вкладку «Вставка» и выбрать «Рисунок
  3. В открывшемся окне указать путь расположения графического объекта.
  4. Выделить его и нажать кнопку «Вставить» или дважды щелкнуть по нему левой кнопкой мышки.

Способ 4

Можно добавить изображение из коллекции Microsoft, которая очень обширна:

  1. Поставить курсор в нужном месте документа.
  2. Во вкладке «Вставка» выбрать инструмент «Картинка».
  3. Справа отобразится панель поиска. Отметить галочкой пункт «Включить контент сайта Office».
  4. В поисковую строку ввести название, нажать «Enter» или кнопку «Начать».
  5. Выбрать изображение и кликнуть по нему.

Таким же образом добавляется любая фигура, диаграмма, снимок, SmartArt.

Редактирование

После вставки картинки (но только если она выделена) на верхней панели появляется вкладка «Формат» – работа с рисунками.

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

Набор инструментов для работы с графикой во всех версиях Microsoft Word отличаются незначительно.

Как в Word повернуть картинку

Для поворота объекта следует выполнить следующие шаги:

  1. Выделить изображение, перейти во вкладку «Формат».
  2. В разделе «Упорядочить» найти опцию «Повернуть».
  3. Кликнуть по ней левой кнопкой мышки для вызова меню.
  4. Выбрать вариант поворота или отражения объекта.

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

Как в Word обрезать картинку

Делается это в несколько кликов:

  1. Выделить рисунок.
  2. В разделе «Размер» вкладки «Формат» найти опцию «Обрезка».
  3. Кликнуть по ней левой кнопкой мышки. Возле курсора появится инструмент обрезки.
  4. Навести его на любую из точек выделения, нажать левую кнопку и потянуть в нужную сторону.

Для более точной обрезки необходимо:

  1. Открыть параметры раздела «Размер», клацнув по значку со стрелкой в правом нижнем углу.
  2. В диалоговом окне перейти на вкладку «Рисунок».
  3. Указать значения для обрезки изображения со всех сторон.
  4. Нажать «Ок».

Как в Word наложить картинку на картинку

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

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

С помощью «Обтекания текстом»

  1. Вставить изображения по очереди удобным способом.
  2. Выделить то, которое будет фоном, клацнув по нему левой кнопкой.
  3. Во вкладке «Формат» выбрать инструмент «Обтекание…» — «За текстом».
  4. Повторить действия со вторым рисунком, только выбрать вариант «Перед текстом».
  5. Перетащить левой кнопкой второй объект на фон.

С помощью «Надписи»

  1. Во вкладке «Вставка» найти раздел «Текст».
  2. Выбрать инструмент «Надпись» — подойдет простая, или можно нарисовать ее.
  3. В месте, где установлен курсор, появится рамка с текстом, которая перемещается по странице левой кнопкой мышки.
  4. Выделить и удалить текст кнопкой «Del» или «Backspace».
  5. Вставить внутрь пустой рамки картинку, используя опцию «Вставка» — «Рисунок» или комбинацию клавиш Ctrl+C и Ctrl+V.
  6. Второе изображение можно наложить на фон.
  7. Для скрытия рамки и белых полей нужно выделить объект и перейти во вкладку «Формат». В контуре и заливке фигуры установить вариант «Нет».

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

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

С помощью «WordArt»

  1. После добавления рисунка в документ перейти во вкладку «Вставка», в разделе «Текст» выбрать инструмент «WordArt».
  2. В списке найти подходящий стиль и кликнуть по нему.
  3. На экране появится диалоговое окно. Нужно удалить пример, написать желаемую фразу, выбрать шрифт и размер, установить курсивное или жирное начертание.
  4. Нажать «Ок».
  5. Во вкладке «Формат» настраивается оформление надписи: заливка, контур, тени и т.д. Здесь также можно изменить текст.
  6. Задать для надписи формат обтекания – «Перед текстом».
  7. Передвинуть готовую надпись на рисунок.

С помощью «Фигуры»

  1. Во вкладке «Вставка» раскрыть список с фигурами.
  2. Найти вариант «Надпись» и клацнуть по нему.
  3. На экране вместо курсора появится знак в виде «+».
  4. Левой кнопкой мышки кликнуть по любому месту на рисунке и протянуть прямоугольник до нужного размера.
  5. Вписать текст, выбрать шрифт, размер, цвет, заливку.
  6. При желании оформить надпись, используя инструменты во вкладке «Формат».
  7. Для изменения белого фона прямоугольника и удаления границ в «Заливке фигуры» и «Контуре фигуры» установить вариант «Нет».
  8. Щелкнуть в любом месте документа для применения изменений.

Максим Орлов

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

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

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

1.    Перейдите на вкладку «Вставка»;

2.    Поместите курсор в месте будущего размещения рисунка;

3.    Щелкните кнопку «Рисунок» в группе «Иллюстрации»;

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

Вставка изображения с веб-страницы

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

1.    Откройте документ Word 2010, а затем веб-страницу с изображением;

2.    Щелкните правой кнопкой мыши на рисунке (на веб-странице) и в
контекстном меню выберите пункт «Копировать»;

3.    Щелкните правой кнопкой мыши в нужном месте страницы документа Word
2010 и выберите пункт «Вставить».

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

1.    Откройте изображение на веб-странице, а затем щелкните на нем правой
кнопкой мыши;

2.    В контекстном меню выберите пункт «Сохранить рисунок как».

Замена одного рисунка другим

Если изображение в документе надо заменить на
другое, при неизменных настройках размера и положения рисунка в документе,
сделайте следующее:

1.    Выделите в документе Word 2010 нужное изображение;

2.    Откройте вкладку «Формат» и в группе «Изменить» щелкните по кнопке
«Изменить рисунок»;

3.    В открывшемся окне «Вставка изображения» найдите нужное изображение и
щелкните «Вставить».



Обтекание текстом

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

1.    В окне открытого документа Word 2010 щелкните правой кнопкой мыши по
нужному изображению;

2.    В контекстном меню выберите пункт «Обтекание текстом», а затем выберите
расположение рисунка либо с обтеканием, либо «Перед текстом».

Более подробно об обтекании текстом будет
рассказано в следующих статьях.

Замещающие рамки рисунков

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

1.    Щелкните вкладку «Файл» — «Параметры», а затем «Дополнительно»;

2.    В группе «Показывать содержимое документа» поставьте флажок «Показывать
замещающие рамки рисунков» и щелкните «ОК».

 

  • Работа с рисунками в Ворде, есть ли такая возможность

  • Как работать с картинками в Ворде, меняем яркость

  • Работа с рисунками в Ворде, выбираем форму картинок

  • Как обрезать картинки в Ворде

  • Другие возможности с редактированием картинок

  • Заключение

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

Работа с рисунками в Ворде, есть ли такая возможность

работа с рисунками в ворде     Здравствуйте, друзья! Работа с рисунками в Ворде интересное и творческое занятие. С помощью Word можно поменять яркость, контрастность и дизайн картинки, можно добавить различные эффекты.

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

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

к оглавлению ↑

Как работать с картинками в Ворде, меняем яркость

Работать с картинками в Ворде, достаточно просто. Сначала ее добавим в текстовый редактор. Нажмите на раздел «Вставка», далее, «Рисунок» и выберите с компьютера изображение. О том, как добавлять картинки в Word, есть статья на блоге. Там показываются варианты добавлений картинок.

Когда картинка добавилась, изменим ее яркость (картинка должна быть выделена). Для этого нажмите на функцию «Яркость» в левом верхнем углу документа (Скрин 1).

работа с рисунками в ворде

Далее, выберите параметры яркости – например, +40%,+20%, другой вариант – -10% -20% и так далее. Если нужно увеличить яркость изображения, нажимаете по параметру яркости со значком +, если уменьшить со значком -.

По мере переключения параметров,  картинка в Ворде будет менять яркость.

Есть другие функции Ворда:

  • контрастность;
  • перекраска картинки.

Нажимаем, например, на функцию контрастности (Скрин 2).

изменение цветов картинки

Затем, выбираем параметры левой кнопкой мыши и смотрим, как меняется контрастность картинки.

Функция перекрасить, помогает поставить на картинку светлые или темные варианты цветов (Скрин 3).

как работать с картинками в ворде

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

к оглавлению ↑

Работа с рисунками в Ворде, выбираем форму картинок

В Ворде можно выбрать различные формы картинок. Кликните по функции – «Форма рисунка», когда вставите картинку (Скрин 4).

работа с рисунками в ворде

Откроется список форм на выбор:

  1. Прямоугольники.
  2. Основные фигуры.
  3. Фигурные стрелки.
  4. Фигуры для формул.
  5. Блок-схема.
  6. Звезды и ленты.
  7. Выноски.

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

к оглавлению ↑

Как обрезать картинки в Ворде

Обрезать картинку в Ворде можно за несколько секунд. Нажмите на функцию «Обрезка» (Скрин 5).

Как обрезать картинки в Ворде

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

к оглавлению ↑

Другие возможности с редактированием картинок

Работа с рисунками в Ворде применяется к другим инструментам Ворда (Скрин 6).

другие функции в Ворде

Они простые в использовании:

  • сброс параметров рисунка;
  • стили рисунка, достаточно их выбрать, чтобы установить на картинку;
  • положение рисунка позволяет вставить его с обтеканием в тексте;
  • функция «Повернуть» может поворачивать картинки на 90 градусов;
  • в разделе размер, выбираются параметры размеров изображения, например, 5 см или 17см.

Рассмотрим дополнительную возможность – стили рисунков. Открываете раздел «Формат», далее выбираете стили для картинки, путем нажатия на них левой кнопкой мыши. К примеру, нам нужно выбрать стиль – «Металлическая рамка». Находим ее в списке и жмем по ней. После чего, картинка преобразится.

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

Посмотрите мое видео, в котором рассказываю о работе с картинками в Word:

к оглавлению ↑

Заключение

Работа с рисунками в Ворде вполне возможна. Сегодня были рассмотрены инструменты по редактированию картинок в этом редакторе. Если вы зарабатываете через Интернет на текстах и в них нужно изменять картинки – с помощью предоставленных инструментов, легко их отредактируете.

Спасибо за внимание!

С уважением, Иван Кунпан.

Просмотров: 6030

Редактирование рисунков

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

Браузер не поддерживает видео. Установите Microsoft Silverlight, Adobe Flash Player или Internet Explorer 9.

65 секунд

Настройка яркости, контрастности и резкости

1. Выделите изображение.

2. Выберите формат рисунка и нажмите кнопку «Исправления».

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

Дополнительные сведения см. в статье Настройка яркости, контрастности и резкости рисунка

Применение творческих эффектов

1. Выделите изображение.

2. Выберите формат рисунка и выберите «Творческие эффекты».

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

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

Изменение цвета

1. Выделите изображение.

2. Выберите формат рисунка и выберите «Цвет».

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

Применение эффектов рисунка

1. Выделите изображение.

2. Выберите формат рисунка и нажмите кнопку «Эффекты рисунка».

3. Выберите нужный вариант: Тень, Отражение, Подсветка, Сглаживание, Рельеф или Поворот объемной фигуры

Дополнительные сведения см. в разделе «Добавление или изменение эффекта для рисунка».

Добавление границы

1. Выделите изображение.

2. Выберите формат рисунка >рамку рисунка, а затем выберите границу.

Дополнительные сведения см. в разделе «Добавление и удаление границ рисунков».

Удаление фона

Дополнительные сведения см. в разделе «Удаление фона рисунка».

Сжатие рисунка

1. Выделите изображение.

2. Выберите формат рисунка и нажмите кнопку «Сжать рисунки».

3. Выберите нужные параметры и нажмите кнопку «ОК».

Дополнительные сведения см. в статье Уменьшение размера файла рисунка.

Нужна дополнительная помощь?

Нужны дополнительные параметры?

Изучите преимущества подписки, просмотрите учебные курсы, узнайте, как защитить свое устройство и т. д.

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

Не нужно быть дизайнером или тратить много времени, чтобы научиться создавать визуализации в «Google Рисунках».

Преимущества «Google Рисунков»

  1. Простая, удобная и бесплатная система без ограничений. Для ее освоения не нужно проходить долгие курсы, она интуитивно понятна.
  2. Векторная система. Работу можно сохранять в разных форматах. Векторный формат позволяет увеличивать изображение без потери качества.
  3. Многофункциональная система. В ней можно делать различные визуализации. Например, инфографику, прототипы. И работать над проектом совместно с заказчиком или дизайнером, просто открыв им доступ.

Разработаем вам фирменный стиль

Быстро и красиво!

Подробнее

Разработаем вам фирменный стиль

Начало работы в «Google Рисунках»

Для начала работы нам нужна учетная запись в Google – почта Gmail.

Открываем сервис Google Диск. Далее Создать – Контекстное меню – Еще – «Google Рисунки».

Начало работы в «Google Рисунках»

Начало работы в «Google Рисунках»

Появляется новый файл. По умолчанию он называется Новый рисунок. Меняем имя.

Google Рисунки – рабочая область

Рабочая область

Посмотрим, какие зоны и области есть в «Google Рисунках».

Google Рисунки – основные инструменты

Основные инструменты

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

Вторая зона (синий прямоугольник) – панель управления объектом. Третья зона (зеленый прямоугольник) – настройка доступа.

Рассмотрим каждую зону подробнее.

Панель управления документом состоит из разделов:

Файл. Помимо стандартного набора функций: Открыть, Создать копию, Переименовать, Удалить, Создать ярлык, Информация о файле, Язык, Печать – есть несколько дополнительных.

Возможные форматы документа

Возможные форматы документа

Работу можно отправить по электронной почте.

Скачать документ возможно в следующих форматах:

Документ ODP – одно из расширений файла Open Document Format. Это ZIP-сжатые файлы на основе XML для электронных таблиц, графиков, презентаций и текстовых документов.

Документ PDF.

Изображения JPEG и PNG.

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

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

Задаем размеры рабочего поля

Задаем размеры рабочего поля

Правка содержит стандартные команды: Отменить и повторить действие, Вырезать, Копировать, Вставить, Выбрать все.

Google Рисунки – меню Правка

Меню «Правка»

Вид. Можно изменить масштаб. Но удобнее пользоваться значком лупы на панели управления объектами.

Google Рисунки – изменяем масштаб

С помощью лупы изменяем масштаб

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

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

Интерфейс Google Рисунков

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

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

Интерфейс Google Рисунков

Меню «Вставка»

Вкладки «Формат» и «Объект» будут дублироваться либо на панели управления объектами, либо в контекстном меню, где этими функциями удобнее пользоваться.

Интерфейс Google Рисунков

Меню «Формат»

Вкладки «Инструменты» и «Справка» содержат стандартные элементы и нам не пригодятся.

Интерфейс Google Рисунков

Меню «Инструменты»

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

Открытие доступа. Есть три роли доступа к документу: редактор, комментатор и читатель. Доступ можно дать через ссылку либо персонально по почте.

Google Рисунки – настройка доступа

Три варианта взаимодействия с документом

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

Google Рисунки – настройка доступа

Настраиваем параметры доступа

И наконец главная часть нашего документа – рабочая область или холст.

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

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

Фон можно оставить прозрачным

Фон можно оставить прозрачным

Полное руководство по Google Docs: все, о чем вы не знали, но боялись спросить

Полное руководство по Google Docs: все, о чем вы не знали, но боялись спросить

Основные объекты и слои в «Google Рисунках»

Основные объекты, с которыми мы будем работать, – линии, фигуры и текст.

Виды линий: линия, стрелка, угловой соединитель, изогнутый соединитель, кривая, ломаная линия, рисованная.

Google Рисунки – начало работы

Меню «Линии»

Вкладка «Фигуры», помимо основных фигур, содержит также стрелки, выноски и знаки формул.

Google Рисунки – начало работы

Меню «Фигуры»

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

Google Рисунки – начало работы

Большой выбор фигур

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

Google Рисунки – панель управления объектом

Панель управления объектом

По умолчанию все фигуры имеют заливку голубым цветом. Ее можно изменить.

Меняем цвет фигуры

Меняем цвет фигуры

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

Сделаем копию нашего квадрата – зажимаем кнопку Ctrl, нажимаем на квадрат и начинаем его тянуть. Тянем в нужное место. Отпускаем вначале левую клавишу мыши и потом Ctrl. Появилась копия фигуры.

Google Рисунки – копируем фигуру

Один из двух способов сделать копию фигуры: перенести ее с зажатой клавишей Ctrl

Второй способ сделать копию – выделяем квадрат, нажимаем Ctrl+С, потом Ctrl+V.

Google Рисунки – копируем фигуру

Дубликат фигуры смещается на два шага вправо и два шага вниз

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

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

Каждая фигура на своем слое

Каждая фигура на своем слое

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

Google Рисунки – работа со слоями

Перемещаем фигуры по слоям

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

Перемещать фигуры по слоям можно с помощью зажатой кнопки Ctrl и стрелок вверх-вниз.

Группировка пригодится нам при создании и изменении блоков из нескольких элементов. Это значительно облегчит нам перемещение объектов по холсту. Мы объединяем элементы в один общий объект.

Google Рисунки – группировка элементов

Группировка элементов

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

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

Фигуры растягиваются вместе с холстом

Фигуры растягиваются вместе с холстом

Чтобы увеличить рабочую область, не растянув за объекты на холсте, выделяем все фигуры, которые у нас есть, с помощью кнопок Ctrl+А. Далее вырезаем их Ctrl+Х. Меняем размер холста и возвращаем фигуры обратно Ctrl+V.

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

Сетка 960, или как разместить блоки ровно

Если у вас небольшая по размеру визуализация, то для ровного размещения элементов можно использовать направляющие. Для масштабной работы используют подложку или сетку 960. Скачать сетку можно на специальном сайте. По большей части сетку 960 используют при создании прототипов. Для создания таблиц, интеллект-карт, рисунков она не нужна. Ширина сетки – 960 пикселей (отсюда и название).

Сетка 960 на холсте

Сетка 960 на холсте

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

Выравнивание объектов по сетке 960

Правильное и неправильное расположение объектов относительно сетки

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

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

Выравниваем фигуры

Выравниваем фигуры

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

Если нам нужно более точечное выравнивание, используем зажатую клавишу Shift. Шаг перемещения объекта становится меньше, что позволяет очень точно выровнять элементы.

Выравнивание объектов по сетке 960

Теперь фигуры равноудалены друг от друга и выровнены по высоте

Создаем прототип в «Google Рисунках»

Осваивать «Google Рисунки» мы будем на примере создания прототипа сайта.

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

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

Google Рисунки – текстовое поле

Пустое текстовое поле легко потерять

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

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

При работе с текстом,когда мы копируем те или иные элементы из других текстовых редакторов, они тянут за собой все стили и отступы. Если отступы стали большими и не нравятся стили, выделяем текст, используем инструмент «Очистка стилей» – он обозначается как перечеркнутая буква Т.

Очищаем ненужные стили

Очищаем ненужные стили

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

Прямая линия получается с зажатой клавишей Shift

Прямая линия получается с зажатой клавишей Shift

У линии появляются свои инструменты в панели управления. Мы можем задать толщину и стиль линии, начало и конец в виде стрелок.

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

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

Исправляем неровности

Исправляем неровности

Поскольку нам придется перемещать заглушки, удобно будет сделать группировку элементов. Теперь при перемещении заглушки прямоугольник будет перемещаться вместе с линиями.

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

Любую фигуру можно подписать

Любую фигуру можно подписать

Как создать крутой сайт-портфолио на Google Sites за 1 час

Как создать крутой сайт-портфолио на Google Sites за 1 час

Составные объекты и блоки

Из базовых элементов мы собираем более сложные объекты и составные блоки, из которых состоит прототип. Например, блок шапки, блок первого экрана и т. д.

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

Создаем прототип сайта в Google Рисунках

Шапка прототипа

Элементы стараемся располагать ровно по направляющим розовым линиям.

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

Создаем прототип сайта в Google Рисунках

Первый экран с выгодами

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

Направляющих может быть неограниченное количество

Направляющих может быть неограниченное количество

Создаем прототип сайта в Google Рисунках

Для ровного размещения объектов используем направляющие

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

Создаем прототип сайта в Google Рисунках

Выровнять можно по вертикали и горизонтали

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

Google Рисунки – выравнивание объектов

Распределение объектов равномерно друг к другу

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

Google Рисунки – выравнивание объектов

Нечетное количество объектов тоже можно распределять на сетке

В «Google Рисунках» можно рисовать полноценные объекты. Например, игрушку-паровозик.

Google Рисунки – гайд для новичков

Паровоз готов

Любую фигуру можно повернуть. Для этого у фигуры, когда она выделена, есть маркер поворота.

Google Рисунки – гайд для новичков

Маркер поворота

Когда мы нажмем на него, фигура будет вращаться.

Google Рисунки – гайд для новичков

Вращать фигуру можно под любым углом

При нажатой клавиши Shift шаг поворота будет более крупным.

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

Google Рисунки – гайд для новичков

Меняем расположение вершин у треугольника

Google Рисунки – гайд для новичков

Маркер изменения угла

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

Google Рисунки – гайд для новичков

Опять проверяем выравнивание с помощью направляющих

Google Рисунки – гайд для новичков

Выноска с увеличением

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

Google Рисунки – гайд для новичков

Получилась последовательность из этапов

В «Google Рисунках» есть готовые стрелки, но из треугольника можно сделать свою стрелку, повернув его на 90 градусов.

Google Рисунки – гайд для новичков

Стрелки выбираем готовые или создаем свои

Текст зачеркиваем, используя в панели управления документом вкладку Формат – Текст – Формат текста зачеркнутый.

Создаем прототип сайта в Google Рисунках

Триггер контраста в блоке «Цена»

Одна из фигур Выноски – 16-конечная звезда.

Создаем прототип сайта в Google Рисунках

В «Выносках» есть даже 32-конечная звезда

Тарифы или пакеты создаются с помощью базовых элементов.

Создаем прототип сайта в Google Рисунках

Используем группировку, если придется перемещать готовые блоки

Эффект слайдера и навигация.

Создаем прототип сайта в Google Рисунках

Создаем навигацию

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

Создаем прототип сайта в Google Рисунках

Элементы за пределами холста (справа) не будут сохраняться при скачивании

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

Создаем прототип сайта в Google Рисунках

Буллиты создаем с помощью треугольника

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

Создаем прототип сайта в Google Рисунках

Рисуем таблицу с помощью прямоугольников

Второй способ создать таблицу через инструмент Вставка – Таблица. Сразу можно задать размер таблицы.

Google Рисунки – таблицы

Выбираем размер таблицы

Нажимаем Вставить. Таблица вставляется по центру рабочего пространства.

Google Рисунки – таблицы

Таблица появляется в центре холста

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

Google Рисунки – таблицы

Используем Tab для быстрого добавления строк

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

Google Рисунки – таблицы

Объединяем ячейки

Google Рисунки – таблицы

Готовая таблица

Добавляем изображения в «Google Рисунки»

Добавить изображение в документ можно через инструмент Вставка или просто скопировать его в буфер обмена. Далее возвращаемся в «Google Рисунки», нажимаем по пустому пространству один раз левой кнопкой мыши и нажимаем Ctrl+V, чтобы вставить изображение из буфера обмена. Такое изображение вставляется по центру холста, и картинка масштабируется под размеры рабочей области, если изображение большое.

Google Рисунки – работа с изображениями

Вставляем изображение

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

Google Рисунки – работа с изображениями

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

Размер и поворот – тут все понятно. Можно изменить размер на желаемый и повернуть изображение.

Изменение цвета изображения.

Коррекция – яркость, прозрачность, контрастность.

Также можно добавить тень и отражение изображению.

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

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

Google Рисунки – работа с изображениями

Работа с реальным изображением

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

Google Рисунки – работа с изображениями

Текст не видно при такой яркости фотографии

Тут нам помогает параметр форматирования картинки – яркость. Уводим яркость на минус 70 или минус 60 и выбираем белый цвет шрифта.

Google Рисунки – работа с изображениями

Уводим яркость в минус

Чтобы выделить картинку, делаем ей окантовку.

Google Рисунки – работа с изображениями

Варианты толщины линий

Создание инфографики

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

В «Google Рисунках» вы можете использовать свои картинки или изображения из интернета, масштабировать инфографику, скачать и распечатать ее без потери качества.

В своей работе я использовала иконки с этого сайта.

Google Рисунки – руководство для новичков

Разобраться в сервисе не составляет труда

Помимо рассмотренного нами функционала, в «Google Рисунках» также можно создавать диаграммы, интерактивную графику, мемы, плакаты, листовки, баннеры и еще много других визуальных решений.

Понравилась статья? Поделить с друзьями:
  • Верткин руководство по скорой медицинской помощи 2021
  • Мустела крем для атопической кожи инструкция по применению
  • Телефон inoi 244z инструкция по применению на русском языке
  • Как почистить кофемашину delonghi magnifica от накипи видео инструкция
  • Мануал по ремонту doosan