Главная / Информатика / Графический редактор Adobe Photoshop. Создание gif-анимации. Создание анимированного текста. 8 класс

Графический редактор Adobe Photoshop. Создание gif-анимации. Создание анимированного текста. 8 класс

Графический редактор Adobe Photoshop. Создание gif-анимации. Создание анимированного текста. 8 класс

Цель работы: научить работать с инструментом «Текст», создавать анимацию текста в формате gif в среде Adobe Photoshop.

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

поздравляю

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

2. Создайте новый файл размером 20 см – ширина, 10 см –высота, разрешение 72 пикс/дюйм, для этого используйте пункт меню Файл – Новый.
3. Выберите цвет заливки фона, используя палитру цвета, если хотите градиентную заливку, то воспользуйтесь инструментом градиент
градиент Закрасьте созданный вами фоновый слой.
4. Создайте новый слой и выберите инструмент Текст -
текст, установите для этого инструмента следующие параметры:

поздравляю

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

палитра Слои

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

6. Отключите все слои кроме первого с надписью. Возьмите инструмент Ластик и сотрите им все буквы кроме первой «П». Если программа выдаёт вам следующее предупреждение

палитра Слои

Выберите ОК!

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

8. Выключите все слои, кроме первого с фоновым изображением. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку ImageReady.
9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра -
создание дубдиката
Включаем первый слой с надписью. Дублируем кадр. Включаем второй слой. Дублируем. Включаем третий слой и т.д. до самого верхнего слоя или последнего символа.

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

палитра Слои

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

11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady    выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.

анимированный текст

Использованная литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург, 2004.


08.09.2011



Графический редактор Adobe Photoshop. Создание gif-анимации. Создание анимированного текста. 8 класс
  • Информатика
Описание:

Цель работы: научить работать с инструментом «Текст», создавать анимацию текста в формате gif в среде Adobe Photoshop.

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

gs1.jpg

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

2. Создайте новый файл размером 20 см – ширина, 10 см –высота, разрешение 72 пикс/дюйм, для этого используйте пункт меню Файл – Новый.
3. Выберите цвет заливки фона, используя палитру цвета, если хотите градиентную заливку, то воспользуйтесь инструментом градиент gs2.jpg  Закрасьте созданный вами фоновый слой.
4. Создайте новый слой и выберите инструмент Текст - gs3.jpg, установите для этого инструмента следующие параметры:

gs4.jpg

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

gs11.jpg

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

6. Отключите все слои кроме первого с надписью. Возьмите инструмент Ластик и сотрите им все буквы кроме первой «П». Если программа выдаёт вам следующее предупреждение

gs6.jpg
Выберите ОК!

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

8. Выключите все слои, кроме первого с фоновым изображением. Перейдите в редактор ImageReady для создания анимации. Для этого на панели инструментов нажмите кнопку gs7.jpg.
9. В нижней части окна ImageReady находится «раскадровка», на неё мы должны выложить меняющиеся через заданное время кадры, которые и будут составлять анимацию.
Нажимаем кнопку Создание дубликата кадра - gs8.gif
Включаем первый слой с надписью. Дублируем кадр. Включаем второй слой. Дублируем. Включаем третий слой и т.д. до самого верхнего слоя или последнего символа.

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

gs9.jpg

Нажимаем кнопку gs10.jpg

11.Осталось сохранить в формате gif. Для этого в меню Файл в окне ImageReady    выбираем пункт Сохранить оптимизированное как, выбираем имя файла и формат файла - gif.

anim_text.gif

Использованная литература:
А. Тайц «Самоучитель Adobe Photoshop 7», БХВ-Петербург, 2004.


08.09.2011
Автор Спиридонова Галина Александровна
Дата добавления 08.09.2011
Раздел Информатика
Подраздел
Просмотров 2848
Номер материала 161
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓




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