<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xmlns:tt="http://teletype.in/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>@sokolovartem</title><generator>teletype.in</generator><description><![CDATA[@sokolovartem]]></description><link>https://teletype.in/@sokolovartem?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem</link><atom:link rel="self" type="application/rss+xml" href="https://teletype.in/rss/sokolovartem?offset=0"></atom:link><atom:link rel="next" type="application/rss+xml" href="https://teletype.in/rss/sokolovartem?offset=10"></atom:link><atom:link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></atom:link><pubDate>Tue, 22 Sep 2026 12:59:41 GMT</pubDate><lastBuildDate>Tue, 22 Sep 2026 12:59:41 GMT</lastBuildDate><item><guid isPermaLink="true">https://teletype.in/@sokolovartem/lTVe9FTMx</guid><link>https://teletype.in/@sokolovartem/lTVe9FTMx?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem</link><comments>https://teletype.in/@sokolovartem/lTVe9FTMx?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem#comments</comments><dc:creator>sokolovartem</dc:creator><title>Этап 3: Анимация</title><pubDate>Sat, 17 Oct 2020 23:00:12 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/ff/37/ff377c56-a91d-45e0-8e84-40ddc1d73cff.png"></media:content><description><![CDATA[<img src="https://teletype.in/files/a4/60/a4604f92-7a0d-433b-a1f0-c4a0e07d1b68.jpeg"></img>На этом этапе я поправил анимацию во всем ролике, добавил цвета и внедрил 3D объекты.]]></description><content:encoded><![CDATA[
  <p data-align="center">На этом этапе я поправил анимацию во всем ролике, добавил цвета и внедрил 3D объекты.</p>
  <p data-align="center">Объекты: прорисовывал самостоятельно, основываясь на картинках готовых продуктов и имея представление данных объектов вживую.</p>
  <p data-align="center">Цвета: внедрил цвета отталкиваясь от запланированной цветовой гаммы и имеющихся цветов продуктов, представленных в шоуруме.</p>
  <p data-align="center">Данный этап оказался сложнее чем я думал из за некоторых сцен, так как анимация была не простой. Прорисовка и внедрение полноценных 3D объектов добавило ролику примерную картину финального результата. В связи с этим анимация поправлялась почти в каждой сцене, так как кадры выглядели немного пустыми.</p>
  <p data-align="center">Очень доволен сделанной работой и уже готовлю текстуры под продукты. На некоторые позиции уже внедрил логотипы. </p>
  <p data-align="center"><strong>Цветовая схема взятая за основу.</strong></p>
  <figure class="m_column">
    <img src="https://teletype.in/files/a4/60/a4604f92-7a0d-433b-a1f0-c4a0e07d1b68.jpeg" width="1920" />
  </figure>
  <p data-align="center"><strong>Скриншоты референса, превизуализации и результата на данный момент.</strong></p>
  <figure class="m_column">
    <img src="https://teletype.in/files/a2/38/a2382400-f902-4e52-b22c-c10000cfdb00.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/d4/64/d4646402-eca8-4cf7-ae29-9278deb69d02.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/74/8a/748a142b-7eed-4486-84f2-2ad8c2e71360.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/f6/7a/f67a03bb-1665-41c8-b584-1a9736c42e8e.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/f1/19/f1190489-72ae-4c03-a2d9-23f393b6d9b7.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/30/99/3099a633-8b69-46fa-b7c8-b107e51f6059.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/15/d6/15d6bd15-1b37-4e7b-b064-abb82e9ac8e5.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/19/82/19829fea-3012-4011-8db2-9be21df12d87.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/f1/80/f1800a4d-ae04-41f7-84a2-07cbd58cd4f4.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/5f/dc/5fdc6e0a-6c10-402e-ba86-51a7d6122df5.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/e1/88/e18883e0-a2ab-49de-8e52-4234272d0f06.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/81/d2/81d241cc-bcfc-488e-991c-a6a4dfed1a9f.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/89/b4/89b40eb0-45a0-4fd3-aa8c-45e4d7a53cae.jpeg" width="5760" />
  </figure>
  <figure class="m_column">
    <img src="https://teletype.in/files/e7/1c/e71cf523-4f6a-4df7-a2e8-9385ce05e066.jpeg" width="5760" />
  </figure>
  <p data-align="center"><strong>Финальный ролик на данный момент.</strong></p>
  <figure class="m_column">
    <iframe src="https://www.youtube.com/embed/-PtX6j0ESaE?autoplay=0&loop=0&mute=0"></iframe>
  </figure>
  <p data-align="center">Спасибо за просмотр. Надеюсь довести работу до финального результата на следующем этапе!</p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@sokolovartem/bxRY_EUn2</guid><link>https://teletype.in/@sokolovartem/bxRY_EUn2?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem</link><comments>https://teletype.in/@sokolovartem/bxRY_EUn2?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem#comments</comments><dc:creator>sokolovartem</dc:creator><title>Моушн дизайн 3.0. Этап 2. Превизуализация</title><pubDate>Sat, 03 Oct 2020 07:29:08 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/33/7e/337e4abf-e710-4a0d-871b-e0f5bd24e509.jpeg"></media:content><description><![CDATA[<img src="https://teletype.in/files/33/7e/337e4abf-e710-4a0d-871b-e0f5bd24e509.jpeg"></img>Добрый день. ]]></description><content:encoded><![CDATA[
  <p data-align="center">Добрый день. </p>
  <p data-align="center">Перешел ко второму этапу и был приятно удивлен. От чего? Много эмоций, сложности, огромный интерес - все это сопровождало меня на протяжении всей проделанной работы. </p>
  <p data-align="center">Изначально на создание самой превизуализации ролика ушло немного времени, но в дальнейшем перейдя к блокингу - начались проблемы. В основном это было связано с анимацией сцен. Очень много разных действий, которые хотелось передать очень красиво а главное реалистично!) Каждый день я узнавал что то новое, каждый день я испытывал новые эмоции от результата. Пробовал разные комбинации действий чтобы создать ту или иную анимацию,  и вот сейчас я готовить представить вашему вниманию свою работу за эту неделю.</p>
  <p data-align="center"><strong>Начнем с скриншотов данной работы! Слева представлены кадры из превизуалицазии, справа из блокинга.</strong></p>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/33/7e/337e4abf-e710-4a0d-871b-e0f5bd24e509.jpeg" width="2560" />
    <figcaption><strong>В данном кадре 3 бутылки будут объединяться в одну, сзади из земли медленно поднимается стекло с логотипом компании.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/53/23/5323e0d6-44fc-4bcf-8c88-3c6858b18770.jpeg" width="2560" />
    <figcaption><strong>Далее эта бутылка будет вращаться и в разные сторону будут отлетать капли воды.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/66/4e/664ee9c7-d9dd-44f0-afa5-3b036346dbe1.jpeg" width="2560" />
    <figcaption><strong>Здесь та же самая бутылка (другой цвет), будет в окружении капель воды.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/1c/a3/1ca365e6-5944-4104-81e8-8ffc48bee5fe.jpeg" width="2560" />
    <figcaption><strong>В данном кадре из ткани будет вылетать тренировочный коврик.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/d8/4b/d84bfebd-6f9c-47b3-ab28-dfd39a10cbee.jpeg" width="2560" />
    <figcaption><strong>Продолжени визуализации коврика (ткань вокруг не является отсылкой)</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/26/c5/26c52525-83cc-4348-a436-06fc361ff36b.jpeg" width="2560" />
    <figcaption><strong>Данный кадр будет иметь исключительно ткань (возможно с логотипом)</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/45/77/45774e9d-1ee9-45d6-bfc6-73b207fc0a60.jpeg" width="2560" />
    <figcaption><strong>Здесь будут показаны слайдеры для тренировок. На фоне лежит коврик из прошлых кадров. </strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/4b/ae/4bae0924-b0ce-482f-a933-1af0966fc1af.jpeg" width="2560" />
    <figcaption><strong>Кадр со слайдером (более крупный план), переходящий в следующую композицию.</strong> <strong>Из за первого слайдера будет выезжать второй, так как это является комплектом.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/65/37/653767e8-b640-4b5d-af5e-9923b710753e.jpeg" width="2560" />
    <figcaption><strong>Переходим к презентации кирпичей для тренировки. Анимацией они складываются в один и переходит все в следующий кадр.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/b3/66/b3664c4e-1233-4d9e-be57-1ae6cac6dd79.jpeg" width="2560" />
    <figcaption><strong>Данный кадр представляет расцветку тренировочных кирпичей.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/35/d9/35d9f4e5-5f3a-4844-a0de-ba89f72c6025.jpeg" width="2560" />
    <figcaption><strong>Показываем резинки для тренировки. Каждый цвет - отдельный уровень сложности и жесткости.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/13/05/13054e14-a66f-4bc9-9df4-9b96173c2b41.jpeg" width="2560" />
    <figcaption><strong>Легкое представление эластично резинок.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/89/47/894799fc-67e1-46fe-88f9-2c7795dc0c04.jpeg" width="2560" />
    <figcaption><strong>Из данного телефона будут вылетать представленный ассортимент в данном ролике. На самом телефоне будет свайп картинок и мгновенно 3д модель этой картинки.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <img src="https://teletype.in/files/24/91/24914814-d2ef-4e02-bfad-bfbe919405de.jpeg" width="2560" />
    <figcaption><strong>Последний кадр будет являться свайпом. Подумываю на фоне пустить листание сайта (в размытом формате), а на экране будет свайп на иснтаграм шоурума.</strong></figcaption>
  </figure>
  <p data-align="center"></p>
  <p data-align="center"><strong>Далее вашему вниманию я представляю сам ролик превизуализации и блокинг. В них подробно показаны кадры их анимация и переходы. Приятного просмотра!</strong></p>
  <figure class="m_column">
    <iframe src="https://www.youtube.com/embed/btJjiryM7FQ?autoplay=0&loop=0&mute=0"></iframe>
  </figure>
  <figure class="m_column">
    <iframe src="https://www.youtube.com/embed/LxDVgAx-VXA?autoplay=0&loop=0&mute=0"></iframe>
  </figure>
  <p><strong>Скажу коротко: это была супер крутая неделя и я заряжен на следующую!)</strong></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@sokolovartem/yU1DcqYqY</guid><link>https://teletype.in/@sokolovartem/yU1DcqYqY?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem</link><comments>https://teletype.in/@sokolovartem/yU1DcqYqY?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=sokolovartem#comments</comments><dc:creator>sokolovartem</dc:creator><title>Моушн дизайн 3.0 этап 1. &quot;Артдирекшн&quot;</title><pubDate>Fri, 18 Sep 2020 21:14:10 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/3e/ce/3ecee999-35d5-4d09-b4e1-f34f29b20b2d.jpeg"></media:content><description><![CDATA[<img src="https://teletype.in/files/3e/ce/3ecee999-35d5-4d09-b4e1-f34f29b20b2d.jpeg"></img>Добрый день. Представляю вашему вниманию объект над которым собираюсь вести работу в формате &quot;Моушн дизайн&quot;. Это студии растяжки &quot;TOPSTRETCHING&quot;. Почему именно они? - Реальный клиент ]]></description><content:encoded><![CDATA[
  <p data-align="center">Добрый день. Представляю вашему вниманию объект над которым собираюсь вести работу в формате &quot;Моушн дизайн&quot;. Это студии растяжки <strong>&quot;TOPSTRETCHING&quot;</strong>. Почему именно они? - Реальный клиент </p>
  <p data-align="center"> Сами студии растяжки имеют огромное количество клиентов и являются лидерами в России. Общее количество студий - 20, 2 из них находятся в Дубае. Целевая аудитория данных студий - девушки 18-45 лет.</p>
  <p data-align="center">За основу будет взят онлайн магазин данной организации. В магазине представлено более 10 позиций: аксессуары для тренировки, форма для тренировки, одежда. Акцент будет на аксессуарах для тренировки, так как данные позиции должны быть ходовыми и повышение продаж более чем актуально. </p>
  <p data-align="center"><a href="https://vk.com/topstretching" target="_blank">https://vk.com/topstretching</a> - группа в вк.</p>
  <p data-align="center"><a href="https://www.facebook.com/topstretching" target="_blank">https://www.facebook.com/topstretching</a> - facebook.</p>
  <p data-align="center"><a href="https://www.youtube.com/channel/UCOPsEuERCQMVbdIZleWkXfw" target="_blank">https://www.youtube.com/channel/UCOPsEuERCQMVbdIZleWkXfw</a> - YouTube канал.</p>
  <p data-align="center"><a href="https://www.instagram.com/topstretching/" target="_blank">https://www.instagram.com/topstretching/</a> - основной инстаграм (более 300к подписчиков)</p>
  <p data-align="center"><a href="https://www.instagram.com/topstretching.store/" target="_blank">https://www.instagram.com/topstretching.store/</a> - инстаграм шоурума (чуть больше 17к подписчиков)</p>
  <p data-align="center"><a href="https://store.topstretching.com/" target="_blank">https://store.topstretching.com/</a> - ссылка на сайт </p>
  <figure class="m_retina">
    <img src="https://teletype.in/files/3e/ce/3ecee999-35d5-4d09-b4e1-f34f29b20b2d.jpeg" width="960" />
  </figure>
  <p data-align="center"><strong><u>Цель ролика:</u></strong> с помощью моушн дизайна создать работающий визуал для повышения продаж в данном шоуруме. В планах передать качество, и эстетичность внедряющих позиций. Так как ЦА девушки а позиции имеют такие цвета как: фиолетовый, розовый, бирюзовый - планирую использовать данные цвета как основные.</p>
  <p data-align="center"><strong><u>Мудборд:</u></strong> <a href="https://miro.com/app/board/o9J_kkgf_bA=/" target="_blank">https://miro.com/app/board/o9J_kkgf_bA=/</a></p>
  <figure class="m_retina">
    <img src="https://teletype.in/files/99/4f/994f53c0-10e1-4227-9adb-19f16cfee45e.png" width="733" />
  </figure>
  <p data-align="center"><strong><u>Цветовая палитра</u></strong></p>
  <figure class="m_retina">
    <img src="https://teletype.in/files/a4/60/a4604f92-7a0d-433b-a1f0-c4a0e07d1b68.jpeg" width="960" />
  </figure>
  <p data-align="center"></p>
  <p data-align="center"><strong><u>Референсы</u></strong></p>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/151288047/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Анимация тканей/резинок</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/458127437/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Капли воды для оформления визуализации бутылочек</strong> </figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/435794118/?autoplay=false&loop=false&muted=false&title=true"></iframe>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/450031561/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Презентация ассортимента через телефон, визуализация 3D моделей над экраном.</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/459109428/?autoplay=false&loop=false&muted=false&title=true"></iframe>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/458214830/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Из этого ролика взять производство позиций.</strong> </figcaption>
  </figure>
  <figure class="m_column">
    <iframe src="https://player.vimeo.com/video/251109667/?autoplay=false&loop=false&muted=false&title=true"></iframe>
  </figure>
  <figure class="m_column">
    <iframe src="https://player.vimeo.com/video/321690866/?autoplay=false&loop=false&muted=false&title=true"></iframe>
  </figure>
  <figure class="m_column">
    <iframe src="https://player.vimeo.com/video/455531721/?autoplay=false&loop=false&muted=false&title=true"></iframe>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/448977720/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Текстура</strong></figcaption>
  </figure>
  <figure class="m_column" data-caption-align="center">
    <iframe src="https://player.vimeo.com/video/207338820/?autoplay=false&loop=false&muted=false&title=true"></iframe>
    <figcaption><strong>Динамика!</strong></figcaption>
  </figure>
  <p data-align="center"><strong><u>Музыка</u></strong></p>
  <p data-align="center"><a href="https://artlist.io/song/5732/cheesecake?search=cheesecake" target="_blank">https://artlist.io/song/5732/cheesecake?search=cheesecake</a></p>
  <p data-align="center"><a href="https://artlist.io/song/13453/time-to-move?search=time-to-move" target="_blank">https://artlist.io/song/13453/time-to-move?search=time-to-move</a> - c 25 секунды.</p>
  <p data-align="center"><a href="https://artlist.io/song/8880/diary-of-ideas?search=time-to-move" target="_blank">https://artlist.io/song/8880/diary-of-ideas?search=time-to-move</a> - с 44 секунды.</p>
  <p data-align="center"><a href="https://artlist.io/song/40555/child" target="_blank">https://artlist.io/song/40555/child</a>&#x27;s-play?sort=3&amp; - с 30 секунды</p>
  <p></p>
  <p data-align="center"><strong>Сэлфи с одного из рабочих мест)</strong></p>
  <figure class="m_column">
    <img src="https://teletype.in/files/c6/e5/c6e52a63-954e-47df-bed6-f71de195dad3.jpeg" width="4032" />
  </figure>
  <p data-align="center"><strong><a href="http://instagram.com/isaevworkshop" target="_blank">instagram.com/isaevworkshop</a></strong></p>

]]></content:encoded></item></channel></rss>