☀️ Скоро лето, солнце, путешествия. И новые идейки для переходов!

1. Размещаем самолет в PNG формате на слайд с видео.

2. Рисуем желтые треугольники и один прямоугольник так, как показано на видео и объединяем между собой.

3. Вытаскиваем самолёт на передний план и группируем с получившейся фигурой.

4. Применяем к группе анимацию линии, направление — вправо и регулируем амплитуду.

Понравилось? Дайте знать!

#топ

🤔 Как сделать так, чтоб вся анимация запускалась одновременно?

На видео мы наблюдаем картину из 4-х анимашек: первые две — анимация вращения двух скруглённых блоков текста, третья — подпрыгивание 3D-модельки, а четвертая — колебание той же 3D-модели.

Выделяем все анимации (Ctrl + A) и выбираем запуск «С предыдущим».

Готово, гляньте на финальный вариант :)

#анимация

Как анимировать статичный слайд быстро, просто и стильно?

Для начала продублируем слайд и вернёмся на первый, а после этого:

1. Удаляем название компании и меню в правом верхнем углу.

2. Отодвигаем блоки текста (те, что в левой части слайда — влево, в правой — вправо).

*из-за того, что основной заголовок состоит из двух частей, двигаем одну часть влево и вверх, другую — вправо и вверх.

3. Двигаем картинку мозга вверх, а белую подложку (круг) вниз.

Применяем ко второму слайду переход «Трансформация» и, по традиции, балдеем от результата :)

#анимация

Шрифты. В каких случаях, и какие лучше?

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

Отсюда просится вывод: делаете презентацию под выступление — юзайте гротеск.

Старайтесь избегать "нечитабельных" шрифтов, особенно в основном тексте. Один из лучших шрифтов без засечек — Helvetica, плюс он гармонично сочетается и с другими гротесками.

Как быть с рукописными и дизайнерскими шрифтами?

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

❤️ — класс, полезная информация!

#прошрифты

NicePNG — сборник почти миллиона изображений без фона в формате PNG.

Найдётся буквально всё: мокапы, парики, эмодзи, летающие деньги, иллюстрации, постеры из фильмов и т. д.

Можно искать по запросу и по категориям, скачивается в 2 клика.

#набор

Мы случайно удалили этот пост, перевыкладываем )

Текстовое отражение — осталось в прошлом? А вот и нет!

1. Размещаем фото яхты и текст, дублируем фотографию и вырезаем фон вокруг яхты.

2. Увеличиваем текст и размещаем так, чтоб он "стоял" на линии соприкосновения с водой.

3. Добавляем к тексту эффект отражения и возвращаем яхту на место.

❤️ — слушайте, а выглядит супер!

#медиаконтент

Почему так важна последовательность кликов при пересечении объектов?

Всё на самом деле просто, давайте рассмотрим на примере картинки и фигуры, распложенной на верхнем слое:

1. Кликаем сначала на картинку, затем на фигуру, объединяем с помощью элемента «Пересечение», и в итоге мы получим картинку в форме фигуры.

2. Если выбрать сначала фигуру, затем картинку, а потом пересечь их между собой — изображение пропадёт и останется лишь фигура.

*при пересечении объектов в приоритете будет тот, что выбран первым.

❤️ — класс!

#основы

Как разбить текст по колонкам и настроить их количество?

Довольно несложно — выберите текст и кликните по команде «Добавить или удалить колонки».

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

Полезно для тех, кто часто использует много блоков текста на слайдах, юзайте :)

#основы

Как пронумеровать столбики текста?

Полезная штука, хоть и довольная простая — кликаем на блок текста, выбираем команду «Нумерация» → «Список».

Откроется окошко, где можно выбрать варианты нумерации (римские цифры, буквы алфавита и т. д.) и цвет заливки.

❤️ — класс, спасибо!

#основы

Как сделать так, чтоб видео проигрывалось и сразу же увеличивалось?

Выделяем видео и накидываем к нему анимацию «Увеличение размера», выставляем длительность +-10 секунд.

Опять выделяем видео, кликаем «Добавить анимацию» → «Воспроизведение».

Переходим в «Область анимации», выделяем обе анимашки и ставим запуск «С предыдущим».

Кликаем «Просмотр» и проверяем, всё ли у нас получилось :)

#анимация

🔥 Идея для представления личности в презентации!

1. Поверх фото размещаем фигуру и SVG-кляксу, которую необходимо будет вычесть из прямоугольника.

2. Делаем фотографию черно-белой, дублируем слайд, возвращаем насыщенность, меняем цвет фигуры и рисуем ещё один скруглённый прямоугольник.

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

Осталось накинуть трансформацию, друзья, и всё готово!

#топ

Мелкий, но важный шаг при использовании SVG-иллюстраций — преобразование в фигуру.

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

Разберем элементы объединения поподробнее?

#основы

На что обратить внимание при заливке текста градиентом?

1. На количество маркеров — их не может быть два, как мы привыкли это видеть на градиентных фигурах.

Их должно быть 3-5, чтоб переход получился очень плавным (наглядно на видео)

2. Не забывайте про регулировку направления градиента: сверху вниз, слева направо и т. д.

❤️ — круто, спасибо :)

#основы