МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РЕСПУБЛИКИ КАЗАХСТАН

УПРАВЛЕНИЕ ОБРАЗОВАНИЯ ГОРОДА АЛМАТЫ

ИННОВАЦИОННЫЙ ТЕХНИЧЕСКИЙ КОЛЛЕДЖ ГОРОДА АЛМАТЫ

ОТЧЕТ
по учебной практике
Motion дизайн
Мухамбек Ансар Муратпекович
Курс: 2

Группа: Д-21Р

Специальность: 06130100 – Программное обеспечение

Квалификация:3W06130102 – Web-дизайнер

Место прохождения практики: ТОО «Инновационный технический колледж»

Период прохождения практики: с «06» марта 2023г. по «05» апреля 2023г.

Руководитель практики:
Бектұрған Назерке Саттарқызы « »
Защищен с оценкой «_______» __________________
Дата защиты «____»_____________________20____г.
 СОДЕРЖАНИЕ

ВВЕДЕНИЕ..............................................................................................................3
1 ОСНОВНАЯ ЧАСТЬ......................................................................................4
1.1 Adobe After Effects..........................................................................................4
1.2 Основы дизайна в After effects.......................................................................7
1.3 Photoshop.........................................................................................................9
1.4 Основа монтажа...............................................................................11
1.5 Повторы и концентрика..................................................................13
2 СПЕЦИАЛЬНАЯ ЧАСТЬ..................................................................................14
2.1 Анимация.....................................................................................................14
2.2 Рекламный баннер......................................................................................16
2.3 Создание текста с анимацией..................................................................21
2.4 Управление цветом фигур........................................................................22
2.5 Эффект блеска.............................................................................................23
2.6 Реклама игрушки........................................................................................25
ЗАКЛЮЧЕНИЕ......................................................................................................26
СПИСОК ИСПОЛЬЗОВАННОЙ
ЛИТЕРАТУРЫ..............................................27
 ВВЕДЕНИЕ

Веб-дизайн означает планирование и создание визуального интерфейса

сайта. Это включает в себя разработку макета сайта, структуру веб-страниц,
пользовательский интерфейс, удобную навигацию, подбор идеальных цветовых
сочетаний, шрифтов, изображений, анимации и других графических элементов.
Цель веб-дизайнера заключается в размещении информации таким
образом, чтобы она имела смысл. Веб-дизайнер должен уметь удачно
подбирать шрифты для конкретного сайта, комбинировать несколько шрифтов,
создавать интересные композиции со шрифтами и т.д.
Веб-дизайн - это разновидность дизайна и одна из отраслей веб-
разработки. В задачи веб-дизайнера входит проектирование пользовательских
веб-интерфейсов для сайтов и веб-приложений. Веб-дизайнеры также
разрабатывают логическую структуру веб-страниц и продумывают наиболее
удобные решения для представления информации.
UX дизайн - это взаимодействие с пользователем, включающее все
аспекты продукта, как они воспринимаются пользователями. UI дизайн - это
пользовательский интерфейс, включающий сочетания цветов, шрифтов, иконок
и кнопок на сайте.
Цель практики включает применение полученных знаний на
теоретических уроках, работу с блоками сайта, создание иконок в векторной
графике, создание дизайна сайта и создание рекламных баннеров. Цель
практики:
1. Применение теоретических знаний на практике.
2. Работа с различными блоками на сайте.
3. Создание иконок с использованием векторной графики.
4. Разработка дизайна для сайта.
5. Создание рекламных баннеров.
 1 ОСНОВНАЯ ЧАСТЬ

1.1 Adobe After Effects

Adobe After Effects - это программа для создания и редактирования

видеоэффектов, анимации и композиций, разработанная компанией Adobe
Systems. Она позволяет создавать профессиональные видеоэффекты, добавлять
анимацию к тексту, изображениям и видео, создавать сложные композиции из
разных элементов и многое другое. Программа широко используется в
индустрии кино, телевидения, а также для создания рекламных роликов,
музыкальных клипов и других видеоматериалов. Она доступна как для
Windows, так и для Mac OS. [1]
Adobe After Effects использует набор инструментов для создания и
редактирования видеоэффектов, таких как слои, маски, ключевые кадры,
эффекты, инструменты рисования и многое другое. С помощью этой
программы можно создавать эффекты, которые были бы сложно или
невозможно создать в других программах для работы с видео.
Одной из ключевых особенностей Adobe After Effects является его
интеграция с другими продуктами Adobe, такими как Adobe Premiere Pro,
Adobe Photoshop и Adobe Illustrator. Это позволяет пользователю быстро и
эффективно обмениваться данными между разными приложениями и создавать
более сложные проекты.
Adobe After Effects также имеет широкий выбор плагинов от сторонних
разработчиков, которые расширяют возможности программы и позволяют
создавать еще более сложные и уникальные эффекты и композиции. (См. рис
1.1.1).

