Здравствуйте! Меня зовут Никита. Я озвучиваю курс по упаковке презентаций «Презентация PowerPoint: работа с темплейтами». Курс создан Еленой Мартыновой, соучредителем проекта Everland.
Кому будет интересен курс? И почему вам нужно его пройти?
Этот курс будет интересен начинающим дизайнерам, он поможет быстро набраться опыта в работе с таким крутым инструментом, как презентация.
Содержание курса будет интересно и контент-специалистам. Работа с дизайном, упаковка контента в темплейт — это навыки, которыми, как нам кажется, должен обладать каждый пиарщик, каждый контент-специалист.
Курс состоит из восьми уроков. Каждый из них будет требовать вашего полного включения и выполнения вами домашнего задания. На этом закончим вводную часть и перейдем непосредственно к обучению.
Что такое темплейт? Это определенный шаблон. На экране мы видим пример темплейта. Это первая картинка, которую нам выдала поисковая система при подготовке курса.
Что мы видим? Множество слайдов, упакованных определенным образом. Обратим внимание, что у них есть общие характеристики:
— Цвета. Здесь используется определенный набор цветов. Других цветов здесь нет.
— Шрифты. Здесь не видно, но шрифты в темплейте тоже используются одинаковые. Одна или две гарнитуры.
— Компоновка, сетка. Везде, в определенном углу или месте, присутствуют определенные элементы. Все слайды имеют одинаковые отступы, например, отступы от концов поля, от границ слайда.
Всё это — темплейт. Это некий образец, в котором мы дальше можем упаковывать практически любой контент, меняя его и раскладывая в определенные зоны. Посмотрим, как это делать. Прежде, чем мы перейдем к практике, расскажем ещё немного теории.
Есть такое понятие — «диктат темплейта». Оно означает, что в темплейте обязательно нужно использовать одинаковые признаки, например, цвета. Мы видели на прошлом слайде, что в нем использовано определенное, очень ограниченное количество цветов.
Следующий момент — шрифты. Одна или две гарнитуры. Больше, как правило, не используется. В шрифтах очень важны не только гарнитура, название шрифта, но и его кегль.
Сетка. Что это такое? Это вот эти отступы. Какой величины должен быть отступ от границ слайда? Какой, допустим, между иконкой и блоком текста? Это тоже очень важно.
Оформление и блоки тоже должны быть единообразны. Используем, например, иконки одной стилистики. Применяем тени или нет. Используем блоки со скругленными краями или без скругленных краев.
Давайте посмотрим, как это может выглядеть. На экране мы видим обычный скриншот из поисковика — первый в выдаче при наборе в поисковике слова «темплейт». Мы видим презентацию, которая имеет свои определенные характеристики: скругленные вытянутые полоски, определенную цветовую гамму с градиентом, шрифтовые гарнитуры. Это тоже темплейт.
Здесь мы видим совсем другую историю. Мы не можем в одной презентации смешать эти два темплейта — это будет выглядеть странно. Мы не можем взять цвета с одного скриншота и использовать только в части слайдов. Можем полностью заменить этот зеленый цвет на какой-нибудь цвет из первой презентации. Но смешивать их внутри, к сожалению, не можем.
Или, например, еще один темплейт. Тоже скриншот из поисковика. Здесь мы также видим определенные характеристики: цветовую гарнитуру, шрифтовую гарнитуру. Здесь используются вот такие цвета с градиентами. Здесь — определенный набор иконок. И так далее. Это все разные темплейты. Их нельзя между собой смешивать, потому что в результате будет каша.
Разберёмся с тем, что представляет из себя 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. В идеале — закрыть все программы пакета Microsoft Office. В противном случае шрифт не установится полностью, и работать с ним вы не сможете. Поэтому внимательно за этим следите.
На сегодня всё. Вводный урок о темплейтах окончен. Обязательно выполните домашнее задание. Уверены, что у вас всё получится. Ждем вас на следующем уроке.
