Инфоурок / Информатика / Конспекты / ЛАБОРАТОРНО-ПРАКТИЧЕСКАЯ РАБОТА «Создание gif-анимации: анимированный текст»

ЛАБОРАТОРНО-ПРАКТИЧЕСКАЯ РАБОТА «Создание gif-анимации: анимированный текст»

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

hello_html_m55e7d49e.gifhello_html_m755c6a54.gifЛАБОРАТОРНО-ПРАКТИЧЕСКАЯ РАБОТА «Создание gif-анимации: анимированный текст»

Цель работы: познакомить со способами создания анимированного изображение в формате .gif с помощью программы Photoshop.

В результате изучения данной темы обучающийся должен:

Иметь представление о

Приобрести

Знать

Уметь


изображениях формата .gif

навыки работы с информацией; оптимального использования персонального компьютера

назначение программы Photoshop


Создавать анимированное изображение в формате .gif









Время выполнения 1 ч.

Материальное обеспечение: персональный компьютер, программа Photoshop, инструкционная карта.

ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

Краткие теоретические сведения

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

Для создании анимации какого-либо объекта (персонажа или предмета) в программе Photoshop мы будем использовать функцию «Марионеточной деформации». Это очень удобный инструмент, он позволяет легко и просто «оживить картинку». Для работы с объектом, для начала, нужно данный объект вырезать из основного фона, другими словами, нам нужен объект без фона.

ПРАКТИЧЕСКАЯ ЧАСТЬ

Задание.

Создайте анимированный текст в формате gif.

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

поздравляю

1. Откройте программу Adobe Photoshop.

2. Создайте новый файл размером 20 см – ширина, 10 см – высота, разрешение 72 пикс/дюйм, для этого используйте пункт меню Файл – Новый.

3. Выполните заливку фона. Выберите цвет заливки фона, используя палитру цветов. Закрасьте созданный вами фоновый слой нажимая Редактирование – Выпол нить заливку. Далее используя инструмент градиент градиент , выполняем градиентную заливку. Нужно выбрать второй цвет и протянуть инструмент от угла до угла (по диагонали)

hello_html_m83add26.png

4. Создайте новый слой (панель слои – слой - да) и выберите инструмент Текст - текст, установите для этого инструмента следующие параметры:

поздравляю

Напишите «Поздравляю!»
Настройки Текста можно изменить по своему вкусу.
К надписи применить понравившийся вам Стиль, например, 
стиль, тогда палитра Слои примет следующий вид:

палитра Слои

5. Продублируйте слой с текстом 11 раз. Для этого, установите курсор на слой в палитре Слои (он должен быть активным – выделен синем) и вызовите контекстное меню, нажав правую кнопку мыши, в появившемся списке доступных функций выберите «Дублировать слой».

6. Отключите иконку «глазика» на всех слоях кроме первого и второго (нужно просто один раз кликнуть по иконке).

Задание

На первом слое с текстом сотрите все буквы кроме первой «П».Для этого возьмите инструмент Ластик. Если программа выдаёт вам следующее предупреждение

палитра Слои

Выберите ОК!

7. Активируйте следующий слой с текстом с палитре слои. Включите на нем «глазик» и отключив «глазик» в первом слое с текстом (где стирали все буквы, кроме «П»). На новом слое с помощью инструмента «Ластик» сотрите все буквы кроме первых двух «По». Повторите те же действия для вышележащих слоёв, пока не дойдёте до последнего символа «!».

8. Выключите (нажмите «глазик») все слои, кроме первого с фоновым изображением, и второго, с текстом «П». Теперь необходимо перейти в меню Окно-Анимация.

hello_html_40c5a859.png

В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев.

hello_html_5cf91930.png

9. Выберите первый кадр, затем на палитре слои нажмите «глазик» у первого слоя.

Второй кадр – «глазик» у первого и второго слоя.

Третий кадр - «глазик» у первого, второго и третьего слоя и так до последнего слоя.

палитра Слои

10. Под каждым кадром устанавливаем выдержку 0.2 сек, а на самом последнем 1 сек.

Нажимаем кнопку Play

11.Осталось сохранить в формате gif. Для этого в меню Файл – Сохранить как - gif.

Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

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

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 22 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Краткое описание документа:

Цель работы: познакомить со способами создания анимированного изображение в формате .gif с помощью программы Photoshop.

В результате изучения данной темы обучающийся должен:

Иметь представление о

Приобрести

Знать

Уметь

изображениях формата .gif

навыки работы с информацией; оптимального использования персонального компьютера

назначение программы Photoshop

Создавать анимированное изображение в формате .gif

               

 

Время выполнения 1 ч.

Материальное обеспечение: персональный компьютер, программа Photoshop, инструкционная карта.

ТЕОРЕТИЧЕСКАЯ ЧАСТЬ

Краткие теоретические сведения

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

Для создании анимации какого-либо объекта (персонажа или предмета) в программе Photoshop мы будем использовать функцию «Марионеточной деформации». Это очень удобный инструмент, он позволяет легко и просто «оживить картинку». Для работы с объектом, для начала, нужно данный объект вырезать из основного фона, другими словами, нам нужен объект без фона.

ПРАКТИЧЕСКАЯ ЧАСТЬ

Задание.

 

Создайте анимированный текст в формате gif.

Общая информация

Номер материала: 545331
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 22 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>