Рисунок-1.1.1. «Логотип After Effects»

 Несмотря на то, что Adobe After Effects является мощной программой для
создания и редактирования видеоэффектов, она также имеет крутой кривой
обучения. Она может показаться сложной для начинающих пользователей, но с
опытом и практикой, можно добиться великолепных результатов в создании
профессиональных видеоэффектов и анимации.
Adobe After Effects популярна среди профессиональных видео- и
анимационных дизайнеров, так как программа предоставляет большое
количество инструментов для создания высококачественных и креативных
эффектов. Это может быть полезным для создания различных видео-контента,
включая рекламные ролики, музыкальные клипы, короткие фильмы и многое
другое.
Одним из преимуществ Adobe After Effects является возможность работы
с 3D-эффектами и анимацией, что делает программу незаменимой для создания
визуальных эффектов для кино и телевидения. С помощью этой программы
можно создавать трехмерные объекты, добавлять текстуры, работать с
освещением и использовать другие техники, чтобы сделать 3D-анимацию более
реалистичной.
Adobe After Effects также позволяет создавать анимированные графики,
включая логотипы, титры и прочие элементы, которые могут быть
использованы в видео-проектах. Эти графические элементы могут быть
созданы в векторном формате, что позволяет изменять их размер без потери
качества.
В целом, Adobe After Effects является мощным инструментом для
создания профессиональных видеоэффектов и анимации. Благодаря широкому
спектру инструментов и плагинов, программа позволяет создавать уникальные
и креативные проекты, которые выглядят профессионально и привлекательно.
(См. рис 1.1.2).

Рисунок-1.1.2. «Пример рабочего пространства»

Несколько интересных фактов:

Adobe After Effects был создан в 1993 году компанией CoSA, но в 1994
году был приобретен Adobe Systems и стал ее продуктом.
 В After Effects есть функция "Puppet Tool", которая позволяет
пользователю создавать анимированные персонажи и добавлять им различные
эффекты.
Название программы было выбрано в честь эффекта, называемого
"afterimage", который возникает, когда взгляд отводится от яркого объекта.
Adobe After Effects является наиболее распространенным инструментом
для создания и редактирования видеоэффектов и анимации в индустрии кино и
телевидения.
Программа поддерживает множество форматов файлов, включая форматы
3D-графики, такие как Cinema 4D и Maya.
В 2021 году Adobe выпустила After Effects версии 18.0, которая включает
поддержку аппаратного ускорения для ряда видеокарт, а также улучшенные
инструменты для работы с 3D-графикой и анимации.
After Effects был использован при создании многих известных фильмов,
таких как "Железный человек", "Аватар" и "Звездные войны: Эпизод VII -
Пробуждение Силы".
С помощью After Effects можно создавать не только видеоэффекты и
анимацию, но и создавать интерактивные визуальные эффекты для веб-страниц
и мобильных приложений.
Adobe After Effects имеет огромное сообщество пользователей, которые
делятся своими знаниями и опытом в различных онлайн-форумах и блогах.
Среди известных пользователей After Effects можно отметить компанию
Pixar, которая использовала программу для создания анимации в фильмах
"Вверх" и "Храбрая сердцем".
 1.2 Основы дизайна в After effects

After Effects - это мощное средство для создания видео-анимации,

которое позволяет дизайнерам и аниматорам создавать кинематографические
эффекты и движущиеся графические элементы. Вот некоторые основы дизайна,
которые могут быть использованы в After Effects:
Композиция: Композиция - это базовый элемент в After Effects, который
содержит все слои и эффекты. В композиции можно настроить параметры
времени, разрешения и другие параметры.
Работа со слоями: Слои - это основной элемент в After Effects, они
позволяют дизайнерам размещать и анимировать графические элементы внутри
композиции. Слои могут быть настроены с помощью масок, прозрачности,
наложения и других эффектов.
Использование ключевых кадров: Ключевые кадры - это точки на
временной шкале, где устанавливаются параметры слоя, которые затем
изменяются по ходу времени. Использование ключевых кадров позволяет
создавать анимацию и изменять параметры элементов внутри композиции.
Использование эффектов: After Effects имеет широкий выбор эффектов,
которые можно применять к слоям, таких как цветокоррекция,
кинематографические эффекты, смещение, масштабирование и другие.
Создание форм: After Effects позволяет создавать и анимировать формы и
пути, используя инструменты, такие как маски, формы и пути.
Работа с текстом: After Effects позволяет создавать и анимировать текст,
используя различные эффекты, такие как перемещение, масштабирование и
изменение цвета.
В целом, After Effects - это мощное средство для создания
кинематографических эффектов и движущихся графических элементов.
Понимание основ дизайна в After Effects поможет дизайнерам создавать
профессиональную анимацию и визуализацию для своих проектов.
При создании анимаций в After Effects, важно учитывать основы дизайна.
Они помогут сделать работу более качественной и профессиональной. Вот
некоторые из них:
Цвет: правильный выбор цвета может усилить эмоциональное
воздействие вашей анимации на зрителя. Необходимо учитывать сочетание
цветов, контрастность и яркость.
Композиция: композиция - это расположение элементов в кадре. Она
может быть симметричной или асимметричной, иметь равномерное или
разнородное распределение элементов. Правильная композиция может
улучшить восприятие анимации.
Типографика: правильно выбранный шрифт и его расположение могут
усилить эффект вашей анимации. Важно учитывать сочетаемость шрифтов и их
размеры.
 Движение: анимация - это движение, и правильное использование
