Мне кажется, что проверка заданий на прошлой неделе была очень интересной, но уложиться в темпы курса удалось далеко не всем и потому на проверку пришло меньше десяти работ 😥

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

Планирую провести трансляцию с разборами завтра во-второй половине дня, но это пока что не точно (точнее сообщу уже завтра).

А пока отправляйте задания в новую форму и лучше не затягивайте 😄

https://forms.gle/a3c5kLBP3WxWTHWW8

Завтра, в субботу в 16 00 начну прямую трансляцию с разборами заданий по 12 и 13 урокам — прототип и дизайн приложения. Поднажмите с выполнением и отправкой заданий, кто пока не успел закончить, но хочет попасть на разбор 🙂
Форма на отправку в предыдущем сообщении.

Выберите и присылайте любое из заданий, которое успели выполнить в рамках курса и я постараюсь дать вам фидбек сегодня в прямом эфире 😎

Скидывайте ссылку на работу сюда:
https://forms.gle/j3z3fyQBCoupenP36

Провел трансляцию с разборами ваших работ 🙂
https://youtu.be/qsGfZEK-lsw

Вот кстати ссылка на телеграм-группу где можно общаться друг с другом на тему развития в дизайне 😎
https://t.me/yemacademy

Кстати, сегодня на канале появился первый урок из блока UI анимации на курсе 🤩
https://youtu.be/XhIef4Bn_6s

Домашнее задание
Повторите анимацию которую я делал на занятии (можно в своей интерпретации). Если решите делать что-то свое — не нужно делать что-то сложное и большое. Главное, чтобы первый и последний кадры анимации совпадали (чтобы видео можно было зациклить без заметного перехода от конца на начало).

1. Сделайте анимацию (не более 5-6 секунд)
2. Если будете рендерить в Ae тогда в формате Quick Time (.mov), а если в Media Encoder, тогда в H.264 (.mp4) – mp4 файлы будут в десятки раз меньше весить, а качество останется таким же высоким!
3. Возможно буду проверять задания по анимации. Для этого нужно загрузить видео куда-то. В случае рендера в H.264 лучше всего грузить видео на Vimeo так как файл не большой. Иначе можно загружать на YouTube или на Google Drive.

Интересные материалы по анимации:
1. 12 принципов UX анимации для изучения: https://ux.pub/udobnyj-interfejs-s-pomoshhyu-dvizheniya-12-principov-ux-animacii
2. Для вдохновения: https://ux.pub/100-dnej-moushin-dizajna

Время для продвинутой анимации интерфейсов пришло 😎🎉

https://youtu.be/CZmz9Fya9bs

Домашнее задание к уроку 15. Продвинутая анимация интерфейсов в After effects.

На уроке мы разобрали несколько главных приемов, которыми создается 90% всей анимации интерфейсов. Немного практики и с их помощью, сможете творить настоящую магию. В сегодняшнем задании вам предстоит создать и заанимировать эффектный прелоадер после чего экспортировать его в SVG анимацию с помощью Bodymovin либо более продвинутым методом — Lottiefiles. Про Lottiefiles есть дополнительное видео на канале (https://www.youtube.com/watch?v=gcy5XxUd0hU). Использовать Lottiefiles предпочтительно, но если по каким-то причинам не получается, тогда можно попробовать использовать bodymovin и сохранить анимацию как html файл — как было показано в основном уроке на странице.

Прелоедер можно сделать по типу того что я делал на занятии, можно поискать на dribbble прелоедер который вам понравится и повторить его, а можно придумать что-то свое – главное чтобы анимация получилась зацикленной и без скачков.

Хотите примерно узнать свой уровень в дизайне? 🙈

Случайно попался небольшой тестик, на удивление не плох ) думаю вам будет интересно.

Свои изначальные ожидания и скрины с результатами можете кидать в комментарии к посту.
Точность не 100%, но если отвечать правдиво, позволит сориентироваться, и заодно, варианты ответов немекнут вам на то, что такое дизайн на самом деле.

Главное, старайтесь отвечать максимально близко к истине ☺️

https://t.me/seniordesigner_bot

Друзья, подключайтесь к финальному уроку по анимации в After Effects 😎
https://youtu.be/53YmUxk1RcU

Домашнее задание к уроку 16. Анимация лендинга в After effects

В домашнем задании одного из прошлых занятий мы создавали дизайн лендинга а в последних заданиях и уроках мы научились всему что необходимо знать и уметь для того, чтобы «оживлять» свои макеты в After Effects.

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

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

Вот для примера: https://vimeo.com/346697753

Финальный блок курса посвящен основам 3Д для веб-дизайна. Первый урок по 3D как раз сейчас идет на канале 🤩
https://youtu.be/amwgcBke50E

Домашнее задание урока 17

Изображение-референс, по которому мы ведем работу и делаем ДЗ: https://www.dropbox.com/s/fjetal34jeggs54/example.png
Ваше задание — начать воссоздавать максимально похожую сцену в Cinema 4D.
Сделайте то, что сможете основываясь на том, что было на занятии, а в следующем уроке (опубликую сегодня) мы продолжим работу и завершим начатое.

Полезные материалы
3D в кино: https://www.youtube.com/watch?v=_AC9pNPUdfY
3D в интерфейсах: https://www.behance.net/collection/170577809/3D-design

Новый урок по 3D уже доступен на канале!

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

https://www.youtube.com/watch?v=uQHITNcw_vk

Домашнее задание к уроку 18

Продолжаем работу над уже начатым в прошлом задании проектом. Мы познакомились со всеми необходимыми инструментами, для того чтобы получить хороший результат. Пробуйте, экспериментируйте и все получится!
Требуется отрендерить изображение на Physical движке. Если скорость процессора позволяет — попробуйте рендерить в 1920x1080, поставьте параметры Physical на средний или высокий уровень, а также не забудьте включить Global Illumination и Ambient Occlusion в настройках рендера, чтобы получить классный результат.

Понимаю, что практически все еще очень далеко от текущего прогресса выхода уроков курса (и это нормально), но имейте ввиду, что третий из трех уроков по 3D на курсе, уже можно проходить 🤩

https://www.youtube.com/watch?v=hL1oZWQJKEM

Друзья, вот и подошел к концу наш курс.

Финальный урок уже доступен на канале!

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

Спасибо за внимание и надеюсь, что курс оправдал ваши ожидания 🤩

https://youtu.be/XOW6Vgf_yPk

Ребята, привет! Сорри, что не активничаю в нашем чате — последние пара недель на работе были напряженными, но все вроде сыграло в мою пользу и встает на нужные рельсы 😎
Это напоминает о том, что не всегда все идет по плану и неожиданности происходят именно тогда, когда их никто не ждет.

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

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

Помните, что почти каждый кривой поворот, в итоге может привести к профессиональному росту и самореализации 🙂

P.S.
Вообще, собирался написать о другом, о том, что очень приятно и тепло читать ваше позитивное и полезное общение в группе и захотелось с вами этим чувством поделиться ❤️