Практическая работа. Создание анимации. Полные уроки - История изменений

User17 в 10:06, 1 февраля 2013

2013-02-01T10:06:36Z

← Предыдущая		Версия 10:06, 1 февраля 2013
Строка 3:		Строка 3:
	<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>		<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>

-	==Тема==	+	== Тема ==
-	*'''Практическая работа. Создание анимации.'''	+

-	~~==Цель==~~	+	*'''Практическая работа. Создание анимации.'''
-	*~~Научить создавать анимационные изображения~~.	+

-	==~~Ход урока~~==	+	== Цель ==

-	~~===Задание===~~	+	*Научить создавать анимационные изображения.
-	*~~'''Создать анимационную прыгающую букву в программе Adobe Photoshop~~. ~~'''~~	+

-	===Ход ~~выполнения=~~==	+	== Ход урока ==

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

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

-	~~[[Image:Wagg1.png\|400px\|Задание]]~~	+	=== Ход выполнения ===

		+	*Для начала открываем [http://xvatit.com/relax/ Фотошоп] и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А.

-	*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню '''Редактирование – Трансформация''' (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву.	+	<br> [[Image:Wagg1.png\|400px\|Задание]]

		+	<br>

-	~~[[Image:Wagg2~~.~~png\|400px\|Задание]]~~	+	*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню '''Редактирование – Трансформация''' (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву.

		+	<br> [[Image:Wagg2.png\|400px\|Задание]]

-	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''')	+	<br>

		+	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи [[Презентация на тему: Панель инструментов. Рисование.\|инструмента]] '''Перемещение''')

-	[[Image:Wagg3.png\|400px\|Задание]]	+	<br> [[Image:Wagg3.png\|400px\|Задание]]

		+	<br>

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

		+	<br> [[Image:Wagg4.png\|400px\|Задание]]

-	~~[[Image:Wagg4.png\|400px\|Задание]]~~	+	<br>
-		+

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

		+	<br> [[Image:Wagg5.png\|400px\|Задание]]

-	~~[[Image:Wagg5.png\|400px\|Задание]]~~	+	<br>
-		+

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

		+	<br> [[Image:Wagg6.jpg\|400px\|Задание]]

-	~~[[Image:Wagg6.jpg\|400px\|Задание]]~~	+	<br>
-		+

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

		+	<br> [[Image:Wagg7.jpg\|400px\|Задание]]

-	~~[[Image:Wagg7.jpg\|400px\|Задание]]~~	+	<br>
-		+

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

-		+	<br>

	{{#ev:youtube\| kcKBR6B4iCo&feature=player_embedded}}		{{#ev:youtube\| kcKBR6B4iCo&feature=player_embedded}}
Строка 73:		Строка 76:
	{{#ev:youtube\| LmKuFtk-jAc&feature=related}}		{{#ev:youtube\| LmKuFtk-jAc&feature=related}}

		+	<br>

	----		----
-

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

		+	<br>

	----		----

		+	<br> '''Над уроком работали'''

-	~~'''Над уроком работали'''~~	+	Соловьев М. С.
-		+
-	Соловьев М. С.	+

		+	<br>

	----		----

-		+	<br> Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
-	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>	+
-		+
-		+

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User16 в 13:48, 31 января 2013

2013-01-31T13:48:02Z

← Предыдущая		Версия 13:48, 31 января 2013
Строка 61:		Строка 61:
	*'''Сохранять''' анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-'''Сохранить.'''		*'''Сохранять''' анимацию нужно так: '''Файл - Сохранить для Web-устройств '''и в открывшимся окошке жмем-'''Сохранить.'''

-	~~'''Вот что вышло:'''~~
-
-	~~[[Image:Rezuults.gif\|400px\|Задание]]~~

User16 в 13:47, 31 января 2013

2013-01-31T13:47:32Z

← Предыдущая		Версия 13:47, 31 января 2013
Строка 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:

	----		----
-

User11 в 10:23, 29 марта 2011

2011-03-29T10:23:37Z

← Предыдущая		Версия 10:23, 29 марта 2011
Строка 85:		Строка 85:
	''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''		''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''

-	<br> ~~Если у вас есть исправления~~ или ~~предложения к данному уроку~~, [http://xvatit.com/~~index~~.~~php?do=feedback напишите нам~~].	+	<br> ----
		+
		+	'''<u>Над уроком работали</u>'''
		+
		+	Соловьев М. С.
		+
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
		+

-	Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User17 в 16:11, 6 ноября 2010

2010-11-06T16:11:07Z

← Предыдущая		Версия 16:11, 6 ноября 2010
Строка 11:		Строка 11:
	''Ход выполнения. ''		''Ход выполнения. ''

-	*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А. [[Image:Wagg1.png]]	+	*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А.
-	*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву. [[Image:Wagg2.png]]	+
-	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''') [[Image:Wagg3.png]]	+
-	*Для этого передвинутого выше слоя, создаем еще две копии. [[Image:Wagg4.png]]	+
-	*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''	+	[[Image:Wagg1.png]]
-	*[[Image:Wagg5.png]]	+
-	*Должно получиться все так: [[Image:Wagg6.jpg]]	+
		+
		+	*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню '''Редактирование – Трансформация''' (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву.
		+
		+
		+
		+	[[Image:Wagg2.png]]
		+
		+
		+
		+	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''')
		+
		+
		+
		+	*[[Image:Wagg3.png]]
		+
		+
		+
		+	*Для этого передвинутого выше слоя, создаем еще две копии.
		+
		+
		+
		+	[[Image:Wagg4.png]]
		+
		+	*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
		+
		+
		+	[[Image:Wagg5.png]]
		+
		+
		+
		+	*Должно получиться все так:
		+
		+
		+
		+	[[Image:Wagg6.jpg]]

	<br>		<br>

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

-	В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (''Make Frames from layers)''. Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести. [[Image:Wagg7.jpg]]

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

User17 в 16:09, 6 ноября 2010

2010-11-06T16:09:21Z

← Предыдущая		Версия 16:09, 6 ноября 2010
Строка 1:		Строка 1:
	'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Практическая работа. Создание анимации.'''		'''[[Гипермаркет знаний - первый в мире!\|Гипермаркет знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные уроки]]>>Информатика: Практическая работа. Создание анимации.'''

-	<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>	+	<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>

-	'''Тема: Практическая работа. Создание анимации.'''	+	'''Тема: Практическая работа. Создание анимации.'''

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

-	'''<u>Задание.</u>'''<u>Создать анимационную прыгающую букву в программе Adobe Photoshop. </u>	+	'''<u>Задание.</u>'''<u>Создать анимационную прыгающую букву в программе Adobe Photoshop. </u>

-	''Ход выполнения. ''	+	''Ход выполнения. ''

	*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А. [[Image:Wagg1.png]]		*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А. [[Image:Wagg1.png]]
	*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву. [[Image:Wagg2.png]]		*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву. [[Image:Wagg2.png]]
-	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''') [[Image:Wagg3.~~jpg~~]]	+	*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''') [[Image:Wagg3.png]]
-	*Для этого передвинутого выше слоя, создаем еще две копии. [[Image:Wagg4.~~jpg~~]]	+	*Для этого передвинутого выше слоя, создаем еще две копии. [[Image:Wagg4.png]]
-	*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''	+	*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
	*[[Image:Wagg5.png]]		*[[Image:Wagg5.png]]
-	*Должно получиться все так: [[Image:Wagg6.jpg]]	+	*Должно получиться все так: [[Image:Wagg6.jpg]]

		+	<br>

		+	*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).

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

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

-		+	<br> <u>Вот что вышло:</u>
-	<u>Вот что вышло:</u>	+

	[[Image:Rezuults.gif]]		[[Image:Rezuults.gif]]
Строка 42:		Строка 41:
	{{#ev:youtube\| LmKuFtk-jAc&feature=related}}		{{#ev:youtube\| LmKuFtk-jAc&feature=related}}

		+	<br>

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

-	''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.''	+	<br> Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].
-		+
-		+
-	Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].	+

	Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].		Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

