🌐Как сделать эффект прокрутки на слайде?

Подбираем нужные картинки
Определите, что именно хотите вписать в экран дивайса и найдите или отрисуйте изображение самого дивайса (компьютер, телефон, ноутбук, планшет...).

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

Настраиваем анимацию
Зайдите во вкладку Анимация > Добавить анимацию > Выберите Линии > при необходимости зайдите в Параметры эффектов, чтобы изменить направление прокрутки
Дальше меняем длину линии, чтобы на экране после запуска анимации оказался нужное изображение (кликните по линии анимации и потяните ползунок вверх/вниз).

Усиливаем эффект
Если нужно, дополняем слайд картинкой с руками и делаем эффект нажатия по кнопке мыши. Для этого делаем гифку.
Скопируйте изображение руки, которая будет имитировать нажатие, отредактируйте дубль. В итоге должно получится две картинки – исходный вариант и вариант, где указательный палец короче (редактировать рисунок в формате SVG можно через Изменение фигуры > Изменить начертания углов).

Дальше из получившихся картинок делаем гифку, например, через онлайн-сервисы. А затем помещаем гифку на слайд. Всё готово!

Подробнее весь процесс описала в видео📹

Эффект прокрутки можно использовать и для отображения счëтчика ➡️ смотрите пример в этом посте (ролик с условиями видео-конкурса).

❕Присылайте в комментариях свои примеры, и я отправлю вам исходник этого слайда😉

#туториал

👍 Вчера получила долгожданную книгу по презентациям от создателей школы Bonnie&Slide.

😮 Начала просматривать, и...  каково же было моë удивление увидеть свой слайд в этой книге + есть подозрение, что ещё один слайд был видоизменён, но сделан по моей концепции (это не точно, но очень похоже😉)

В общем, неожиданно и очень приятно оказаться в учебнике😍

P. S.: это не реклама! Я искренне, от души и бесплатно рекомендую эту книгу всем, кто делает презентации.

#распаковка@LenaLabDesign

Сегодня пост про сетки, а именно как их настроить в PowerPoint. Есть несколько способов...

1️⃣ Включить направляющие через вкладку Вид. Можно выровнить расположение направляющих по линейке и добавить столько направляющих, сколько требуется.
Важно: чтобы случайно не сдвинуть направляющие и потом не настраивать их заново, воспользуйтесь сразу режимом Образец слайдов, он открывается также через вкладку Вид. Подробнее о преимуществах работы через этот режим рассказала в видео👆

2️⃣ Настроить сетки можно с помощью приложения BrightSlide.  Я как-то уже рассказывала про расширение функционала PowerPoint за счёт дополнительных надстроек (если пропустили, вот здесь можно прочитать). BrightSlide – это ещё одно очень классное приложение, которое в разы экономит время. Само приложение бесплатное, нужно только зайти на сайт brightcarbon.com, скачать приложение для своей версии Windows или Mac и зарегистрироваться.
После установки приложения, в PowerPoint появится отдельная вкладка. Через BrightSlide сетку можно отрисовать за считанные секунды. Смотрите, как это сделать в видео⬆️

Про BrightSlide обязательно ещё подробнее расскажу, здесь много всяких фишек для ускорения работы.

А вы используете сетки в презентациях?  Проголосуйте реакцией:
❤️ – пользуюсь редко, не требуется
🔥 – да, начинаю подготовку слайда с сетки

#туториал #сетки #BrightSlide

⭐️Если картинка понравилась, а найти еë в хорошем качестве не удалось, то можно отрисовать картинку прямо в PowerPoint.

⭐️Преимущества отрисовки в том, что эту картинку в последствие можно использовать в других проектах и можно редактировать, увеличивать, менять цвет. Качество при этом нисколько не ухудшится. Так что уметь работать с фигурами и кривыми бывает очень даже полезно.

В видео показала сам процесс отрисовки. А вы рисуете в PowerPoint?

P. S.: в комментариях прикреплю исходник рисунка в pptx, можете использовать для своих проектов😉

😀 Сегодня о нейросетях не говорит только ленивый))

Поделюсь некоторыми ресурсами, которые могут быть полезны дизайнерам⬇️

zyro.com — поможет улучшить качество фото (хорошо справляется с объектами, пейзажами, но с людьми – не очень). Бесплатный инструмент, но требуется vpn, иногда пишет, что лимит исчерпан — можно сделать запрос позже, сработает💯
cutout.pro — инструмент здорово улучшает качество картинки (даже с людьми, в видео смотрите разницу двух ресурсов). Есть лимит в 5 кредитов, далее нужно купить подписку, либо пригласить друзей и получить ещё 5 кредитов. Кстати, если вы регистрируетесь по приглашению от друга, то тоже получаете 5 кредитов дополнительно. 1 кредит = 1 фото.
Ловите моë приглашение по ссылке😙
bgeraser.com — для удаления фона (в бесплатном тарифе 50 кредитов в месяц)
create.pixelcut.ai — для удаления одного или нескольких объектов на фото (инструмент называется magic eraser)
stablediffusionweb.com — для генерации картинок по запросу (аналог  Midjourney), только легче и доступнее, но может долго загружать картинки
vectorizer.ai – если нужно перевести фото в векторный формат (например, SVG)

А вы пользуетесь нейронками?Возможно, у вас уже есть свои фавориты?

🔠🔠🔠🔠🔠🔠🔠🔠❗️
Сегодня решила разобрать основные эффекты анимации, которые использовала в ролике для рубрики #ДизайнерЛегенда

