Лабораторная работа №2 «Создание инфографики средствами онлайн конструкторов»
Лабораторная работа №1 «Создание инфографики с помощью приложения MS Power Point »
Microsoft PowerPoint – программа подготовки презентаций и просмотра презентаций, являющаяся частью Microsoft Office и доступная в редакциях для операционных систем Microsoft Windows и macOS. Материалы, подготовленные с помощью PowerPoint предназначены для отображения на большом экране – через проектор, либо телевизионный экран большого размера.
Создадим инфографику, посвященную хронологии Великой отечественной войны.
Для создания инфографики нам понадобятся следующие данные:
22 июня 1941 года – Фашистская Германия без объявления войны напала на Советский Союз
22 июня – 23 июля 1941 года – Героическая оборона Брестской крепости
8 сентября 1941 года – Начало блокады Ленинграда
30 сентября 1941 – 20 апреля 1942 года – Битва под Москвой
30 октября 1941 – 4 июля 1942 года – Героическая оборона Севастополя
7 ноября 1941 года – Парад советских войск на Красной площади в Москве
17 июля 1942 – 2 февраля 1943 года – Сталинградская битва
5 июля – 23 августа 1943 года – Курская битва
12 июля 1943 года – Сражение под Прохоровкой – крупнейшая танковая битва Второй мировой войны
27 января 1944 года – Окончательное освобождение Ленинграда от фашистской блокады
9 апреля 1945 года – Советские войска заняли город-крепость Кенигсберг (Калининград)
16 апреля – 8 мая 1945 года – Берлинская операция советских войск
8 мая 1945 года – Подписание Акта о безоговорочной капитуляции фашистской Германии
|
|
|
1. Откройте MS Power Point.
2. В открывшимся окне во вкладке Главная выберите создать пустой слайд
3. Теперь нам нужно подобрать фон для нашей инфографики. Так как тема инфографики носит военный характер, лучше всего выбрать нейтральный фон бежевого цвета. Для этого переходим на вкладку Дизайн и нажать Формат фона.
4. Теперь необходимо создать и разместить заголовок нашей инфографики. Перейдите во вкладку Вставка Фигуры и выберите Ленточка лицом вверх (лицом вниз).
5. Разместите данный элемент вверху холста. Отредактируйте ленту по контрольным точкам. Во вкладке Формат фигуры Заливка фигуры выберите цвет, а также добавьте градиент для лучшего объема.
6. Наберите текст: «Хронология Великой Отечественной войны» и разместите данный текст на ленте.
7. Наша инфографика будет иметь тип «Временная шкала». Требуется разместить равноудаленно друг от друга 5 простых линий. Для этого перейдите на вкладку Вставка Фигуры Линия вставьте на холст. Выбираем правой кнопкой Формат фигуры, ставим ширину 4 пт и цвет.
8. Для того, чтобы соединить линии между собой более мягко, воспользуемся круглыми скобками. Для этого перейдите на вкладку Вставка Фигуры объекты Правая круглая скобка и левая круглая скобка. Вставьте на холст и отредактируйте их формат согласно формату линий, для соединения между 2 линиями.
|
|
|
9. Теперь необходимо создать контрольные точки. Первая контрольная точка будет находиться в начале нашей шкалы. Для того, чтобы выделить ее применим более открытый вид представления даты. Перейдите на вкладку Вставка Фигуры Фигурные стрелки Шеврон вставьте на холст.
10. Перейдите на вкладку Вставка – Фигуры – Основные фигуры – Овал вставьте на холст. Расположите данный элемент после нашивки, слегка ее перекрывая. Измените цвет овала на белый.
11. Теперь необходимо добавить иконку на белую область фигуры круг. Для этого можно скачать картинку по запросу «фашистская Германия герб». Вставьте картинку и впишите ее в круг.
12. Добавьте текст под круг: «22 июня Нападение фашистской Германии на СССР». Отредактируйте надпись таким образом, чтобы 22 июня было красным цветом, остальной текст размещен чуть ниже и черным текстом.
13. Скопируйте фигуру круг и добавьте ее в конец первого отрезка. Также необходимо разместить на 1 отрезке 3 даты. Для этого воспользуемся так же фигурой круг, однако сделаем ее меньше, а также поставим цвет – красный.
|
|
|
14. Поместите под каждую контрольную информацию:
10 июля начало Смоленского сражения, начало битвы под Ленинградом
30 сентября начало битвы под Москвой
30 октября начало обороны Севастополя
Вы можете размещать подписи зигзагом, меняя местами: сверху дата – внизу текст, снизу дата – вверху текст.
15. Теперь необходимо заполнить вторую фигуру круг. Для этого вставьте туда изображение Кремля. А также добавьте подпись: «5 декабря начало контрнаступления Красной армии под Москвой».
Первый отрезок нашей «Временной шкалы» готов. Постарайтесь заполнить оставшиеся отрезки самостоятельно, используя только подсказки.
Даты: 15 декабря Освобождение Киева.
1942 год: 2 января Освобождение Кирчи и Феодосии; 17 июля Сталинградская битва.
1943 год: 18 января Прорыв блокады Ленинграда; 5 июля Курская битва; август-декабрь Освобождение Орла, Белгорода, Донецка и Новороссийска;
1944 год: январь Полное освобождение Ленинграда от блокады; апрель освобождение Одессы; сентябрь Вступление советских войск в Болгарию и Венгрию;
1945 год: январь Освобождение Варшавы; апрель Освобождение Братиславы, взятие Вены советскими войсками; 30 апреля Водружение Знамени Победы над Рейхстагом; 8 мая Полная капитуляция Германии; 9 мая Окончание Великой Отечественной войны.
|
|
|
Примерная инфографика:
После создания инфографики сохраните файл как PDF.
Задания:
1. Создайте инфографику в программе MS Power Point по примеру.
2. Создайте подобную временную инфографику, данные возьмите по любой инфографике сети.
Лабораторная работа №2 «Создание инфографики средствами онлайн конструкторов»
Создадим простую инфографику средствами сайта piktochart.com. Для этого необходимо зарегистрироваться на данном ресурсе.
Сначала представим, какую информацию нам нужно иметь в итоге. В качестве примера возьмем любые данные из сети Интернет. Например, возьмем следующую инфографику:
Для начала нажимаем «Start Fresh» и «Create A New Inforgraphic». Так мы будем использовать чистый бланк без навязанного стиля.
Начнем с фона. Для инфографики лучше использовать бледные тона фона, не отвлекающие на себя глаз. Для выбора фона выберем «Background» и отыщем нужный оттенок.
Установим нужное разрешение проекта. Для этого выберем пункт «Settings» слева от документа (шестеренка). В поле «Canvas Size» изначально стоит А4, он нас не устраивает, так как в системе нет возможности сделать альбомный лист в пару кликов. Для этого выбираем «Custom», он даст текущие значения А4, все что остается сделать – поменять местами числа.
Начнем оформление содержания с заголовка. Назовем его «Языки в сети Интернет». Для этого выберем «Text», далее выше выделяемых шаблонов возьмем заголовок «Title». На проекте появится надпись, вставим название. Далее двойным кликом мышки выбираем текст и видим стандартные настройки шрифта. Сразу обращу внимание на сравнительную бедность кириллических шрифтов. Выставляем нужные настройки, после этого сдвигаем текст в левый верхний угол.
Далее нужен логотип, который будет логически связан с нашей тематикой. Возможна загрузка своего логотипа, однако мы используем шаблон, для этого зайдем в «Graphics», выберем нужный нам блок (в данном случае Технология) и найдем рисунок.
Далее нас интересуют числовые значения. Для создания диаграмм используем формы ресурса. Для этого зайдем в пункт меню «Tools», «Charts». В нем мы видим стандартный интерфейс таблицы типа Excel и выбор типов графиков и диаграмм. Мы выберем «Doughnut» для левой стороны. Заполним данные из примера и озаглавим «Языки пользователей». Далее используем уже известную шестерёнку и настраиваем нашу диаграмму.
Для настройки используем те же цвета языков, что и в примере. Для этого в области «Color» нажимаем на каждый язык по порядку и выбираем нужный цвет из шаблона. Включаем легенду (Legend), ставим ее по правой стороне, меняем начало построения «пончика» на север (Angle). Далее нажимаем «Insert Chart» и размещаем диаграмму слева, подобно примеру.
Подобным образом делаем правую диаграмму, возьмем тип диаграммы «Gauge».
Теперь осталось оставить ссылку на авторские права статистики. Для этого из текущего примера с помощью программы типа Paint вырезаем логотип, сохраняем его как файл и вставляем его в проект через меню «Graphics» (появится пункт +). Далее вставляем его в правый нижний угол и на этом же фоне вставляем текст с копирайтом (чтобы ввести значок копирайта нужно нажать Alt + 0169).
Как видно, наш копирайт выходит из общего фона. Для обеспечения стилистики можно выделить низ и верх симметрично белыми прямоугольниками. Для этого выберем в меню Graphics – Shapes Basic и выберем прямоугольник, разместим его, чтобы он выходил на всю ширину и по высоте в копирайт. После этого копируем его и ставим на верх страницы.
Мы видим, что он замещает остальные элементы, нужно его сдвинуть на задний план. Для этого выбираем каждый из прямоугольников и вверху нажимаем Arrange – Send to back.
После установки прямоугольников в нужное место чуть правим место под остальные объекты.
Как видно из нашего примера, получается достаточно неказистая, хоть и информативная инфографика.
Задания:
1. Создайте инфографику с помощью сервиса Picktochart по примеру.
2. Создайте подобную инфографику, данные возьмите по любой инфографике сети.
Дата добавления: 2020-04-25; просмотров: 2792; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!