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