Когда вам нужно показать этапы проекта. Вы открываете PowerPoint.
Рисуете стрелочки, добавляете прямоугольники, двигаете текст туда-сюда…
И через час смотрите на результат — и понимаете: выглядит как из 2005 года.
Знакомо?
👍 Если вам знакома эта ситуация — поставьте лайк.
Хочу понять, насколько это общая боль.
В этой статье я покажу, как за 15-20 минут сделать слайды с дорожной картой проекта, которые выглядят современно, стильно и профессионально.
С анимацией. Без сложных инструментов. Только PowerPoint.
В конце статьи дам ссылку на мой готовый шаблон со всеми материалами
и готовыми слайдами.
Почему стандартные таймлайны
в PowerPoint не работают
Откройте любую презентацию с этапами проекта.
Скорее всего, там будет что-то из этого набора: стрелки SmartArt,
разноцветные блоки без системы, текст, который не влезает,
или картинки разного качества и стиля.
Проблема не в PowerPoint. Проблема в том, что большинство людей не знают про несколько простых приёмов, которые превращают «нормально» в «вау».
Шаг 1. Создаём структуру блоков
Первое, что нужно сделать — включить смарт-направляющие.
Это ваш главный помощник в выравнивании.
Как включить смарт-направляющие
Кликните правой кнопкой мыши на слайде → выберите «Сетка и направляющие» → поставьте галочку «Отображать смарт-направляющие».
Теперь переходим к созданию блоков.
Создаём 4 блока для этапов
Идите в меню «Вставка» → «Фигуры» → выберите обычный прямоугольник. Растяните его на всю высоту слайда. Уберите контур (он не нужен).
Теперь зажмите Ctrl и перетащите прямоугольник вправо — он продублируется. Смарт-направляющие покажут, когда фигуры выровнены.
Сделайте 4 таких прямоугольника.
Выделите все 4 фигуры (Ctrl+A или мышкой), нажмите Ctrl+G — сгруппируйте. Растяните группу на весь слайд. Разгруппируйте обратно (Ctrl+Shift+G).
Делаем аккуратные отступы с помощью сетки
Это ключевой момент.
Именно одинаковые отступы создают ощущение аккуратно и «дорого».
Снова правая кнопка → «Сетка и направляющие».
Выключите смарт-направляющие, включите «Привязать к сетке»
и «Показывать сетку».
Теперь уменьшите каждый крайний прямоугольник на 2 клеточки сетки
с каждой стороны: слева, справа, сверху и снизу.
Между блоками — тоже по 2 клеточки (по одной с каждой стороны).
Готово. Выключите сетку, включите обратно смарт-направляющие.
👍 Если приём с сеткой для вас новый — ставьте лайк.
Это реально меняет качество работы.
Шаг 2. Вставляем и кадрируем картинки
Теперь вставляем изображения для каждого этапа.
Скопируйте картинку (Ctrl+C) и вставьте на слайд (Ctrl+V).
Кликните на картинке правой кнопкой → «Обрезать». Смарт-направляющие покажут границы вашего прямоугольника-блока. Обрежьте картинку точно по этим границам.
Повторите для всех 4 картинок. Чтобы выровнять их по высоте (например, чтобы цифры этапов были на одном уровне), добавьте горизонтальную направляющую: правая кнопка → «Сетка и направляющие» → «Добавить горизонтальную направляющую».
Скругляем углы (эффект Bento)
Дважды кликните на картинке.
В меню сверху найдите «Обрезать» → «Обрезать по фигуре» →
выберите «Прямоугольник со скруглёнными углами».
Скруглите чуть-чуть, не переборщите.
Чтобы все углы были одинаковыми, скопируйте стиль:
выделите картинку со скруглением → Shift+Ctrl+C.
Перейдите к другой картинке → Shift+Ctrl+V. Повторите для всех.
Шаг 3. Добавляем анимацию
Здесь начинается магия.
Переход «Трансформация» (Morph) автоматически анимирует
изменения между слайдами. Вам не нужно настраивать
каждую анимацию отдельно.
Как это работает
Дублируйте слайд (Ctrl+D).
На копии измените расположение элементов:
например, увеличьте одну картинку, уменьшите остальные, добавьте текст. Назначьте этому слайду переход «Трансформация» —
и PowerPoint сам создаст плавную анимацию между двумя состояниями.
Настраиваем переход
Выделите слайд, который должен анимироваться.
Перейдите во вкладку «Переходы». Выберите «Трансформация».
По умолчанию анимация медленная.
Измените длительность на 0,75 секунды — так будет динамичнее.
Трюк с подъезжающим текстом
Хотите, чтобы текст плавно въезжал снизу?
Скопируйте текстовый блок на предыдущий слайд и переместите его за нижний край слайда. При переходе текст автоматически «подъедет» на своё место.
Дальше повторяем всё точно так же с остальными слайдами-этапами проекта.
Шаг 4. Делаем обложку
Финальный штрих — обложка, где текст заполнен изображением.
Выглядит эффектно, делается за минуту.
Как вставить картинку внутрь текста
Напишите текст заголовка. Вставьте картинку и растяните её на весь текст. Переместите картинку под текст: зажмите Shift+Ctrl и несколько раз нажмите квадратную скобку влево [.
Теперь выделите картинку, зажмите Shift и кликните на текст
(чтобы выделить оба). Перейдите в «Формат фигуры» → «Объединить фигуры» → «Пересечение».
Картинка «вырежется» по форме букв.
Можете подвигать её внутри текста через «Обрезать»,
чтобы получить более интересный эффект.
Типичные ошибки, которых стоит избегать
Разные отступы между блоками.
Используйте сетку — это занимает 30 секунд, а результат кардинально другой.
Слишком сильное скругление углов.
Bento — это про минимализм. Скругляйте чуть-чуть.
Медленная анимация.
0,75 секунды — оптимально. 2 секунды — уже утомляет.
Картинки разного стиля.
Если используете нейросети для генерации —
делайте все картинки в одном стиле.
Итог
Вот что мы сделали:
— Создали структуру блоков с идеальными отступами через сетку
— Вставили и скадрировали картинки с помощью смарт-направляющих
— Скруглили углы в стиле Bento
— Настроили анимацию «Трансформация»
— Сделали обложку с текстом-картинкой
Это не сложно. Это просто непривычно.
🔔 Подпишитесь на канал, чтобы не пропустить следующую статью —
там я покажу 5 лайфхаков, которые помогут делать стильные бизнес-презентации в 2 раза быстрее.
👍 Если статья была полезной — поставьте лайк.
Это помогает продвижению и мотивирует писать больше
практичного контента.
Шаблон с материалами и готовыми слайдами вы можете забрать у меня в телеграм-канале.