Jing - программа для быстрого создания скриншотов и записи видео с экрана монитора

Компания TechSmith - один из пионеров в области создания программ для снятия скриншотов с экрана монитора. Первым продуктом, созданным программистами TechSmith с момента основания компании в 1987, была программа Snagit, дающая возможность снимать скриншоты с экрана монитора, добавлять на них разные информативные элементы (вроде стрелочек, подчеркиваний и текста) и сохранять скриншот на компьютер в разных форматах (jpg, png и многие другие). За время, прошедшее с момента создания первой программы от TechSmith, возможности Snagit были существенно усовершенствованны, активное развитие этого продукта продолжается и сейчас. Также кроме Snagit за время существования компании, программистами TechSmith был создан ряд других полезных и удобных продуктов, среди которых программа Jing, дающая возможность быстро и легко сделать скриншот выделенной области экрана или снять видео происходящего на мониторе и, сразу же залить полученный результат в интернет.

Программа Jing работает в связке с сайтом Screencast.com - хранилищем медиаинфы от TechSmith. Используя возможности Jing, а также  бесплатный аккаунт на Screencast.com (хранилище файлов на 2 Гб + доступный ежемесячный трафик в 2 Гб), вы запросто сможете понятно и четко объяснить программисту, поддерживающему программу для бухгалтерии вашего офиса, разработчику специфического софта для вашей компании, или просто компетентному в этой области человеку характер проблемы, иллюстрируя сложные и проблемные моменты скриншотами, или показав видео того момента где используемая программа дает сбой. Кроме использования программы Jing по работе, также ее можно применять для консультаций с более компетентными и продвинутыми друзьями по вопросам настройки браузера, работы с таблицами Exel, настройки операционной системы, поиска нужного драйвера для системы и других вопросов, которые придут вам в голову и не будут противоречить доступному свободному времени человека, к которому вы обращаетесь за помощью.

Сделал видеоинструкцию о том, как пользоваться программой Jing. Старался сделать ее доступной и понятной, вопросы можно задавать снизу в комментариях :)




Ниже остановлюсь на некоторых моментах более подробно.

Установка Jing

Для установки программы Jing, перейдите на страницу программы, кликните по кнопке Download и на странице загрузки Jing выберите версию программы для вашей OS (доступны Jing для Windows и Jing для MAC OS X).

Для Windows, скачав инсталлятор Jing, нужно запустить его. При установке отметить галочкой пункт "I accept the fine print" (предварительно ознакомившись с правилами пользования программой, принять их, после чего нажать кнопку Install), после завершения установки нажать кнопку Finish. Если Windows будет спрашивать разрешение на установку программы, тоже согласиться. Кратко процесс установки Jing показан ниже:

Сразу после установки Jing, вам нужно будет зарегистрировать аккаунт на сайте Screencast.com, для этого в открывшемся окне нажмите кнопку Sign in:

Если у вас уже есть аккаунт на Screencast.com (бесплатный или PRO), вы можете войти, нажав кнопку Sign up и введя свои данные.

Дальше, при активном положении переключателя Create new account, укажите  Email (служит в качестве логина при авторизации на Screencast.com), отображаемое имя (Display name - отображается в приветствии на Screencast.com), задайте пароль (отличающийся от пароля к вашему почтовому ящику!!!), измените страну, при необходимости, и нажмите кнопку Create.

После этого к верхней границе рабочего стола приклеится Солнце Jing, наведя на которое можно начать выделение области для скриншота, кликнув на левую кнопку - Захват, редактировать изображения из истории - нажав среднюю кнопку История, и изменить настройки - нажав кнопку Дополнительно:

Положения Солнца Jing на экране можно изменять, перетаскивая его мышкой вдоль горизонтальных и вертикальных границ рабочего стола.

Создание скриншотов