движения может усилить воздействие на зрителя. Важно учитывать скорость и
плавность движения.
Ритм: ритм - это упорядоченное и регулярное повторение элементов.
Использование ритма может улучшить восприятие анимации и сделать ее более
интересной.
Контент: контент - это то, что вы хотите передать зрителю. Важно
учитывать правильный выбор контента и его соответствие теме вашей
анимации.
Это не все основы дизайна, которые можно использовать в After Effects,
но это некоторые из наиболее важных. Учитывая эти основы, вы можете
создавать более качественные и профессиональные анимации в After Effects.
Некоторые другие основы дизайна, которые могут быть полезны при
работе в After Effects, включают в себя:
Цветовая теория: знание, какие цвета работают хорошо вместе и как они
влияют на настроение и эмоции зрителя, может помочь создать более
эффективный дизайн.
Типографика: умение работать с шрифтами и текстом может быть
важным при создании титров, заголовков и других элементов интерфейса.
Композиция: понимание того, как элементы могут взаимодействовать в
рамках кадра, может помочь создать более убедительный дизайн.
Ритм: использование ритма и повторяющихся элементов может помочь
создать единый и красивый дизайн.
Пропорции: умение работать с пропорциями и соотношениями между
элементами может помочь создать более сбалансированный и привлекательный
дизайн. [15]
Конечно, эти основы дизайна могут быть применены не только в After
Effects, но и во многих других графических программах. Однако, знание этих
основ и умение их применять может помочь создать более эффективный и
красивый дизайн в After Effects.
 1.3 Photoshop

Adobe Photoshop - это профессиональный графический редактор, который

позволяет создавать, редактировать и улучшать различные типы изображений.
Он используется в широком диапазоне отраслей, включая дизайн, фотографию,
веб-разработку и многие другие.
Photoshop имеет множество инструментов и функций, которые позволяют
пользователям создавать и редактировать изображения любой сложности. Он
позволяет работать с растровой графикой и имеет широкие возможности
работы со слоями. В Photoshop можно использовать такие инструменты, как
кисти, карандаши, рисование по пути, лассо и другие, что делает его одним из
самых мощных инструментов для работы с изображениями.
Среди прочих возможностей Photoshop можно выделить:
Работа с многослойными изображениями;
Коррекция и улучшение цвета и яркости изображений;
Ретушь и улучшение портретов;
Создание графических элементов для веб-страниц;
Создание и редактирование растровой и векторной графики;
Работа с 3D-изображениями;
Создание анимации и видео. [14]
Photoshop также позволяет пользователям создавать специальные
эффекты, добавлять текст и создавать сложные композиции из нескольких
изображений. Он является неотъемлемым инструментом для многих
профессионалов в области дизайна и фотографии. (См. рис 1.3).

Рисунок-1.3. «Иконка Photoshop»

Кроме базовых функций, таких как редактирование и обработка

фотографий, Photoshop имеет множество продвинутых инструментов и
функций, которые позволяют создавать сложные дизайны и иллюстрации.
Например, программа позволяет работать с различными слоями, масками,
фильтрами, эффектами и анимацией. [13]
 Photoshop также поддерживает работу с 3D-графикой, что позволяет
