Здравствуйте! Меня зовут Никита, я озвучиваю курс по упаковке презентаций в PowerPoint Елены Мартыновой, соучредителя проекта Everland. Наш курс называется «Презентация PowerPoint: работа с темплейтами».

Короткая вводная часть. Кому будет интересен курс? И почему вам нужно его пройти?

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

Содержание курса будет интересно и контент-специалистам. Работа с дизайном и в целом упаковка контента в темплейт — это хорошие навыки, которыми, как нам кажется, сегодня должен обладать каждый пиарщик, каждый контент-специалист.

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

На этом закончим вводную часть и перейдем непосредственно к обучению.

Итак, что такое темплейт? Это определенный шаблон. На экране мы видим пример темплейта. Это буквально первая картинка, которую нам выдала поисковая система при подготовке курса.

Что мы здесь видим? Много слайдов, которые упакованы определенным образом. Обратим внимание, что у них есть общие характеристики. Например:

— Цвета. Мы видим, что здесь используется определенный набор цветов. Других цветов здесь нет.

— Шрифты. Здесь не видно, но шрифты в темплейте тоже используются одинаковые. Одна или максимум две гарнитуры.

На что еще обратим внимание?

— Компоновка, сетка. Посмотрите, везде в определенном углу или месте присутствуют определенные элементы. Все слайды имеют одинаковые отступы, например отступы от концов поля, от границ слайда.

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

Давайте посмотрим, как это делать.

Но прежде чем мы перейдем к практике, расскажем еще немного теории.

Есть такое понятие — «диктат темплейта». Что оно означает? В темплейте обязательно нужно использовать одинаковые признаки, например цвета. Мы видели на прошлом слайде, что на нем использовано  определенное, очень ограниченное количество цветов.

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

Дальше — сетка. Что такое сетка? Это вот эти самые отступы. Какой отступ у нас должен быть от границ слайда у контента? Какой отступ между, допустим, иконкой и блоком текста? И так далее. Это тоже очень важно.

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

Давайте посмотрим, как это может выглядеть.

На экране мы видим обычный скриншот из поисковика — первый в выдаче при наборе в поисковике слова «темплейт». Мы видим презентацию, которая имеет свои определенные характеристики: скругленные вытянутые полоски, определенную цветовую гамму с градиентом, шрифтовые гарнитуры.

Это тоже темплейт. Здесь мы видим совсем другую историю.

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

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

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

Попробуем теперь с вами разобраться с тем, что представляет из себя PowerPoint.

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

К сожалению, часто дизайнеры относятся к этому инструменту немного свысока. Они считают, что он не такой профессиональный и не позволяет сделать так уж много всего крутого. Но, по нашему мнению, PowerPoint — достаточно гибкий и удобный инструмент для целого ряда задач, и сегодня на него есть очень большой спрос. Потому что для клиентов работать в PowerPoint, особенно с презентациями, намного проще, чем работать в Photoshop или Illustrator. Это более тяжелые программы, они дорогие, для их установки необходимо больше ресурсов. Поэтому мы считаем, что PowerPoint ни в коем случае нельзя пренебрегать.

Давайте попробуем создать слайд. И параллельно сделаем очень краткий обзор: что такое PowerPoint?

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

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

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

В поле «Абзац» вы видите различные формы инструментов работы с абзацами, начиная от списков, каких-то буллитов, и заканчивая выравниванием по левому или правому краю.

Есть возможность работы с фигурами. Это очень гибкий инструмент, который позволяет нам сделать в PowerPoint многие вещи без применения Illustrator или Photoshop.

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

Вот таким образом выглядит у нас сейчас слайд. И это самые первые возможности для темплейта.

Давайте теперь посмотрим, что нам прислал заказчик.

Первое задание у нас будет достаточно простое. У нас в Everland есть замечательный клиент — проект «Инклюзивный музей». Проект прислал нам задачу упаковать вот такую большую презентацию на 27 слайдов в определенный темплейт. 

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

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

Давайте сегодня поработаем с двумя слайдами — заглавным слайдом и финальным, на котором написано «Спасибо за внимание». Вот эти два слайда мы возьмем в работу. Давайте их скопируем.

Скопировать слайды очень просто. Работает точно такой же принцип, как в Word или в Excel. Если мы хотим скопировать несколько слайдов вместе, нам нужно зажать кнопку Ctrl и мышкой выделить те слайды, которые мы хотим скопировать, столько, сколько нам нужно.