Для того чтобы выделить область захвата, наведите мышкой на Солнце Jing и нажмите на кнопку Захват (левая кнопка в виде крестика). После этого, для создания скриншота зажмите левую кнопку мышки, выделите прямоугольную область экрана, которую хотите сфотографировать и отпустите кнопку мышки:

В панели под областью захвата вы найдете такие кнопки:
Создание скриншота - нажав эту кнопку, вы перейдете к редактору скриншота, после чего добавив нужные элементы (например, выделив важный элемент рамкой, или подсветкой и добавив текстовое описание объектов на скриншоте), вы сможете сохранить обработанный скриншот на компьютер, или залить полученное изображение в интернет.
Запись видео с экрана - кнопка для перехода к видеозахвату происходящего в выбранной прямоугольной области.
Выделить другую область - кнопка, возвращающая вас к исходной точке выделения области. Если выбранная область захватывает нежелательные элементы, или размер выделенной области не соответствует вашим ожиданиям, нажмите эту кнопку и, после этого, зажав левую кнопку мышки, выберите область повторно.
Отмена - кнопка, предназначение которой понятно интуитивно :)

Нажав кнопку Создание скриншота, вы попадаете в графический редактор Jing, в котором вы сможете улучшить полезность этого скриншота, внеся в него необходимые правки:

В этом редакторе, слева вы найдете панель добавления дополнительных элементов.
На только что созданный скриншот вы можете добавить стрелку - указатель на важный элемент, нажав кнопку Стрелочка, и после  этого зажав левую кнопку мыши в точке начала стрелки, провести ее в нужном направлении. В редакторе стрелочка характеризуется двумя точками (начало и конец стрелки), перетаскивая которые, вы можете поворачивать стрелку и изменять ее длину. Цвет стрелки можно изменить, нажав кнопку Цвет элемента (находится слева снизу, под кнопкой Подсветка), вы можете выбрать цвет из стандартных 9ти, или, нажав кнопку Custom, выбрать произвольный цвет из палитры, также задав уровень его прозрачности (ползунок Opacity отвечает за непрозрачность).
Вставить текст - кнопка, позволяющая вам добавлять текстовое описание полезных элементов скриншота. Для добавленного текста вы можете задать шрифт и его размер, а также вы можете выбрать цвет шрифта и цвет для рамки, обрамляющей текст (цвет для рамки также как и для стрелки задается кнопкой Цвет элемента, цвет текста задается кнопкой, которую можно найти справа от регуляторов размера шрифта).
Рамка - кнопка, которая находится в левой панели под кнопкой Вставить текст, дает возможность выделять важную информацию рамочкой заданного цвета. Цвет рамки также как и для рамки, обрамляющей текст, вы задаете кнопкой Цвет элемента.
Кнопка Подсветка служит для выделения важной области скриншота подсвечиванием, аналогично фонарю. Цвет и прозрачность подсветки вы можете изменить, нажав кнопку Цвет элемента, и перейдя к палитре нажав кнопку Custom.

В нижней панели редактора скриншотов Jing вы найдете следующие полезные кнопки:
Залить на Screencast.com - кнопка, заливающая по клику скриншот с которым вы работаете в ваш аккаунт на Screencast.com. Нажав эту кнопку, изображение автоматически зальется на Screencast.com и после этого ссылка на изображение будет скопирована в буфер обмена. Нажав кнопку Залить на Screencast.com и вставив после этого ссылку на этот скриншот в окно диалога Skype, ICQ или Jabber (вставляете, нажав Ctrl+V), вы сможете быстро и особо не напрягаясь, поделиться с другом оперативной информацией о происходящем на экране вашего монитора.
Сохранить - кнопка, которая дает возможность сохранить скриншот на вашем компьютере, нужно только указать куда.
Кнопка Скопировать в буфер обмена - дает возможность быстро вставить скриншот в Word или LibreOffice (нажимаете кнопку, и после этого в открытом документе Word нажимаете Ctrl+V).
Редактировать в Snagit - кнопка, дающая возможность продолжить редактирование в программе Snagit от TechSmith, редактор которой более богатый и разнообразный.
Кнопка Отмена - закрывает редактор и снимает выделение с области, не сохраняя скриншот.
Настроить кнопки Jing - дает возможность изменить расположение кнопок на нижней панели редактора Jing и добавить некоторые дополнительные кнопки.

