<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>@ksu_zubairova</title><author><name>@ksu_zubairova</name></author><id>https://teletype.in/atom/ksu_zubairova</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/ksu_zubairova?offset=0"></link><link rel="alternate" type="text/html" href="https://teletype.in/@ksu_zubairova?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=ksu_zubairova"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/ksu_zubairova?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-04-16T18:38:26.934Z</updated><entry><id>ksu_zubairova:warZ5qZWu</id><link rel="alternate" type="text/html" href="https://teletype.in/@ksu_zubairova/warZ5qZWu?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=ksu_zubairova"></link><title>Курс &quot;Анимационный дизайн&quot;</title><published>2021-01-24T07:58:15.533Z</published><updated>2021-01-24T19:07:38.650Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/84/3a/843ad9d6-e3df-4d68-a147-11ad79db9974.gif"></media:thumbnail><summary type="html">&lt;img src=&quot;https://teletype.in/files/91/a3/91a3b1ca-9f2d-407f-88af-eef131a65ae5.gif&quot;&gt;1. По заданию необходимо было сделать 4 рекламных анимации с использованием звуковых эффектов или музыки. 

1. Анимация с &quot;нуля&quot;. Референс нашла в инстаграме. В нем меня привлекла графичность и динамика.</summary><content type="html">
  &lt;p&gt;&lt;strong&gt;1. По заданию необходимо было сделать 4 рекламных анимации с использованием звуковых эффектов или музыки. &lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;1. Анимация с &amp;quot;нуля&amp;quot;. Референс нашла в инстаграме. В нем меня привлекла графичность и динамика.&lt;/p&gt;
  &lt;figure class=&quot;m_custom&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/91/a3/91a3b1ca-9f2d-407f-88af-eef131a65ae5.gif&quot; width=&quot;297&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Тут я поработала с текстом, фигурами, масками и наложила футаж старой пленки, который придал  глубины композиции. Возникли сложности с настройкой плавности всех элементов в анимации и настройки синхронности их перемещения относительно друг друга. Хоть я и добилась кое-какой синхронности, но таких, одновременно резких и плавных выпадов, как в референсе, у меня не получилось. Но сейчас я понимаю, как это сделать, если успею - исправлю.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/5hEqFXGzNw4?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p&gt;2. Вторая анимация с &amp;quot;нуля&amp;quot; - за основу был взят первый черный референс на изображении.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/b0/f5/b0f59de3-31cf-4373-96a9-5ae81f9e781a.gif&quot; width=&quot;690&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Научилась добавлять анимацию появления текста разными способами.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/dxPm10Ro3_o?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p&gt;3. Использование в работах расширения AtomX. &lt;br /&gt;&lt;br /&gt;Мне понравилось работать с этим плагином, очень удобно и наглядно видно, что в итоге получишь. Правда много времени потратила, разбираясь, как находить элементы для их редактирования, т.к. они там скомпонованы и не сразу понятно, что и откуда берется. Впервые наложила музыку. Звук дает мощный дополнительный эффект к анимации. Из минусов - очень долгая загрузка проекта.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/c0jdUwwOmhE?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/V_ocN8EPRXk?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;h3&gt;&lt;strong&gt;2. По заданию необходимо было сделать 3 анимации в стиле кинетической типографики:&lt;/strong&gt;&lt;/h3&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;Анимация с помощью Kinetic Typography Pack.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p&gt;Научилась добавлять в композицию несколько разных анимацией и связывать их друг с другом. Отличный плагин для реализации творческих задумок!&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/zrFXN_0rb9s?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/fcSdVfkQxws?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;p&gt;        2. Одну анимацию текста сделала с &amp;quot;нуля&amp;quot; по уроку курса. Очень понравилась идея. Здесь я поработала с помощью инструментов АЕ. Изменила цвет плашек, добавила текстовый анимационный фон и наложила футаж, что здорово оживило картинку. &lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/whOzi5gHkxU?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;h3&gt;&lt;strong&gt;3. По ТЗ необходимо было сделать 2 композиции с применением анимации 3d объектов. &lt;/strong&gt;&lt;/h3&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;p&gt;За основу были взяты свои собственные модели. Остальное добавлено благодаря опыту, полученному в предыдущих заданиях. Особых сложностей с 3D моделями не возникло, за исключением привыкания к интерфейсу плагина. Какие-то материалы были импортированы свои, какие-то были добавлены в АЕ.&lt;/p&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/Lkuq4Z4CC64?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_column&quot;&gt;
    &lt;iframe src=&quot;https://www.youtube.com/embed/UUO9WcUwAKM?autoplay=0&amp;loop=0&amp;mute=0&quot;&gt;&lt;/iframe&gt;
  &lt;/figure&gt;

</content></entry></feed>