создавать трехмерные модели и иллюстрации. Программа имеет множество
инструментов для создания и редактирования текста, в том числе инструменты
для создания эффектных заголовков и логотипов.
Photoshop поддерживает большое количество форматов файлов, включая
стандартные форматы изображений (JPEG, PNG, GIF), форматы RAW и PSD, а
также другие форматы, такие как AI, EPS, PDF и SVG. Это позволяет работать с
различными типами файлов и упрощает процесс обмена файлами между
различными программами и устройствами.
Photoshop является одним из самых популярных графических редакторов,
который используется как профессиональными дизайнерами, так и обычными
пользователями для редактирования фотографий, создания иллюстраций,
дизайна веб-сайтов и многое другое.
Одной из ключевых особенностей Photoshop является возможность
работы с различными слоями изображения. Это означает, что пользователь
может добавлять и редактировать элементы изображения на отдельных слоях,
что облегчает процесс редактирования и обработки фотографий.
Photoshop также предоставляет множество инструментов для улучшения
качества фотографий, таких как ретушь кожи, коррекция цвета и яркости, а
также фильтры и эффекты, которые могут изменять внешний вид изображения.
Программа также включает в себя функции для создания и
редактирования векторных изображений, что позволяет пользователю
создавать логотипы, значки и другие графические элементы с помощью форм и
кривых. [12]
Photoshop часто используется профессиональными дизайнерами,
фотографами, художниками, рекламными агентствами и другими
профессионалами, работающими в сфере графического дизайна и визуальных
искусств.
 1.4 Основа монтажа

After Effects - это программа, предназначенная для создания различных

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

Рисунок-1.4 «Монтажная область»

Основа монтажа в After Effects начинается с импорта необходимых

файлов, включая видео, звук, изображения и другие элементы. Затем
необходимо создать композицию, где можно настроить размеры и разрешение
проекта, а также продолжительность и количество слоев.
Далее, для создания монтажа в After Effects необходимо расположить
необходимые элементы на временной шкале и настроить их положение, время
появления и исчезновения, а также применить эффекты переходов и другие
визуальные эффекты. [11]
Одной из ключевых возможностей After Effects является использование
масок и трекинга движения, что позволяет более точно настраивать положение
и размеры элементов на видео.
Кроме того, After Effects также позволяет работать с звуком, добавляя и
редактируя аудиоэффекты, а также синхронизируя звук с видео.
В целом, After Effects - это мощный инструмент для создания
качественного монтажа видео, который предоставляет большой выбор
инструментов для работы с элементами, настройки визуальных эффектов и
звука, и возможности создания профессиональных видеороликов и анимаций.
Монтаж в After Effects может быть проще или сложнее в зависимости от
конкретных задач и требований к видео. Вот некоторые шаги, которые могут
помочь вам при монтаже в After Effects:
 Импортируйте исходные файлы: Нажмите File > Import > File, чтобы
импортировать видео, аудио и изображения, которые вы хотите использовать в
своем проекте. [10]
Создайте композицию: Нажмите Composition > New Composition, чтобы
создать новую композицию. Выберите размер, разрешение и длительность
вашей композиции в соответствии с требованиями проекта.
Разместите элементы в композиции: Используйте панель Layers для
добавления элементов, таких как видео, изображения, текст, графика и
эффекты. Используйте инструменты Transform, Scale, Rotate, Opacity и другие,
чтобы настроить положение и параметры каждого элемента.
Добавьте эффекты и анимацию: After Effects предоставляет множество
инструментов для добавления эффектов и анимации в ваш проект. Например,
вы можете использовать инструменты Keyframe для создания анимации
движения, эффекты Color Correction для настройки цветовой схемы, а также
множество других инструментов для создания уникальных эффектов.
Работайте с аудио: Если вам нужно добавить звуковые эффекты, музыку
или диалоговые записи в свой проект, вы можете импортировать аудиофайлы и
настроить их параметры в соответствии с требованиями проекта.
Рендеринг: После того, как вы закончили монтаж, нажмите Composition >
Add to Render Queue, чтобы добавить вашу композицию в очередь рендеринга.
Выберите формат файла и настройки рендеринга, а затем нажмите Render,
чтобы создать готовое видео. [9]
Хорошо знание After Effects позволит вам создавать профессиональные
видеоролики с эффектами и анимацией.
 1.5 Повторы и концентрика

Концентрические повторы (Concentric Repeats) - это эффект в Adobe After

