Анимація в Adobe Photoshop

ПЛАН-КОНСПЕКТ ЗАНЯТТЯ

Дата та час проведення: 13 лютого 2013 р.

Тема: «Створення анімаційного малюнку в графічному редакторі Adobe Photoshop»

Мета: Повторити вивчені прийоми роботи з Шарами, Виділенням та Пензлем.

Дослідити нові можливості графічного редактора Photoshop:

1.створення Нового Полотна з задаванням конкретних розмірів.

2. Вікно Анімація. Кадр.

Завдання:

Згадати методи роботи в графічному редакторі: аплікація, монтаж, колаж, комп’ютерна ретуш (перегляд робот).
Ознайомитись з новими можливостями редактору: Полотно, вікно Анімація, Кадр.
Створення елементарного анімаційного малюнку «Світлофор».
Практична робота з рівнями складності: «Анімаційна шапка для веб-сайту – «ДРАКОН».

Тип заняття: бесіда

Форма заняття: фронтально-самостійна

ХІД ЗАНЯТТЯ

Вступна частина (3-5 хв.)

Вітання. Вступне слово. Ставлення мети та задач.

Повторення (10 хв.)

Згадати методи роботи в графічному редакторі та засоби обробки зображень: аплікація, монтаж, колаж, комп’ютерна ретуш. Графічні формати

Нова тема: 1. «Створення Нового Полотна» (10 хв.)

Для початку треба визначитися з розміром та дозволом майбутнього Полотна.

Файл – Створити…

В даному випадку для роботи «Світлофор» ми задаємо наступні розміри.

На створеному полотні за допомогою Геометричних виділень та Заливки створюємо корпус майбутнього світлофора. А на окремих шарах – кольори світлофора (Шар1 – Червоний, Шар2 – Жовтий, Шар3 – Зелений, Фон – Корпус світлофора). Перейменовуємо шари відповідно.

Нова тема: 2.«Вікно Анімація.» (15-20 хв.)

Меню Вікно – Анімація. Принцип роботи вікна Анімація полягає в створені кадрів, в яких будуть змінюватися шар/шари в одиницю часу.

, створимо перший кадр де буде відображатися тільки «червоний»: для цього необхідно «виключити» всі інші шари з кольорами та задати час зміни кадру.

На другому кадрі необхідно додати до «червоного» «жовтий» із затримкою часу 1 сек.

На третьому – виключаємо шари «червоний і жовтий» і включаємо «зелений».

Для того щоб передивитися роботу світлофора, необхідно натиснути кнопку «Запуск» у вікні Анімація.

Завдання на ускладнення:

зробити затримки кольорів;
зробити мигаючий колір світлофора.

Записати в зошит алгоритм виконання Практичної роботи «Анімаційна шапка для сайту – «Китайський гороскоп». (додається) (10 хв.)

Обговорення ключових кроків при виконанні ПР. (3-5 хв.)

Самостійне виконання Практичної роботи «Анімаційна шапка для сайту – «Китайський гороскоп». (30 хв.)

Підсумок заняття (5-7 хв.)

Перегляд робіт. Аналіз виконаної справи.

Заключне слово. (3 хв.)

Вы уже знаете о суперспособностях современного учителя?

Тратить минимум сил на подготовку и проведение уроков.

Быстро и объективно проверять знания учащихся.

Сделать изучение нового материала максимально понятным.

Избавить себя от подбора заданий и их проверки после уроков.

Наладить дисциплину на своих уроках.

Получить возможность работать творчески.

=> ПОЛУЧИТЬ СУПЕРСПОСОБНОСТИ УЧИТЕЛЯ <=

Просмотр содержимого документа
«???????? ? Photoshop»

КПНЗ «Дніпропетровський обласний центр науково-технічної творчості

та інформаційних технологій учнівської молоді»

ВІДКРИТЕ ЗАНЯТТЯ

(основи комп’ютерної графіки для учнів 9-11 класів)

Тема: «СТВОРЕННЯ АНІМОВАНОГО МАЛЮНКУ
В ГРАФІЧНОМУ РЕДАКТОРІ AdobePhotoshop»

Керівник

комп’ютерного гуртка Лагутіна О.Д.

м. Дніпропетровськ

2013

ПЛАН-КОНСПЕКТ ЗАНЯТТЯ

Дата та час проведення: 13 лютого 2013 р.

Тема: «Створення анімаційного малюнку в графічному редакторі Adobe Photoshop»

Мета: Повторити вивчені прийоми роботи з Шарами, Виділенням та Пензлем.

Дослідити нові можливості графічного редактора Photoshop:

1.створення Нового Полотна з задаванням конкретних розмірів.

2. Вікно Анімація. Кадр.

Завдання:

