|
|
| Строка 3: |
Строка 3: |
| | <metakeywords>Інформатика, клас, урок, на тему, 11 клас, Практична робота. Створення анімації.</metakeywords> | | <metakeywords>Інформатика, клас, урок, на тему, 11 клас, Практична робота. Створення анімації.</metakeywords> |
| | | | |
| - | '''Тема: Практична робота. Створення анімації.''' | + | ==Тема== |
| | + | *'''Практична робота. Створення анімації.''' |
| | | | |
| - | '''Мета: ''' Навчити створювати анімаційні зображення.
| + | ==Мета== |
| | + | *Навчити створювати анімаційні зображення. |
| | | | |
| - | '''Тип уроку:''' практичний
| + | ==Тип уроку== |
| | + | *практичний |
| | | | |
| - | '''<u>Завдання.</u>'''<u>Створити анімаційну стрибаючу літеру в програмі Adobe Photoshop. </u>
| + | ==Хід уроку== |
| | | | |
| - | ''Хід виконання. '' | + | ===Завдання=== |
| | + | *'''Створити анімаційну стрибаючу літеру в програмі Adobe Photoshop. ''' |
| | + | |
| | + | '''Хід виконання. ''' |
| | | | |
| | *Спершу відкриваємо Фотошоп і створюємо новий документ розміром ''300 на 300 '' пікселів з прозорим фоном '''(transparent)'''. Беремо інструмент Текст і пишемо велику букву А. | | *Спершу відкриваємо Фотошоп і створюємо новий документ розміром ''300 на 300 '' пікселів з прозорим фоном '''(transparent)'''. Беремо інструмент Текст і пишемо велику букву А. |
| | | | |
| - | <br>
| |
| | | | |
| - | [[Image:Wagg1.png]] | + | [[Image:Wagg1.png|400px|Adobe Photoshop]] |
| | | | |
| - | <br>
| |
| | | | |
| | *Далі дублюємо три рази цей шар (три рази тиснемо '''Ctrl+J).''' Обираємо нижній шар і заходимо в меню '''Редагування - Трансформація''' (чи натискаємо '''Ctrl+T)''', після чого «сплющуємо» нашу букву. | | *Далі дублюємо три рази цей шар (три рази тиснемо '''Ctrl+J).''' Обираємо нижній шар і заходимо в меню '''Редагування - Трансформація''' (чи натискаємо '''Ctrl+T)''', після чого «сплющуємо» нашу букву. |
| | | | |
| - | <br>
| |
| | | | |
| - | [[Image:Wagg2.png]] | + | [[Image:Wagg2.png|400px|Adobe Photoshop]] |
| | | | |
| - | <br>
| |
| | | | |
| | *На наступному етапі виділяємо середній шар з трьох шарів, які ми створили і посунемо його вище (це можна за допомогою інструменту '''Переміщення''') | | *На наступному етапі виділяємо середній шар з трьох шарів, які ми створили і посунемо його вище (це можна за допомогою інструменту '''Переміщення''') |
| | | | |
| - | <br>
| |
| | | | |
| - | *[[Image:Wagg3.png]] | + | *[[Image:Wagg3.png|400px|Adobe Photoshop]] |
| | | | |
| - | <br>
| |
| | | | |
| | *Для цього пересунутого вище шару, створюємо ще дві копії. | | *Для цього пересунутого вище шару, створюємо ще дві копії. |
| | | | |
| - | <br>
| |
| | | | |
| - | [[Image:Wagg4.png]] | + | [[Image:Wagg4.png|400px|Adobe Photoshop]] |
| | + | |
| | | | |
| | *Середній шар (серед тих, що тільки що були зроблені) посуваємо трохи вище і розтягуємо за допомогою команди '''Ctrl+T.''' | | *Середній шар (серед тих, що тільки що були зроблені) посуваємо трохи вище і розтягуємо за допомогою команди '''Ctrl+T.''' |
| | | | |
| - | <br> [[Image:Wagg5.png]]
| |
| | | | |
| - | <br>
| + | [[Image:Wagg5.png|400px|Adobe Photoshop]] |
| | + | |
| | | | |
| | *Повинно вийти усе так: | | *Повинно вийти усе так: |
| | | | |
| - | <br>
| |
| | | | |
| - | [[Image:Wagg6.jpg]] | + | [[Image:Wagg6.jpg|400px|Adobe Photoshop]] |
| | | | |
| - | <br>
| |
| | | | |
| | *Прибираємо з усіх шарів іконки «ока» (треба просто один раз кликнути по іконці), залишивши видимим тільки перший створений шар. Тепер необхідно перейти в ''Image Ready ''(для Фотошоп до версій CS3) або в меню '''Вікно-Анімація (у версіях від CS3). ''' | | *Прибираємо з усіх шарів іконки «ока» (треба просто один раз кликнути по іконці), залишивши видимим тільки перший створений шар. Тепер необхідно перейти в ''Image Ready ''(для Фотошоп до версій CS3) або в меню '''Вікно-Анімація (у версіях від CS3). ''' |
| - |
| |
| - | <br>
| |
| | | | |
| | *У відкритому вікні Анімації у верхньому правому кутку праворуч є стрілка з випадним меню, в цьому меню необхідно вибрати функцію Створити кадри з шарів (''Make Frames from layers)''. Потім виділяємо усі рамки, виставляємо інтервал на 0,1 секунду і для пробної анімації натискаємо кнопочку Відтворити. | | *У відкритому вікні Анімації у верхньому правому кутку праворуч є стрілка з випадним меню, в цьому меню необхідно вибрати функцію Створити кадри з шарів (''Make Frames from layers)''. Потім виділяємо усі рамки, виставляємо інтервал на 0,1 секунду і для пробної анімації натискаємо кнопочку Відтворити. |
| | | | |
| - | <br>
| |
| | | | |
| - | [[Image:Wagg7.jpg]] | + | [[Image:Wagg7.jpg|400px|Adobe Photoshop]] |
| | | | |
| - | <br>
| |
| | | | |
| - | *Зберігати анімацію треба так: '''Файл - Зберегти для Web - пристроїв ''' і тиснемо ''Зберегти.'' | + | *Зберігати анімацію треба так: '''Файл - Зберегти для Web - пристроїв ''' і тиснемо '''Зберегти.''' |
| | | | |
| - | <br> <u>Ось що вийшло:</u>
| + | '''Ось що вийшло:''' |
| | | | |
| | <br> {{#ev: youtube| kcKBR6B4iCo&feature=player_embedded}} | | <br> {{#ev: youtube| kcKBR6B4iCo&feature=player_embedded}} |
| | | | |
| - | {{#ev:youtube| q19IBe3CPAY&feature=related}} <br> <br> <br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.'' | + | {{#ev:youtube| q19IBe3CPAY&feature=related}} |
| | | | |
| - | <br>
| |
| | | | |
| | ---- | | ---- |
| | | | |
| - | '''<u>Над уроком працювали</u>'''
| |
| | | | |
| - | <br>
| + | ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.'' |
| | + | |
| | + | |
| | + | ---- |
| | + | |
| | + | |
| | + | '''Над уроком працювали''' |
| | | | |
| | Соловйов М. С. | | Соловйов М. С. |
| | + | |
| | | | |
| | ---- | | ---- |
| | | | |
| - | <br>
| |
| | | | |
| | Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br> | | Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br> |
| | | | |
| | [[Category:Інформатика_11_клас]] | | [[Category:Інформатика_11_клас]] |
Соловйов М. С.