Запись видео с экрана

Для записи видео с экрана, выделяем область, с которой будем снимать видео, нажав кнопку Захват (область видеозахвата выделяется также как и в случае снятия скриншота).
После этого нажмите кнопку Запись видео с экрана (в нижней панели вторая слева кнопка в виде киноленты), после трехсекундной задержки начинается видеозапись происходящего в выделенной области, которая ограничена временным интервалом в 5 минут.

При наличии одного или нескольких микрофонов, подключенных к компьютеру, при первом  запуске программа предложит выбрать тот из них, на который во время записи с экрана монитора будет записываться звук (выберите микрофон и нажмите Continue).

Во время записи, под областью захвата на нижней панели, вы увидите следующие полезные кнопки:

Стоп - кнопка, нажав которую вы заканчиваете запись, после чего можете посмотреть то, что получилось, залить видео снятое с экрана в интернет или сохранить его на компьютере.

Пауза - кнопка, которая останавливает запись происходящего на экране монитора с возможностью продолжения записи через какое-то время.

Программа Jing дает возможность записывать видео с экрана с вашими комментариями голосом, которые записываются через микрофон одновременно с записью. Включить и выключить звуковое сопровождение записываемого видео вы можете, нажав кнопку Включить / выключить микрофон.

Вернуться к выделенной области - кнопка, нажав которую вы вернетесь к выделенной области и сможете начать запись видео сначала или создать вместо этого скриншот этой же области.

Отмена - кнопка для прекращения записи видео с экрана без сохранения, также отменяющая выделение области для видеозахвата.

Закончив запись видео, нажмите кнопку Стоп, после этого вы сможете залить полученный результат на Screencast.com и показать другу или коллеге:

Нажав по центру снятого видео, вы можете посмотреть только что снятую видеозапись.

Кнопка Залить на Screencast.com - дает возможность залить полученный результат в интернет, автоматически копируя ссылку на видеоролик в буфер обмена (после этого, используйте Ctrl+V для вставки ссылки на видео в ICQ или Skype).

Сохранить - кнопка для сохранения видеозахвата на вашем компьютере.

Редактировать в Camtasia Studio - кнопка, дающая вам возможность обрабатывать полученное видео в еще одной замечательной программе от TechSmith - Camtasia Studio.

Если, просматривая только что снятое видео, вы находите его неудачным, просто нажмите кнопку Отмена.

Работа с историей Jing

Еще одной полезной фишкой Jing является работа с историей. Здесь вы сможете внести дополнительные правки к вашим скриншотам (и залить после этого в интернет новый вариант картинки), просмотреть ранее залитые на Screencast.com или сохраненные на компьютер видеозаписи снятые с вашего экрана, а также повторно получить ссылку на скриншоты и видеозаписи сделанные программой Jing. 

Для того чтобы войти в историю Jing, наведите мышку на Солнце Jing и кликните по средней кнопке. Слева сверху вы найдете переключатель Date / Size - отвечающий за способ отображения загруженных картинок и видео (Date - от более новых к более старым, Size - от тяжелых к легким). Также справа сверху вы можете включить отображение только картинок - Images, только видео - Videos, или отображать все элементы - Both (стоит по умолчанию). 

При клике на любом из элементов снизу появляются 3 кнопки:

Просмотр - кнопка, которая для изображений дает возможность посмотреть ранее залитые на Screencast.com или сохраненные на компьютере скриншоты, а также добавить на изображения дополнительные элементы с помощью редактора Jing и залить измененный вариант в интернет или сохранить на компьютере (при сохранении исправленной версии скриншота, предыдущая версия также остается на месте). Для видеороликов, сделанных программой Jing, кнопка Просмотр дает возможность посмотреть их без возможности редактирования.

