Урок информатики "Создание компьютерной анимации в среде Adobe Photoshop CS5"

Цель урока:

А) обучающая: закрепляя знание инструментов Adobe Photoshop CS5, дать направления студентам для создания анимации в графической среде Adobe Photoshop CS5;

Б) развивающая: развить эстетический вкус, проявить творческое отношение к работе;

В) воспитательная: проявить интерес к компьютерной графике, выполняя самостоятельное задания;

Вид урока: практическое занятие;

Наглядные пособия и оборудовании: ПК, интерактивная доска, программа Adobe Photoshop, электронный учебник, Интернет, раздаточный материал.

Ход урока

1. Организационный момент – подготовка аудитории к уроку. Проверка явки студентов на урок по журналу (1 мин).

2. Постановка темы и цели урока, связь с пройденным материалом.

С помощью вопросов сопроваждающий презентацией проверить знаний и подготовку студентов к работе (5 мин).

Вопросы:

Инструменты выделения

Виды ластиков и принцип их работы

Виды трансформации

Как создать дубликат слоя

Виды инструментов лассо

Какие виды фильтров знаете?

Что такое ретушь фотографии?

3. Вводный инструктаж – краткое сведение о теории, ознакомить с описанием работы и раздать практические работы. Выполнение практической работы (15 мин).

4. Упражнение для глаз (1 мин)

5. Закрепление темы урока (5 мин). Тест в электронной книжке.

6. Задание на дом: (1 мин)

Работа с электронном учебником: «Adobe Photoshop для начинающих»: теория – Урок 5-7

7. Итоги урока, оценки студентов выводиться по итогам трех частей урока: опрос по пройденным материалам, практическая работа и по результатам теста. (3 мин)

После окончания работы студенты :

Должны знать: о работе компьютерной анимации в графической среде Adobe Photoshop

Должны уметь: создать анимированное изображения и работать с инструментами выделения и трансформации

В этом уроке Вы научитесь создавать анимированные изображения, и закрепить базовые знание

Шаг 1. Откройте следуюшие изображения:

Шаг 2. С помощью инструмента Лассо выделите Рисунки 2 и 3, и скопируйте их в ринунок 1.

Шаг 3. Создадим еще копии слоев Рисунков 2 и 3, с изменением положении мышонков, для этого используем свободное трансформацию (Ctrl+T). У вас должно получиться ледующим оброзом:

Шаг 4. Создаем анимацию. В панели меню выбираем Окно – Анимация (должны поставит галочку)

Шаг 5. Открылась палитра «Анимация». Пока у вас высвечивается только один кадр (это первый кадр нашей анимации). Устанавливаем видимость слоя Фон и слоя Слой 1 и Слой 2 (глазик ). Строке анимации создаем всего 4 кадра, для этого используем «Создание копии выделенных кадров».

Кадр 2 видимость Фон и слоя Слой 1_1 и Слой 2_1

Кадр 3 видимость Фон и слоя Слой 1 и Слой 2

Кадр 4 видимость Фон и слоя Слой 1_1 и Слой 2_1

Шаг 6. Установим время на 0,5 сек. Для этого выделим оба кадра с помощью клавиши Shift

Шаг 7. Для проигрывания анимации надо нажать на кнопку Play.

Шаг 8. Осталось сохранить нашу открытку в формате .gif. Для этого выбираем меню Файл – Сохранить для Web и устройств… Устанавливаем формат gif, 256 цветов.

Весь материал – смотрите документ.

СИСТЕМA МЕНЕДЖМЕНТА КАЧЕСТВА

РАЗРАБОТКА Понарамного УРОКА

по дисциплине: «Компьютерная графика»

на 2012-2013 учебный год

для студентов 2 курса по специальности:

0518000 - «Учет и аудит» (по отраслям)

СМК КТК ПОУ

Разработала преподаватель

___________ Мұратқызы А.

Рассмотрено на заседании предметно цикловой комиссии «Вычислительная техника и программное обеспечение»