Effects, который создает круги или круговые повторы вокруг определенной
точки. (См. рис 1.5). [8]
Элемент управления «Связывание точек отслеживания» относится к
другой системе управления камерой. Этот элемент управления используется
как вспомогательный при композиции результата эффекта в сцену на плоской
поверхности с наклоном в отношении кадра.
«Верхний левый угол», «Верхний правый угол», «Нижний левый угол»,
«Нижний правый угол»
Точка присоединения каждого из углов слоя.
Автоматическое фокусное расстояние
Определяет перспективу эффекта во время анимации. Если параметр
«Автоматическое фокусное расстояние» не выбран, заданное фокусное
расстояние используется для поиска положения и ориентации камеры, при
котором углы слоя помещаются на точки отслеживания. В противном случае
слой заменяется контуром, отрисованным между точками отслеживания. Если
выбран параметр «Автоматическое фокусное расстояние», по возможности
используется фокусное расстояние, требуемое для совмещения точек
отслеживания. Если параметр не выбран, он интерполирует верное значение из
близлежащих кадров. [7]
Фокусное расстояние
Переопределяет другие параметры, если получены неудовлетворительные
результаты. Если значение фокусного расстояния не соответствует желаемому
фокусному расстоянию в том случае, если бы точки отслеживания фактически
находились в этой конфигурации, изображение будет выглядеть нестандартно
(странно наклоненным, например). Однако если известно фокусное расстояние,
с которым требуется выполнить совмещение, проще всего использовать этот
элемент управления, чтобы получить корректный результат.
Элементы управления «Колебание»

Рисунок-1.5 «Пример эффекта»

 2 СПЕЦИАЛЬНАЯ ЧАСТЬ

2.1 Анимация

Для создания пошаговой анимации в After Effects необходимо выполнить

следующие шаги:
1. Создайте новый проект в After Effects и создайте новый композит
(composition), указав необходимые параметры размера и длительности.
2. Добавьте объект, который вы хотите анимировать, на время, которое он
должен быть на экране. (См. рис 2.1.1).

Рисунок-2.1.1 «Анимированные Элементы»

3.Добавление элементов в проект

Импортируйте необходимые файлы в проект. Нажмите на "File" (Файл) в
главном меню, затем выберите "Import" (Импортировать) и выберите нужные
файлы.
Перетащите импортированные файлы на композицию, чтобы добавить их
в проект.
4. Создание анимации
Выберите элемент, который вы хотите анимировать.
Нажмите на кнопку "Animate" (Анимировать) в главном меню, затем
выберите нужное свойство, которое вы хотите анимировать, например,
"Position" (Позиция) или "Opacity" (Прозрачность).
Создайте ключевые кадры для свойства, которое вы анимируете, выбрав
нужный кадр и изменяя значение свойства.
Повторите процесс для каждого элемента, который вы хотите
анимировать.
5. Добавление эффектов
Выберите элемент, к которому вы хотите применить эффект.
Нажмите на кнопку "Effect" (Эффект) в главном меню, затем выберите
нужный эффект.
Настройте параметры эффекта, чтобы достичь нужного результата.
Повторите процесс для каждого элемента, к которому вы хотите
применить эффект.
 6. Добавление звука
Импортируйте звуковой файл в проект. Перетащите звуковой файл на
композицию.
Нажмите на кнопку "Audio" (Аудио) в главном меню, затем выберите
нужные настройки для звука.
Перетащите звуковой файл на временную шкалу композиции, чтобы
выровнять его с анимацией.
7. Рендеринг проекта
Нажмите на кнопку "Composition" в главном меню, затем выберите "Add
to Render Queue" (Добавить в очередь рендеринга).
Настройте параметры рендеринга, такие как формат файла, разрешение,
качество и т.д.
Нажмите "Render" (Рендерить), чтобы начать процесс рендеринга.
Дождитесь завершения процесса рендеринга, затем сохраните готовый
файл на ваш компьютер.
8. Дополнительные возможности
Исследуйте дополнительные функции и инструменты After Effects,
такие как 3D-анимация, маскирование, трекинг движения и т.д. [6]
Используйте плагины и скрипты, чтобы расширить возможности
программы и упростить процесс работы.
Изучайте и экспериментируйте, чтобы создавать уникальные и
интересные анимации.
9. Сохранение и экспорт проекта
Сохраните проект, чтобы сохранить все изменения и возможность
продолжить работу позднее. Используйте функцию экспорта, чтобы сохранить
проект в различных форматах для дальнейшего использования или публикации.
 2.2 Рекламный баннер

1. Подготовка к работе
Откройте программу After Effects.
Создайте новый проект, выбрав File > New > New Project (Файл >
Новый > Новый проект).
Настройте параметры проекта, такие как имя проекта, размер
композиции и кадровую частоту.
Нажмите "ОК", чтобы создать новый проект.
2. Создание новой композиции
Выберите File > New > New Composition (Файл > Новый > Новая
композиция).
Настройте параметры композиции, такие как имя композиции, размер,
продолжительность и фоновый цвет.
Нажмите "ОК", чтобы создать новую композицию. (См. рис 2.2.1).

Рисунок-2.2.1 «Баннер, реклама»

3. Добавление элементов [5]