Згадати методи роботи в графічному редакторі: аплікація, монтаж, колаж, комп’ютерна ретуш (перегляд робот).
Ознайомитись з новими можливостями редактору: Полотно, вікно Анімація, Кадр.
Створення елементарного анімаційного малюнку «Світлофор».
Практична робота з рівнями складності: «Анімаційна шапка для веб-сайту – «ДРАКОН».

Тип заняття: бесіда

Форма заняття: фронтально-самостійна

ХІД ЗАНЯТТЯ

Вступна частина (3-5 хв.)

Вітання. Вступне слово. Ставлення мети та задач.

Повторення (10 хв.)

Нова тема: 1. «Створення Нового Полотна» (10 хв.)

Для початку треба визначитися з розміром та дозволом майбутнього Полотна.

Файл – Створити…

В даному випадку для роботи «Світлофор» ми задаємо наступні розміри.

На створеному полотні за допомогою Геометричних виділень та Заливки створюємо корпус майбутнього світлофора. А на окремих шарах – кольори світлофора (Шар1 – Червоний, Шар2 – Жовтий, Шар3 – Зелений, Фон – Корпус світлофора). Перейменовуємо шари відповідно.

Нова тема: 2.«Вікно Анімація.» (15-20 хв.)

Наприклад, створимо перший кадр де буде відображатися тільки «червоний»: для цього необхідно «виключити» всі інші шари з кольорами та задати час зміни кадру.

На другому кадрі необхідно додати до «червоного» «жовтий» із затримкою часу 1 сек.

На третьому – виключаємо шари «червоний і жовтий» і включаємо «зелений».

Для того щоб передивитися роботу світлофора, необхідно натиснути кнопку «Запуск» у вікні Анімація.

Завдання на ускладнення:

зробити затримки кольорів;
зробити мигаючий колір світлофора.

Записати в зошит алгоритм виконання Практичної роботи «Анімаційна шапка для сайту – «Китайський гороскоп». (додається) (10 хв.)

Обговорення ключових кроків при виконанні ПР. (3-5 хв.)

Самостійне виконання Практичної роботи «Анімаційна шапка для сайту – «Китайський гороскоп». (30 хв.)

Підсумок заняття (5-7 хв.)

Перегляд робіт. Аналіз виконаної справи.

Заключне слово. (3 хв.)

Предмет: Информатика

Категория: Уроки

Целевая аудитория: 9 класс

Скачать
Анимація в Adobe Photoshop

Автор: Лагутіна Ольга Дмитрівна

Дата: 23.10.2014

Номер свидетельства: 121717

Похожие файлы

Анимация электроннго изображения в среде Adobe Photoshop

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(93) "Анимация электроннго изображения в среде Adobe Photoshop "
    ["seo_title"] => string(65) "animatsiia-eliektronngho-izobrazhieniia-v-sriedie-adobe-photoshop"
    ["file_id"] => string(6) "105679"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402902729"
  }
}

Урок информатики и ИКТ на тему: "Создание анимации (баннера) в Adobe Photoshop"

object(ArrayObject)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(129) "Урок информатики и ИКТ на тему: "Создание анимации (баннера) в Adobe Photoshop" "
    ["seo_title"] => string(78) "urok-informatiki-i-ikt-na-tiemu-sozdaniie-animatsii-banniera-v-adobe-photoshop"
    ["file_id"] => string(6) "131009"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1416057270"
  }
}

Создание gif – анимации в среде Adobe Photoshop

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(73) "Создание  gif – анимации в среде Adobe Photoshop "
    ["seo_title"] => string(49) "sozdaniie-gif-animatsii-v-sriedie-adobe-photoshop"
    ["file_id"] => string(6) "104179"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402674803"
  }
}

Сабақтың тақырыбы: 3D-модельдеу және анимация. Бірнеше қабаттардан тұратын нысандардың орнын ауыстыру. Бірнеше нысандардың анимациясы.

object(ArrayObject)#885 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(248) "Сабақтың тақырыбы: 3D-модельдеу және анимация. Бірнеше қабаттардан тұратын нысандардың орнын ауыстыру. Бірнеше нысандардың анимациясы."
    ["seo_title"] => string(80) "sabak_tyn_tak_yryby_3d_modiel_dieu_zh_nie_animatsiia_birnieshie_k_abattardan_tu_"
    ["file_id"] => string(6) "397447"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(12) "planirovanie"
    ["date"] => string(10) "1488533011"
  }
}

Использование слоев для создания анимации

object(ArrayObject)#863 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(78) "Использование слоев для создания анимации"
    ["seo_title"] => string(46) "ispol-zovaniie-sloiev-dlia-sozdaniia-animatsii"
    ["file_id"] => string(6) "330269"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1464176930"
  }
}

Анимація в Adobe Photoshop

Просмотр содержимого документа «???????? ? Photoshop»

Похожие файлы

Полезное для учителя

Просмотр содержимого документа
«???????? ? Photoshop»