Если мы хотим скопировать все слайды внутри какой-то определенной зоны, то на самом последнем слайде, который мы хотим скопировать, мы кликаем левой кнопкой мыши, зажимаем Shift и снова кликаем левой кнопкой мыши. Таким образом мы выделяем какой-то объем слайдов и не выделяем контент по отдельным слайдам.

Нам нужны первый и последний слайд. Нажимаем на последний, зажимаем Ctrl, копируем. Копировать можно комбинацией клавиш Ctrl+C, вставлять — Ctrl+V, либо можно использовать мышь.

Давайте перейдем на нашу основную презентацию и попробуем собрать ее здесь.

Давайте возьмем теперь первый и последний слайд. Тут у нас есть слайд-заголовок и слайд финальный — «Спасибо за внимание». Давайте мы возьмем эти два слайда и вставим в нашу исходную презентацию, чтобы было удобнее работать в одном формате. Вставляем их в самое начало.

Что здесь нужно отметить?

Слайды в презентации могут иметь разные размеры. Если мы посмотрим вот здесь на размер, то увидим, что он 3х4 — это устаревший, можно сказать oldschool-формат. Размер задается либо в техническом задании, либо в брифе. Как в финале будет выглядеть наша презентация, какой размер требуется для демонстрации на том или ином экране, у нас задается в характеристиках брифа. Клиент пишет нам: «Мне нужна презентация 16х9 или 4х3». В данном случае у нас в брифе указано, что нам нужна презентация 16х9. Наш темплейт 4х3. Посмотреть это можно в закладке «Конструктор» — «Размер слайда». И здесь же можно размер слайда поменять. 

Закладка «Конструктор» — это тоже панель работы с темплейтами, предустановленными в PowerPoint. Здесь можно настроить произвольно размер слайда или выбрать два наиболее популярных формата: стандартный 4х3 либо более современный и более популярный сегодня — 16х9.

У нас здесь формат 16х9. Поэтому мы видим такую ситуацию: когда мы скопировали и перенесли слайды, контент у нас немного не поместился и у нас образовались вот такие поля. Это все выравнивается. Мы выравниваем рамки и контент так, чтобы это подходило к нашему темплейту, к нашему размеру слайда. Чтобы это выглядело нормально.

Итак, что мы делаем?

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

Давайте посмотрим, что у нас есть.

Перетащим, чтобы было удобно переключаться между слайдами.

У нас в темплейте есть место для заголовка, здесь написано «Шаблон презентации», и подзаголовок. Плюс у нас есть вот такие поля, которые разделяют заголовок и подзаголовок. Так мы четко понимаем, что название презентации должно быть вписано в этот серый прямоугольник, а подзаголовок, какой-то дескриптор (описание), у нас может быть вписан в фиолетовый, более темный прямоугольник.

Давайте посмотрим, какой у нас исходный контент.

Он намного больше, объемнее, чем то, что предложено в темплейте. У нас здесь для него слишком маленькое поле.

Что же нам делать?

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

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

В подзаголовке у нас шрифт Calibri (основной текст).

Еще мы должны выставить определенным образом сетку. Она у нас поменялась, поэтому нам нужно выставить ее в новом темплейте заново. Нам нужно посмотреть, чтобы у нас все элементы были размещены на одинаковом расстоянии, чтобы все было ровно и красиво. Установим логотип вот здесь, поле для заголовка — по вот этой верхней направляющей.

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

Что мы еще можем сделать? Можем вставить текст с сохранением форматирования, у нас появляется подсказка параметров вставки — «Сохранить только текст». И тогда у нас сохраняется форматирование нашего темплейта, т. е. берется стилистика того места, куда мы его вставляем. 

Еще мы можем вставить текст в виде картинки, тогда он вставляется просто поверх в виде картинки png. Посмотрим этот вариант. Это картинка не изменяется никаким образом. Отменим. И еще мы можем  вставить текст, сохранив исходное форматирование темплейта. 

У нас здесь основные настройки презентации — вот эти. Мы в презентации все меняем, поэтому таким образом это вставляется. Это тоже не очень правильно и в нашем случае не нужно. В нашем случае нам нужно сохранить те настройки, тот шрифт, который используется сейчас, — фиолетовый Pribambas. Мы это и делаем. 