Импортируйте элементы, которые вы хотите использовать в своей
анимации, выбрав File > Import > File (Файл > Импорт > Файл).
Перетащите элементы из панели проектов на таймлайн композиции.
Организуйте элементы на таймлайне и убедитесь, что они расположены в
нужном порядке. (См. рис 2.2.2).
4. Создание анимации
Выберите элемент, который вы хотите анимировать.
Нажмите на кнопку "Add Keyframe" (Добавить ключевую точку) рядом с
свойством, которое вы хотите анимировать, на таймлайне.
Переместите курсор времени на таймлайне к моменту, когда вы хотите
изменить свойство.
Измените свойство элемента, который вы анимируете, таким образом,
чтобы создать желаемую анимацию.
 Нажмите на кнопку "Add Keyframe" еще раз, чтобы сохранить изменение
свойства на таймлайне.
Повторите эти шаги для всех элементов, которые вы хотите анимировать.
(См. рис 2.2.3).

Рисунок-2.2.2 «Мотиватор в After Effects»

Рисунок-2.2.3 «Пример шаблона»

5. Добавление эффектов и настроек

Выберите элемент, к которому вы хотите применить эффект.
Выберите нужный вам эффект в панели "Effects & Presets" (Эффекты и
предустановки).
Настройте параметры эффекта в панели управления эффектами.
Повторите эти шаги для всех эффектов, которые вы хотите использовать
в своей анимации. (См. рис 2.2.4).
 Рисунок-2.2.4 «Баннер для видеоролика»

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

Рисунок-2.2.5 «Пример работы №1»

7. Добавление аудио
Импортируйте аудиофайл, который вы хотите использовать, выбрав File >
Import > File (Файл > Импорт > Файл). [4]
Перетащите аудиофайл на таймлайн композиции.
Настройте громкость и время начала и конца аудиофайла, если это
необходимо. (См. рис 2.2.6).
 Рисунок-2.2.6 «Пример работ»

8. Рендеринг анимации
Выберите Composition > Add to Render Queue (Композиция > Добавить в
очередь на рендеринг). [3]
Настройте параметры рендеринга, такие как формат файла, качество и
местоположение файла вывода.
Нажмите "Render" (Рендерить), чтобы начать процесс рендеринга. (См.
рис 2.2.7).

Рисунок-2.2.7 «Пример работы №2»

9. Экспорт анимации
Сохраните файл проекта, выбрав File > Save (Файл > Сохранить).
Экспортируйте готовый файл анимации, выбрав File > Export > Add to
Adobe Media Encoder Queue (Файл > Экспорт > Добавить в очередь Media
Encoder Adobe).
 Настройте параметры экспорта, такие как формат файла и
местоположение файла вывода.
Нажмите "Export" (Экспортировать), чтобы начать процесс экспорта.
10. Просмотр анимации
Откройте готовый файл анимации, чтобы убедиться, что все элементы и
эффекты работают правильно.
Просмотрите анимацию на разных устройствах и браузерах, чтобы
убедиться, что она работает правильно везде, где ее используют.
 2.3 Создание текста с анимацией

Рисунок-2.3 «Анимация текста»

1. Создайте новый проект в After Effects и добавьте новый композит

(Composition).
2. Создайте новый текстовый слой (Text Layer) в композите.
3. Настройте параметры текста (размер, шрифт, цвет и т.д.) в панели
Character.
4. Выберите инструмент Rectangle Tool и создайте новую маску (Mask)
на текстовом слое.
5. Измените режим маски на Subtract.
6. Включите ключевые кадры (Keyframes) для свойства Mask Path
на текстовом слое и установите первый ключевой кадр (Keyframe) на
начальной позиции маски.
7. Переместите позицию текущего кадра во времени (Current Time
Indicator) вперед на несколько кадров и измените позицию маски так,
чтобы она полностью закрыла текст.
8. Установите второй ключевой кадр для свойства Mask Path,
чтобы сохранить новую позицию маски.
9. Выберите эффект (Effect) Text > Animate > Tracking и добавьте
его к текстовому слою.
10. Включите ключевые кадры для свойства Tracking и установите
начальное значение на 0.
 2.4 Управление цветом фигур

1. Создайте новый проект в After Effects и добавьте новый композит

(Composition). [2]
2. Создайте новый слой (Layer) в композите.
3. Добавьте эффект (Effect) Fill к слою. Этот эффект позволяет
настраивать цвет фигуры.
4. В панели Effect Controls выберите цвет (Color) для Fill, щелкнув по
значку цветовой палитры.
5. Используйте селектор цвета (Color Picker) для выбора желаемого цвета.
Можно также ввести цветовые координаты RGB или HEX в соответствующие
поля.
6. Если нужно, можно настроить прозрачность (Opacity) Fill, чтобы
создать полупрозрачные фигуры.
7. После этого можно нарисовать фигуру, используя инструменты Shape
Tools, или импортировать графику, содержащую фигуры.
8. Если у вас несколько фигур в слое, вы можете настроить цвет для
каждой фигуры, выбрав нужную фигуру в панели Layers и настраивая
параметры Fill в панели Effect Controls.
 2.5 Эффект блеска