User17: Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

2010-11-06T16:06:22Z

Новая страница: «'''Гипермаркет знаний>>Информатика>>[[Информа...»

Новая страница

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

<metakeywords>Информатика, класс, урок, на тему, 10 класс, Практическая работа. Создание анимации.</metakeywords>

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

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

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

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

*Для начала открываем Фотошоп и создаем новый документ размером''300 на 300 ''пикселей с прозрачным фоном '''(transparent)'''. Берем инструмент Текст и пишем большую букву А. [[Image:Wagg1.png]]
*Далее дублируем три раза данный слой (три раза жмем '''Ctrl+J).''' Выбираем нижний слой и заходим в меню Редактирование – Трансформация (или нажимаем '''Ctrl+T)''', после чего «сплющиваем» нашу букву. [[Image:Wagg2.png]]
*На следующем этапе выделяем средний слой из трех слоев, которые мы создали и подвинем его повыше (это можно при помощи инструмента '''Перемещение''') [[Image:Wagg3.jpg]]
*Для этого передвинутого выше слоя, создаем еще две копии. [[Image:Wagg4.jpg]]
*Средний слой (среди тех, что только что были сделаны) подвигаем чуть повыше и растягиваем с помощью команды '''Ctrl+T.'''
*[[Image:Wagg5.png]]
*Должно получиться все так: [[Image:Wagg6.jpg]]

*Убираем со всех слоев иконки «глазика» (нужно просто один раз кликнуть по иконке), оставив видимым только первый созданный слой. Теперь необходимо перейти в ''Image Ready ''(для Фотошоп до версий CS3) или в меню '''Окно-Анимация '''('''Window-Animation)''' (в версиях от CS3).

В открывшимся внизу окне Анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (''Make Frames from layers)''. Затем выделяем все рамки, выставляем интервал на 0,1 секунду и для пробного анимирования нажимаем кнопочку Воспроизвести. [[Image:Wagg7.jpg]]

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

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

[[Image:Rezuults.gif]]

 {{#ev:youtube| kcKBR6B4iCo&feature=player_embedded}}

{{#ev:youtube| q19IBe3CPAY&feature=related}}

{{#ev:youtube| E_oH2sck9mg&feature=related}}

{{#ev:youtube| fmojkDkbnLA&feature=related}}

{{#ev:youtube| LmKuFtk-jAc&feature=related}}

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

Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

[[Category:Информатика_10_класс]]