KNOWLEDGE HYPERMARKET


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

Текущая версия на 18:05, 8 февраля 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 клас