Здравствуйте, друзья! Надеемся, что вы успешно прошли первый урок. Сегодня у нас второй урок курса «Презентация PowerPoint: работа с темплейтами». На этом уроке мы продолжим упаковку презентации проекта «Инклюзивный музей». Мы расскажем вам о требованиях и некоторых лайфхаках работы с темплейтами в PowerPoint.
Давайте еще раз повторим обязательные требования темплейта. Для чего? Чтобы запомнить их, зарубить себе на носу, записать их навсегда себе в подкорку и всегда обращать на них внимание.
У нас есть такое понятие: «диктат темплейта». Это значит, что при работе в шаблоне презентации, либо в любом другом шаблоне мы обязательно смотрим на полное соответствие, на сквозное применение следующих элементов:
— Цвета темплейта. Смотрим, какая цветовая гамма, какая палитра используется. Ее обязательно нужно придерживаться и не изменять ни в коем случае.
— Шрифты. Требования к шрифтам могут касаться как гарнитуры, так и кегля, заголовков, буллитов, то есть всех элементов, которые связаны с шрифтовыми парами. Обязательно должно быть сквозное единообразие. Если мы используем какой-то шрифт определенного кегля в заголовке одного раздела, то и в другом разделе обязательно должен быть тот же шрифт с такими же параметрами, как и в предыдущем разделе.
— Сетка. Что такое сетка? Это выравнивание контента на слайде, либо на полосе относительно границ поля, относительно других объектов. Одинаковые отступы и прочее. Всё должно быть единообразным через весь темплейт.
— Оформление и блоки. Здесь мы говорим об иконках, о разных графических элементах, которые мы применяем. Тени есть — теней нет. Скругление есть — скруглений нет. Стилистика иконок такая-то — стилистика иконок другая. С подложками, с градиентом и т. д. Это все должно быть единообразно. Обязательно нужно обращать на всё это внимание.
На прошлом уроке мы с вами делали первую задачу для нашего заказчика, проекта «Инклюзивный музей», который работает с людьми с инвалидностью в музеях, делает их доступными. Нам заказали упаковать образовательную презентацию для сотрудников музеев. Эта презентация касается людей с глухотой и слабослышащих.
Мы с вами упаковали два слайда. Вы должны были сделать домашнее задание. Всего нам нужно упаковать 27 слайдов. Сегодня мы с вами выберем и упакуем еще четыре слайда и посмотрим, как группировать контент.
У нас есть темплейт — шаблон, который имеет достаточно специфичную структуру. У нас есть различные схемы, плашки, подложки. В этом шаблоне есть специфичные буллиты — вот такие круглые кляксы. Такой художественный шаблон. У нас определенным образом оформлены номера страниц, определенным образом оформлены блоки. У нас есть цветовая гамма. Это все то, что нам дал заказчик. Нам надо нашу презентацию, разбитую по слайдам, упаковать точно в этот шаблон.
Давайте посмотрим, выберем и упакуем четыре слайда. Почему четыре? Мы выберем различные слайды, чтобы показать принципы того, как подбирать упаковку контента. Шаблон и называется шаблоном, потому что он предлагает нам различные блоки. Когда заказчик присылает нам контент, мы не всегда знаем, будет ли этот контент совпадать с шаблоном. Будут ли у нас, например, три группы текста, разбитого на колонки с такими буллитами. Или у нас будут, например, три пункта в списке и точка. Либо, например, вот такая схема из трех направлений, а может быть, из пяти. Мы этого до конца не знаем. Нам этот контент надо оформить в соответствии со стилистикой, которая предложена заказчиком. Посмотрим, какой контент у нас есть в данном случае. Выберем четыре слайда и оформим их.
Возьмём текстовый слайд под названием «Глухие». Перенесем его в нашу исходную презентацию, чтобы мы дальше с ним работали в одном месте. Переносим, сохраняя исходное форматирование. Можно переносить через Ctrl+C — Ctrl+V. Можно переносить, кликая мышкой. Как вам удобнее. «Копировать» — «Вставить, сохранив исходное форматирование». Первый слайд выбрали.
Выберем еще три слайда. Чтобы слайдов было не очень много, но они были разные. Выберем слайд с картинкой — про кохлеарную имплантацию; слайд «Глухие/слабослышащие», с буллитами; слайд «Медицинская концепция глухоты». (Всё это объединим с предыдущим абзацем)
Итак, мы выбрали четыре слайда. У нас есть текст, есть картинка, есть какой-то странный набор текста. Посмотрим, что можно с ним сделать.
Напоминаю, что у нас есть сетка. Мы ее выстроили на прошлом уроке. Эта сетка позволяет нам определить размеры слайда и расстояние от контента до границ слайда.
В этом слайде есть заголовок «Глухие», есть два блока текста. Во втором из них мы видим имя: «Л. В. Нейман». Посмотрим, какой темплейт подойдет под этот контент.
Выберем вот этот обычный шаблон. Хотя нет, давайте возьмем другой. Сейчас мы с вами обсудим, почему мы сделали такой выбор. Вставляем шаблон. Вспоминаем, что в прошлый раз мы выяснили, что размер темплейта был 4х3. По техническому заданию заказчика размер презентации должен быть 16х9. Поэтому мы выравниваем наши слайды в соответствии с требованиями заказчика. Мы выравниваем темплейт, выравниваем элементы, чтобы они вписывались в эти границы.
Итак, почему мы выбрали второй шаблон? Ведь у нас здесь нет никакого намека на иллюстрацию. Здесь упомянут человек — Л. В. Нейман. На будущее, когда лектор будет показывать эту презентацию, было бы круто, если бы на ней присутствовала фотография Л. В. Неймана, чтобы текст выглядел не таким сухим, чтобы зрителям было интересно, что это за человек. Ищем в поисковике этого учёного — Лев Владимирович Нейман. Смотрим, как он выглядит, подбираем подходящую фотографию. Открываем — «Сохранить изображение как».
Есть еще один вариант работы с изображениями. Рекомендуем установить программу Lightshot. Эта бесплатная и очень удобная программа позволяет достаточно быстро и легко работать с разными видами контента. Ссылку на ее скачивание вы найдете в приложении к уроку. Давайте воспользуемся этой программой, так будет быстрее.
Возвращаемся к темплейту. Вставляем фотографию в поле, обрезаем её. Здесь достаточно много возможностей. Мы можем обрезать картинку произвольно, по фигуре, с установкой пропорций, можем залить рисунок в какую-то область при сохранении пропорций — это тоже удобная функция, либо можем вписать рисунок в какое-то изображение с сохраненными пропорциями. В данном случае нам нужно удалить лишнее поле, которое пришло к нам из скриншота.
Мы добавили иллюстративный элемент на наш слайд, теперь он будет смотреться не так сухо.
Копируем и вставляем заголовок «Глухие».Заголовок вставляем командой «Сохранить только текст». Это позволяет нам сохранить форматирование. В данном случае это шрифт Pribambas, размер шрифта — 44. И мы не тратим наши ресурсы на изменение шрифта вручную.
Смотрим, что у нас получилось. У нас картинка лежит поверх рамки, а по темплейту рамка должна лежать сверху, обрамляя картинку. Для этого нам нужно упорядочить эти объекты, поменять их местами, картинку положить вниз. Выделяем фотографию, кликаем «Упорядочить» — «На задний план». И у нас на переднем плане оказывается фигурная рамка — наш иллюстративный элемент. Выравниванием ее.
Давайте посмотрим, какой у нас есть текстовый контент. Здесь два абзаца. Скопируем их и добавим в слайд. Здесь нет буллитов, поэтому мы их удаляем, просто вставляем текст. Смотрим, что получается. Текст сразу отформатировался таким образом, что учтены параметры шрифта и всего остального. Единственное, на что нам нужно посмотреть, — размер. У нас используется шрифт Calibri 24. Здесь у нас больше — Calibri 28. Изменяем на Calibri 24. Чтобы текст хорошо читался, мы делаем абзац и выделяем полужирным начертанием «Л. В. Нейман», делая акцент на этом контенте. Немного выравниваем текст. Смотрим, что у нас получилось.
У нас есть определенное форматирование нумерации слайдов, это тоже обязательно нужно учитывать. Мы не упоминали это на прошлом уроке, но это тоже входит в чек-лист. Давайте скопируем и добавим. Здесь это не критично, потому что эти слайды — начало и конец презентации.
Вот такой у нас получился слайд. Посмотрим, как он выглядит на экране. Отлично. Он соответствует темплейту. Мы соблюли все требования темплейта: у нас есть рамка, у нас соответствует размер шрифта, у нас есть логотип, у нас есть оформление номеров слайдов. В общем и целом мы все учли.
Еще два момента, на которые мы рекомендуем всегда обращать внимание. Точки в конце абзацев предлагаем удалять, потому что они смотрятся избыточно. Как правило, в презентациях в конце абзацев, в конце блоков они не ставятся.
Еще раз посмотрим, что получилось. В целом слайд мы упаковали. Можно еще немного подвинуть рамку, чтобы она не скрывала границы фотографии. Еще раз посмотрим. Все хорошо. У нас получился первый слайд. Можно его удалять отсюда.
Давайте посмотрим, что у нас есть еще? У нас есть два слайда с иллюстрациями и дескриптором, с подписью и названием-заголовком. Подберем под них темплейты. Посмотрим, что у нас есть. Здесь есть слайд, который мы можем преобразовать в то, что нам нужно. Скопируем его и добавим в наш шаблон, в нашу презентацию, в которой мы работаем. Разнесем элементы по краям так, чтобы у нас аккуратно соответствовали все отступы.
У нас два изображения и два дескриптора. Удалим все ненужные изображения. Остаётся два, скопируем их.Выделяем оба объекта через Ctrl, вставляем в слайд. Смотрим, что получается.
Что иногда бывает? Сам PowerPoint может нам предлагать использовать какие-то свои темплейты. Рекомендуем ими не пользоваться, но иногда, для быстрого оформления, эта функция бывает очень полезна.
Что нам надо сделать? У нас есть определенного размера рамки, нужно интегрировать в них контент. Первое, на что мы обращаем внимание, — у нас фотографии разные по размеру, это смотрится некрасиво. Хотелось бы, чтобы фотографии смотрелись единообразно, тогда у слайда сразу возникает некая аккуратность.
Для изменения размеров картинки можем попробовать потянуть за края, но тогда возникает проблема с деформацией картинки — у нее может измениться соотношение сторон. Чтобы картинка не деформировалась, зажимаем Shift, и только тогда начинаем двигать мышью. Это позволяет нам сохранять размеры. Те, кто на это не обращает внимание, всегда попадают в плохие ситуации.
Вторая проблема в том, что изображения разные по соотношению сторон: левая картинка более продолговатая, а та, что справа — более квадратная. Нам нужно обрезать одно из изображений, приведя их в соответствие друг другу. Картинку с надписями мы обрезать не можем, так как они тоже уйдут в обрезку. Поэтому обрежем левую фотографию, чтобы она была похожа по размерам на вторую фотографию. Мы можем выставить какой-то размер, в данном случае необходимо выставить высоту изображения, а обрезать его — по ширине. Нажимаем «Формат рисунка» — «Обрезать». Обрезаем так, чтобы основное содержание осталось. Смотрим, насколько у нас совпадают иллюстрации. Не совпадают, обрезаем еще. Вот теперь у нас две одинаковые по размеру и соотношению сторон иллюстрации.
Положим их на задний план, чтобы затем поверх наложить рамки. «Переместить назад» — «На задний план». Появились рамки, мы их растягиваем — это элемент оформления, предложенного темплейтом. У нас иллюстрации оформляются определенным образом. Так заложено темплейтом, так сказал заказчик, поэтому нам обязательно надо придерживаться этих требований. Вот так у нас может выглядеть иллюстрация.
Что у нас происходит? Текст залезает на верхнюю часть иллюстрации. С этим надо поработать. Надо обязательно добиться, чтобы этого не происходило. Чуть-чуть подвинем, чтобы у нас все вписывалось в слайд.
У нас еще есть два описания: «Так выглядит кохлеарный имплант» и «Так устроен кохлеарный имплант». Скопируем текст. У нас в темплейте для основного текста используется Calibri 24. Вставим текст и выровняем. Не забываем вставлять через «Форматирование». Выравниваем по середине, в данном случае это более гармонично. Обязательно включаем подсказки-направляющие, поскольку они помогут нам отформатировать наш контент так, как нужно. Выделяем, выбираем 24 кегль, можем сделать шрифт жирным, чтобы привлечь больше внимания, у нас не так много контента. Копируем заголовок, вставляем его в поле заголовка слайда.
Обязательно нужно посмотреть, чтобы эти текстовые блоки были выровнены относительно друг друга, чтобы все было аккуратно. Выравниваем таким образом: «Упорядочить» — «Выровнять» — «Выровнять по левому краю». Теперь, если мы посмотрим по направляющим, мы увидим, что текстовые блоки очень хорошо выровнены относительно друг друга.
Сейчас вы видите на слайде подсказки, позволяющие нам аккуратно выровнять наш слайд. Включить их можно через «Вид» — «Направляющие» — «Сетка» — это все позволяет нам аккуратно выровнять наш слайд. Посмотрим, что у нас получилось. Немного увеличим левую картинку и рамочку над ней, чтобы выровнять их с правым изображением. Не забываем зажимать Shift, чтобы не деформировать объект. Посмотрим еще раз, что у нас получилось — слайд, собранный в соответствии с темплейтом.
Давайте поработаем со следующим слайдом. Здесь у нас есть буллиты. Соответственно, нам нужно выбрать темплейт с буллитами. Выберем вот этот. Обязательно выравниваем заголовок. Почему-то здесь двойной логотип, лишний уберём. Посмотрим, сколько буллитов в текстовом блоке — их пять. Мы можем поставить их пять в ряд, а можем разбить на колонки. Поставим пять в ряд. Выберем более яркие буллиты.
Важный момент. При выделении элемента PowerPoint нужно захватить всю зону этого элемента. Например, мы видим, что у нас здесь погранично лежат два элемента: иллюстративная клякса, а под ней число — номер слайда. Если мы хотим захватить этот элемент в общее поле, чтобы удалить, например, либо изменить каким-то образом, то мы должны захватить его с запасом. Если мы захватим только его край, то если мы и заходим на этот элемент при выделении курсором, он все равно не захватывается, не выделяется. На это нужно обратить внимание. Удаляем.
Давайте выделим и выровняем поле с буллитами. Смотрим. Мы не захватили поле справа от буллитов, потому что поле оказалось намного больше. Поэтому очень важно чётко выравнивать по контенту все поля с текстовыми и графическими элементами. Тогда при группировке этого контента вы сможете более эффективно использовать свое рабочее время. Будете четко понимать, что захватываете, а что нет. Это важно, это позволяет вам сохранить ваше время.
Идём дальше. У нас есть три буллита. Есть контент «Аутизм. Слепоглухота», отформатированный через нумерацию. Удалим её и заменим буллитами. У нас пять пунктов. «Генетические заболевания» — последний. И здесь у нас три буллита.
Увеличиваем кегль до 24. Мы помним, что у нас используется шрифт Calibri 24. Обязательно увеличиваем расстояние, чтобы контент не слипся. И нам нужно аккуратно выровнять списки.
Как еще можно работать со списками? И что можно сделать, если у нас количество вариантов буллитов ограниченное, а мы часто пользуемся списками?
Можно добавить буллит, как картинку в предустановленный список. Сделать это в самом темплейте, чтобы у нас списки были четко с таким буллитами.
Либо это делается вот таким образом: нажимаем на стрелку кнопки «Маркеры». Далее — «Список» — «Рисунок» — «Из файла». Предварительно нам нужно сохранить этот буллит, как файл, как рисунок формата jpeg, потом загрузить его в списки и, таким образом, дальше с ним сможем быстро оперировать. У нас не так много списков, поэтому подробнее мы ознакомимся с этим функционалом позднее.
Смотрим, что еще можно сделать. Мы видим, что текстовый контент очень слипся, а у нас большое поле. Когда он так слипается, то плохо читается. Увеличим расстояние между строками таким образом, чтобы стало более читабельно, более аккуратно. Выровняем расстояние между абзацами. У нас здесь все разные строчки. Лучше это делать так, как показано на экране. В этом нам помогает направляющая.
Что еще можно сделать? Еще мы можем упорядочить и четко выровнять, чтобы не было криво. Распределить все по вертикали и выровнять по центру, чтобы было ровно. И можем немного дальше отодвинуть заднее поле, чтобы разнос от буллитов был больше.
Посмотрим, что у нас получилось. Хорошо, мы упаковали еще один слайд по темплейту. В данном случае использовали буллиты.
Мы забыли заголовок. Обязательно обращаем внимание на весь контент. Очень аккуратно его переносим. Ничего не забываем, в конце проверяем себя. У нас должен быть чек-лист. Когда мы выполнили свою задачу, мы обязательно должны проверить, все ли сделали.
Итак, у нас остался последний слайд: «Медицинская концепция глухоты», и три направления. Поскольку мы уже устали, урок был достаточно длинным, давайте быстренько его упакуем.
Возьмём слайд с заголовком (мы его изменим) и тремя направляющими, с которыми мы можем очень хорошо поработать. Вставляем слайд в рабочую область. Раздвигаем элементы к концам слайда, чтобы изменить направление.
У нас в этом контенте есть некое название и три составляющих. Предлагаем поместить в центр заголовок и разместить три направляющие. Немного изменим концепцию слайда, чтобы упаковать контент более интересно. Попробуем поработать с темплейтом вариативно.
Копируем и вставляем заголовок: «Медицинская концепция глухоты». Раздвигаем. Смотрим, чтобы кегль был 44, так как у нас 44 — требуемый размер шрифта в заголовке. Вставляем наш контент: «Глухота как потеря слуха», «Глухой — отклоняющийся от слышащей нормы». Здесь увеличиваем, чтобы весь контент четко влез. Можно поднять выше, чтобы контент был аккуратно распределен по всему слайду, чтобы был воздух и можно было легко всё прочесть.
Наша задача — сделать так, чтобы контент легко читался, чтобы зрители легко схватывали весь контент буквально одним взглядом. И вот, «Нарушения слуха» — последний наш тезис, точно так же копируем и вставляем.
Следим за размером шрифта. Мы видим, здесь не 24. Обязательно должно быть единообразие. Буллиты в наших текстах — лишние. Уберём их, потому что они отвлекают на себя внимание.
Вспоминаем про висячие предлоги: «Глухота как». Наконец, нам встретился случай, о котором мы хотели бы вам рассказать. Когда мы ставим пробел, PowerPoint считывает это как новый абзац. У нас появляется лишний пробел, который выглядит негармонично и непонятно: это одно предложение или несколько? Так быть не должно, потому что это одно предложение, и у нас должно быть одинаковое расстояние между словами, как и между строками. Поэтому нам нужно это починить. Как мы это чиним? Такое бывает, когда в абзаце есть лишние интервалы — до и после абзаца. Когда мы их удаляем, все становится гармонично. Здесь нам также нужно выставить одинарный междустрочный интервал.
Чего не хватает на этом слайде? Не хватает логотипа. Копируем логотип, вставляем его, уравновешивая им нашу презентацию.
Таким образом, мы с вами упаковали и этот слайд тоже. Что мы обязательно делаем дальше? Проверяем. Нам нужно проверить, насколько у нас все совпадает, проверяем диктат темплейта: цвета, шрифты, сетку, оформление и блоки.
Давайте посмотрим. У нас есть шрифт Pribambas. Он у нас обязателен. В заголовке у нас 32, а нам нужно 44. Почему же 44, почему уменьшили? Потому что текст был очень большой. Давайте вернем 32, потому что иначе такой большой контент сюда просто не влезет. Такие отступления возможны, но нежелательны.
У нас в темплейте логотип на белой подложке не в формате png. Логотип без обтравки. Иногда бывает, что заказчик присылает такой логотип. Что мы можем сделать? Конечно, мы можем его сохранить как рисунок, пойти в Illustrator и убрать фон. Почти таким же функционалом позволяет воспользоваться PowerPoint. В нём есть два варианта обтравки логотипа.
Выбираем «Формат рисунка» — «Цвет» — «Установить прозрачный фон». Иногда этот вариант работает хорошо, иногда плохо — остаются какие-то белые поля, которые видны, если фон неоднородный. В данном случае программа сработала хорошо, обтравка однородная, вполне годится для презентации.
Но если обтравка получается неоднородной, есть еще один вариант. Переходим в «Формат рисунка» — «Удалить фон». У нас появляется возможность пометить область для сохранения, либо область для удаления. Работают они таким образом: вы отмечаете карандашиком то, что вы хотите сохранить, либо то, что вы хотите удалить. Фиолетовые блоки обозначают то, что вы хотите удалить. К этому нужно относиться очень внимательно, потому что иногда не все однородно покрывается, приходится тратить на это много времени. Для каких-то простых фигурных объектов — это самый лучший и быстрый способ удалить фон, и обычно этого бывает достаточно для презентаций.
Давайте отменим изменения, поскольку программа позволяет решить эту задачу более просто, и мы этим воспользуемся. Уменьшаем логотип. На четыре пункта уменьшаем шрифт. Можно было бы оставить 30, но вдруг заказчик скажет: «Нет. Я хочу, чтобы результат был максимально приближен к моему темплейту».
Посмотрим на демонстрации экрана, что у нас получилось. Смотрим слайд «Глухие». Когда начинаем проверять, сразу вылезают какие-то хвосты, какие-то запчасти, к ним нужно относиться очень внимательно. Здесь можно ещё немного подвинуть рамочку, чтобы более аккуратно закрасить края. Еще раз посмотрим. Хорошо.
Смотрим дальше. Слайд «Глухие/Слабослышащие». Здесь тоже можно подвинуть поле с текстом, сделать более гармоничным соотношение выключки — выравниванием. Смотрим, чтобы все было гармонично. Еще один момент, который можно здесь поправить, — сдвинуть поле вниз. Захватываем поле, убираем выделение, чтобы расстояния сверху и снизу были примерно равными, гармоничными.
Следующий слайд: «Кохлеарная имплантация (КИ)». Немного, увеличив поле, поработаем с левой рамкой. Немного ее обрезаем. Смотрим, что у нас получилось. Да, так аккуратнее. Еще можно сдвинуть контент чуть ниже, чтобы было чуть больше воздуха, и контент равномернее располагался на слайде. Хорошо.
И слайд «Медицинская концепция глухоты». Давайте посмотрим, как на этом слайде выровнен логотип. Он немного заходит на поле. Чтобы он не был таким подвешенным, мы его немного выравниваем.
Смотрите, мы выполнили простую задачу. Мы упаковали нашу презентацию, в данном случае восемь слайдов, в соответствии с темплейтом заказчика. Таким образом, мы выполнили нашу задачу перед заказчиком (хотя у нас там, конечно, больше слайдов).
Нам часто задают вопрос сотрудники Everland — начинающие дизайнеры: «Сколько времени занимает упаковка такой презентации?» В данном случае, это простой темплейт и простой контент, в котором нет графиков, а есть текст, фотографии и подбор иллюстраций, буллитов, подложек и т. д. С этим контентом, безусловно, надо работать внимательно, но он не сложный. Аккуратно упаковать такую презентацию из 27 слайдов можно за три часа. Три-четыре часа — вот ваша работа. Нам кажется, что это интересная задача.
Вас ждет домашнее задание. Нужно будет упаковать эти слайды так, как было показано на этом уроке. Дополнительно упакуйте ещё четыре слайда в этот простой темплейт «Инклюзивного музея». Слайды вы найдете в приложении к уроку.
Желаем вам удачи, ждем вас на следующем уроке. Всего хорошего!