Скопировать в буфер обмена - кнопка, при нажатии на которую в буфер обмена копируется ссылка на выбранный объект (в случае если скриншот или видеозахват, который вы выбрали, был залит на Screencast.com), или место расположения этого объекта на вашем компьютере (в случае, если выбранное изображение или видео было сохранено на компьютер).

Удалить - кнопка, удаляющая объект с аккаунта Jing или вашего компьютера (зависимо от того куда вы сохраняли выбранное изображение или видео), также удаляя этот объект из истории Jing.

Также на скриншоте приведенном выше я показал палитру цветов для элементов, которые можно добавить в редакторе Jing и полезную кнопку в левой панели редактора - Отменить / повторить.

Настройки Jing

Для доступа к настройкам Jing, наведите на Солнце Jing и нажмите правую кнопку Дополнительно.

Кнопка для перехода к настройкам находится по центру (в виде двух колесиков). Также кроме перехода к настройкам здесь доступны кнопки:

Закрыть окно - возвращает Солнце Jing на место, закрывая это окно.

Также слева и справа от кнопки Настройки, находятся кнопки, нажав на которые вы сможете выслать отзыв разработчикам программы или перейти к странице помощи. Также из этого меню вы можете выключить Jing, нажав правую кнопку, похожую на Power, и подтвердив после этого свое решение об отключении Jing в открывшемся окне.

Для входа в настройки Jing, нажимаем среднюю кнопку в виде двух колесиков и пред нашим взором предстает следующая картина:

Для сохранения изменений в любые из доступных настроек нужно нажать кнопку слева снизу в виде галочки.

Нажав кнопку Manage account, которая находится слева сверху, вы сможете переключить аккаунт Jing, с которым работает программа, на другой. Под этой кнопкой, кликнув в поле Capture hotkey, вы сможете, нажимая подходящую вам комбинацию клавиш (например, в моем примере Ctrl+F), задать быструю комбинацию клавиш для начала захвата.

Кнопка Clear hotkey отменяет комбинацию клавиш, назначенную вами для выделения области захвата.

Proxy settings - кнопка, открывающая доступ к настройкам прокси.

Нажав кнопку Customize buttons, вы сможете поменять местами кнопки на нижней панели Jing или добавить кнопки расширяющие функционал программы, если они вам нужны (программа Jing умеет взаимодействовать с Twitter, Facebook, Flickr, а также может заливать полученные скриншоты на FTP).

Справа сверху вы найдете 2 переключателя: Launch on startup - включает и отключает запуск программы при загрузке OS, Hide the Jing sun - прячет Солнце Jing c экрана, если включите эту опцию. 

Video format - переключатель, которым вы задаете формат видео, в котором сохраняется видеозахват с экрана монитора.

Кнопка Select device - позволяет вам выбрать микрофон, на который будете записывать голос или музыкальное сопровождение для видео происходящего на экране.

I want to help make Jing better - опция, дающая возможность собирать TechSmith статистическую информацию с вашего компьютера на тему использования вами программы Jing. Лично мне удобнее эту опцию отключать.

Краткий обзор доступных настроек для Jing я завершил. Остановлюсь еще коротко на том, как полезно можно использовать Screencast.com в связке с Jing.

Jing и Screencast.com

Многим кроме копирования ссылки на скриншот или на снятое видео с экрана в окошко диалога Skype или ICQ, также бывает полезно получить код для вставки ссылки на этот объект или даже кода для вставки самого объекта в блог или на собственный сайт. Для этого нужно авторизоваться на сайте Screencast.com, введя email и пароль и нажав кнопку Sign in. После этого кликнув по нужной папке (в нашем случае папка называется Jing), нужно навести мышку на интересующий вас объект (видео или изображение) и нажать на кнопку Share (кнопка в виде 3 стрелочек). В результате откроется окно Share content, с которого вы сможете скопировать ссылку на изображение или нужный вам код:

