⚫️ Lena Lab Design
189 subscribers
150 photos
72 videos
3 files
47 links
Презентация — это инструмент влияния! Делаю презентации сама и учу их проектировать.

Елена — педагогический дизайнер,
10+ лет в разработке и дизайне учебного контента (презентации, курсы, чек-листы, постеры...)

📨 @ellena_07
Download Telegram
🖼️Решила показать процесс создания дизайна слайда с нуля – без исходников, готовых образов, брендированных цветов и визуала, когда нет совсем ничего 🙈

Я не буду говорить отдельно о цели презентации, выстраивании логики и структуры (про это можно почитать здесь👈), остановлюсь именно на дизайне.

Сначала важно вдохновиться. Не ждать, когда вдохновение придёт, а подпитаться классными идеями на любимых сайтах (уже писала о них)

Дальше отобрать рефференсы — если взгляд за что-то зацепился, сделать скрин и добавить к себе в доску настроения.

Подобрать нужные шрифты, чтобы вписывались в стиль и тему презентации (в примере, я использую 1 декоративный шрифт для заголовков и 1 – для основного текста)

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

Когда титульный слайд готов – поэксперементировать с фоном, подложками, размером текста – важно, чтобы слайды были разнообразными, но в единой стилистике и цвете.

Процесс создания дизайна, хоть и творческий, но подчинён определённому алгоритму.
Согласны? Или у вас по-другому?

Пишите свои комментарии и, конечно, ставьте реакции – для меня это отличная мотивация дальше делиться своим опытом😉
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥121👏1👾1
Media is too big
VIEW IN TELEGRAM
🌐Как сделать эффект прокрутки на слайде?

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

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

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

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

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

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

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

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

#туториал
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥191
Media is too big
VIEW IN TELEGRAM
👍 Вчера получила долгожданную книгу по презентациям от создателей школы Bonnie&Slide.

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

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

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

#распаковка@LenaLabDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👏73🔥3
Media is too big
VIEW IN TELEGRAM
Сегодня пост про сетки, а именно как их настроить в PowerPoint. Есть несколько способов...

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

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

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

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

#туториал #сетки #BrightSlide
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥119
Media is too big
VIEW IN TELEGRAM
⭐️Если картинка понравилась, а найти еë в хорошем качестве не удалось, то можно отрисовать картинку прямо в PowerPoint.

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

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

P. S.: в комментариях прикреплю исходник рисунка в pptx, можете использовать для своих проектов
😉
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥132🤩2
This media is not supported in your browser
VIEW IN TELEGRAM
😀 Сегодня о нейросетях не говорит только ленивый))

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

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

А вы пользуетесь нейронками?Возможно, у вас уже есть свои фавориты?
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥21🥰1
Media is too big
VIEW IN TELEGRAM
🔠🔠🔠🔠🔠🔠🔠🔠❗️
Сегодня решила разобрать основные эффекты анимации, которые использовала в ролике для рубрики #ДизайнерЛегенда

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

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

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

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

P. S.: ставьте свои реакции, если было полезно 🔥💔
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥122💯1
Media is too big
VIEW IN TELEGRAM
Как-то участвовала в интенсиве от iSpring "Дизайн по шагам. Как создать красивый курс в тёмной теме". Отправила свои слайды на суд экспертов в области e-learning.

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

А если пост наберёт 15+ реакций🖤🔥, скину исходники слайдов в двух темах (тёмной и светлой😉). Можно будет просто скопировать элементы и использовать в своих проектах.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥26
Темная тема.pptx
1.3 MB
👍 Что ж, предыдущий пост набрал больше 15 реакций🔥, а это значит, что настало время поделиться исходниками презентации, о которой шла речь в видео.

💥 Ловите два варианта – в светлой и тёмной теме.

Благодарю за ваш отклик!👍
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥93💯1
This media is not supported in your browser
VIEW IN TELEGRAM
🥂 Приветствую всех в новом году! Как вы?))

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

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

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

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

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

А как вы реагируете на победы других? И сталкивались ли с обесцениванием своей работы? Как поддерживаете себя, если такое происходит?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥95👍3💯2
📊 Кейс с диаграммами
Исходный слайд – это отчёт по итогам работы банка за 6 месяцев. Пробую визуально сделать слайд более читаемым и легким для восприятия.

Что имеем на входе?
В целом данные визуализированы неплохо и есть "воздух" на слайде, но можно слайд доработать, и вот, что поправить →
🟣Мелкий текст
🟣Невысокая контрастность, особенно теряется голубой цвет на темно-сером фоне
🟣Акценты не слишком заметны, а выводы не очевидны
🟣Использование эффекта тени (не всегда, но часто тень создаëт не нужный визуальный шум)
🟣Выравнивание текста – сверху надписи выровнены по левому краю, снизу – по правому
🟣Количество цветов можно уменьшить и выбрать их из брендбука банка

Какое решение предложено?
🟢 Делаем крупнее текст и цифры (цифры крупнее текста)
🟢Выделяем акценты
🟢Все надписи выровнены по левому краю
🟢Используем брендированные цвета (синий, белый, серый), коды цветов можно скопировать с сайта соответствующего банка
🟢Меняем формат диаграммы (потому что привычнее читать слева направо сверху вниз)
🟢Выделяем заголовок, чтобы с первых секунд было понятно про что этот слайд
🔘Добавляем картинку для украшения (хотя необязательно)

Как вам переделанный слайд? Если хотите, предложить свой вариант, делитесь в комментариях или оставляйте идеи, как ещё можно улучшить слайд))

Рубрика #ДоПосле #LLDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍211😍1
⭐️Приняла участие в новом дизайн-конкурсе от Николая Пере. На кону - публикация работы в книге!

Что нужно?
〰️Перерисовать слайд и использовать цвета в черно-бело-зеленой гамме
〰️ Сохранить нужно только текст
〰️ Стилистика, композиция, шрифты и креатив на усмотрение дизайнера
Также к заданию приложен референс

Я сделала 3 варианта одного слайда (смотрите картинки к посту).

Мой принцип при выборе дизайна – это наглядность, я хочу, чтобы "зритель" быстро во всём разобрался. Поэтому стремлюсь максимально упростить всё, что можно упростить.

Пока ждём официального объявления победителей, хочу узнать у вас, какой слайд из 3х вам понравился больше. Голосуйте реакциями⬇️

🔥 – первый
❤️ – второй
👍 – третий

Рубрика #ДоПосле #LLDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥8👍6🤨1
👍 Результаты конкурса официально объявлены (уже как неделю😂)

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

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

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


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

(Про мой слайд на '31:40 минуте)
Please open Telegram to view this post
VIEW IN TELEGRAM
👏72🔥1
Forwarded from Николай Пере
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Поздравляем победителей конкурса! Эти слайды и имена будут в моей второй книге про дизайн. Подробный разбор участников и запись прямого эфира будет на днях у меня в ютуб. Подпишитесь ✔️

А пока вопрос: какой бы макет мы еще с вами могли переделать в формате конкурса? Что-то максимально популярное как слайд. Желательно вертикальное! Накидывайте в комментариях, если хотите еще конкурсов 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👏1💯1