Живая фотография на уроках информатики
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РФ
Федеральное государственное
бюджетное образовательное
высшего профессионального
образования «Глазовский
Факультет информатики, физики и математики
Кафедра информатики, теории и методики обучения информатике
КУРСОВАЯ РАБОТА
ЖИВАЯ ФОТОГРАФИЯ НА УРОКАХ ИНФОРМАТИКИ
Выполнила Баженова
Студентка 1.941гр Венера Михайловна
Руководитель работы, Хлобыстова
канд.пед.наук, доцент Ирина Юрьевна
Защищена с оценкой ______________
Зав.кафедрой информатики, ТиМОИ
_____________________О.Е.
Глазов 2013
Содержание
Введение…………………………………………………………
Живая фотография……………………………………………………
Создание живой
фотографии……………………..…………………………
Заключение……………………………………………………
Литература……………………………………………………
Введение
Мир восхищался фотографией с момента ее рождения. Когда был изобретен видеоряд, он вначале отобрал пальму первенства. Многие полагали даже, что фотография как таковая прекратит свое существование за ненадобностью. Но мы научились любить и неподвижные изображения, и двигающиеся. Сейчас, в 21 веке, группа художников объединяет фото и видео необычным, практически фантастическим образом. Окрестили эти творения “синемаграфами” (cinema + photograph): неподвижные фото с мелкими элементами движения. Не успев появиться на свет, синемаграфия уже успела очаровать избалованный и привередливый мир интернета. Это новая, уникальная технология по оживлению фотографий, воплощению в них эффекта движения и приданию снимкам иллюзии умноженного присутствия. Это конечно еще не видео съемка, но и уже не просто анимация, к которой привык пользователь интернета и которая стала невероятно скучна для него.
На мой взгляд синемаграфия может помочь в решении вопроса о мотивации школьников на углубленное изучение видео и фото редакторов. Ведь на сегодняшний день, в условиях развития современного общества особую значимость в воспитании подрастающего поколения приобретают проблемы этического и эстетического воспитания, добра и красоты, формирования человека как духовно богатой , творческой активной личности, носителя единых в своей сути этических и эстетических ценностей. Однако в век компьютерных технологий уровню эстетической и художественной воспитанности в школах уделяется мало внимания, так как все меньше времени отводится на уроки изобразительного искусства, изучение графического редактора на уроках информатики сводится лишь только к пользовательскому уровню и работы с шаблонными картинками, а видео редакторы на практике и вовсе не всегда берутся во внимание. Поэтому необходимо уделять особое внимание развитию у учащихся эстетической и художественной воспитанности, формировать ценностные ориентиры по отношению к культурным традициям и соединить применение компьютерных технологий в художественно графическом процессе.
Эту проблему можно решить открыв школьникам в рамках элективных курсов Синемаграфию или иначе говоря «Живую фотографию».
Все выше изложенное позволило определиться с выбором темы исследования - "Живая фотография на уроках Информатики".
Цель курсовой работы: предоставить учащимся возможности реализации своего творческого потенциала и овладеть технологией создания «Живой фотографии».
Объект исследования - процесс создания синемаграфии с использованием видео и фото редакторов.
Предмет исследования - эстетическое воспитание на уроках информатики реализации своего творческого потенциала при изучении графического редактора Adobe Photosop и видео редактора QuickTime.
Гипотеза исследования основана на предположении, что знакомство школьников с синемаграфией и демонстрация практической работы по её созданию позволит повысить уровень эстетического воспитания школьников, повысит их творческий потенциал, а так же стимулирует на дальнейшее изучение видео и фото редакторов.
Для достижения цели и проверки гипотезы решались следующие задачи :
1. возможность получения теоретических знаний и практических навыков в создании синемаграфии;
2. формирование практических умений в видео редакторе(QuickTime):
- подготовка видео файла;
- нарезка видеофрагмента;
- конвертация и экспорт видео формата MOV для Photoshop;
- импортировать векторную и растровую графику;
- получать конечный результат в виде «живой фотографии»;
3. формирование практических умений в графическом редакторе (Adobe Photoshop):
- работа со слоями;
- маской слоя;
- создание анимации;
- редактирование цветов, кривые;
Глава №1
Что такое синемаграфия? История возникновения.
Невероятную популярность приобретает «синемаграфика» – «живые» фотографии. Авторство идеи приписывается американскому фотографу Джемми Беку (Jamie Beck), который совместно с аниматором и специалистом по видео монтажу Кевином Бергом (Kevin Burg) в 2002-2003 годах впервые использовали этот метод создания анимированных изображений для рекламного репортажа о показе модных коллекций одежды. Они же и придумали оригинальное название для этого направления компьютерной графики - CINEMAGRAPHS (Синемаграф, синемаграфия), кинематографическая (кинематографичная) фотография.
Они создают удивительные анимированные фотографии в gif-формате. Используя GIF формат можно оживить, и если сделать это изобретательно, эффект получается сильный, порой даже жутковатый. Наверное, наиболее впечатляющим можно назвать снимок человека, читающего газету посреди людной площади. Как будто время остановилось для всех, кроме него( в приложении к данной курсовой работе имеется эта живая фотография). Часы кропотливого труда – и картинка оживает. Создание эффекта синемаграфа - настолько кропотливый процесс, что работа над одним изображением может занять целый рабочий день. Их работа – немного больше, чем фотография, и немного меньше, чем видео. Многие из движений настолько нежны и едва различимы, что их вначале можно и не заметить. Движения глобальнее могут уже быть похожи на короткое видео, поэтому интрига и заключается в мелочах.
При создании “живой фотографии” мастера графики используют подобную технологию как и при создании обычной анимации с незначительными изменениями, в частности, заменив фотокадр на кадр вырезанный из видеоролика. Кто знаком с созданием анимации в графическом приложении Addobe Photoshop поймет о чем здесь идет речь. Только по сути, никакого оживления фото не происходит, здесь мы видим придание статичности всему видеоизображению, поиграв с маской слоя и частотой изображения кадров, уменьшив частоту до минимума, стерев динамику реальности. Это вынужденная мера. Сам же эффект движения или оживления, скрывающийся под маской, художник как бы прячет его от основного изображения сохраняя при этом все его видео функции. Затем, два изображения сливаются в одно и получается исходный результат-видео эффект втиснутый в рамки фотографии.
Конечно, весь процесс выглядит наиболее трудоемким и для создания синемаграфики необходимо на должном высоком уровне знать принципы работы фотошопа, где рассматривается работа со слоями, кадрирование, использование маски слоя, и сама анимация. Для избежания резкого обрыва движения и придания ему плавности перехода применяется обратное кадрирование с задержкой времени на первом и последнем кадрах выделенной области анимации. Достигнутое при этом сглаживание перехода и является той изюминкой, которая заставила говорить о синемаграфике, как о новом веянии в работе с фото и видео изображениями.
Большинство креативных
художников работающих с изображением
в графических редакторах, видят
в синемаграфике будущее
Отличие между gif-анимацией и «живой фотографией».
Синемаграфика, синемаграф, синемаграфия - по сути, это обычные анимированные гифки, картинки или фотографии в формате .GIF, созданные чаще всего из кадров видео. Их основное отличие от обычной гиф (gif) анимации созданной на основе видео в том, что анимированным является не все изображение целиком, а только его часть, отдельный фрагмент, на котором фотохудожник хочет сконцентрировать внимание зрителя.
Синемаграфии это
Синемаграфия, в основном, используется для рекламных целей, для которых она задумывалась и наиболее подходит, чтобы акцентировать внимание зрителей на объекте рекламы. Но все больше специалистов по компьютерной графике и веб-дизайну используют синемаграфику как креативный элемент дизайна веб-страниц, приложений и сайтов.
Сегодня CINEMAGRAPHS представляет собой отдельное направление искусства в компьютерной графике.
Глава №2
Методики создания синемаграфов. Пошаговое создание "живой фотографии" самостоятельно.
Подготовка
и конвертация видео для
В приложении Photoshop Extended можно открывать видеофайлы следующих форматов.
Форматы видео QuickTime
MPEG-1 (.mpg или .mpeg)
MPEG-4 (.mp4 или .m4v)
MOV
MPEG-2 поддерживается, если установлен кодировщик MPEG-2.
Основная ошибка многих начинающих: AVI - это не формат и не кодак.
Audio Video Interleave (сокращённо AVI «чередование аудио и видео») — RIFF-медиаконтейнер.
Контейнер AVI содержит
видео данные, которые могут быть
закодированы в различных
И так, для работы с видео в приложениях Adobe необходим QuickTime.
Скачать обычную
версию можно совершенно
За полную "Pro" версию, у которой больше возможностей, прийдётся заплатить. В большинстве случаев бесплатной версии вполне достаточно. Преходим в раздел QuickTime на сайте Apple, вводим свой Email, выбираем версию для Windows и нажимаем кнопку "Загрузить".
После окончания загрузки устанавливаем QuickTime. Описывать процесс установки нет смысла, он ни чем не отличается от установки других программ.
Если возникли проблемы
с установкой - здесь полный перечень
причин и способов устранения на русском
языке: http://support.apple...iewloca
Подготовка, нарезка
и конвертация видео в
1) Настройка
Запускаем установленный QuickTime, переходим в настройки
Открываем вкладку "Дополнительные" и ставим галочку "Включить кодирование с использованием традиционных кодаков" Это нужно для того, чтобы QuickTime подхватывал установленные в системе кодаки.
2) Вырезание, копирование или удаление сегмента фильма
Открываем видеофайл. Если он открылся в проигрывателе, значит всё нормально и формат поддерживается QuickTime. Что делать если выскочило окно "Формат не поддерживается" мы рассмотрим позже
Чтобы вырезать, копировать или удалить сегмент фильма:
Переместите бегунок воспроизведения в нужный Вам кадр или выберите сегмент фильма, в который хотите внести изменения (используйте маркеры выделения и клавиши со стрелками).
Выберите «Правка»> «Копировать», «Вырезать» или «Удалить».
Если Вы выбрали
команды «Копировать» или «
Установите бегунок воспроизведения в нужный кадр и выберите «Правка» > «Вставить».
QuickTime Pro вставляет выбранный
фрагмент в то место, где
находится бегунок
Вы также можете
удалить все невыделенные
Примечание. После
удаления сегментов фильма
3)Чтобы объединить фильмы:
Выберите в меню QuickTime-плеера «Правка» > «Выбрать все», тем самым Вы выделяете все содержимое первого фильма.
Выберите «Правка» > «Копировать», а затем откройте второй фильм.
Переместите бегунок
4) Сохраняем для для Photoshop
Выбираем «Файл» > «Экспорт»
В появившемся окне выбираем "Фильм QuickTime" "Имя файла" и жмём "Сохранить"
В этом же окне можно
настроить дополнительные
Когда настройки готовы
5) Что делать, если в фильм не открылся в QuickTime.
Есть такая старая,
проверенная и безотказная
Скачать её можно
с оф сайта: http://virtualdub.sourceforge.
Открываем фильм в VirtualDub. Тут же прямо в рабочем окне находим и вырезаем нужный фрагмент. Установка маркеров такая же как и в Квик тайм. Ставим маркер на начало фрагмента и конец. Сохраняемый фрагмент выделится.
Далее перходим на вкладку "Аудио" и выбираем "Без аудио" "Прямопотоковое кодирование"
Теперь переходим на вкладку "Видео" , выбираем "Компрессия..", сжатие "Без компрессии" (Uncompressed RGB/YCbr)
Примечание: Не рекомендую
это делать не вырезая
Теперь сохраняем фрагмент, переходим на вкладку "Файл" -> "Сохранить как AVI"
В принципе, подготовленный таким образом фрагмент, уже можно открывать в Photoshop. Как правило, Photoshop беспроблемно открывает видео файлы без компрессии. Но бывают случаи, когда он отказывается это делать. Зависит это от многих причин, я не буду их перечислять. Поэтому рекомендую переконвертировать готовый фрагмент с помощью QuickTime в рекомендованный для Photoshop формат MOV (пункт 4 выше по тексту).
Методика создания синемаграфов.
Существует два варианта создания живой фотографии - можно использовать для создания синематграфии видео (снятое самостоятельно, или готовое, взятое из сети, как импортировать его в нужный формат или вырезать его из фильма мы рассмотрели в предыдущей главе), а можно - ряд фотографий.
1 способ серия фотографий.
Откуда взять эти самые кадры для анимации?
Откуда же взять эти самые кадры, из которых нужно что-то вырезать?
Нам нужно выбрать объект съемки, и с помощью режима скоростной съемки вашего фотоаппарата сделать серию снимков, где выбранный вами объект движется.
Что именно фотографировать/снимать на видео?
Сложность синематографий в их оптимизации, ведь формат gif, поддерживающий анимацию, может содержать в себе не больше 256 цветов (считаются все оттенки!). Отсюда первое правило создания "живого" снимка:
Правило №1. Не выбирайте объектом вашей анимации предметы ярких насыщенных цветов. При их оптимизации на вашем снимке проявится немало неприятных артефактов (проще говоря - фотография запестрит пикселями). Берите спокойные тона, желательно, чтобы на всей вашей будущей синематографии этих цветов оказалось немного. Избегайте градиентов, радуги, и других пестрых текстур.
Правило №2. Выбирайте объект, который совершает цикличное движение! Проще говоря, не фотографируйте рыбок, хаотично плавающих в аквариуме - вы никогда не сможете "закольцевать" такую съемку. Ваш предмет должен совершать движение и возвращаться на тоже место, на котором был в начале!
Человек открыл глаза - человек закрыл глаза. Листик на ветке качнулся и вернулся обратно. Или же ваш объект должен изначально отсутствовать в кадре, потом появляться, а потом снова исчезать. Например, таракан, пробегающий по столу раз за разом. Или капля воды, падающая из крана вниз.
Если в качестве вашей модели выступает живой человек, просите модель как можно меньше шевелиться, не совершать лишних движений.
Правило №3. Берите маленький движущийся объект (небольшую область анимации). С большим сложнее работать - легче допустить ошибку при съемке. К тому же анимация большого объекта будет немало "весить". А какой смысл живой фотографии, если ее нельзя никому показать?
Итак, мы с вами обсудили теорию создания синематографии. Переходим к практике
Практический урок.
Этап 1. Фотографируем.
Для первых экспериментов
предлагаю выбирать неодушевленный
объект, совершающий простое
Дальше разбираемся с настройками вашего фотоаппарата.
Вам необходимо найти режим скоростной съемки, чтобы быстро и без проблем отснять движение лопастей вентилятора. Этот режим означает, что, зажав кнопку съемки, вы сделаете не один кадр, а сразу много - фотоаппарат будет снимать, пока вы не отпустите кнопку (или пока не закончится флешка ) Скорость съемки напрямую зависит от того, какая именно у вас камера.
Ну а дальше все просто - ставите свой фотоаппарат на штатив (или на ровную устойчивую поверхность), чтобы все кадры были сняты с одинаковой точки, и наша анимация не прыгала. Это очень важный момент! Если камера будет сдвигаться хоть на мм во время серийной съемки - все пропало
Включаем вентилятор, а потом делаем серию снимков.
Сколько именно снимков - вы легко выясните, приступив к практике. Конечно, чем дольше длится движение вашего объекта - тем больше кадров вам нужно сделать
Этап 2. Работаем с получившимся материалом.
Урок написан с помощью Сs5 английской версии.
1. Посмотрите все кадры, которые вы отсняли.
Найдите начало и конец движения, в нашем случае - когда вентилятор сделал полный круг. Все кадры после этого можно удалить.
2. Если ваш объект совершает небольшое движение, а дублей вышло слишком много - удалите лишние кадры через один.
Как правило, после двух этих действий у вас останется немного кадров - 10-30.
3. Откройте все снимки в фотошопе. Перетащите все снимки в один файл - один слой над другим, в том порядке, в котором вы их снимали. Нижним слоем получится начало движения, наверху - конец.
4. Теперь создаем ту самую дырку - маску - через которую будет видно движение только в необходимой области.
В нашем случае эту дырку нужно сделать на месте, где лопасти вентилятора.
Пусть слой, оказавшийся выше всех станет фоном, в котором мы и будем делать дырку. Выделите его, щелкнув по нему мышкой.
Теперь перейдите в режим быстрой маски - кнопка для перехода в этот режим находится внизу панели инструментов:
После этого возьмите инструмент "Brush tool" (кисть) и закрасьте с его помощью ту область, где нужно сделать дырку. Лучше пользоваться кистью с жесткими краями, чтобы видеть четкие границы области, которую вы выделяете:
После того, как вы закончили с закрашиваем области, снова нажмите на кнопку режима быстрой маски, выключив его. Вы увидите выделенную область.
Теперь превратим выделенную область в векторную маску. Для этого щелкнем по кнопке "Add vector mask" на панели "Layers" (Слои):
И вы увидите, что около вашего слоя появилась маска с черной областью - это и есть дырка, через которую мы будем видеть слои, расположенные под нашим "фоном":
Когда необходимо сделать более аккуратные выделения (например у нас анимация человека в толпе, и мы не хотим, чтобы другие люди двигались), то удобнее фон, который останется нетронутым, размещать под всеми остальными слоями. А к ним, в свою очередь, (к каждому слою!) дорисовывать маску нужной формы.
5. Теперь создаем анимацию.
Для этого откроем панель "Animation" (Анимация) с помощью команды "Window - Animation".
Панель выглядит вот так:
Сейчас перед вами только один кадр - значит анимации нет.
Прежде всего нам нужно создать другие кадры. Кадров должно быть столько же, сколько у вас слоев (за исключением фона с маской). У меня 8 слоев, поэтому я должна создать еще 7 кадров.
Это делается с помощью кнопки "Duplicate selected frames" (дублировать выделенные кадры).Я нажала 7 раз на эту кнопку, и вот все мои 8 кадров:
Сейчас они все выглядят одинаково, ничего не меняется от кадра к кадру.
Нам необходимо выставить правильную видимость слоев для каждого кадра.
На всех кадрах должен быть виден наш фон-верхний слой один из оставшихся кадров. Т.е. на первом кадре видно фон слой0, на втором - фон слой 1, на третьем - фон слой 2, и т.д.
Сделать слой видимым или невидимым можно нажав на значок глазика рядом с ним. Выставляя видимость слоев, вы сразу же будете видеть результат - как происходит анимация от кадра к кадру.
Когда вы закончите - подберите скорость перехода от кадра к кадру. Выделите все кадры с помощью кнопок Shift или Ctrl на клавиатуре и из выпадающего списа выберите нужное значение. в данном случае 0,1 секунды. No delay - значит без остановки.
Вот и все! Анимация готова
6. Доводим картинку до ума.
Этот шаг необязательный в создании синематографии, но совсем без обработки не делается практически ни одно фото. На этой картинке явно не хватает света. И еще хотелось бы подправить цвета.
С помощью команды "Image - Image Size" (Изображение - размер изображения) можно уменьшить нашу синематографию до нужный размеров.
7. Сохраняем синематографию.
Для этого пользуемся
командой "File - Save for Web & Devises" (Файл
- Сохранить для Веб и устройств)
В появившемся окне нам предлагают выбрать настройки оптимизации формата gif. Как я и говорила ранее, в формате gif лишь 256 цветов, поэтому качество изображения непременно пострадает, это неизбежно. В каких-то случаях это видно не сильно, в каких-то - довольно заметно. Именно поэтому я давала советы по выбору исходника по цветам.
После этого жмете "Save", даете имя, и ваша "живая" фотография готова!
Чем лучше вы продумаете свою синематографию, чем тщательнее выберите объект анимации, чем аккуратнее снимете - тем лучше получится результат.
2 способ видео.
У нас есть подготовленный вырезанный видео фрагмент. Открываем его.
1. Сократим скорость
нашего видеофрагмента. Для это
заходим в «Меню» (выделено красным
кружком) – «Параметры
2.Нужно создать второй неподвижный слой. который будет фоном, для этого на верхней панели находим «Выделить»- «Все»
Далее«Редактирование»- «Скопировать совмещенные данные»
«Редактирование»-«Вставить»
У нас добавился ещё один слой, он не подвижный, находится над нашим видео.
3. Добавляем маску, которая откроем нам видео файл, именно то место, которое нужно «оживить».
Переходим в меню быстрой маски(выделено красным кружком). На левой панели инструментов выбираем «Кисть» (жесткость 70, размер в зависимости от размеров вашего изображения) и выделяем то место, которое будет двигаться
Выходим из режима маски и образовалось выделение. Нажимаем «Добавить слой-маску»
4.Редактируем своё
5.Преобразуем временную
шкалу в покадровую анимации.
«Меню»-«Создать слои из
Видим, что образовались слои из наших кадров.
Те слои с которыми мы работали они находятся в конце списка слоев, они отключины их нужно выделить и удалить.
6.Переходим в режим покадровой анимации.
«Меню»-«Создать кадры из слоев».
У первого кадра убираем задержку. Не забывайте просматривать то, что у вас получилось нажав на кнопку в виде треугольничка.
Получилась немного незаконченная анимации, она как будто обрывается.
7.Нам нужно сделать плавную анимацию. Для этого продублируем кадры и сделаем их в обратном порядке.
Выделяем кадры со 2го по последний нажимаем «Скопировать кадры». После 16го кадра мы видим, что кадры продублировались.
в Меню Анимации выбираем «обратный порядок кадров».
Получилась более плавная анимация.
8.Теперь нужно «Файл»- «Сохранить для web и устройств». В окне выбираем «редукция»- «адаптивная»; «ризеринг»-« шум»- это уберет лишние артефакты изображения; так же можно поменять размер изображения живой фотографии; так же выбираем анимация «постоянная»; качество «бикубическая» или «бикубическая глаже». нажимаем «Сохранить».
Живая фотография готова!
Таким образом мы рассмотрели 2 способа создания Синемаграфии, а какой удобнее в личном использовании или в обучении старших школьников решать исключительно каждому.
Заключение
Уроки по теме «Живая фотография на уроках Информатики» в старших классах развивают познавательные способности учащихся, внимание, воображение, память, логическое мышление. Пробуждают стремление к творчеству.
Основными целями при преподавании темы являются: предоставить учащимся возможности реализации своего творческого потенциала и овладеть технологией создания «Живой фотографии».
Таким образом, поставленные в начале исследования цели и задачи достигнуты, а выдвинутая гипотеза – подтверждена. Содержание выполненной работы соответствует целям и задачам исследования.
Содержание.
1. http://www.photoshop-master.ru
- Живлення рослин і застосування добрив
- Живой уголок в детском саду
- Живописец Нестеров Михаил Васильевич
- Живопись
- Живопись
- Живопись
- Живопись в истории российской культуры второй половины 19 века
- Жесты как фактор эффективной деловой коммуникации
- Жеті жарғы Тәуке хан
- Жетім балаларды қоғамға әлеуметтік бейімдеу
- Жеткіншектердің девиантты мінез-құлықтар ерекшіліктерінің көрінуі
- Жеткіншектердің девиантты мінез-құлықтарының психологиялық ерекшеліктерінің көрінуі
- Жеткіншектердің тұлғалық қалыптасуындағы психологиялық ерекшеліктерді анықтау жолдары
- Жеткіншек шақтағы психологиялық дамудың теориялық аспектілері
