KNOWLEDGE HYPERMARKET


Практична робота. Створення анімації. Повні уроки
Строка 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/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>  
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов&nbsp; высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>  
[[Category:Інформатика_11_клас]]
[[Category:Інформатика_11_клас]]

Версия 11:19, 23 января 2013

Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас. Повні уроки>> Інформатика: Практична робота. Створення анімації.

Содержание

Тема

  • Практична робота. Створення анімації.

Мета

  • Навчити створювати анімаційні зображення.

Тип уроку

  • практичний

Хід уроку

Завдання

  • Створити анімаційну стрибаючу літеру в програмі Adobe Photoshop.

Хід виконання.

  • Спершу відкриваємо Фотошоп і створюємо новий документ розміром 300 на 300 пікселів з прозорим фоном (transparent). Беремо інструмент Текст і пишемо велику букву А.


Adobe Photoshop


  • Далі дублюємо три рази цей шар (три рази тиснемо Ctrl+J). Обираємо нижній шар і заходимо в меню Редагування - Трансформація (чи натискаємо Ctrl+T), після чого «сплющуємо» нашу букву.


Adobe Photoshop


  • На наступному етапі виділяємо середній шар з трьох шарів, які ми створили і посунемо його вище (це можна за допомогою інструменту Переміщення)


  • Adobe Photoshop


  • Для цього пересунутого вище шару, створюємо ще дві копії.


Adobe Photoshop


  • Середній шар (серед тих, що тільки що були зроблені) посуваємо трохи вище і розтягуємо за допомогою команди Ctrl+T.


Adobe Photoshop


  • Повинно вийти усе так:


Adobe Photoshop


  • Прибираємо з усіх шарів іконки «ока» (треба просто один раз кликнути по іконці), залишивши видимим тільки перший створений шар. Тепер необхідно перейти в Image Ready (для Фотошоп до версій CS3) або в меню Вікно-Анімація (у версіях від CS3).
  • У відкритому вікні Анімації у верхньому правому кутку праворуч є стрілка з випадним меню, в цьому меню необхідно вибрати функцію Створити кадри з шарів (Make Frames from layers). Потім виділяємо усі рамки, виставляємо інтервал на 0,1 секунду і для пробної анімації натискаємо кнопочку Відтворити.


Adobe Photoshop


  • Зберігати анімацію треба так: Файл - Зберегти для Web - пристроїв і тиснемо Зберегти.

Ось що вийшло:






Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.




Над уроком працювали

Соловйов М. С.




Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, а и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Предмети > Інформатика > Інформатика 11 клас