Как создать красивые Скринкасты для Ваших веб-приложений?
Я пытаюсь создать экранный бросок для своего нового веб-приложения. Я только что столкнулся с ярким примером скринкаста, и я задаюсь вопросом, что используется, чтобы сделать это: Нажмите на видео для проигрывания на этой странице.
Я впечатлен анимацией, когда мышью щелкают и масштабирующий в изображения от различных углов.
Это сделано с Actionscript или является там программным обеспечением, которое сделает мою жизнь легче сделать это?
Спасибо все для любой справки
Обновление
Обратите внимание, что я не поиск jsut программного обеспечения скринкаста - я ищу тот, который может сделать качественные анимации профессионала точно так же, как пример выше.
Кажется, что они сделали их в сценарии Действия Flash?
6 ответов
Очень мало из того, что находится в этом видео, является фактическим "скринкастом". Эффекты и анимация почти наверняка созданы в профессиональном приложении для композитинга - я предполагаю, что это Adobe After Effects.
Все «щелчки» надуманы - они используют большую стрелку, чтобы сделать ее более ясной и легкой для отслеживания, и даже добавляют маленькие синие кружочки, чтобы показать, когда что-то действительно щелкают.
Возможно, это не то, что вы хотите услышать, потому что
- After Effects дорогой , а оборудование, необходимое для его хорошей работы, действительно дорогое.
- After Effects сложно изучить.
- Выполнение поистине потрясающих композиционных работ требует много времени, терпения и опыта.
Если отбросить эти разочарования, это выполнимо. Я не только разработчик, но и продюсер-любитель, а также работал с After Effects. Он чрезвычайно мощный и имеет некоторый программный аспект, когда вы начинаете использовать выражения для управления поведением элементов.
Вот канал Vimeo, на котором демонстрируются отличные работы с After Effects: http://vimeo.com/channels/aework
Если вы серьезно относитесь к композитингу для создания видео, подобных тому, которое вы связаны и хотите изучить After Effects, я рекомендую обучение с http://www.lynda.com . У них есть отличная серия Чада Перкинса, и я многому научился у них. Если у вас есть достаточно времени, чтобы посвятить себя, вы определенно сможете пройти их все за один месяц, который стоит 25 долларов.
Довольно хороший бесплатный инструмент - Wink. Работает под Windows и Linux, создает .SWF, позволяет аннотировать и точно настраивать движения мыши. Он также позволяет переключаться между захватом по событию, по времени и вручную. Таким образом, вам не нужно беспокоиться о том, чтобы отрепетировать время, как это происходит с некоторыми другими инструментами. Я немного поработал с ним, и он кажется очень способным. Однако у него нет таких высококлассных функций, как масштабирование и панорамирование.
Другой коммерческий инструмент - Instant Demo, который я использовал более активно. Это полнофункциональный инструмент (есть функция масштабирования и т.д.), простой в освоении и интересный в использовании. Также создает .swf. По цене он средний, примерно на полпути между Wink (бесплатный) и Camtasia (дорогой).
Здесь - это список, который может быть полезен для создания снимков экрана. Некоторые из них не самые простые в использовании, но как только вы освоите их, вы сможете создавать профессионально выглядящие скринкасты.
Лучший инструмент для создания скринкастов - это TechSmith's - Jing.
Если вам действительно нужна потрясающая демоверсия с настраиваемыми эффектами и отличным дизайном, возможно, неплохо было бы нанять flash-разработчика на неделю или около того :)
Если вы работаете на Mac, лучшим инструментом является ScreenFlow. В нем есть весь рабочий процесс записи, редактирования и экспорта. Вы можете добавлять наложения, приближать курсор к месту, где находится мышь, затемнять участки экрана и загружать многое другое. Это действительно стоит проверить.