Урок 7

Время прохождения: 20 минут

Адаптация темплейта под корпоративный стиль заказчика. Часть 3

Здравствуйте, друзья! Мы с вами продолжаем работу над упаковкой шаблона презентации компании «Роса» в темплейт.

Первое напоминание: всегда проверяем соблюдение единообразия в шрифтах.

Второе. На слайде, где изображен красный круг с замком внутри, мы использовали настройку, которая называется «Прозрачность рисунка». Когда мы вставили рисунок, он был очень темным и немного забивал контент. Мы сделали его более прозрачным и менее заметным. Делается это через «Формат рисунка», это же меню доступно через правую кнопку мыши. Нажимаем иконку «Рисунок» и во вкладке «Прозрачность изображения» меняем прозрачность. Этот шаблон готов. Идем дальше. Следующий слайд мы также упаковали.

Сегодня мы вместе с вами упакуем еще три слайда. Все остальные слайды вы упакуете самостоятельно. Упакуем слайды с диаграммами. Все остальные слайды в целом похожи.

Какая может быть специфика в слайде Main Step`s of Development? Здесь используется конструктор SmartArt. Мы можем здесь изменить цвета на предлагаемые конструктором, либо выбрать цвета, предполагаемые темплейтом. Это можно сделать достаточно быстро. Прозрачность здесь сохраняется. Мы можем легко изменить цвета: сделать один объект красным, другой — синим. Вот так у нас получается. Все это вы можете сделать сами.

В слайде Puzzle Slide Diagram обращаем внимание на то, что у нас изменяются не только цвета основных частей, но и «ушек» от пазлов. Они тоже становятся другими. Не забываем, что мы должны покрасить все элементы в фигуре. Если мы выбираем фигуру целиком, то она закрашивается вся, потому что она у нас сгруппирована. Поэтому надо кликнуть два раза: сначала выбрав фигуру, а потом внутри фигуры выбрав какой-то объект. Или разгруппировать ее. Здесь разгруппировывать не обязательно, потому что мы можем и так легко с этим работать.

Какие у нас еще могут быть особенности? Это всё легко, вы в целом будете способны справиться сами.

Объект на слайде Arrow Slide Diagram тоже достаточно легко изменяется, никакой проблемы нет.

На слайде Our Infographic следует поработать с фоном. Здесь сверху лежит подложка, нам нужно ее поменять. Делаем это следующим образом: «Формат фигуры» — «Заливка» — выбираем цвет заливки, например, синий, и делаем ее более прозрачной. Также можем использовать градиентную заливку. Используем для этого два цвета: красный и синий. И увеличим прозрачность. Вы можете использовать любой вариант, который вам понравится. Оба вариант хороши. Еще раз: вставляем рисунок, кладем его вниз, после этого меняем цвет обложки на цвет из нашего гайдлайна. Это важно, только так наша компания получит шаблон в ее корпоративных цветах.

Со слайдом Process Work Timeline работать легко, мы просто меняем цвет элементов. Лучше всего здесь использовать контрастный красный. Если мы используем синий, то у нас объект будет сливаться с нашим шаблоном. Сверху, допустим, можем использовать синие кружки, а снизу — белые или серые, чтобы у нас элементы не терялись на фоне. Увеличим рисунок, чтобы было удобнее работать. 

Не забываем везде менять шрифт, даже в столь маленьких элементах должна стоять гарнитура Verdana. Проверяем это обязательно.

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

Мы с этим уже встречались. Давайте повторим еще раз. У нас эти логотипы не в формате png. Они с белым фоном, поэтому они будут некрасиво смотреться на серых плашках. Это очень грубо. Только логотип Альфа-Банка в формате png с прозрачным фоном.

Не всегда доступны логотипы в png. Но мы помним, что нам нечего бояться, — PowerPoint позволяет удалить фон. Как мы это делаем? Давайте вспомним. Выбираем картинку, переходим в «Формат рисунка». Дальше у нас есть два варианта. 

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

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

Есть еще один вариант удаления фона: выделяем рисунок, переходим в «Формат рисунка» — «Удалить фон». Попробуем сделать это таким образом. Мы видим, что элементы рисунка, которые у нас останутся, остаются цветными, а те из элементов, которые будут удалены, становятся фиолетовыми. 

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

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

Идем дальше. Не забываем, что мы с вами меняем цветность. Пишем: «Наши клиенты». Красим всё в корпоративные цвета. Все точки, все элементы должны быть обязательно тех цветов, которые приняты в темплейте. Слайд должен выглядеть гармонично. Этот слайд готов.

Теперь сделаем другую важную часть — поработаем со слайдами с гистограммами и графиками. Работа с этими слайдами отличается. Поговорим об этом отдельно.

Чтобы клиенту было удобно работать, гистограммы и графики лучше всего менять в образце слайдов. Как мы это делаем? Переходим в «Вид» — «Образец слайдов». Самый оптимальный вариант — сделать пользовательские настройки в цвете. Пробуем. 

Нам нужно для этого знать вот эти данные: C, M, Y, K. Скопируем, сделав скриншот, чтобы было удобнее их набрать в нашей презентации.

Нужно правильным образом настроить цвета. Переходим в «Настроить цвета» — «Текст/фон» — «Другие цвета». Выбираем «Спектр». Обращаем внимание, что у нас цветовая гамма — RGB. Презентация будет использоваться для работы в электронном виде без печати. Поэтому мы берем данные в этой цветовой гамме. Мы видим значения «Темного фона 1»: R-0, G-95, B-143. Вбиваем эти значения: 0-95-143. Нажимаем «ОК». Цвет, который нам необходим. «Светлый фон 1» мы оставляем. «Темный фон 2» пусть будет красный, нажимаем «Другие цвета» и выставляем соответствующие значения: 227-21-32. «ОК». Выставляем «Светлый фон 2». Выбираем «Другие цвета» и набираем: 177-177-177. «ОК».

Теперь нам нужно сделать акценты. Акценты у нас такие же. Мы уже видим здесь наши цвета, поэтому можем их легко применить: «Акцент 1», «Акцент 2», «Акцент 3», «Акцент белый», «Акцент синий» и «Акцент красный». 

«Гиперссылка». «Гиперссылку» делаем красной, «Просмотренную гиперссылку» — светло-серой. «Сохранить». Удаляем скриншот. Закрываем образец слайдов.

Теперь применим наши цвета в «Конструкторе диаграмм». Мы можем применять их по-разному: сделать элементы в разных цветах из готовых палитр, либо использовать различные оттенки одного цвета, это тоже неплохой вариант. Попробуем сделать монохромную диаграмму на слайде Column Slide Diagram.

Перейдем на слайд Circle Slide Diagram. Здесь, в «Конструкторе диаграмм», мы точно так же можем выбрать необходимый нам вариант. Здесь мы выберем, допустим, трёхцветный формат рожков. 

И на слайде State Analysis мы тоже можем выбрать цвета диаграммы. Здесь цветовая модель почему-то не установилась. Такое иногда бывает в темплейтах, смущаться не надо. Нужно повторно пройти в «Вид» — «Образец слайдов», потому что здесь в образце слайдов началась другая цветовая модель. Нажимаем «Настроить цвета», выбираем, допустим, палитру «Другая 4». Далее: «Вид» — «Конструктор диаграмм» — настраиваем наши столбцы.

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

Давайте еще изменим цвет диаграммы Customers Charts Slide. Поменяем и цвет текста. Удалим поперечные линии, они лишние, они утяжеляют нашу диаграмму. На предыдущих диаграммах поступим точно так же.

Не забываем, что нам нужно будет поменять шрифты. Вы должны будете сделать это самостоятельно, по образцу.

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

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

Попробуйте повторить, посмотрим, что у вас из этого получится. Всем спасибо! До следующего урока!

Домашнее задание

1. Упаковать слайды по образцу из урока — ссылка.

Вы всё поняли в уроке?