KNOWLEDGE HYPERMARKET

Практическая работа. Создание анимации. Полные уроки
Строка 3: Строка 3:
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>  
<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>  
-
'''Тема: Практическая работа. Создание анимации.'''  
+
==Тема==
 +
*'''Практическая работа. Создание анимации.'''  
-
'''Цель: '''Научить создавать анимационные изображения.  
+
==Цель==
 +
*Научить создавать анимационные изображения.  
-
'''<u>Задание.</u>'''<u>Создать анимационную прыгающую букву в программе Adobe Photoshop. </u>
+
==Ход урока==
-
''Ход выполнения. ''  
+
===Задание===
 +
*'''Создать анимационную прыгающую букву в программе Adobe Photoshop. '''
 +
 
 +
===Ход выполнения===
*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А.  
*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А.  
-
 
+
[[Image:Wagg1.png|400px|Задание]]
-
[[Image:Wagg1.png]]
+
-
 
+
Строка 22: Строка 25:
-
 
+
[[Image:Wagg2.png|400px|Задание]]
-
[[Image:Wagg2.png]]
+
-
 
+
Строка 30: Строка 31:
-
 
+
[[Image:Wagg3.png|400px|Задание]]
-
*[[Image:Wagg3.png]]
+
-
 
+
Строка 38: Строка 37:
 +
[[Image:Wagg4.png|400px|Задание]]
-
[[Image:Wagg4.png]]
 
*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
-
[[Image:Wagg5.png]]
+
[[Image:Wagg5.png|400px|Задание]]
-
 
+
Строка 51: Строка 49:
 +
[[Image:Wagg6.jpg|400px|Задание]]
-
[[Image:Wagg6.jpg]]
 
-
 
-
<br>
 
*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).  
*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).  
Строка 60: Строка 56:
 +
[[Image:Wagg7.jpg|400px|Задание]]
-
[[Image:Wagg7.jpg]]
 
 +
*'''Сохранять''' анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-'''Сохранить.'''
 +
'''Вот что вышло:'''
-
*<u>Сохранять</u> анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-''Сохранить.''
+
[[Image:Rezuults.gif|400px|Задание]]
-
<br> <u>Вот что вышло:</u>
 
-
[[Image:Rezuults.gif]]
+
{{#ev:youtube| kcKBR6B4iCo&feature=player_embedded}}  
-
 
+
-
<br> {{#ev:youtube| kcKBR6B4iCo&feature=player_embedded}}  
+
{{#ev:youtube| q19IBe3CPAY&feature=related}}  
{{#ev:youtube| q19IBe3CPAY&feature=related}}  
Строка 81: Строка 76:
{{#ev:youtube| LmKuFtk-jAc&feature=related}}  
{{#ev:youtube| LmKuFtk-jAc&feature=related}}  
-
<br>
+
 
 +
----
 +
''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''  
''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''  
-
<br> ----
 
-
'''<u>Над уроком работали</u>'''
+
----
 +
 
 +
 
 +
'''Над уроком работали'''
Соловьев М. С.
Соловьев М. С.
Строка 93: Строка 92:
----
----
-
 

Версия 13:47, 31 января 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-устройств и в открывшимся окошке жмем-Сохранить.

Вот что вышло:

Файл:Rezuults.gif









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



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

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



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

Источник — «http://edufuture.biz/index.php?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0._%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8._%D0%9F%D0%BE%D0%BB%D0%BD%D1%8B%D0%B5_%D1%83%D1%80%D0%BE%D0%BA%D0%B8»
Предмети > Информатика > Информатика 10 класс

Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки

©  Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: