KNOWLEDGE HYPERMARKET


Практическая работа. Создание анимации. Полные уроки
 
(4 промежуточные версии не показаны)
Строка 3: Строка 3:
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>  
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>  
-
'''Тема: Практическая работа. Создание анимации.'''
+
== Тема ==
-
'''Цель: '''Научить создавать анимационные изображения.
+
*'''Практическая работа. Создание анимации.'''
-
'''<u>Задание.</u>'''<u>Создать анимационную прыгающую букву в программе Adobe Photoshop. </u>
+
== Цель  ==
-
''Ход выполнения. ''
+
*Научить создавать анимационные изображения.
-
*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А. [[Image:Wagg1.png]]
+
== Ход урока  ==
-
*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву. [[Image:Wagg2.png]]
+
 
-
*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''') [[Image:Wagg3.png]]
+
=== Задание  ===
-
*Для этого передвинутого выше слоя, создаем еще две копии. [[Image:Wagg4.png]]
+
 
-
*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
+
*'''Создать анимационную прыгающую букву в программе Adobe Photoshop. '''
-
*[[Image:Wagg5.png]]
+
 
-
*Должно получиться все так: [[Image:Wagg6.jpg]]
+
=== Ход выполнения  ===
 +
 
 +
*Для начала открываем [http://xvatit.com/relax/ Фотошоп] и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А.
 +
 
 +
<br> [[Image:Wagg1.png|400px|Задание]]  
<br>  
<br>  
-
*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).
+
*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню '''Редактирование – Трансформация''' (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву.
-
В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (''Make Frames from layers)''. Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести. [[Image:Wagg7.jpg]]  
+
<br> [[Image:Wagg2.png|400px|Задание]]  
-
*<u>Сохранять</u> анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-''Сохранить.''
+
<br>  
-
<br> <u>Вот что вышло:</u>
+
*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи [[Презентация на тему: Панель инструментов. Рисование.|инструмента]] '''Перемещение''')
-
[[Image:Rezuults.gif]]  
+
<br> [[Image:Wagg3.png|400px|Задание]]  
-
<br> {{#ev:youtube| kcKBR6B4iCo&feature=player_embedded}}  
+
<br>  
 +
 
 +
*Для этого передвинутого выше слоя, создаем еще две копии.
 +
 
 +
<br> [[Image:Wagg4.png|400px|Задание]]
 +
 
 +
<br>
 +
 
 +
*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
 +
 
 +
<br> [[Image:Wagg5.png|400px|Задание]]
 +
 
 +
<br>
 +
 
 +
*Должно получиться все так:
 +
 
 +
<br> [[Image:Wagg6.jpg|400px|Задание]]
 +
 
 +
<br>
 +
 
 +
*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).
 +
*В открывшимся внизу окне [[Работа 14. Создаём анимацию на заданную тему|Анимации]] в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (''Make Frames from layers)''. Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести.
 +
 
 +
<br> [[Image:Wagg7.jpg|400px|Задание]]
 +
 
 +
<br>
 +
 
 +
*'''Сохранять''' анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-'''Сохранить.'''
 +
 
 +
<br>
 +
 
 +
{{#ev:youtube| kcKBR6B4iCo&feature=player_embedded}}  
{{#ev:youtube| q19IBe3CPAY&feature=related}}  
{{#ev:youtube| q19IBe3CPAY&feature=related}}  
Строка 43: Строка 78:
<br>  
<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:Информатика_10_класс]]
[[Category:Информатика_10_класс]]

Текущая версия на 10:06, 1 февраля 2013

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Практическая работа. Создание анимации.

Содержание

Тема

  • Практическая работа. Создание анимации.

Цель

  • Научить создавать анимационные изображения.

Ход урока

Задание

  • Создать анимационную прыгающую букву в программе Adobe Photoshop.

Ход выполнения

  • Для начала открываем Фотошоп и создаем новый документ размером300 на 300 пикселей с прозрачным фоном (transparent). Берем инструмент Текст и пишем большую букву А.


Задание


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


Задание


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


Задание


  • Для этого передвинутого выше слоя, создаем еще две копии.


Задание


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


Задание


  • Должно получиться все так:


Задание


  • Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в Image Ready (для Фотошоп до версий CS3) или в меню Окно-Анимация (Window-Animation) (в версиях от CS3).
  • В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (Make Frames from layers). Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести.


Задание


  • Сохранять анимацию нужно так: Файл - Сохранить для Web-устройств и в открывшимся окошке жмем-Сохранить.










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




Над уроком работали

Соловьев М. С.




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

Предмети > Информатика > Информатика 10 класс