Дайджест продуктового дизайна, сентябрь 2023: Главное
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года. Это выжимка самого жирного за сентябрь.
Ссылка на дайджест: https://dsgners.ru/ux/2540-daydjest-produktovogo-dizayna-sentyabr-2023-glavnoe
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года. Это выжимка самого жирного за сентябрь.
Ссылка на дайджест: https://dsgners.ru/ux/2540-daydjest-produktovogo-dizayna-sentyabr-2023-glavnoe
dsgners.ru
Дайджест продуктового дизайна, сентябрь 2023: Главное — дизайнерс
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года. Это выжимка самого жирного за сентябрь.
❤2👍1
2 Совета по ключевым кадрам After Effects
1. Я не вижу никаких настроек ключевого кадра!
Для новых пользователей AE расположение настроек ключевых кадров в After Effects может быть неочевидным. Щелкните по треугольнику для всего слоя, чтобы открыть свойства преобразования. Затем щелкните треугольник преобразования, чтобы отобразить свойства, которые вы можете анимировать (привязка, положение, масштаб, поворот, свойство).
СОВЕТ ПО использованию AFTER EFFECTS: сочетание клавиш Alt/Option + также создаст ключевой кадр (например, Alt/Opt + P создает ключевой кадр для позиции).
2. Для чего нужны секундомеры в АЭ?
В After Effects вы нажимаете на секундомер, чтобы установить ключевой кадр. Если вы не хотите, чтобы свойство менялось со временем, не нажимайте на секундомер – вместо этого просто измените значение (например, изменение масштаба на 50 дает ему постоянное значение 50%). Чтобы анимировать свойство или изменять его с течением времени, сначала щелкните секундомер. Чтобы создать другой ключевой кадр, переместите головку воспроизведения в другое место и время и измените значение. Не нажимайте на секундомер после создания ключевых кадров, так как он их отключает.
Для перехода между ключевыми кадрами After Effects нажмите J, чтобы перейти к предыдущему ключевому кадру, и K, чтобы перейти к следующему ключевому кадру. Вы также можете удерживать нажатой клавишу shift при перемещении головки воспроизведения, и это приведет вас к ключевому кадру.
1. Я не вижу никаких настроек ключевого кадра!
Для новых пользователей AE расположение настроек ключевых кадров в After Effects может быть неочевидным. Щелкните по треугольнику для всего слоя, чтобы открыть свойства преобразования. Затем щелкните треугольник преобразования, чтобы отобразить свойства, которые вы можете анимировать (привязка, положение, масштаб, поворот, свойство).
СОВЕТ ПО использованию AFTER EFFECTS: сочетание клавиш Alt/Option + также создаст ключевой кадр (например, Alt/Opt + P создает ключевой кадр для позиции).
2. Для чего нужны секундомеры в АЭ?
В After Effects вы нажимаете на секундомер, чтобы установить ключевой кадр. Если вы не хотите, чтобы свойство менялось со временем, не нажимайте на секундомер – вместо этого просто измените значение (например, изменение масштаба на 50 дает ему постоянное значение 50%). Чтобы анимировать свойство или изменять его с течением времени, сначала щелкните секундомер. Чтобы создать другой ключевой кадр, переместите головку воспроизведения в другое место и время и измените значение. Не нажимайте на секундомер после создания ключевых кадров, так как он их отключает.
Для перехода между ключевыми кадрами After Effects нажмите J, чтобы перейти к предыдущему ключевому кадру, и K, чтобы перейти к следующему ключевому кадру. Вы также можете удерживать нажатой клавишу shift при перемещении головки воспроизведения, и это приведет вас к ключевому кадру.
👍8❤6👎3
3 совета по ключевым кадрам | Часть 2
3. Почему разные значки ключевых кадров?
Тип ключевого кадра, который вы видите, - это визуальное сокращение, сообщающее вам, как будет вести себя ключевой кадр. По умолчанию ключевые кадры на временной шкале являются линейными и представлены в виде ромба. Это означает, что скорость постоянна. Использование только их придаст вашей анимации роботизированное качество (в то время как в реальной жизни большинство объектов увеличивают или уменьшают скорость и не двигаются с постоянной величиной).
After Effects дает вам возможность уменьшить размер ключевого кадра, так что скорость более органично увеличивается или замедляется. Выберите ключевой кадр. щелкните правой кнопкой мыши, выберите Помощник по ключевым кадрам> Простое управление. Это облегчает обе стороны ключевого кадра (выглядит как песочные часы). Это хорошо работает для начальных и конечных ключевых кадров, но, как правило, не для средних ключевых кадров.
4. Как мне сократить мою анимацию в AE?
Option/Alt щелкните на последнем ключевом кадре, перетащите, и все ключевые кадры скорректируются и переместятся вместе. Это позволит сохранить их относительное расстояние.
5. Как мне исправить несогласованные изменения скорости?
Используйте функцию “Перемещать ключевые кадры”, чтобы создать плавное движение с несколькими ключевыми кадрами. Выделите все ключевые кадры, щелкните правой кнопкой мыши и выберите "Перемещаться во времени".
Все промежуточные ключевые кадры превращаются в маленькие кружочки, и ключевые кадры автоматически разнесены для создания плавной скорости перемещения по ключевым кадрам
3. Почему разные значки ключевых кадров?
Тип ключевого кадра, который вы видите, - это визуальное сокращение, сообщающее вам, как будет вести себя ключевой кадр. По умолчанию ключевые кадры на временной шкале являются линейными и представлены в виде ромба. Это означает, что скорость постоянна. Использование только их придаст вашей анимации роботизированное качество (в то время как в реальной жизни большинство объектов увеличивают или уменьшают скорость и не двигаются с постоянной величиной).
After Effects дает вам возможность уменьшить размер ключевого кадра, так что скорость более органично увеличивается или замедляется. Выберите ключевой кадр. щелкните правой кнопкой мыши, выберите Помощник по ключевым кадрам> Простое управление. Это облегчает обе стороны ключевого кадра (выглядит как песочные часы). Это хорошо работает для начальных и конечных ключевых кадров, но, как правило, не для средних ключевых кадров.
4. Как мне сократить мою анимацию в AE?
Option/Alt щелкните на последнем ключевом кадре, перетащите, и все ключевые кадры скорректируются и переместятся вместе. Это позволит сохранить их относительное расстояние.
5. Как мне исправить несогласованные изменения скорости?
Используйте функцию “Перемещать ключевые кадры”, чтобы создать плавное движение с несколькими ключевыми кадрами. Выделите все ключевые кадры, щелкните правой кнопкой мыши и выберите "Перемещаться во времени".
Все промежуточные ключевые кадры превращаются в маленькие кружочки, и ключевые кадры автоматически разнесены для создания плавной скорости перемещения по ключевым кадрам
👍12🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
🛸Туториал: стекло в АЕ
В этом быстром видео-уроке научимся делать стекло в программе. Смотрим и практикуемся!
#ae_tutorial
В этом быстром видео-уроке научимся делать стекло в программе. Смотрим и практикуемся!
#ae_tutorial
❤32🔥12🤔3👍2
This media is not supported in your browser
VIEW IN TELEGRAM
При создании данной
рекламной компании были использованы возможности After Effects.
#inspiration
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23🔥7👍3🤔2
Media is too big
VIEW IN TELEGRAM
Полезные материалы: Camera Transitions
Набор переходов с интерфейсами и затворами камеры, которые точно стоит использовать!
—Шаблон
#useful
Набор переходов с интерфейсами и затворами камеры, которые точно стоит использовать!
—Шаблон
#useful
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Туториал: Liquid Logo Animation
В этом понятном видео-уроке автор расскажет и покажет, как создать такую заставку для проекта.
—Ссылка
#ae_turorial
В этом понятном видео-уроке автор расскажет и покажет, как создать такую заставку для проекта.
—Ссылка
#ae_turorial
👍13🔥6❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Cartoon Effect (мультяшный эффект)
В этот туториале научимся создавать мультяшный эффект – скорее смотрите!
#ae_tutorial
В этот туториале научимся создавать мультяшный эффект – скорее смотрите!
#ae_tutorial
❤17👍14
This media is not supported in your browser
VIEW IN TELEGRAM
Туториал: градиентные шарики
В этом супер-полезном уроке научимся создавать такую анимацию, которая выведет ваши проекты на новый уровень
—Ссылка
#ae_tutorial
В этом супер-полезном уроке научимся создавать такую анимацию, которая выведет ваши проекты на новый уровень
—Ссылка
#ae_tutorial
👍14❤6🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
🌸Полезные материалы: Kinetic Walls
В этом шаблоне вы найдете 10 сцен с кинетической анимацией текста
—Шаблон
#useful
В этом шаблоне вы найдете 10 сцен с кинетической анимацией текста
—Шаблон
#useful
❤14👍6
This media is not supported in your browser
VIEW IN TELEGRAM
🗝️Интересный кейс в After Effects
На видео представлена анимация VFX Timeline, и на такое способна программа!
#inspiration
На видео представлена анимация VFX Timeline, и на такое способна программа!
#inspiration
👍21❤13🔥10
Сегодня делаем шейпы из текста – взгляните на эти карточки и попробуйте повторить, все просто!
#ae_tutorial
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍2
Современная айдентика: Как Emoji Pack в Telegram стал ее частью
Все знают, что счастливые обладатели Tg Premium могут создавать собственные Emoji паки и вставлять их в любое сообщение, пост или комментарий. Эта фишка стала превращаться в целую отрасль, ведь появились даже «стикерные» дизайнеры, которые рисуют их за цену качественного лого.
Ссылка на статью: https://dsgners.ru/graphic-design/2614-sovremennaya-aydentika-kak-emoji-pack-v-telegram-stal-ee-chastyu
Все знают, что счастливые обладатели Tg Premium могут создавать собственные Emoji паки и вставлять их в любое сообщение, пост или комментарий. Эта фишка стала превращаться в целую отрасль, ведь появились даже «стикерные» дизайнеры, которые рисуют их за цену качественного лого.
Ссылка на статью: https://dsgners.ru/graphic-design/2614-sovremennaya-aydentika-kak-emoji-pack-v-telegram-stal-ee-chastyu
dsgners.ru
Современная айдентика: Как Emoji Pack в Telegram стал ее частью — дизайнерс
Все знают, что счастливые обладатели Tg Premium могут создавать собственные Emoji паки и вставлять их в любое сообщение, пост или комментарий. Эта фишка стала превращаться в целую отрасль, ведь появились даже «стикерные» дизайнеры, которые рисуют их за цену…
👍2
Media is too big
VIEW IN TELEGRAM
⚡️Полезный ресурс: Font Manager 2.0.1 After Effects Win/Mac
🍑 Совершенно новый способ работы с анимированными шрифтами. Создавайте и пишите в несколько кликов.
—Скачать
#useful
🍑 Совершенно новый способ работы с анимированными шрифтами. Создавайте и пишите в несколько кликов.
—Скачать
#useful
👍16🔥4
Анимируем 2D фото в After Effects
«Маска» фотографий
Маскировка объекта съемки позволяет нам отделить его от фона. Вы можете замаскировать объект с помощью инструмента "Перо" и обвести его контуром.
Инструмент "Перо" и РотоБезьер.
Когда вы сделаете это, я рекомендую включить функцию RotoBezier, которая сгладит линию трассировки между каждой точкой маски. Это придаст маске более естественный вид.
Как заполнить фон:
Как только вы замаскируете свой объект, вам нужно будет заполнить область на заднем плане, где вы их удалили.
Фон с объектом замаскирован.
Для этого вы можете использовать заливку с учетом содержимого в After Effects. Откройте заливку с учетом содержимого, выберите фоновое изображение, затем просто нажмите Создать слой заливки. Это автоматически создаст новый слой, который заполнит отверстие на заднем плане.
Фон заполнен заливкой с учетом содержимого.
«Маска» фотографий
Маскировка объекта съемки позволяет нам отделить его от фона. Вы можете замаскировать объект с помощью инструмента "Перо" и обвести его контуром.
Инструмент "Перо" и РотоБезьер.
Когда вы сделаете это, я рекомендую включить функцию RotoBezier, которая сгладит линию трассировки между каждой точкой маски. Это придаст маске более естественный вид.
Как заполнить фон:
Как только вы замаскируете свой объект, вам нужно будет заполнить область на заднем плане, где вы их удалили.
Фон с объектом замаскирован.
Для этого вы можете использовать заливку с учетом содержимого в After Effects. Откройте заливку с учетом содержимого, выберите фоновое изображение, затем просто нажмите Создать слой заливки. Это автоматически создаст новый слой, который заполнит отверстие на заднем плане.
Фон заполнен заливкой с учетом содержимого.
👍7❤1