№ 2 от 12. 11. 2012 г.

ПЦК ________ Серикова А.А.

АСТАНА – 2013

ПЛАН ЗАНЯТИЯ № 13

По дисциплине: «Компьютерная графика»

Дата:_10.04.2013

Группа: 2У-111

Тема урока: ПР№10 Создание компьютерной анимации в среде Adobe Photoshop CS5

Цель урока:

А) обучающая: закрепляя знание инструментов Adobe Photoshop CS5, дать направления студентам для создания анимации в графической среде Adobe Photoshop CS5;

Б) развивающая: развить эстетический вкус, проявить творческое отношение к работе;

В) воспитательная: проявить интерес к компьютерной графике, выполняя самостоятельное задания;

Вид урока: практическое занятие;

Наглядные пособия и оборудовании: ПК, интерактивная доска, программа Adobe Photoshop, электронный учебник, Интернет, раздаточный материал.

Ход урока

1. Организационный момент – подготовка аудитории к уроку. Проверка явки студентов на урок по журналу (1 мин).

2.Постановка темы и цели урока, связь с пройденным материалом.

С помощью вопросов сопроваждающий презентацией проверить знаний и подготовку студентов к работе (5 мин).

Вопросы:

• Инструменты выделения

• Виды ластиков и принцип их работы

• Виды трансформации

• Как создать дубликат слоя

• Виды инструментов лассо

• Какие виды фильтров знаете?

• Что такое ретушь фотографии?

3. Вводный инструктаж – краткое сведение о теории, ознакомить с описанием работы и раздать практические работы. Выполнение практической работы (15 мин).

4. Упражнение для глаз (1 мин)

5. Закрепление темы урока (5 мин). Тест в электронной книжке.

6. Задание на дом: (1 мин)

Работа с электронном учебником: «Adobe Photoshop для начинающих»:

теория – Урок 5-7

7. Итоги урока, оценки студентов выводиться по итогам трех частей урока: опрос по пройденным материалам, практическая работа и по результатам теста. (3 мин)

После окончания работы студенты :

Должны знать: о работе компьютерной анимации в графической среде Adobe Photoshop

Должны уметь: создать анимированное изображения и работать с инструментами выделения и трансформации

Преподаватель:_______________ Мұратқызы А.

Практическая работа № 10

Тема: Создание компьютерной анимации в среде Adobe Photoshop CS5

В этом уроке Вы научитесь создавать анимированные изображения, и закрепить базовые знание

Шаг 1. Откройте следуюшие изоброжения:

Рисунок 3

Рисунок 2

Рисунок 1

Шаг 2. С помощью инструмента Лассо выделите Риисунки 2 и 3, и скопируйте их в ринунок 1.

Шаг 3. Создадим еще копии слоев Рисунков 2 и 3, с изменением положении мышонков, для этого используем свободное трансформацию (Ctrl+T). У вас должно получиться ледующим оброзом:

Шаг 4. Создаем анимацию. В панели меню выбираем Окно – Анимация (должны поставит галочку)

Шаг 5. Открылась палитра «Анимация». Пока у вас высвечивается только один кадр (это первый кадр нашей анимации). Устанавливаем видимость слоя Фон и слоя Слой 1 и Слой 2 (глазик ). Строке анимации создаем всего 4 кадра, для этого используем «Создание копии выделенных кадров» .

Кадр 2 видимость Фон и слоя Слой 1_1 и Слой 2_1

Кадр 3 видимость Фон и слоя Слой 1 и Слой 2

Кадр 4 видимость Фон и слоя Слой 1_1 и Слой 2_1

Шаг 6. Установим время на 0,5 сек. Для этого выделим оба кадра с помощью клавиши Shift

Шаг 7. Для проигрывания анимации надо нажать на кнопку Play.

Шаг 8. Осталось сохранить нашу открытку в формате .gif. Для этого выбираем меню Файл – Сохранить для Web и устройств… Устанавливаем формат gif, 256 цветов.