Здравствуйте, друзья! Сегодня мы с вами продолжим работу над темплейтом для компании «Роса». У нас есть компания-заказчик, есть ее логотип и исходный темплейт, который нам надо начать упаковывать в соответствии с корпоративным стилем компании. На прошлом уроке мы выбрали 30 слайдов, которые нам надо упаковать за этот и следующий уроки.
С чего начнем? Посмотрим, чем отличаются логотипы компании от выбранных нами слайдов. Очевидно, что отличаются цветом. Цвета корпоративного стиля совсем другие, они отличаются от тех, что используются в этой презентации.
Чем еще отличаются? У нас есть логотип. На презентации мы не видим никакого логотипа, мы видим только цвет. Но корпоративная презентация — это презентация, на которой логотип компании присутствует везде, на каждом слайде. Нам обязательно будет нужен хотя бы один слайд с логотипом. И на каждом слайде должен будет стоять логотип. Он у нас есть — логотип компании «Роса». Скопируем и вставим его в наш темплейт. Мы вставили его неправильно, в рисунок, поэтому логотип изменился. Рисунок давайте удалим, он нам не понадобится. Вставляем логотип.
Вот так выглядит наш логотип. Обратите внимание, пожалуйста. Он у нас не в формате png, у него есть белый фон — такой он некрасивый. Иногда заказчики присылают логотип не в png. Они говорят: «У нас нет логотипа в png». Рng — это формат с прозрачным фоном. Здесь фон белый. И если мы поставим этот логотип на черный, серый или цветной фон, то он будет смотреться некрасиво.
Как мы можем удалить этот фон? У нас есть несколько вариантов.
Можно пойти в Photoshop и удалить фон там. На первых занятиях мы обсуждали, что PowerPoint — очень гибкий инструмент, а в последнее время — и очень классный инструмент. Поэтому мы можем удалить фон здесь, не прибегая к более тяжелым решениям.
Как это делается? Мы выбираем рисунок. Видим, что он активен, — по его периметру появляются кружочки. Как только мы выбрали рисунок, появляется вкладка для работы с рисунком — «Формат рисунка». Или вкладка для работы с другим элементом, так как это может быть не рисунок, а какой-то другой элемент. В данном случае это рисунок, поэтому здесь «Формат рисунка».
Вверху слева есть панель «Удалить фон», и в ней есть следующие возможности: пометить области для сохранения, для удаления, отменить или сохранить изменения. Выберем первый вариант: «Пометить области для сохранения». Сохраним изменения. Видите, у нас только буква «Р» осталась. Отменим. Фиолетовые области будут удаляться, а цветные области останутся.
Пометим те области, которые мы хотим оставить. Помечаем карандашом. Иногда бывает, что при нажатии какой-то области другая область пропадает либо добавляется. С этим нужно внимательно работать. Сохраняем. Видим, что логотип обтравился нормально, он будет неплохо читаться в небольшом объеме. Понятно, что в Photoshop мы удалим более аккуратно. В нашем случае мы работаем с малыми объемами, поэтому такой обтравки нам достаточно.
Итак, первое, что мы сделали, — поработали с логотипом. Теперь у нас есть логотип в png, который мы можем использовать на любом фоне, и он не будет выглядеть, как какой-то искусственно вставленный объект.
На прошлом уроке мы обсуждали, что с элементами, с которыми невозможно работать, которые закреплены в презентации, можно работать через «Вид» — «Образец слайдов».
Что нам нужно сделать? У нас есть корпоративная стилистика. Это несколько цветов, которые мы можем использовать: красный, синий и серый.
Давайте сделаем скриншот. Для быстроты используем программу Lightshot. Это бесплатная программа, ссылку на нее вы найдете в материалах к уроку. В правилах использования логотипа делаем скриншот и копируем наши цвета в рабочую область PowerPoint, чтобы пипеткой их брать и применять. Например, все элементы могут быть красного либо синего цвета. Такие у нас акценты. Как нам это изменить? Меняем цвет контура элемента «полоса», и презентация уже выглядит по-другому. Меняем, допустим, цвет шрифта заголовка на синий, и также видим, что презентация начинает выглядеть по-другому.
Также обратите внимание, какой здесь используется шрифт. У нас в темплейте используется шрифт Klara — это какой-то сложный шрифт. Наш клиент попросил нас использовать шрифты стандартной гарнитуры, не какие-то специальные. Для чего? Чтобы сотрудники не теряли шрифты при пересылке. Поэтому мы обычно рекомендуем использовать Verdana, либо Tahoma. В данном случае вполне можно использовать шрифт Verdana. Презентация будет выглядеть нормально.
Как же нам сделать, чтобы у нас везде были одинаковые шрифты?
Давайте еще попробуем шрифт Open Sans, может быть, он здесь лучше подойдет. Давайте сравним. Все же больше подходит шрифт Verdana, он более растянутый и будет лучше смотреться с гарнитурой, которая используется в логотипе. Для чего нам это нужно? Чтобы у нас автоматически поменялись все шрифты в презентации, нам сначала нужно подобрать шрифты. Итак, мы договорились, что у нас будет Verdana.
У нас есть еще один цвет — серый. Именно его предлагаем использовать для основного цвета шрифта. Для заголовков будем использовать темно-синий цвет, а серый — для описаний.
Давайте скопируем два скриншота с корпоративными цветами. Напоминаем, как выделяют два объекта: выделяем объект, нажимаем на Ctrl, выделяем второй объект. Копируем. Переходим в меню «Вид» — «Образец слайдов». Зачем мы перешли сюда? Именно здесь мы с вами будем вносить изменения.
Сначала поменяем цвет плашек на синий и красный. Они должны смотреться гармонично, и чтобы сразу было понятно, что речь идет о нашей компании. Продублируем макет, изменив цвет плашек на синий и серый. Продублируем макет еще раз, сделаем плашки красной и серой. Удаляем скриншоты. Для чего мы сделали несколько макетов? Чтобы у нас была вариативность, далее мы посмотрим, как будет лучше.
Очередные плашки тоже делаем в нашей корпоративной стилистике. Смотрим. У нас есть нижняя полоса. Сделаем её красной. Уберем из образца слайда подпись. Поменяем шрифт, сделаем не Calibri, а Verdana. Переходим в «Образец слайда» — «Шрифты» — «Настроить шрифты». Теперь мы используем для заголовка и основного текста шрифт Verdana.
Поменяем плашки, чтобы они везде были одинаковыми. И удалим подписи внизу, чтобы у нас нигде не было артефактов темплейта.
По поводу номера слайда. Перенесем его на другую сторону, а на его место поставим логотип. Сначала удалим его. Почему? Когда мы копируем и вставляем элемент с одного слайда на другой, PowerPoint вставляет его в то же место. Этот момент надо знать. «Формат фигуры» — «Шрифт» — «белый», а здесь номер удалим.
Далее у нас ничего нет, только специфические слайды. Сейчас мы вставим логотип: кликаем по кнопке «Вставка», копируем логотип, вставляем в образец слайдов.
Сделаем по другому. Закроем образец слайдов, возьмем логотип с первого слайда. Здесь он с уже удаленным фоном. «Вид» — «Образец слайдов». Видим, что у нас здесь все сохранилось. Вставляем сюда логотип и выровняем его, чтобы он был виден. Вставляем логотип в другие макеты.
Что у нас может пойти не так, как надо? У нас может случиться так, что темно-синий фон логотипа будет сливаться с темно-синим фоном подложки. Что мы можем сделать? Мы можем изменить его. PowerPoint позволяет это сделать через меню «Цвет». Выберем другой цвет, например, белый, это будет приемлемо.
То же самое на следующем слайде: ставим логотип и видим, что красный здесь сливается, и логотип не читается. «Формат рисунка» — «Цвет» — «Перекрасить». То же самое делаем с логотипом на синем фоне. И они сразу начинают читаться. А здесь мы вставляем логотип, и у нас сразу все хорошо, потому что здесь цветной фон.
У нас на каком-то слайде пропала нумерация страницы. Давайте ее добавим, чтобы у нас везде была нумерация. «Формат фигуры», меняем цвет. «Закрыть образец».
Вот что у нас с вами получилось. У нас есть наименование презентации: «Шаблон презентации». Размер шрифта — 40. Иконку уберем, выровняем логотип.
Для заголовков предлагаем использовать гарнитуру 40. Сейчас используются гарнитуры 10 и 44. Но у нас другой шаблон. Посмотрим, что здесь получилось. Еще раз перейдем в «Вид» — «Образец слайдов». Посмотрим, почему у нас не изменился шаблон. Оказывается, мы изменили только часть. Давайте скопируем логотип и номер страницы, вставим это в верхний макет. Удалим все лишнее и добавим нужное. Заглавный слайд — он самый главный — слайд-хранитель.
Мы можем увеличить шрифт номера страницы: «Формат фигуры» — «Шрифт» — увеличить, например, до 18. Закрыть образец слайдов.
Видите, у нас везде теперь стоит на всех слайдах логотип «Роса».
Выступающие части фона не видны, поэтому мы можем их не бояться. Но если вас они смущают, то мы можем пойти их поменять.
У нас есть первый слайд — обложка. Предлагаем сделать еще один слайд-обложку из пустого слайда. Переходим: «Вставка» — «Добавить слайд» — «Создать слайд».
Чем удобна работа с темплейтами? Тем, что мы можем из шаблона выбрать тот макет, который нам нужен. У нас есть титульные слайды, пользовательские слайды. Мы можем выбрать любой формат, и все это сделать из шаблона. Шаблон позволяет нам достаточно легко создать слайд: пользовательский макет, вертикальный текст, титульный слайд. Мы можем брать какие-то заготовки и работать с ними.
Посмотрим еще раз на нашу цветовую модель. Снова ее скопируем для того, чтобы закрепить и использовать.
«Шаблон презентации» — «Главная» — «Копировать» — вставляем текст «О компании». Не забываем, что у нас русская компания.
Цвета маленьких кружков поменяем тоже — сделаем синий и серый. Изменим все под нашу цветовую гамму. Это важно.
Мы договорились, что у нас шрифт Verdana кеглем 14 — основная гарнитура. Здесь очень много текста, меняем его на «Текст о нашей компании». Verdana 40 стоит в заголовках и 14-й шрифт — в описаниях. По цвету гарнитуры мы договорились, что этот цвет будет основным цветом описания. Поэтому все цвета у нас есть, с ними уже можно работать, доступна вся палитра. Теперь мы можем удалить образцы цвета, так как в них нет необходимости, мы с вами уже все перенесли.
Маленькие значки в кружках у нас обозначают иконки. Мы можем их удалить.
Что с иконками? И что с Mockup? Мockup — это изображения каких-то реалистичных предметов, которые мы можем использовать в презентации. Они могут быть в виде разных предметов: буклетов, журналов, мониторов, телефонов, компьютеров. И у нас есть набор иконок, который мы подобрали ранее. Давайте скопируем три слайда с mockup и иконками, и вставим в наш темплейт. Мы обычно даем клиенту и иконки тоже, чтобы он мог с ними работать дальше. Здесь у нас есть два девайса: телефон и планшет. Теперь у нас будут эти дополнительные девайсы, которые он сможет использовать, еще будут рука с телефоном и иконки.
Вводим «Текст о компании». Поменяем шрифт. Скопируем и сделаем его белым, а правее можем вставить рисунок.
Переходим к самому основному — к рисункам. Как мы ищем рисунки? Во-первых, надо понимать, чем занимается наша компания. Наша компания занимается безопасностью в IT-сфере. У нас есть два варианта, где могут лежать интересные классные рисунки, — на сайте Unsplash.com и на сайте Freepik.com.
Давайте погуглим на Unsplash и Freepik различные варианты. Здесь есть различные графические объекты: векторы, PSD, иконки, фотографии. Набираем: «информационные технологии». Посмотрим, что у нас есть по этому запросу: «Фильтры» — «Фотографии» — «Бесплатно».
Есть всякие прикольные фотографии прикольная. Кстати говоря, Mockup есть тоже. Мы туда можем вставлять различные объекты. Я призываю вас использовать mockup, потому что это очень удобно. Поищем, что у нас здесь еще может быть.
На Unsplash и Freepik есть возможность использовать фотографии со свободной лицензией. Это удобно. Фотографии можно покупать на стоках.
Вернемся к первой странице, там были хорошие варианты, которые нам подойдут, которые можно использовать. Выбираем, кликаем «Скачать» — «Бесплатная загрузка» — «ОК». Сохраняем в папке, где у нас хранятся уроки. Эту фотографию мы забрали. Заберем еще пару фотографий.
Посмотрим, что у нас есть на Unsplash. Наберем: security.
На Unsplash мы благодарим людей, которые сфотографировали и подготовили контент, но в рамках урока мы этого делать не будем. Мы можем сказать спасибо автору фотографии и указать в презентации информацию об авторстве. Это надо делать обязательно, авторам приятно, когда так происходит. Вот эта фотография достаточно интересная.
Пожалуй, нам хватит фотографий для заказчика этой презентации. Мы с вами подготовили пять фотографий. Найдем их в папке «Загрузки». Скопируем их и положим в нашу папку, чтобы они были там все вместе. Смотрим, что у нас получилось.
На слайд «О компании» мы можем загрузить какую-нибудь нашу фотографию, которая будет иллюстрировать то, чем занимается компания. «Формат рисунка» — «Цвет» — давайте его немного приглушим, чтобы это изображение было не таким ярким, не так сильно обращало на себя внимание. Так будет лучше всего. У нас готов второй слайд.
Перейдем к следующему слайду. Меняем цвета точек на корпоративную стилистику. Выравниваем по центру заголовок. Меняем дескриптор, выравниваем его по центру. Меняем дескриптор внизу по образцу. Это у нас страница о команде. Пишем: «Команда». Дальше заказчик сможет сам вставить сюда рисунки, либо мы можем найти какие-то рисунки для него.
Поищем по запросу: man. Используем стандартные фотографии, чтобы нашему заказчику было понятно, что это члены команды. Скачиваем и вставляем. Отлично.
Следующий слайд мы меняем точно так же. Давайте скопируем, чтобы не менять, точки и поле для заголовка. В прошлый раз мы с вами обсуждали, что лучше всего поля делать ровно под текст. Надо делать так, чтобы они не наползали друг на друга, когда мы будем захватывать элементы, чтобы ими было удобно управлять. Чтобы мы могли их удобно копировать и вставлять.
Добавляем любой рисунок. Делаем его такого цвета, чтобы он больше подходил для нашей презентации, был не настолько ярким, не настолько притягивающим к себе внимание.
Давайте изменим немного слайд «Что мы делаем». Обрежем рисунок, положим плашку слева на задний план, покрасим ее в корпоративные цвета. Пишем: «Текст о деятельности». Потом компания может вставить сюда какой-то факт. Выравниваем все по левому краю. У нас получилось не очень хорошо, потому что нам нужно было выбрать только текст. Подравниваем.
Теперь мы меняем цвет иконок на корпоративный и убираем у них контур. Смотрим, как это будет выглядеть. Нормально. Копируем. Пишем тексты: «Факт 1», «Факт 2», «Факт 3». Далее менеджеры, которые будут работать с этим темплейтом, смогут заполнять его самостоятельно в соответствии со своими задачами. Так, как это будет нужно конкретной компании. Немного убавим яркость рисунка.
Про иконки. При подготовке урока мы подобрали иконки. Они хранятся на панели слайдов. Нам нужно показать нашей компании, как именно использовать иконки. Мы можем, например, вставить иконку, как образец, в слайд «О компании», и дальше менеджеры смогут подобрать какую-то другую иконку, исходя из того, что конкретно им будет нужно.
Неплохая галерея иконок есть у самого PowerPoint, их можно брать и отсюда: «Вставка» — «Значки». Можно брать иконки, мы об этом уже говорили, на Flaticon (https://www.flaticon.com/). На следующем уроке будем это с вами делать. Здесь тоже бесплатные иконки со свободной лицензией.
Что еще можно делать? Можно работать с контуром иконки: делать его более, либо менее плотным. Можем не использовать контур, а использовать только заливку. Все зависит от того, чего хочет компания-заказчик.
Давайте подготовим еще один слайд для того, чтобы у нас был более-менее готовый контент, чтобы у нас было готово пять слайдов.
Давайте уберем со слайда Exclusive Service неподходящий контент, заменим его из готового макета, так проще.
Поиск простых, более эффективных решений — это тоже хорошая история. Не обязательно все делать очень дорого, долго и так далее. Вполне достаточно каких-то простых решений.
Набираем: «Продукт 2», копируем этот текст, вставляем в остальные блоки. Выравниваем его. У нас поле может быть более темным, а шрифт, например, — белым. Полоски сделаем красными. Увеличим масштаб, так удобнее. Теперь мы можем их выделить и изменяем. В кружки над текстом заказчик вставит какие-то иконки, которые будут символизировать тот или иной продукт: «Продукт 1», «Продукт 2», «Продукт 3», «Продукт 4».
Не забываем, что за пределы нашей монтажной области могут выходить какие-то части. В целом это не так страшно.
Мы с вами подготовили пять слайдов. Чтобы презентация имела завершенный вид, подберем три иконки к слайду «Что мы делаем». Делаем у этих иконок белую заливку, чтобы они не выделялись. Чуть-чуть их увеличиваем.
С этими элементами надо работать очень аккуратно, потому что они тонкие. Часто ошибочно двигается фон. Выровняем их: «Упорядочить» — «Выровнять по центру». Отлично.
На слайде «Команда» контент можно разнести подальше.
Единственное, что мы с вами не сделали, а это очень важно, — не везде добавили направляющие. Давайте добавим направляющие. Это нужно для того, чтобы контент был размещен равномерно.
Упорядочим фотографии на слайде «Команда». «Упорядочить» — «Выровнять» — «Распределить по горизонтали», чтобы они были размещены по сетке. Тогда слайд будет выглядеть более завершенным.
Видим, что цифра «3» лежит не по сетке. Вернемся к образцу слайда: «Вид» — «Образец слайдов». Починим, чтобы все было очень аккуратно. Закрываем образец слайдов. Теперь все по сетке, все аккуратно.
Мы с вами упаковали пять слайдов. Вам нужно будет к следующему уроку упаковать эти пять слайдов по образцу, а также упаковать еще три слайда на выбор, если вы хотите пойти чуть-чуть дальше. Задача минимум — пять слайдов, задача максимум — восемь слайдов.
На этом мы с вами урок заканчиваем. Ждем вас на следующем.
