Вы умеете делать скриншоты (изображения экрана ПК)? Наверное, да. Если нет, нажмите кнопку «Prt Sc» на клавиатуре и в любом графическом редакторе в меню «Правка» выберите «Вставить» и сохраните картинку. Теперь вы умеете делать простые скриншоты!
Создавать скринкасты (видеозаписи происходящего на экране) немного сложнее — тут понадобится специальная программа.
А что если я вам расскажу о хорошем приложении, которое умеет делать и то, и другое? Называется оно Awesome Screen.
Это расширение умеет создавать скриншоты страницы или отдельной области на экране, рисовать и писать поверх созданных изображений, делать видеозахват происходящего на экране с возможностью редактирования (обрезки) видео, добавления к нему изображений и текстовых комментариев.
Расширение подходит почти для всех браузеров: Google, Mazilla, Safari и других. Давайте попробуем…
Регистрация и установка
Заходим на сайт сервиса и нажимаем на кнопку «Sign in».
Можно присоединиться к сервису, используя аккаунт Google, но я решила зарегистрироваться по электронной почте и нажала на кнопку «Create an account».
Для регистрации указываем имя, адрес электронной почты и пароль. Нажимаем на кнопку «Create Account».
Осталось сходить на почту и подтвердить созданный профиль. Для этого в письме от сервиса нажимаем на кнопку «Verify my email address».
Мы возвращаемся обратно на сайт и нажимаем на кнопку «Sign In».
Дальше выбираем «Sign in with other account».
Указываем адрес электронной почты, пароль, вписываем капчу и нажимаем «Sign in».
И мы наконец попадаем в рабочий кабинет, гле будут храниться все созданные нами сриншоты и скринкасты.
Сервис предлагает добавить расширение Awesome Screen в браузер (Add to Chrome).
Соглашаемся на это и нажимаем «Установить».
Теперь логотип сервиса появится в строке браузера, вверху справа. Нажав на него, открываем меню для быстрого создания скриншотов и скринкастов.
Раздел «Capture» отвечает за создание изображений, а «Video» — за создание видеозаписей.
Создаём скриншоты
С помощью сервиса можно создавать три типа скриншотов: скриншот только видимой на экране части страницы, скриншот всей страницы целиком и скриншот выделенной области.
Порядок действий такой: открываем нужную страницу сайта, из которого надо создать скриншот, вызываем Awesome Screen, нажав на логотип вверху справа. Выбираем нужный вариант сриншота, нажимаем, выделяем. Сохранение происходит автоматически — готовый сриншот откроется в новой вкладке.
Готовый скринкаст можно тут же скачать на ПК как картинку и как PDF, сохрать в папке в личном кабинете, скопировать и распечатать.
Чуть ниже — кнопка для генерации ссылки на получившуюся работу.
В разделе «Comments» можно оставить комментарий к сриншоту.
Самое интересное — возможность проаннотировать полученную картинку, добавив к ней надписи и выделив самое главное. Для этого нажимаем на кнопку «Annotate».
Вот набор инструментов для аннотирования: изменение размера, обрезка, кисточка и маркер для рисования и подчёркивания, фигуры (прямоугольник и эллипс) и стредки для выделения, текстовые надписи.
Можно удалить неверную аннотацию ластиком иили нахжав на стрелку «назад» слева от него на панели инструментов.
Чтобы начать аннотирование, щёлкаем по соответсвующему значку на панели инструментов. Для маркера, кисточки, стрелок, фигур можно выбрать цвет и толщину линиии.
Для текста дополнительно можно установить цвет фона, тень, обводку, выбрать размер и шрифт. Тексты удобнее вводить вручную — с клавиатуры.
Чтобы отключить инструмент и перейти к другому, повторно нажимаем на его значок.
Чтобы сохранить получившуюся работу, нажимаем на кнопку «Save» в правом верхнем углу.
Вот такой скриншот получился у меня: я добавила выделения и написала текст на полях. Чтобы открыть скриншот, щёлкайте по картинке или переходите по ссылке.
Записываем скринкасты
Чтобы записать скринкаст, подключаем к ПК веб-камеру и микрофон. открываем меню сервиса и выбираем вкладку «Record».
С помощью Awesome Screen можно создать скринкаст всего экрана, отдельной вкладки или сделать видеозапись с веб-камеры.
Кстати, веб-камеру можно подключить и при записи рабочего стола или вкладки, для этого надо включить опцию «Embed Camera». Изображение спикера будет отображаться в правом нижнем углу.
Выбрав нужный вариант записи, нажимаем на кнопку «Start Recording».
Самый простой способ скринкастинга — записать демонстрацию экрана с голосом за кадром. Для этого выбираем «Record» — «Desktop» — «Start Recording» — «Окно».
Заранее нужно открыть презентацию (лучше в формате PDF в режиме чтения), дальше выбираем её во вкладке «Окно» и нажимаем «Поделиться». Через три секунды запись начнётся. После этого переходим к открытой презентации и начинаем комментарий.
Чтобы закончить видеозапись нажимаем на кнопку «Закрыть доступ» внизу экрана.
Если делаем запись вкладки браузера, то слева внизу появится несколько кнопок для управления процессом.
На первые 20 видеозаписей сервис предоставит инструменты для «аннотирования» по ходу рассказа: разные виды лазерных указок, «карандаш» для выделения и пометок и «метлу» для удаления аннотаций. Чтобы остановить запись, нажимаем на «паузу» (две вертикальные линии) и дальше на «Стоп». Тут же рядом находится кнопка для удаления неудачного скринкаста.
Скринкаст можно скачать на ПК, сохрать в папке в личном кабинете, прокомментировать. Ссылку, конечно, тоже можно сгенерировать.
Если нажать на кнопку «Edit video», то можно обрезать видео и добавить к нему аннотации в виде текстовых надписей и картинок.
Так выглядит редактор. Чтобы вырезать ненужный фрагмент видео, нажимаем на панели инструментов на кнопку с изображением ножниц (Cut out a part). С помощью ограничительных маркеров на ленте времени выделяем фрагмент для удаления.
Чтобы добавить текстовую аннотацию, запускаем видео, в нужный момент ставим его на «паузу» и и нажимаем на кнопку «Т». Длительность нахождения текста на экране регулируем на ленте времени с помощью ограничительных надписей.
Сам текст пишем в появившемся поле или в графе «Text» на панели инструментов справа. Там же можно выбрать цвет, размер и шрифт текста.
Точно также к видео добавляются геометрические фигуры (прямоугольник, эллипс, стрелка). На панели инструментов справа можно выбрать цвет и толщину линии.
Следующая кнопка на ленте времени добавляет гиперссылки. На правой панели инструментов в окошко «URL» вставляем саму ссылку, а в окошко «Text» добавляем надпись, которая будет появляться на экране при показе ссылки. Можно выбрать шрифт, цвет и расположение ссылки на экране.
Кнопка «Add a blur» добавляет размытие. На панели справа можно отрегулировать его интенсивность: от слабого (Low) до сильного (High).
Следующая кнопка добавляет картинки. Их можно сделать прозрачными, добавить к ним рамку или тень.
Последняя кнопка на ленте времени («корзинка») удаляет выбранную аннотацию. Кнопки со стрелками слева помогают сделать шаг назад (отменить изменения) или вперёд (вернуть отменённое).
Полученное видео можно просмотреть и сохранить.
Несколько замечаний про создание скринкастов. При скачивании видеоролика ссылки будут неактивными.
Первые 20 видео можно записывать любой продолжительностью, а потом — только до 5 минут.
А чего не хватает, так это кода для встраивания видео на страницу сайта или блога.
Все созданные работы будут храниться в личном кабинетет. Чтобы перейти в него, нажимаем на вкладку «My items».
Любую работу, можно переименовать, переместить в папку, открыть в новой вкладке и удалить. Можно скопировать ссылку на неё и выбрать сразу несколько работ для перемещения или удаления. Для этого нажимаем на многоточие в правом верхнем углу работы и выбираем из выпадающего списка нужный вариант.
Чтобы создать папку, выбираем работу, которую хотим в неё поместить, нажимаем на многоточие, выбираем опцию «Move», а дальше — «Create a new folder» (Создать новую папку). По умолчанию одна папка в рабочем кабинете уже создана.
Здесь же есть возможность организовать совместную работу с коллегами или учениками. Для этого предусмотрена опция «Create a workspace» (Создать рабочее пространство).
Для рабочего пространства нужно придумать название.
Внутри рабочего пространства можно создать несколько проектов. У каждого должны быть имя и описание.
После создания проекта переходим к приглашению соавторов. Можно послать письма с приглашением присоединиться к работе по адресам электронной почты, а можно поделиться ссылкой.
Чтобы приступить к совместной работе, выбираем бесплатный тарифный план (Free).
Он рассчитан на команды до 5 человек и позволяет создавать до 20 видео и до 50 изображений.
В рабочем пространстве все соавторы могут записывать видеоролики, загружать изображения и добавлять работы из своих аккаунтов, а также редактировать работы других участников.
