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