Выравниваем так, чтобы это было адекватно, нормально смотрелось. Растягиваем поля, чтобы это опять же было адекватно и сохраняло логику форматирования. Вот так, например, мы делаем — «Глухие и слабослышащие: классификации нарушений слуха».

И у нас есть еще поле подзаголовка, куда мы можем вставить наших авторов.

Сейчас немного поговорим о направляющих. Это один из пунктов нашего темплейта. Нам обязательно нужно, чтобы у нас были одинаковые расстояния по левому и правому краю. Тогда презентация выглядит более гармонично, люди понимают, что есть некий воздух. Поэтому обязательно нужно выравнивать текстовый и графический контент. Контент не фоновый, для украшений или подложки, а тот, который несет какое-то содержание. Его нужно выровнять, чтобы он не выходил за эти ограничения. Тогда презентация будет выглядеть гармонично, красиво и аккуратно, у нас не будет никаких висящих запчастей. Это будет выглядеть просто хорошо оформленной презентацией.

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

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

Есть еще очень важная история. Она называется «висячие предлоги».

У нас есть предлоги или какие-то другие служебные слова, которые относятся к следующему слову. Когда мы делаем какие-то колонки либо выравниваем текст, так получается, что не весь он хорошо переносится, и у нас остаются какие-то запчасти — служебные слова — на строке выше. Это не очень верно, потому что логически служебное слово «на» относится в нашем случае к «развитию». «Концепции глухоты и их влияние на развитие». По сути, фраза «на развитие» должна идти в предложении отдельным блоком. 

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

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

Что мы сделали? Мы выставили направляющие. Давайте еще раз выставим направляющие внизу. Для чего? Чтобы у нас было достаточно четко оформлено поле, за которое мы не будем вылезать никаким образом. Благодаря этому текст у нас аккуратно вписан в слайд.

Вот так у нас выглядело техническое задание на этот слайд. И вот такой у нас с вами получился слайд.

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

Есть еще один вариант проверки. Мы хорошо видим слайд, когда он близко. И мы также хорошо видим слайд, когда он далеко.

Когда он далеко, мы можем оценить компоновку слайда — насколько адекватна или неадекватна эта компоновка.

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

Видим несоответствие. Сравниваем со слайдом — блок заголовка должен выходить за поле. У нас он не выходит.

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

Этот слайд готов. Мы можем удалить его и перейти к оформлению следующего слайда.

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

Итак, два слайда из этой презентации мы с вами оформили.

Давайте посмотрим слайд «Спасибо за внимание» крупно. И слайд-заголовок «Глухие и слабослышащие».

Предлагаем вам в качестве домашнего задания оформить эти два слайда. Контент вы найдете в приложении к уроку. Также в приложении к уроку вы найдете шрифт, который называется Pribambas. Очень важный момент. Сейчас мы расскажем про установку шрифтов. Поскольку у нас этот шрифт уже установлен, а у вас нет, здесь нужны дополнительные пояснения. Вдруг кто-то из вас еще не сталкивался с установкой шрифтов.

Когда вы устанавливаете шрифт и открываете файл со шрифтом, вам очень важно обязательно закрыть все вкладки, связанные, в данном случае, с PowerPoint, т. е. с той программой, в которой вы будете с этим шрифтом работать. Вообще весь офисный пакет хорошо было бы закрыть: Word, какие-то другие программы. Когда вы закрываете вашу программу, шрифт устанавливается, и при открытии программы он уже работает. Если же вы не закрываете какой-нибудь из файлов PowerPoint, то ваш шрифт до конца не устанавливается, и работать вы с ним не сможете. Поэтому всегда внимательно за этим следите. Если клиент присылает шрифт, с которым нужно будет работать, и он у вас новый, до этого в гарнитуре никогда не использовался и не входит в список предустановленных, — это значит, что вам нужно перед установкой обязательно закрыть PowerPoint, обязательно закрыть Word или какую-то другую программу из офисного пакета, в которой вы будете с этим шрифтом работать. И только после установки ее открыть, тогда все будет окей, вы сможете спокойно работать.

На сегодня все. Вот такой у нас первый вводный урок о темплейтах. Выполняйте домашнее задание. Надеемся, что у вас все получится. Ждем вас на следующем уроке.