1️⃣⏪ слайд⏩
Виды анимации: линии, вылет, вращение
Эффекты анимации: плавное начало и окончание.
Настраиваем направления движения объектов и продолжительность анимации

2️⃣⏪слайд⏩
Вид анимации: вылет
Переход: сдвиг (направление вверх).
Важно: чтобы достичь эффекта скроллинга, необходимо распределить часть объектов на первом слайде (в видео это вертикальные линии и круги), а вторую часть на втором слайде.

3️⃣⏪слайд⏩
Виды анимации: вращение, возникновение, плавный вылет, исчезновение, вылет за кадр.
Для эффекта мерцания для дуги выбираем градиентную заливку (один цвет в тон фона, другой по желанию, в примере используется белый и чëрный цвета).
Переход: сдвиг

💻А какие виды анимации вы выбираете чаще всего для своих проектов? И часто ли делаете видеоролики в PowerPoint или предпочитаете специализированные редакторы?

P. S.: ставьте свои реакции, если было полезно 🔥💔

Как-то участвовала в интенсиве от iSpring "Дизайн по шагам. Как создать красивый курс в тёмной теме". Отправила свои слайды на суд экспертов в области e-learning.

Вот послушайте, как Дарья Селезнева (преподаватель Академии iSpring, Teamlead методистов в Skyeng) оценила мою работу 📹

А если пост наберёт 15+ реакций🖤🔥, скину исходники слайдов в двух темах (тёмной и светлой😉). Можно будет просто скопировать элементы и использовать в своих проектах.

🥂 Приветствую всех в новом году! Как вы?))

С прошлого года я не успела опубликовать несколько постов, потому что несмотря на зимний месяц, декабрь оказался довольно жарким🎆 Но обещаю всë наверстать!

И первый мой пост будет про обесценивание и веру в себя

ПРЕДЫСТОРИЯ
В октябре 2023 я приняла участие в дизайн-конкурсе Николая Пере (арт-директора и основателя школы Bonnie&Slide и школы Переупаковки). По счастливой случайности объявление победителей произошло в день моего рождения – 27 октября, я заняла второе место. Конечно, это известие меня очень порадавало, и я уже хотела поделиться новостью на канале, но потом засомневалась и вот, почему.

КОММЕНТАРИИ
Так вышло, что большинство комментаторов под постом с результатами безусловно поддержали дизайнера (Алису Горбунову), которая заняла 1 место, но скептически отнеслись к выбору 2 и 3 места (его заняла Милена Лыско). При том, что мне тоже понравилась работа Алисы (я оставила комментарий и отметила еë слайды ещё до оглашения топ-3), мне было немного не понятно, почему комментаторы обесценили работы других?☃️

ФАКТЫ ВАЖНЕЕ ОЦЕНОК
Как вы понимаете, не смотря на разные оценки, я всё равно публикую этот факт о себе и гордо заявляю – я заняла второе место в дизайнерском конкурсе! Прикладываю кусочек эфира, где Николай разбирает мои слайды (полный эфир с разбором всех 100 работ можно посмотреть по этой ссылке).

А как вы реагируете на победы других? И сталкивались ли с обесцениванием своей работы? Как поддерживаете себя, если такое происходит?

👍 Результаты конкурса официально объявлены (уже как неделю😂)

Всего в конкурсе поучаствовали 129 дизайнеров и прислали 243 слайда. Мой слайд вошёл в 4ку лучших и будет опубликован в книге с указанием моего имени (кстати, в выпущенной книге от Bonnie&Slide мой слайд тоже есть, правда, только с общей подписью "Слайды студентов Академии...", без авторства, но я-то его узнала😉)

😮Вообще было много классных решений для оформления слайда, взяла несколько прëмов для себя.

Ожидаю ещё ролик с разбором. Когда он появится, поделюсь. А пока для истории оставлю пост с  краткой видеозарисовкой о победителях конкурса здесь👇

➖➖➖
⚡️UPD: разбор подоспел, можно посмотреть по этой ссылке

(Про мой слайд на '31:40 минуте)

⚡️ Поздравляем победителей конкурса! Эти слайды и имена будут в моей второй книге про дизайн. Подробный разбор участников и запись прямого эфира будет на днях у меня в ютуб. Подпишитесь ✔️

А пока вопрос: какой бы макет мы еще с вами могли переделать в формате конкурса? Что-то максимально популярное как слайд. Желательно вертикальное! Накидывайте в комментариях, если хотите еще конкурсов 👀

📌 Где найти картинки? Где искать вдохновения? На каких ресурсах найти качественные фото?  Где скачать шрифты? Вот, бы всё было на одном сайте!

К счастью, такой сайт уже существует! Кажется, здесь есть абсолютно ВСЁ! TOOOLS.design – это библиотека с полезными ресурсами для дизайнеров.

Что внутри
🟣 сайты для поиска референсов
🟣 иллюстрации
🟣 иконки
🟣 мокапы
🟣 фото
🟣 типографика
🟣 инструменты для UX-дизайна
🟣 ресурсы для выбора цветовых сочетаний
🟣 нейросети
И много чего ещё. Есть даже подкасты, статьи и курсы про дизайн (правда, они на английском, хотя сегодня, думаю, это совсем не припятствие)

Маркировка
Free - бесплатно
Freemium - есть какое-то ограничение, потом платная подписка
Free + Paid - есть бесплатный и платный контент
Paid - платный ресурс

❓А вы какими сайтами пользуетесь для поиска контента?