1. Создайте новый проект в After Effects, выбрав File > New > New Project.
2. Создайте новый композит, выбрав Composition > New Composition.
Задайте нужные параметры, такие как ширина, высота и длительность
композита.
3. Создайте новый слой линии, выбрав Layer > New > Solid. Выберите
желаемый цвет и задайте нужный размер.
4. Добавьте эффект Stroke к слою линии, выбрав Effects > Generate >
Stroke. Этот эффект создаст контур вокруг вашей линии.
5. Настройте параметры эффекта Stroke, чтобы создать нужный вид
линии. Измените толщину линии, цвет и другие параметры, если необходимо.
6. Создайте новый ключевой кадр, выбрав нужный момент времени на
временной шкале и нажав на кнопку "Add Keyframe" рядом с параметром "End"
в эффекте Stroke.
7. Измените параметры эффекта Stroke для создания нужной формы
линии. Например, вы можете изменить конечную точку линии, повернуть ее
или изменить ее форму.
8. Создайте еще один ключевой кадр на следующем моменте времени и
продолжайте изменять параметры линии, чтобы создать желаемую анимацию.
9. Продолжайте создавать ключевые кадры и изменять параметры линии,
пока не достигнете нужного результата.
10. Добавьте другие элементы анимации, если необходимо, и сохраните
проект, выбрав File > Save. (См. рис 2.5).
11. Если вы хотите изменить скорость анимации, вы можете использовать
эффект Time Remapping. Добавьте его к слою линии, выбрав Layer > Time >
Time Remapping. Затем создайте новые ключевые кадры на временной шкале и
перемещайте их, чтобы изменить скорость анимации.
12. Если вы хотите добавить эффекты или фильтры к вашей анимации,
выберите нужный слой и добавьте нужный эффект, выбрав Effects > [название
эффекта]. Настройте параметры эффекта, чтобы получить желаемый результат.
13. Если вы хотите сохранить анимацию в формате видео, выберите
Composition > Add to Render Queue. Затем выберите желаемый формат видео и
настройте параметры экспорта. Нажмите кнопку Render, чтобы начать экспорт.
14. Если вы хотите использовать анимацию в другом проекте, сохраните
ее как шаблон. Выберите Composition > Save as Template. Затем настройте
параметры шаблона и сохраните его.
15. Если вы хотите добавить движение к анимации линии, вы можете
использовать инструменты перемещения. Выберите слой линии и выберите
инструмент Move (V) на панели инструментов. Затем вы можете перемещать
слой линии по экрану, чтобы создать нужное движение.
16. Чтобы сделать движение более плавным, вы можете добавить кривые
движения к ключевым кадрам. Выберите ключевой кадр и выберите
инструмент Pen (G) на панели инструментов. Затем вы можете рисовать кривую
движения, чтобы изменить скорость и траекторию движения.
17. Если вы хотите добавить эффекты освещения или тени к анимации
линии, выберите слой линии и добавьте эффекты, такие как Drop Shadow или
Radial Blur. Настройте параметры эффектов, чтобы получить желаемый
результат.
18. Если вы хотите создать множество линий с разными параметрами
анимации, вы можете использовать инструменты дублирования. Выберите
слой линии и выберите Edit > Duplicate. Затем настройте параметры
дублированного слоя, чтобы получить желаемый результат.
19. Если вы хотите добавить звук к анимации линии, выберите
Composition > Add to Render Queue. Затем выберите формат видео, который
поддерживает звук, и добавьте соответствующий аудиофайл. Настройте
параметры экспорта, чтобы сохранить анимацию с звуком.

Рисунок-2.5. «Эффект блеска»

 2.6 Реклама игрушки

