Урок 7

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

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

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

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

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

Идем дальше. Этот слайд мы также упаковали.

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

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

Какая может быть специфика в этом слайде?

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

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

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

Если мы выбираем фигуру вот так, то она закрашивается вся, потому что она у нас сгруппирована. Поэтому надо кликнуть два раза — сначала выбрать фигуру, а потом внутри фигуры выбрать какой-то объект. Или разгруппировать ее.

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

Какие у нас еще могут быть особенности?

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

Вот на этом слайде следует поработать с фоном.

Здесь сверху лежит подложка и нам, конечно, нужно ее поменять. 

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

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

И еще раз обратим на это ваше внимание. С этим слайдом работать легко, мы просто меняем цвет элементов. Лучше всего здесь использовать контрастный красный — если мы используем синий, то у нас объект будет сливаться с нашим шаблоном. 

Сверху мы можем, допустим, использовать синие кружки, а снизу — белые или серые кружки, чтобы у нас элементы не терялись на фоне. Увеличим рисунок, чтобы было удобнее работать. 

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

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

Это логотип Альфа-Банка, логотип Совкомбанка и логотип ВТБ. Давайте вставим их и посмотрим, что мы можем сделать.

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

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

Выбираем картинку, переходим в «Формат рисунка». Дальше у нас есть два варианта. 

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

Давайте посмотрим, получится ли так сделать с логотипом ВТБ. В целом нормально. 

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

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

Мы видим, что те элементы рисунка, которые у нас останутся, остаются цветными, а те элементы, которые у нас удаляются, становятся фиолетовыми. 

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

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

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

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

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

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

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

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

Нам нужно правильным образом настроить цвета. Переходим в «Настроить цвета» — «Текст/фон» — «Другие цвета». Выбираем «Спектр». 

Обращаем внимание, что у нас здесь цветовая гамма RGB. Презентация будет использоваться для работы в электронном виде без печати. Поэтому мы берем данные в цветовой гамме RGB. Мы видим здесь значения: первый темный фон у нас R0 G95 B143, 0-95-143. «ОК».

Вот тот цвет, который нам необходим. «Светлый фон 1» мы оставляем. «Темный фон 2» пусть будет красный, нажимаем «Другие цвета» и выставляем цвет: 227-21-32. «ОК». 

Выставляем «Светлый фон 2». Выбираем «Другие цвета» и набираем 177-177-177. «ОК». «Сохранить».

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

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

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

Перейдем в эту диаграмму. Здесь, в «Конструкторе диаграмм», мы точно так же можем выбрать необходимый нам вариант.

Здесь мы выберем, допустим, вот такой формат рожков. 

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

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

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

Давайте еще вот эту диаграмму поменяем.

Поменяем и цвет текста.

Удалим поперечные линии, они лишние — утяжеляют нашу диаграмму.

Здесь поступим точно так же.

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

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

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

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

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

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

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

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

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