Что такое google рисунки и их особенности
Google Рисунки
Обзор Google Рисунки
Google Рисунки – бесплатный мультиязычный сервис для создания инфографики, презентаций, схем, диаграмм и рисунков. Программа позволяет работать над изображениями совместно с другими пользователями, настраивая доступ по именам и адресам электронной почты или по ссылке. В настройках можно ограничить права, выбрав режим просмотра, комментирования или редактирования. Документы автоматически сохраняются на Google Диске. Результат можно опубликовать на сайте, прикрепить к сообщению электронной почты или вставить в документ.
Приложение будет полезно авторам статей, преподавателям, дизайнерам и представителям деловой сферы, которым требуется решение для построения схем и диаграмм связей. Веб-сервис может использоваться в качестве редактора графической информации, помогающей упростить восприятие текста.
Редактор рисунков имеет схожий интерфейс с сервисом Google Docs. С помощью встроенных инструментов можно добавлять в документ изображения, фигуры, таблицы, диаграммы и объекты Word Art. Программа позволяет форматировать текст, упорядочивать содержимое, масштабировать фигуры, использовать выноски и формулы. Вставка и перемещение элементов осуществляется по принципу Drag and Drop. В числе возможностей – просмотр истории версий, экспорт в форматы PNG, SVG, JPEG и PDF, а также вложение файлов и добавление комментариев к полям/формам.
Google Рисунки
Обзор Google Рисунки
Google Рисунки – бесплатный мультиязычный сервис для создания инфографики, презентаций, схем, диаграмм и рисунков. Программа позволяет работать над изображениями совместно с другими пользователями, настраивая доступ по именам и адресам электронной почты или по ссылке. В настройках можно ограничить права, выбрав режим просмотра, комментирования или редактирования. Документы автоматически сохраняются на Google Диске. Результат можно опубликовать на сайте, прикрепить к сообщению электронной почты или вставить в документ.
Приложение будет полезно авторам статей, преподавателям, дизайнерам и представителям деловой сферы, которым требуется решение для построения схем и диаграмм связей. Веб-сервис может использоваться в качестве редактора графической информации, помогающей упростить восприятие текста.
Редактор рисунков имеет схожий интерфейс с сервисом Google Docs. С помощью встроенных инструментов можно добавлять в документ изображения, фигуры, таблицы, диаграммы и объекты Word Art. Программа позволяет форматировать текст, упорядочивать содержимое, масштабировать фигуры, использовать выноски и формулы. Вставка и перемещение элементов осуществляется по принципу Drag and Drop. В числе возможностей – просмотр истории версий, экспорт в форматы PNG, SVG, JPEG и PDF, а также вложение файлов и добавление комментариев к полям/формам.
Что такое Google Drawings и 10 креативных способов, которыми вы можете воспользоваться?
В этой статье вы узнаете, как получить доступ к Google Drawings и использовать его. Мы также рассмотрим несколько полезных приложений для онлайн-приложения Google для рисования.
Если вы никогда не слышали о Google Drawings раньше или даже кратко использовали его, вы можете быть удивлены, насколько универсальным и полезным является это веб-приложение. Но что такое Google Drawings, и почему вы должны использовать его чаще?
В этой статье вы узнаете, как получить доступ к Google Drawings и использовать его. Мы также рассмотрим несколько очень полезных приложений для казалось бы простого онлайн-приложения для рисования от Google.
Что такое Google Drawings?
Есть два быстрых способа доступа к Google Drawings. Во-первых, просто посетить URL Google Docs для него,
Или вы можете посетите Google Docs, перейдите в папку, в которой вы хотите создать рисунок, и выберите новый Кнопка на левой панели навигации.
Вы увидите открытое меню. Выбрать Больше в нижней части этого меню и выберите Google Drawings из подменю.
Когда вы впервые открываете новый чертеж с помощью Google Drawings, веб-приложение выглядит довольно простым и ограниченным.
Не позволяй этому обмануть тебя. Google Drawings полон полезных функций, которые позволят вам улучшить профессиональные презентации, разработать диаграммы, чтобы что-то объяснить людям, и даже создать классную графику для вашего собственного сайта или инфографики.
1. Создание диаграмм и пользовательских графиков
Если вы блоггер, учитель или даже часто пользуетесь диаграммами в своей профессиональной деятельности, Google Drawings спасает вас.
Google Drawings предоставляет вам полную палитру инструментов для создания диаграмм. К ним относятся стрелки, линии, текстовые поля, различные формы и библиотека изображений без роялти.
Это верно, Google Drawings включает в себя целую библиотеку изображений, которые вы можете использовать внутри ваши собственные диаграммы и изображения. Вы можете получить к ним доступ, выбрав Вставить меню, выбрав Образ, а затем выбирая Искать в Интернете,
Введите имя изображения, которое вы ищете, а затем просто перетащите изображение из веб-библиотеки в свой собственный чертеж или схему. Вы можете вставить несколько веб-изображений, чтобы создать собственное изображение или диаграмму.
Когда вы закончите создавать свой шедевр, вы можете скачать новое изображение в любом формате, который вам больше подходит. Для этого выберите файл меню, выберите Скачать, а затем выберите формат, который вы предпочитаете.
Для блога или веб-сайта вы можете предпочесть JPEG или PNG. Если вы отправляете его коллеге по работе в качестве информативной диаграммы, вы можете загрузить его в формате PDF или SVG.
2. Принять решение блок-схемы
Схемы принятия решений используются в различных отраслях, включая программирование, науку, инженерию и даже в бизнесе и финансах. Организации используют блок-схемы для принятия важных бизнес-решений, которые влияют на целые компании.
Важно создавать потоковые диаграммы, которые можно легко модифицировать и обновлять, и Google Drawings отвечает всем требованиям.
Вы найдете все стандартные формы принятия решений, выбрав значок формы в верхней части окна чертежа. Выберите Shapes, и вы увидите формы, специфичные для блок-схемы, в нижней части окна.
Если вы наведите курсор мыши на любую из фигур, вы увидите небольшое всплывающее окно, сообщающее вам, для какой части дерева решений эта форма предназначена. Это полезно, если вы новичок в создании потоковых диаграмм.
Создание простой блок-схемы, такой как блок-схема программирования, на удивление быстро и просто.
У вас также есть список стандартных диаграмм, которые вы можете вставить прямо в свой чертеж.
Просто выберите Вставить меню и выберите схема, Это выведет список типов диаграмм на выбор. Выберите тип и просмотрите подсписок с различными диаграммами на выбор.
Есть также множество шаблонов Google Drawings, доступных для множества других применений, если вы не хотите начинать с нуля.
3. Создание интерактивной графики со ссылками
Еще один очень креативный способ использовать Google Drawings — вставлять ссылки в изображения. Это также называется добавлением «горячих точек» к изображениям. Google Drawings делает это очень просто.
Например, если вы учитель и хотите создать изображение, на котором учащиеся могут нажимать на каждое состояние и посещать страницу Википедии об этом состоянии, процесс очень прост.
Используя процедуру, описанную в последнем разделе, чтобы вставить изображения из Интернета, вы можете перенести карту Соединенных Штатов в Google Drawings.
Используйте значок фигур в меню, чтобы нарисовать любую фигуру вокруг области изображения, которую вы хотите превратить в URL-ссылку. Затем, выбрав эту форму, выберите цвет формы и цвет текста и установите их оба прозрачный,
Когда форма еще выбрана, выберите значок ссылки в меню и вставьте URL-адрес, который вы хотите использовать для этой ссылки в своем изображении.
Выбрать Подать заявление, и теперь область изображения, покрытая вашей невидимой формой, станет кликабельной. Вы можете повторить этот процесс для каждой области изображения, которую вы хотите создать в интерактивном URL-адресе «горячая точка».
4. Сделайте смешные мемы на Facebook
Вы видели все эти забавные изображения с надписями в социальных сетях? Хотите создать его самостоятельно? Это быстро и легко с Google Drawings, особенно с возможностью ввода изображений из Интернета.
Выполните процедуру, описанную в первом разделе этой статьи, чтобы перенести любое подходящее изображение из Интернета на холст Google Drawings.
Затем поместите изображение вызова на картинку. Выберите значок формы из меню, выберите Уточненияи выберите любой из полей выноски, которые вы хотите использовать в своем меме.
Корректируйте границу, цвет заливки и текст внутри поля выноски, пока не сделаете все правильно.
Теперь вы можете скачать это изображение в формате PNG или JPG и поделиться им в Twitter или Facebook, чтобы все ваши друзья и родственники улыбались.
5. Создайте организаторов и планировщиков для своей жизни
Google Drawings — это идеальный инструмент для организации идей и планирования стратегий. Это лучший инструмент по всем этим причинам:
Используя те же формы, линии, стрелки и другие изображения, которые доступны в Google Drawings, вы можете создавать все виды документов, которые помогут вам организовать. Например, следующий шаблон временной шкалы Google Drawings из Ditch That Notebook позволяет размещать и организовывать события по дате на визуальной временной шкале.
Вы можете найти список 15 других бесплатных шаблонов организатора Google Drawing на Ditch That Учебник на сайте,
Следующие шаблоны — это другие шаблоны организатора Google Drawing, которые помогут вам начать работу:
6. Сделать плакаты и листовки
Google Drawings — это один из лучших бесплатных онлайн-ресурсов для создания высококачественных, профессионально выглядящих плакатов и листовок. Если вы не верите этому, просто посмотрите на этот плакат с надписью «Разыскивается», созданный людьми на Инструкция Tech Talk,
Причина, по которой это так эффективно для этой цели, заключается в том, что все функции Google Drawings можно использовать для этой цели. Это включает:
И, конечно же, возможность экспорта плаката или флаера в файл PDF или SVG означает, что вы не ограничены возможностями печати вашего принтера. Просто отнесите файл в местный офис Staples или Office Depot и распечатайте там свой плакат или листовку.
7. Вставьте видео в ваши фотографии
Вот отличный прием, который вы можете использовать для встраивания видео в ваши рисунки Google Drawing, даже если в Google Drawings нет функции, позволяющей это сделать.
Сначала создайте новую презентацию Google Slides и создайте пустое слайд-шоу. Выберите Вставить меню и выберите видео,
Вставьте ссылку на URL-адрес YouTube видео, которое вы хотите вставить, и выберите видео из списка. Вы увидите видео на слайде. Щелкните правой кнопкой мыши видео и выберите копия,
Вернитесь к своей картинке Google Drawings, щелкните правой кнопкой мыши на холсте и выберите Вставить,
Как видите, теперь видео встроено в ваше изображение. Этот трюк позволяет размещать реальные видео внутри любого более крупного чертежа, который вы создаете. Наряду со ссылками и диаграммами, возможность вставлять видео дает вам еще один инструмент для создания очень полезной и интерактивной графики с помощью Google Drawings.
8. Создавайте потрясающую инфографику
Благодаря возможности расширять холст для рисования до любой формы, которую вы предпочитаете, Google Drawings отлично подходит для создания инфографики.
Типичная инфографика состоит из заголовков, текста, полей и изображений разного размера. Это означает, что у вас есть все, что вам нужно в Google Drawings для их создания.
Вы можете увидеть отличный пример этого с Инфографика в Google Classroom шаблон. (Чтобы использовать этот шаблон, просто выберите файл > Сделать копию.)
Вы можете создать такую же инфографику, просто используя инструменты, доступные вам в Google Drawings.
9. Сотрудничайте с Post-It Notes
Использование изображений заметок для организации мыслей и совместной работы с коллегами имеет большой смысл в Google Drawings. Это потому, что для этой цели есть специальная форма.
Чтобы добавить заметки к рисунку, выберите Вставить меню, выберите формаи выберите Формы, Появится список, в котором вы увидите сложенную угловую форму заметки. Выберите это, чтобы поместить это в ваше изображение.
Вы можете изменить цвет каждой фигуры, чтобы имитировать различные цветные заметки. Просто скопируйте и вставьте столько заметок, сколько вам нужно.
Чтобы добавить текст к любому из них, просто нажмите на форму и начните печатать.
10. Аннотировать изображения
Google Drawings также является отличным местом для создания диаграмм другого рода. Аннотированное изображение. Здесь вы рисуете линии и добавляете текст, чтобы объяснить концепцию тем, кто просматривает изображение. Сделать это в Google Drawings очень легко.
Это благодаря доступным текстовым полям и инструментам рисования линий. Также помогает то, что есть большая библиотека изображений из веб-источников, из которых можно рисовать.
Вы можете использовать Google Drawings для всего
Как видите, Google Drawings предназначен не только для создания простых рисунков. Это служит многим целям. В зависимости от того, насколько вы креативны, вы можете найти множество вариантов использования Google Drawings как на работе, так и дома.
Google Рисунки
Инструмент для создания изображений, диаграмм и графиков.
Похожие на Google Рисунки
Описание Google Рисунки
Google Рисунки (Google Drawings в зарубежном варианте) — сервис для создания изображений, диаграмм для презентаций, сайтов и документов. Google Рисунки часть сервиса Google Документы.
Сервис подойдёт для создания интеллектуальных карт, презентаций, создания изображений для журналистских текстов, макетов сайта, блок-схем и другого. С помощью инструментов для совместной работы можно вместе с другими пользователями в режиме реального времени редактировать макет, оставлять комментарии к элементам и отправлять уведомления через электронную почту пользователям с доступ к документу.
Интерфейс Google Рисунков схож с интерфейсом других офисных редакторов компании. Панель инструментов содержит следующие элементы: линии, фигуры, текстовое поле и вставка. Инструмент «Линии» позволяет выбрать один из доступных видов линий (стрелка, кривая, ломанная линия) и создать необходимый элемент. С помощью «Фигур» на макете можно разместить разные виды стрелок, геометрических фигур, форм для сносок и математических символов. Используя «Текстовое поле» осуществляется вставка текста на макет и его форматирование (цвет, фон текста, шрифт, размер, и т. д.). Инструмент «Вставка» добавляет на макет изображение, которое можно загрузить с компьютера, из Google Диска, из поиска в Интернете или сделать его самостоятельно с помощью камеры. Также можно размешать диаграммы, графики и создавать таблицы. Редактировать содержимое графиков необходимо в Google Таблицах. Размещённые на макете элементы редактируются через окно параметров форматирование. С помощью окна форматирования можно изменять размер, положение, угол поворота, тени и контуры, и другое.
Особенности Google Рисунки:
Осваиваем «Google Рисунки» – простой инструмент для создания изображений
Бесплатный и с привычным интерфейсом.
Не нужно быть дизайнером или тратить много времени, чтобы научиться создавать визуализации в «Google Рисунках».
Преимущества «Google Рисунков»
Красиво и современно
Начало работы в «Google Рисунках»
Для начала работы нам нужна учетная запись в Google – почта Gmail.
Открываем сервис Google Диск. Далее Создать – Контекстное меню – Еще – «Google Рисунки».
Начало работы в «Google Рисунках»
Появляется новый файл. По умолчанию он называется Новый рисунок. Меняем имя.
Посмотрим, какие зоны и области есть в «Google Рисунках».
Первая зона (красный прямоугольник) содержит название документа, панель управления документом и ссылку на историю изменений. Все изменения сохраняются автоматически.
Вторая зона (синий прямоугольник) – панель управления объектом. Третья зона (зеленый прямоугольник) – настройка доступа.
Рассмотрим каждую зону подробнее.
Панель управления документом состоит из разделов:
Файл. Помимо стандартного набора функций: Открыть, Создать копию, Переименовать, Удалить, Создать ярлык, Информация о файле, Язык, Печать – есть несколько дополнительных.
Возможные форматы документа
Работу можно отправить по электронной почте.
Скачать документ возможно в следующих форматах:
Документ ODP – одно из расширений файла Open Document Format. Это ZIP-сжатые файлы на основе XML для электронных таблиц, графиков, презентаций и текстовых документов.
Документ PDF.
Изображения JPEG и PNG.
Формат SVG – векторная графика. Используйте этот формат, если планируете потом распечатать визуализацию в больших масштабах.
Настройки страницы. Для работы с «Google Рисунками» нам нужно увеличить размеры поля. В настройках страницы нам предлагают готовые размеры и вариант Другой для внесения своих параметров.
Задаем размеры рабочего поля
Правка содержит стандартные команды: Отменить и повторить действие, Вырезать, Копировать, Вставить, Выбрать все.
Вид. Можно изменить масштаб. Но удобнее пользоваться значком лупы на панели управления объектами.
С помощью лупы изменяем масштаб
Отдельные направляющие помогут нам в дальнейшей работе. На них мы будем опираться для выравнивания объектов относительно друг друга и рабочего холста.
Привязка может быть к сетке или направляющим. Используем привязку к направляющим, когда хотим, чтобы объекты автоматически выравнивались относительно друг друга.
При работе с большим проектом привязка к направляющим будет неудобна
Вставка позволяет нам вставлять разные объекты и оставлять комментарии. Мы будем пользоваться вставкой изображений, текста, фигур и линий.
Вкладки «Формат» и «Объект» будут дублироваться либо на панели управления объектами, либо в контекстном меню, где этими функциями удобнее пользоваться.
Вкладки «Инструменты» и «Справка» содержат стандартные элементы и нам не пригодятся.
Панель управления объектами. Количество инструментов на панели будет зависеть от выбранного объекта. В самом начале мы можем добавить текст, линию, фигуру и изображение. Также есть значок лупы для изменения масштаба и стрелка для переключения на выбор объекта.
Открытие доступа. Есть три роли доступа к документу: редактор, комментатор и читатель. Доступ можно дать через ссылку либо персонально по почте.
Три варианта взаимодействия с документом
При нажатии на шестеренку в правом верхнем углу окна доступа открывается инструмент для защиты работы. Снимаем галочки, и другие пользователи, работающие с документом, не смогут его скачать, распечатать, скопировать или изменить параметры доступа.
Настраиваем параметры доступа
И наконец главная часть нашего документа – рабочая область или холст.
Изначально холст прозрачный, у него нет заливки. Это важно учитывать, если вы захотите скачать и сохранить свой прототип и наложить его на другой фон или изображение.
По умолчанию работать с документом удобно на белом фоне. Для этого нажимаем правой кнопкой мыши на свободную область. Появляется контекстное меню. Выбираем изменить фон на белый цвет.
Фон можно оставить прозрачным
Полное руководство по Google Docs: все, о чем вы не знали, но боялись спросить
Основные объекты и слои в «Google Рисунках»
Основные объекты, с которыми мы будем работать, – линии, фигуры и текст.
Виды линий: линия, стрелка, угловой соединитель, изогнутый соединитель, кривая, ломаная линия, рисованная.
Вкладка «Фигуры», помимо основных фигур, содержит также стрелки, выноски и знаки формул.
Попробуем нарисовать прямоугольник.
Большой выбор фигур
Выбираем фигуру прямоугольник и, удерживая левую кнопку мыши, рисуем его. Видим, что на панели управления появилось много новых, но стандартных элементов, которые позволяют нам работать с объектом.
Панель управления объектом
По умолчанию все фигуры имеют заливку голубым цветом. Ее можно изменить.
Меняем цвет фигуры
Теперь нарисуем квадрат. Такой фигуры нет во вкладке, мы используем прямоугольник. Чтобы получился квадрат с абсолютно ровными сторонами, удерживаем кнопку Shift и рисуем фигуру. В этом случае, если мы будем растягивать или уменьшать квадрат, то его стороны будут оставаться одинаковыми. То же самое мы делаем с кругом, чтобы он получился ровным.
Сделаем копию нашего квадрата – зажимаем кнопку Ctrl, нажимаем на квадрат и начинаем его тянуть. Тянем в нужное место. Отпускаем вначале левую клавишу мыши и потом Ctrl. Появилась копия фигуры.
Один из двух способов сделать копию фигуры: перенести ее с зажатой клавишей Ctrl
Второй способ сделать копию – выделяем квадрат, нажимаем Ctrl+С, потом Ctrl+V.
Дубликат фигуры смещается на два шага вправо и два шага вниз
Перемещать объекты можно с помощью стрелок на клавиатуре. Чтобы уменьшить шаг перемещения, нужно перемещать объекты с зажатой клавишей Shift.
Каждая новая фигура появляется на новом невидимом слое. Если мы наложим три фигуры друг на друга, последняя созданная фигура будет лежать на самом верху.
Каждая фигура на своем слое
Мы можем менять положение фигур относительно друг друга. Используем перемещение по слоям. Нажимаем на фигуру правой кнопкой мыши, далее выбираем переместить либо на задний план (тогда фигура переместится на один слой назад), либо полностью назад – на первой слой.
Перемещаем фигуры по слоям
Если мы хотим точечно выделить несколько фигур, зажимаем клавишу Ctrl и нажимаем на нужные элементы. Для снятия выделения также удерживаем клавишу Ctrl и нажимаем на ту фигуру, выделение с которой мы хотим снять. Чтобы выделить много элементов одновременно, используем стрелку в панели управления объектом и выделяем сразу все нужные фигуры.
Перемещать фигуры по слоям можно с помощью зажатой кнопки Ctrl и стрелок вверх-вниз.
Группировка пригодится нам при создании и изменении блоков из нескольких элементов. Это значительно облегчит нам перемещение объектов по холсту. Мы объединяем элементы в один общий объект.
Для группировки выделяем нужные элементы, нажимаем правую кнопку мыши и выбираем «Сгруппировать». Отменить группировку можно также через контекстное меню.
Может случиться так, что в работе закончится место на холсте и нам нужно будет увеличить его длину. Сделать это можно через Настройки страницы. Но при изменении размера холста фигуры на нем растянутся.
Фигуры растягиваются вместе с холстом
Чтобы увеличить рабочую область, не растянув за объекты на холсте, выделяем все фигуры, которые у нас есть, с помощью кнопок Ctrl+А. Далее вырезаем их Ctrl+Х. Меняем размер холста и возвращаем фигуры обратно Ctrl+V.
Когда мы увеличиваем размер холста, вырезаем все и потом вставляем, то комментарии к работе не сохраняются. В этом случае комментарии лучше делать в формате стикеров, тогда они сохранятся вместе с содержимым.
Сетка 960, или как разместить блоки ровно
Если у вас небольшая по размеру визуализация, то для ровного размещения элементов можно использовать направляющие. Для масштабной работы используют подложку или сетку 960. Скачать сетку можно на специальном сайте. По большей части сетку 960 используют при создании прототипов. Для создания таблиц, интеллект-карт, рисунков она не нужна. Ширина сетки – 960 пикселей (отсюда и название).
Сетка 960 на холсте
При размещении блоков и фигур по сетке их начало должно совпадать с началом широкой линии, а окончание соответствовать окончанию другой розовой линии.
Правильное и неправильное расположение объектов относительно сетки
Если мы добавим сетку на страницу после создания некоторых объектов, то она будет сверху этих элементов. Это легко исправить, отправив ее на самый первый слой с помощью функции перемещения.
Работая с блоками, мы можем неровно разместить их относительно друг друга. В таких случаях используем выравнивание.
Выделяем элементы, которые мы хотим выровнять, точечным выделением, правой кнопкой мыши открываем меню и выбираем выровнять по вертикали и по верхнему (или по нижнему) краю, если нам нужно выровнять их по высоте.
Если нам нужно более точечное выравнивание, используем зажатую клавишу Shift. Шаг перемещения объекта становится меньше, что позволяет очень точно выровнять элементы.
Теперь фигуры равноудалены друг от друга и выровнены по высоте
Создаем прототип в «Google Рисунках»
Осваивать «Google Рисунки» мы будем на примере создания прототипа сайта.
Работа начинается с базовых элементов: текст, линия и заглушка под изображение.
Выбираем в панели инструментов значок Текстовое поле. Нажимаем левой кнопкой мыши на место, где мы хотим разместить текст. Появляется поле для ввода текста.
Пустое текстовое поле легко потерять
Если вы не введете текст и переключитесь на другой объект, то поле для ввода текста не исчезнет. Его не будет видно, но оно останется на том месте, где вы его разместили. Это следует помнить, чтобы не создавать много лишних текстовых полей, которые впоследствии будут мешать другим объектам.
Для перемещения текстового блока достаточно выделить его рамку.
При работе с текстом,когда мы копируем те или иные элементы из других текстовых редакторов, они тянут за собой все стили и отступы. Если отступы стали большими и не нравятся стили, выделяем текст, используем инструмент «Очистка стилей» – он обозначается как перечеркнутая буква Т.
Очищаем ненужные стили
Линии. Начальная ширина линии задается с помощью перетягивания. Мы зажимаем левую кнопку мыши в месте начала нашей линии и тянем ее в место, где линия закончится.
Прямая линия получается с зажатой клавишей Shift
У линии появляются свои инструменты в панели управления. Мы можем задать толщину и стиль линии, начало и конец в виде стрелок.
Заглушкой мы будем обозначать все изображения в работе. Для создания заглушки используем прямоугольник.
Чтобы отличить прямоугольник заглушки от прямоугольников-фигур, используем диагональные линии. Берем линии и рисуем их крест-накрест. Если получилось неровно, увеличиваем масштаб и поправляем линии.
Поскольку нам придется перемещать заглушки, удобно будет сделать группировку элементов. Теперь при перемещении заглушки прямоугольник будет перемещаться вместе с линиями.
Любую фигуру можно подписать. Два раза нажимаем на прямоугольник, появляется мигающий курсор, куда мы вводим текст.
Любую фигуру можно подписать
Как создать крутой сайт-портфолио на Google Sites за 1 час
Составные объекты и блоки
Из базовых элементов мы собираем более сложные объекты и составные блоки, из которых состоит прототип. Например, блок шапки, блок первого экрана и т. д.
В блоке шапки мы используем логотип, контактные данные, кнопки, навигацию. Кнопка – это фигура прямоугольник с закругленными углами и текст.
Элементы стараемся располагать ровно по направляющим розовым линиям.
Для размещения объектов на равном расстоянии друг от друга и от начала и конца экрана возьмем две направляющие из линейки и разместим их в начале второй полосы и в конце предпоследней.
Первый экран с выгодами
Где взять направляющие: наводим мышку на одну из линеек, зажимаем кнопку и тянем направляющую на рабочую область. Чтобы убрать направляющую, захватываем ее кнопкой мыши и тянем обратно на линейку. Можно создать большое количество направляющих.
Направляющих может быть неограниченное количество
Для ровного размещения объектов используем направляющие
Теперь выровняем квадраты по вертикали, чтобы один не был выше другого. Для этого выделяем все объекты, правой кнопкой мыши вызываем контекстное меню, выбираем выровнять по вертикали по верхнему краю.
Выровнять можно по вертикали и горизонтали
Теперь нам нужно выровнять эти элементы, чтобы они оказались на одинаковом расстоянии друг от друга. Зажимаем Ctrl и выбираем все квадраты, нажимаем правой кнопкой мыши, выбираем распределить по горизонтали.
Распределение объектов равномерно друг к другу
Между объектами теперь одинаковое расстояние. Это удобно использовать, когда элементов много и их сложно распределить по сетке.
Нечетное количество объектов тоже можно распределять на сетке
В «Google Рисунках» можно рисовать полноценные объекты. Например, игрушку-паровозик.
Любую фигуру можно повернуть. Для этого у фигуры, когда она выделена, есть маркер поворота.
Когда мы нажмем на него, фигура будет вращаться.
Вращать фигуру можно под любым углом
При нажатой клавиши Shift шаг поворота будет более крупным.
Также у выделенной фигуры есть желтый маркер – маркер изменения угла. Нажимая на него, мы можем делать прямоугольник закругленным, а у треугольника менять расположение вершин.
Меняем расположение вершин у треугольника
Маркер изменения угла
Для обозначения тех или иных элементов удобнее всего делать выноски.
Опять проверяем выравнивание с помощью направляющих
Выноска с увеличением
Для связи объектов между собой используем инструмент изогнутый соединитель. Когда мы наводим курсор на фигуру, вокруг нее подсвечиваются маркеры. Это маркеры привязки – они позволяют ровно соединить объекты. У соединителей можно выбрать начало и окончание линий.
Получилась последовательность из этапов
В «Google Рисунках» есть готовые стрелки, но из треугольника можно сделать свою стрелку, повернув его на 90 градусов.
Стрелки выбираем готовые или создаем свои
Текст зачеркиваем, используя в панели управления документом вкладку Формат – Текст – Формат текста зачеркнутый.
Триггер контраста в блоке «Цена»
Одна из фигур Выноски – 16-конечная звезда.
В «Выносках» есть даже 32-конечная звезда
Тарифы или пакеты создаются с помощью базовых элементов.
Используем группировку, если придется перемещать готовые блоки
Эффект слайдера и навигация.
Обратите внимание: вы можете размещать какие-то элементы за пределами холста, как на рисунке ниже. Но при скачивании документа все, что находится за пределами холста, не будет сохранено.
Элементы за пределами холста (справа) не будут сохраняться при скачивании
Список можно пронумеровать готовыми маркерами, а можно создать свои буллиты.
Буллиты создаем с помощью треугольника
Создаем таблицу с помощью обычных прямоугольников.
Рисуем таблицу с помощью прямоугольников
Второй способ создать таблицу через инструмент Вставка – Таблица. Сразу можно задать размер таблицы.
Выбираем размер таблицы
Нажимаем Вставить. Таблица вставляется по центру рабочего пространства.
Таблица появляется в центре холста
Переносим ее, зажимая левую кнопку мыши. Чтобы создать внизу ячейки, мы устанавливаем курсор в правую строку и нажимаем Tab. Ниже появляется строка с нужным количеством ячеек.
Используем Tab для быстрого добавления строк
Делаем более четкие границы таблицы, выбрав в меню Толщина границ. Пишем название. Для этого объединим пару ячеек – зажимаем левую кнопку мыши в первой ячейке и тянем вправо на вторую. Две ячейки станут выделенными. Далее нажимаем правой кнопкой мыши, в контекстном меню выбираем пункт «Объединить ячейки».
Добавляем изображения в «Google Рисунки»
Добавить изображение в документ можно через инструмент Вставка или просто скопировать его в буфер обмена. Далее возвращаемся в «Google Рисунки», нажимаем по пустому пространству один раз левой кнопкой мыши и нажимаем Ctrl+V, чтобы вставить изображение из буфера обмена. Такое изображение вставляется по центру холста, и картинка масштабируется под размеры рабочей области, если изображение большое.
Если же изображение меньше, чем размер холста, то картинка вставляется в полный свой размер. Справа появляются дополнительные инструменты работы с изображениями – параметры форматирования.
Параметры форматирования изображения
Размер и поворот – тут все понятно. Можно изменить размер на желаемый и повернуть изображение.
Изменение цвета изображения.
Коррекция – яркость, прозрачность, контрастность.
Также можно добавить тень и отражение изображению.
Помимо этого, мы можем заменить изображение, скинуть все изменения до исходных, обрезать картинку и выставить толщину и вид границ.
Из изображения можно сделать блок наглядной демонстрации. Добавляем несколько видов выносок – с полочкой и черной точкой или с полочкой и маркером.
Работа с реальным изображением
Еще один вариант, как использовать изображения, – фоновая заглушка и сверху текст заголовка. Но если на заглушке на белом фоне подзаголовок смотрится хорошо, то на изображении его не видно.
Текст не видно при такой яркости фотографии
Тут нам помогает параметр форматирования картинки – яркость. Уводим яркость на минус 70 или минус 60 и выбираем белый цвет шрифта.
Уводим яркость в минус
Чтобы выделить картинку, делаем ей окантовку.
Варианты толщины линий
Создание инфографики
Инфографика используется, когда нужно легко объяснять сложные процессы, наглядно представить данные.
В «Google Рисунках» вы можете использовать свои картинки или изображения из интернета, масштабировать инфографику, скачать и распечатать ее без потери качества.
В своей работе я использовала иконки с этого сайта.
Разобраться в сервисе не составляет труда
Помимо рассмотренного нами функционала, в «Google Рисунках» также можно создавать диаграммы, интерактивную графику, мемы, плакаты, листовки, баннеры и еще много других визуальных решений.