1. Создание композиции
Откройте After Effects и создайте новый проект. Затем нажмите правой
кнопкой мыши в области проекта и выберите "Новая композиция". Установите
размеры композиции, продолжительность и частоту кадров, которые
соответствуют вашей рекламе.
2. Добавление текста
Добавьте текст на композицию, который будет отображаться во время
рекламы. Выберите инструмент "Текст" в панели инструментов, затем
щелкните в области композиции, где вы хотите разместить текст. Введите текст
в панели "Основные параметры" в правой части экрана. (См. рис 2.7).
3. Добавление изображений или видео
Добавьте изображения или видео, которые будут использоваться в
рекламе. Перетащите файлы на панель "Проект", затем перетащите их на
композицию. Установите положение и размеры изображений или видео при
помощи инструмента "Выбор".
4. Создание движения
Добавьте движение к тексту и изображениям, чтобы создать эффект
движущейся рекламы. Выберите элемент, который вы хотите двигать, затем
выберите инструмент "Перемещение" в панели инструментов. Используйте
кадры ключевых точек для установки начальной и конечной позиции элемента.
Повторите этот шаг для всех элементов, которые вы хотите двигать.
5. Добавление эффектов
Добавьте эффекты к тексту и изображениям, чтобы придать рекламе
дополнительную динамику и привлекательность. Выберите элемент, к
которому вы хотите добавить эффект, затем выберите инструмент "Эффекты и
настройки" в панели инструментов.
6. Экспорт
Когда вы закончите создание рекламы, выберите "Добавить в очередь на
рендеринг" в меню "Композиция". Выберите формат и настройте параметры
экспорта, затем нажмите "ОК". Наконец, выберите папку, в которую вы хотите
экспортировать рекламу, и нажмите "Рендеринг".
 ЗАКЛЮЧЕНИЕ

В процессе прохождения моей практики я получил значительный объем

практических навыков и умений работы с графическими редакторами и
программами. Моя подготовка включала знания в области дизайна, а также
умения работы с растровой и векторной графикой, умение работать со слоями и
другие навыки. Я освоил новые методы и приемы, которые могу применять в
своей дальнейшей работе.
Во время прохождения практики я также ознакомился с принципами
работы дизайнера и изучил принципы веб-дизайна. Я и мои коллеги получили
много опыта и научились творческому подходу к созданию веб-страниц,
который включает в себя учет целевой аудитории, анализ конкурентов и
правильную организацию контента.
Кроме того, я понимаю, что в настоящее время программы, которые я
освоил во время практики, являются неотъемлемой частью создания
современных веб-сайтов и могут быть использованы для создания
качественного и привлекательного веб-контента.
 СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

1. Чихольд Я. Новая типографика.Руководство для современного

дизайнера / Я. Чихольд. — М.: Издательство Студии Артемия Лебедева, 2018.
— 248 c.
2. Триггс Т. Школа искусств. 40 уроков для юных художников и
дизайнеров / Т. Триггс, Д. Фрост. — М.: Манн, Иванов и Фербер, 2018. — 320 c.
3. Адамс Ш. Словарь цвета для дизайнеров / Ш. Адамс. — М.: КоЛибри,
2018. — 272 c.
4. Берман Д. Do Good Design: как дизайнеры могут изменить мир / Д.
Берман. — М.: Символ, 2015. — 200 c.
5. Вильямс Р. Дизайн для Недизайнеров / Р. Вильямс. — М.: Символ,
2015. — 192 c.
6. Воскобойников Ю.Е. Живопись для дизайнеров и архитекторов. Курс
для бакалавров: Учебное пособие / Ю.Е. Воскобойников. — СПб.: Планета
Музыки, 2015. — 104 c.
7. Голомбински К. Добавь воздуха! Основы визуального дизайна для
графики веб и мультимедиа / К. Голомбински, Р. Хаген; Пер. с англ. Н.А.
Римицан.. — СПб.: Питер, 2013. — 272 c.
8. Графический дизайн. Современные концепции: учеб. пособие для вузов
/ Е. Э. Павловская [и др.]; отв. ред. Е. Э. Павловская. — 2-е изд., перераб. и доп.
— М.: Юрайт, 2018. — 183 с.
9. Джанда М. Сожги свое портфолио! То, чему не учат в дизайнерских
школах / М. Джанда. — СПб.: Питер, 2019. — 384 c.
10. Елочкин М.Е. Информационные технологии в профессиональной
деятельности дизайнера / М.Е. Елочкин. — М.: Academia, 2016. — 396 c.
11. Ермаков М.П. Основы дизайна. Художественная обработка твердого и
мягкого камня: Учебное пособие / М.П. Ермаков. — Рн/Д: Феникс, 2018. — 80
c.
12. Кузвесова Н. Л. Графический дизайн: от викторианского стиля до ар-
деко. — М.: Юрайт, 2020. — 140 c.
13. Маилян Л.Р. Справочник современного дизайнера / Л.Р. Маилян. —
Рн/Д: Феникс, 2016. — 256 c.
14. Павловская Е. Э. Графический дизайн. Современные концепции. —
М.: Юрайт, 2020. — 120 c.
15. Панкина М. В. Графический дизайн. Выпускная квалификационная
работа. — М.: Юрайт, 2020. — 198 c.