Share URL - ссылка на изображение, которую вы можете скопировать и потом вставить в окно диалога Skype или отправить по почте.
Embed Link - код, вставив который на ваш сайт или в ваш блог, вы получите активную ссылку на выбранный объект.
Embed on your page - код, в результате вставки которого на ваш сайт или в ваш блог, выбранный объект будет отображаться в месте в ставки в виде изображения или видео.

Также, для изображений, из поля Embed on your page вы можете вытянуть прямую ссылку, которую потом сможете вставить в свое сообщение на форуме, обрамляя прямую ссылку на изображение тегом [IMG][/IMG] .

Подробнее возможности сервиса Screencast.com описаны здесь, вам же желаю подчерпнуть из этой инструкции что-то полезное, интересное и практичное.

Также если вас интересует видеозахват с экрана и создание скриншотов для создания своих собственных инструкций, рекомендую прочитать мои инструкции схожей тематики:

• Делаем скриншот программой FastStone Capture 5.6 в несколько кликов - инструкция по лёгкой и очень удобной программе для создания скриншотов в Windows. Последняя версия этой программы также умеет записывать видео с экрана.
• FastStone Capture 7.1 - отличный инструмент для создания скриншотов и записи видео с экрана в Windows - инструкция по более новой версии программы FastStone Capture. Одной из полезных фишек этой версии является возможность записи видео с экрана компьютера.
• Snagit - отличный многофункциональный комбайн для решения задач снятия скриншотов и видеозахвата в Windows и Mac - инструкция по очень мощной программе для создания, редактирования и обработки скриншотов, которая также умеет записывать видео с экрана.
• KSnapshot - лёгкая и шустрая программа для создания скриншотов в Ubuntu 11.10 - инструкция по удобной программе для создания скриншотов в Linux.
• Shutter - удобный инструмент для создания скриншотов в Ubuntu - инструкция по ещё одной программе для Linux, умеющей решать задачу фотографирования экрана компьютера. В отличие от KSnapshot, в этой программе есть встроенный графический редактор для редактирования снимков.
• PDF XChange Viewer - быстрая, лёгкая и очень функциональная программа для работы с PDF - инструкция по удобной читалке-редактору документов PDF для Windows. Бесплатной версии этой программы для чтения и редактирования уже готовых PDF-документов хватает с головой, а вот для создания своих собственных инструкций в формате pdf уже придётся пользоваться платной версией программы.
• Ulead GIF Animator - удобная программа для создания GIF-анимации - инструкция по созданию GIF-анимации в Windows. В контексте инструкций, эта программа пригодится тем, кто захочет вставлять в свои инструкции кроме статических картинок, также слайдшоу в виде GIF-анимации. 

 Оффлайн-версию инструкции по Jing качаем здесь:

• Видео в формате WebM, смотреть которое можно с помощью VLC Media Player или Media Player Classic из K-Lite Mega Codec Pack:
  https://www.dropbox.com/s/vfzpamh8is6vhq6/Jing.webm
  Прямая ссылка
  Размер: 25.1 Мб
  MD5: 0381DEDBC6393AEAEDD8A5F651CC3A51
• PDF с картинками и активными ссылками:
  https://www.dropbox.com/s/5raknrc20oi4i64/Jing%20-%20Russian%20manual.pdf
  Размер: 1.05 Мб
  MD5: 0A087DFE3EAEC5D7B3E5944B9ADF4513
• HTML-версия в архиве с возможностью просматривать видео при наличии последней версии FireFox, Opera или Google Chrome:
  https://www.dropbox.com/s/m18lq4az82xuahl/Jing%20-%20Russian%20manual.rar
  Прямая ссылка
  Размер: 23.8 Мб
  MD5: AE798994C58095AA9B7AF2247D4B0B64

Как проверить MD5 с помощью HashTab читаем здесь:
Работаем с программой HashTab!
Спасибо всем за внимание :)