Как сделать скриншот определенного размера
Статьи
Всем привет, на связи Владимир Фирсов. Сегодня я вам расскажу как сделать скриншот определенной части экрана.
В предыдущей статье на своем сайте, вы могли узнать как сделать screenshot с помощью клавиатуры. Но бывают ситуации, когда необходимо «сфотографировать» не весь экран, а только определенную его часть.
Для этого конечно можно воспользоваться каким-нибудь фотошопом и из большого screenshot’а, сделать обрезанное изображение. Только это не удобно и занимает много времени. Есть инструменты, которые позволяют сделать скриншот определенной части экрана проще.
Давайте разбираться.
Чтобы узнать, как сделать скриншот выделенной области экрана, мы с вами познакомимся с встроенным инструментом операционной системы Windows 10.
Эта программа называется «Набросок на фрагменте экрана«. Её предшественник, это стандартная программа «Ножницы«, которую можно запустить через меню «Пуск» в более ранних обновлениях и версиях Windows.
Когда вы будете читать эту статью, возможно в меню «Пуск» будет именно она, а не «Ножницы».
Если вы не нашли это приложение у себя на компьютере, это не значит, что её у вас вообще нет.
Проверить это достаточно просто.
Нажмите комбинацию клавиш «Windows + Shift + S«.
Если дисплей потемнеет и в верхней его части вы увидите панель, как на картинке ниже, значит приложение запустилось.
С помощью этой панели вы можете управлять работой программы. Вам предлагают выбрать один из 4 инструментов для создания снимка.
По умолчанию активен инструмент, который позволяет создать прямоугольный скриншот определенной части. Причем эту часть вы указываете самостоятельно.
В момент запуска приложения, ваш курсор поменяет вид и превратиться в крестик. Если в этот момент вы зажмете левую кнопку мыши, то можете указать необходимый фрагмент для конечного изображения.
Скриншот произвольной области экрана
Второй инструмент в панели данной программы позволяет делать не прямоугольные фотографии изображения дисплея, а совершенно произвольные.
Вы можете нарисовать курсором любую фигуру, и программа сохранит выделенную область в изображение.
Третий инструмент в панели позволяет сделать скриншот выбранного окна на рабочем столе, а четвертый создает screenshot всего рабочего стола. В данном случае нам это не так интересно.
Куда сохранился скриншот?
Как сделать обрезанный скриншот мы разобрались. Но после того, как вы выберите нужную вам область для «фотографирования» приложение моментально пропадает.
Что делать дальше и где искать наш скриншот?
Снимок никуда не пропал, а сохранился в буфер обмена, это временная память компьютера. Для того, чтобы им воспользоваться, нужно выбрать один из вариантов.
Если вы нажмете на это уведомление левой кнопкой мыши, то откроется специальный редактор.
Это все та же программа «Набросок на фрагмент экрана». В этом окне вы можете довести ваше изображение до финального вида, с помощью дополнительных инструментов.
Например, в данном окне можете написать что-то на изображении, либо отметить какой-то элемент.
В завершении работы с приложением остается только сохранить результаты с помощью значка «Дискета». В моем случае этот значок находиться в верхнем правом углу.
Следите за новостями. Присоединяйтесь к моей группе Вконтакте >>>
Здесь вы найдете ещё больше интересной информации.
На связи был Владимир Фирсов. Успешной работы в интернете.
Делаем скриншоты правильно: практические советы
Устройство для снимка экрана на первых компьютерах (Command-Shift-3)
Если вы когда-либо делали хелп или мануал для своего приложения, наверняка вы отметили, как неожиданно много времени и сил занимает создание скриншотов.
В этой статье я расскажу, как правильно делать скриншоты, почему это не просто “два клика” и какие подводные камни встречаются на пути неопытного скриншотера. Рассматривайте ее как чеклист или список практических советов для тех, кто документирует ПО. Надеюсь, это поможет вам избежать разочарований и порадовать юзеров красочными понятными картинками.
Что нужно скриншотить
Нужно:
НЕ нужно:
Процесс создания скриншотов
1. Настройка окружения. Выберите единый стиль окон и шрифтов в вашей ОС. Если интерфейс “резиновый”, определите ширину и высоту окна браузера или программы и не меняйте ее на протяжении съемки.
Лайфхак: Если вы случайно закроете окно, его размеры могут сброситься, и, скорее всего, вы не сможете их точно восстановить. Чтобы не “потерять” размеры, сделайте скриншот окна и всего экрана и обведите уголки окна красным, а потом установите полученный файл в качестве обоев рабочего стола.
Может, кто-нибудь знает более простой и изящный способ?
2. Подготовка данных. Наполните приложение примерами, приближенными к жизни и решающими конкретные пользовательские задачи. Можно продумать несколько случаев: простых, как “хеллоуворлд”, и посложнее, для продвинутых юзеров.
Желательно, чтобы имена объектов и настройки не менялись в пределах одного раздела. Например, в 1-й главе пользователь Ипполит создал заметку “Как готовить рыбу”. А во 2-й главе нужно рассказать о кастомизации заметок. Естественно, лучше рассказывать про то, как Ипполит применяет к уже созданной заметке красную заливку. Такой нехитрый подход напомнит пользователю о предыдущих действиях, а также обеспечит полноту картины.
Не забудьте наполнить вашу систему “реальными” читабельными данными, сделать предварительные настройки, подготовить шаблоны, сделать бэкапы и т.д.
Если вы делаете скриншоты для документации на иностранном языке, проследите, чтобы в кадр не попали “русские” имена (Andrew — ок, Vanja Babushkin — не ок) или надписи на русском языке.
3. Съемка. Тут все зависит от ваших инструментов, но основные рекомендации такие:
а. По возможности снимайте только значимые зоны интерфейса и делайте скриншот как можно компактнее. Так он и на лист А4 поместится, и будет иметь малый размер.
b. Как и при фотографировании, следите за композицией, не отрезайте части элементов по краям скриншота. Постарайтесь делать скриншоты одинаковой ширины и высоты в рамках одного примера.
c. Чтобы сэкономить время, делайте сразу серию скриншотов. На всякий случай можно сделать “лишние”, незапланированные скрины – вдруг пригодятся при переделках или редактировании.
4. Редактирование. Не всегда получается подготовить красивые и разнообразные данные, избежать опечаток или смоделировать определённую ситуацию (ошибка, выход из строя, большой денежный баланс). В таких случаях есть как минимум 2 выхода:
a. Править код и стили страницы в браузере (правый клик > Inspect element и поехали), если речь идет о веб-приложении.
b. Менять надписи, комбинировать блоки из разных скриншотов в графическом редакторе.
Лучше всего уметь и то, и другое и комбинировать эти подходы в зависимости от ситуации.
Хочу отметить, что хотя при редактировании можно добавить к скрину рамку, обрезанные края и тени, лучше это делать стилями в вашем редакторе справки.
5. Сохранение. Давайте скриншотам говорящие уникальные имена, придерживаясь определённого формата, например, general_settings_privacy. Лучше не использовать пробелы и прописные буквы, а также слишком длинные названия. Такой подход гарантирует универсальность и работоспособность при размещении онлайн-справки на различных серверах.
Хранить скриншоты лучше в облаке с поддержкой шаринга, тэгов и версионности. Для удобства поиска лучше разбить папку со скринами на подпапки, соответствующие структуре интерфейса программы.
6. Вставка в текст. Об этом — ниже, в разделе «Оформление».
7. Проверка. Отложите законченный раздел, проверьте его на следующий день. А лучше дайте прочитать текст и посмотреть скриншоты тестировщику или дизайнеру.
Инструменты
Десктоп-инструменты
Плагины для браузеров
Модули HAT программ
Инструменты для создания GIF анимаций
Утилиты для сжатия изображений
Оформление
Продумайте расположение скриншота относительно текста, выравнивание. Если ширина скриншота небольшая, то следует рационально использовать свободное место и настроить обтекание текстом слева или справа.
Чтобы показать динамику, можно сделать комбинированный скриншот:
Если вы вырезали часть окна, то можно показать обрезанный край с неровной кромкой или прозрачностью:
Важные элементы или мелкие детали можно увеличить, чтобы сделать акцент:
Для акцента можно также использовать выделение с помощью цвета – оставить цвет у целевого элемента (панели), а остальные обесцветить:
Добавьте рамки, тени, стрелки, подписи, размытие по вкусу. Главное – соблюдайте единообразие и придерживайтесь ваших стайлгайдов:
И ещё несколько советов.
Старайтесь не вставлять иконки и изображения кнопок в текст, так как высота строки может измениться и верстка будет выглядеть непрофессионально. Лучше подпишите кнопки и иконки цифрами на большом скрине или вставляйте иконки и кнопки в отдельный столбец таблицы.
Переиспользуйте стандартные компоненты (иконки, панели, диалоги). Хороший пример — Confluence Inclusions Library.
Разместите список основных иллюстраций (лучше — со ссылками на иллюстрации) после содержания или в конце мануала.
Если скриншот содержит слишком много данных, попробуйте заменить его прототипом, схемой, таблицей.
Если вы делаете мануал для мобильного приложения, скорее всего, у вас будет очень много скринов. Покажите навигацию между скринами. Так пользователь легче поймет взаимодействие и переходы, даже не читая текст.
Делайте скрины для всех языковых версий ПО одновременно. Тогда при локализации справки вам не понадобится просить переводчика о дополнительных услугах, а техническому писателю не понадобится учить йиксбара, например.
А еще рекомендую прочесть эту статью с очевидными, но полезными советами.
Заключение
А вообще, идеальный скриншот (и мануал в целом) — это тот, который не надо делать. При правильном подходе к UX и UI можно задействовать привычные и очевидные пользователю паттерны навигации и поведения, не нуждающиеся в описании и пояснении.
Будет круто, если в комментариях вы поделитесь своим опытом по поводу создания скриншотов. Инструменты, процесс, размеры, подписи, стили, хранение, автоматизация — интересны любые практические советы!
P.S: Спасибо за статью нашему гуру создания технической документации Александру Зинчуку
Alconost занимается локализацией приложений, игр и сайтов на 60 языков. Переводчики-носители языка, лингвистическое тестирование, облачная платформа с API, непрерывная локализация, менеджеры проектов 24/7, любые форматы строковых ресурсов.
Мы также делаем рекламные и обучающие видеоролики — для сайтов, продающие, имиджевые, рекламные, обучающие, тизеры, эксплейнеры, трейлеры для Google Play и App Store.
Как быстро сделать скриншот
Блочный редактор писем, готовые шаблоны email, формы подписки и автоматизация. Запускайте email-рассылки, чтобы быть на связи со своими клиентами.
Как развиваться в диджитал. Какие каналы сейчас в тренде. Как зарабатывать больше и поднимать чек за свои услуги.
Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.
Скриншот — это снимок экрана. Он бывает полезен, чтобы показать или объяснить что-то другим людям, а также подготовить иллюстрации к статье.
Существует множество способов сделать скриншот быстро:
Рассмотрим каждый способ более подробно. Специально для тех, кто заглянул на минутку, сразу расскажу, какой инструмент в каких случаях лучше использовать.
Горячие клавиши
Чтобы сделать скриншот:
Mac все снимки сохраняет на рабочем столе в формате PNG.
Чтобы сделать скриншот:
Скриншот сохраняется в буфере обмена. Это удобно, когда нужно вставить изображение сразу в документ (например, в Google Документы) или в редактор (Paint, Photoshop). Чтобы вставить скриншот нажмите Ctr+v или выберите нужный пункт в контекстном меню (правая кнопка мыши).
Если хотите сразу сохранить снимок в виде файла, нажмите Win/Fn + PrtSc. Файл ищите на системном диске в папке Изображения/Снимки экрана (Screenshots).
Встроенные программы
Снимок экрана (macOS)
Где найти. Через поиск, или нажмите Shift+Command+5.
Что умеет. Делает скриншот всего экрана, выделенной области, окна браузера или меню экрана. По умолчанию сохраняет снимки на рабочий стол.
Есть таймер, который задерживает снимок на 5 или 10 секунд. Такая функция полезна, когда нужно снять выпадающие меню и системные сообщения.
Утилита позволяет отредактировать изображение: перевернуть, добавить надписи и выделить главное.
Ножницы (Windows 10)
Где найти. Через поиск или в меню «Пуск» — «Стандартные Windows».
Что умеет. Делает снимок экрана, активного окна или выбранной области. Из особенностей — позволяет выделить как прямоугольную область, так и область произвольной формы.
У инструмента «Ножницы» есть таймер для задержки снимка до 5 секунд.
Полученный снимок открывается в редакторе, где есть перо и маркер для выделений. Отменить изменения нельзя, что неудобно. Поэтому если нужно отредактировать скрин, лучше открыть его в Paint (это делается прямо из меню «Ножниц»).
Готовое изображение сохраняется в JPG или PNG.
Команда Windows 10 грозится в одном из следующих обновлений заменить инструмент «Ножницы» на утилиту «Набросок на фрагменте экрана». Чтобы получить к ней доступ, нажмите Win+Shift+S. Здесь нет таймера и возможности снять активное окно, зато есть отмена в редакторе.
Расширения в браузере
Буду двигаться от самых простых к наиболее функциональным.
GoFullPage
Что умеет. Делает скриншот всей страницы в один клик. Для этого нажмите на значок расширения или Alt+Shift+P. Качественно и быстро скриншотит страницу целиком.
Чтобы сохранить готовый скрин в виде файла, перетащите его на рабочий стол.
Формат. PNG или PDF.
Сколько стоит. Бесплатно.
Скриншотер
Что умеет. Фотографирует выделенную область в два клика, позволяет делиться ссылкой или сохранять файл на диск. Ссылка сразу копируется в буфер.
Не понравилось, что при выборе инструмента уменьшается видимая область экрана, как будто меняется разрешение (работаю на ноутбуке на Windows 10).
Сколько стоит. Бесплатно.
Lightshot
Что умеет. Делает скриншот выделенной области. В отличие от «Скриншотера», в Lightshot есть редактор с основными инструментами. Позволяет добавить текст, выделения, стрелки, линии и формы. Не умеет размывать части скриншота.
Из плюсов — расширение позволяет быстро поделиться снимком в соцсетях (ВКонтакте, Facebook, Twitter, Pinterest) или распечатать скрин.
Ещё одна прикольная функция — поиск похожих картинок в Google прямо через редактор сервиса.
FireShot
Что умеет. Делает скриншот выделенной области, видимой части экрана, окна браузера и всей страницы. Для захвата всей страницы есть горячие клавиши.
Готовое изображение FireShot предлагает сохранить, переслать по почте или распечатать. В платной версии также есть экспорт снимков в OneNote, Twitter и Flickr.
Большой минус — в бесплатной версии нет редактора.
Формат. PDF, JPG, PNG, GIF или BMP.
Сколько стоит. Бесплатно без редактора. Есть пожизненная лицензия — около 3000 руб.
Что умеет. Фотографирует фрагмент или всю страницу. Поддерживает горячие клавиши. Позволяет сохранить картинку на компьютер или опубликовать в облаке и сразу получить ссылку. Удобно, что можно быстро поделиться скриншотом в соцсетях.
В редакторе много инструментов. Рисуйте карандашом; добавляйте прямые линии, стрелки, фигуры и комментарии; скрывайте лишнее с помощью размытия. В редакторе Joxi есть даже последовательность шагов.
Чтобы иметь доступ к истории скриншотов, нужно зарегистрироваться.
Сколько стоит. Бесплатно.
Awesome Screenshot
Что умеет. Снимает выделенную область, видимую часть экрана или всю страницу. Позволяет выбрать задержку на 3 или 5 сек, перед тем как будет сделан снимок. Поддерживает горячие клавиши.
В редакторе сервиса есть все стандартные инструменты для редактирования, в том числе размытие и возможность менять размер картинки.
Готовое изображение можно сохранить в виде файла на компьютере или в облаке (бесплатно доступен Google Диск), распечатать или поделиться с командой через Asana, Slack и Trello (требуется регистрация).
Большой плюс Awesome Screenshot — расширение позволяет записывать не только скриншоты, но и скринкасты.
Формат. PNG или JPEG (выбирается в настройках), PDF.
Сколько стоит. Бесплатно. Есть платные тарифы от 300 руб./мес. В основном прокачивают возможности для скринкастов.
Декстопные программы
У Joxi и Lightshot есть декстопные версии примерно с теми же функциями, что и у расширений. Описывать их снова нет смысла. А вот у программы «Скриншотер» функций гораздо больше. Поэтому начну обзор с неё.
Скриншотер
Что умеет. Снимает весь экран, выделенную область или активное окно. Поддерживает горячие клавиши.
В отличие от расширения у программы есть редактор с основными инструментами и размытием.
В настройках можно выбрать формат и качество изображения. Готовый скрин программа позволяет сохранить на диск или загрузить на сервер.
Самая главная особенность декстопной версии «Скриншотера» — программа умеет снимать видео в формате mp4 до 60 минут.
Сколько стоит. Бесплатно.
Screen-shooter
Что умеет. Снимает экран, область и активное окно. Можно настроить горячие клавиши.
Среди инструментов есть и размытие, и последовательность шагов.
Готовый скрин сохраняет в облако, на диск или в буфер обмена. Есть возможность поделиться изображением с другими пользователями и отправить по почте.
У программы приятный интерфейс. Одно плохо: при попытке сделать скриншот у меня меняется размер видимого экрана, поэтому делать скрины неудобно.
Сколько стоит. Бесплатно.
Screen Capture
Что умеет. Делает скриншот выбранной области. Поддерживает управление с помощью горячих клавиш.
Есть редактор со всеми основными инструментами.
Готовое изображение сохраняет в буфер обмена, на жесткий диск или загружает в облако. Есть возможность задавать качество сохраняемых снимков.
Неплохая программа, но и здесь у меня осталась проблема с размером видимой части экрана — она меняется после выбора инструмента. В декстопных версиях «Скриншотера», Joxi и Lightshot этой проблемы нет.
Сколько стоит. Бесплатно.
Как сделать красивый и полезный скриншот
2. Отсекайте лишнее. Ярлыки, посторонние окна и вкладки браузера отвлекают от сути. Старайтесь убирать из кадра такие вещи или хотя бы обрезайте и размывайте наиболее отвлекающие элементы.
3. Акцентируйте внимание на важном. Используйте стрелки и выделения.
4. Делайте аккуратно. На скриншотах не должно быть обрезанных кусков контента, а все стрелки и выделения лучше делать в едином стиле.
5. Убирайте конфиденциальную информация. Не забудьте скрыть все персональные данные, если планируете выложить изображение в сеть. Хорошо для этого подходит инструмент «Размытие».
6. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.
Как сделать качественный скриншот с компьютера и смартфона
У пользователей часто возникает вопрос: «Как сделать качественный скриншот экрана?». Главная проблема заключается в качестве изображения и в том, что люди подолгу ищут рабочий метод по захвату скрина. В этой статье мы собрали лучшие способы по созданию изображений с компьютера и мобильного телефона. А также вы найдете здесь советы по правильному оформлению полученных картинок.
Скриншот: что это и для чего
Скриншот — это фотография или снимок экрана, сделанный без использования дополнительной техники: телефона или камеры.
Скриншоты используются в разных целях:
Мы каждый день создаем скрины переписок, сообщений и заметок. Так работает человеческий мозг — он лучше запоминает визуальную информацию.
Формат скриншота
Формат скриншота очень важен, так как плохое качество или смазанная размытая картинка не даст четкого представления о том, что вы хотите показать человеку.
PNG — графический формат, который сохраняет изображение без потери качества. Его минусом считается сравнительно большой размер файла.
JPEG — этот формат сжимает изображение с определенными потерями в качестве.
GIF — формат, который поддерживает прозрачность и анимацию. Данные сжимаются без потери качества.
Если для вас важно сохранить качество скриншота — используйте формат PNG. Чтобы конвертировать файл JPEG в PNG, загрузите исходник в сервис Online-Convert, выберите желаемое качество изображения и сохраните скриншот к себе на ПК.
Как сделать качественный скриншот экрана на компьютере
В этом разделе мы подробно расскажем, как делать скриншоты на компьютере: с помощью программ, встроенных функций, а также поможем разобраться в настройках ПК.
Стандартные программы-скриншотеры
На всех ПК стоят операционные системы, которые поддерживают различные варианты захвата экрана. Разберем несколько стандартных решений, как делать скрины на компьютере или ноутбуке.
Программа «Ножницы»
Стандартное приложение Windows. Разработчики обещают с новым обновлением Win10 удалить эту программу и перенести все возможности в «Набросок на фрагменте экрана».
«Ножницы» могут сделать скриншот всего экрана, отдельного фрагмента или активного окна. Полученное изображение можно сохранить на компьютере или отправить его по почте.
Чтобы включить программу «Ножницы», зайдите в меню «Пуск» — «Стандартные Windows» и найдите из списка нужный вариант. По-другому программу можно найти через поиск в панеле задач: вводите название приложения и нажимаете на открывшуюся иконку.
На скриншоте показан экран ноутбука с открытой программой «Ножницы»:
Пример работы «Ножниц» в Win10
Программа «Набросок на фрагменте экрана»
Новое приложение «Набросок на фрагменте экрана» имеет существенное отличие от предыдущей программы: можно создавать фрагменты прямоугольной или произвольной формы, а также создавать скриншоты всего экрана и активного окна.
Скриншот экрана ноутбука с программой «Набросок на фрагменте экрана»:
Пример работы скриншотера на Win10
Чтобы сделать скриншот, нажмите сочетание клавиш: Win + Shift + S или зайдите в программу через «Пуск».
Результат выбора произвольного фрагмента:
Выбор произвольного фрагмента и его редактирование
Автоматизация email рассылок
Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.
Горячие клавиши
На каждом компьютере можно настроить горячие клавиши, чтобы делать скриншоты экрана.
Включение функции Print Screen на Win10:
Используйте Print Screen, чтобы создать скрин
Сочетание клавиш для видеоигр в параметрах Win10:
Настройка горячих клавиш на ПК
Win/Fn + PrtScr
Сочетание клавиш: Win + PrtScr на компьютере и Fn + PrtSc для ноутбука.
Сочетание кнопок показано на клавиатуре:
Сочетание клавиш Win/Fn + PrtSc
Это самый простой способ сделать скриншот, если вы не пользуетесь программами. Снимок сохраняется в папке «Изображения» или «Снимки экрана» в формате PNG.
PrtSc + Paint
Клавиша Print Screen автоматически делает снимок экрана, но эта функция не открывает приложение, в котором можно было бы работать с полученным изображением. Система даже не сохранит ваш скрин, а только скопирует в буфер обмена. Включаем Paint (стандартная программа Windows) и нажимаем на кнопку «Вставить» либо используем сочетание клавиш: Ctrl + V.
Важно! Paint можно заменить любым другим редактором, которым вы привыкли пользоваться.
Пример работы Paint
Alt + PrtScr
Комбинация клавиш Alt + PrtScr позволит сделать скриншот активного окна и скопировать его в буфер обмена. Вам нужно воспользоваться любым графическим редактором и через него сохранить полученный скрин.
Сочетание кнопок показано на клавиатуре:
Сочетание клавиш ALT + PrtScr
Пример работы сочетания клавиш:
Скрин активного окна в графическом редакторе
Важно! О том, какие горячие клавиши используются для продукции Apple, прочитайте в справке по компьютерам Mac.
Внешние программы-скриншотеры
В интернете можно найти большое количество скриншотеров. Мы в работе пользуемся: Monosnap, LightShot, Joxi.
Остановимся на Monosnap и подробно разберем его возможности и настройки. Программу можно скачать на компьютер или использовать расширение в браузере Chrome.
Monosnap может сделать скрин всего экрана, фрагмента, снимок всей страницы или только ее части, а также вести запись видео.
Функции скриншотера Monosnap в браузерной версии
Возможности программы на ПК с горячими клавишами:
Возможности программы на ПК
Также вы можете открыть файл в редакторе или загрузить его в буфер обмена. Но перед тем, как создавать скрины, давайте разберем настройки.
В приложении можно выбрать, где и в каком формате сохранять файлы, а также какими горячими клавишами пользоваться.
Параметры сохранения изображений и шаблонов имени:
Настройки загрузки скриншотов и шаблонов названий
Действия, которые можно выполнить после создания скриншота: открыть в редакторе, сохранить на жестком диске или загрузить в буфер обмена.
Выбор действий после создания скрина
Выбор формата и сочетание клавиш:
Настройки формата и быстрых кнопок
Параметры для записи видео — формат, качество и количество кадров в секунду:
Настройка записи видео
В настройках программы для ПК добавьте функцию, которая убирает курсор с изображения. На большинстве скриншотов он будет лишним элементом.
Настройка, которая убирает курсор с изображения
Пример работы скриншотера для захвата фрагмента — используется прямоугольный формат с подсказками горячих клавиш:
Как создать скриншот фрагмента с помощью приложения Monosnap
Вариант работы скриншотера для захвата всей страницы:
Как создать скриншот всей страницы с помощью программы Monosnap
Как сделать скриншот экрана онлайн
Разберем способы, как сделать качественный скриншот, без установки расширений и программ.
С помощью онлайн-сервиса
Существует несколько сервисов, которые помогают создать скриншот страницы сайта, не посещая его. Достаточно вставить ссылку на сайт, добавить настройки и скачать скриншот себе на ПК.
Рассмотрим сервис S-Shot — это простой ресурс, на котором можно создать скрин сайта.
Работа сервиса на примере главной страницы сайта «Яндекс»:
Пример работы сервиса S-Shot
С помощью функции браузера «Просмотреть код»
Если вам нужно сделать скриншот сайта, на котором есть много изображений и мелкого текста, то обычные способы не помогут. Мы предлагаем сделать скриншот отличного качества прямо на сайте при помощи функции просмотра кода.
Как сделать скриншот на сайте:
Как сделать качественный скриншот из видео
Скриншот из видео можно сделать с помощью сторонних программ и горячих клавиш, рассмотренных нами выше.
Но есть несколько возможностей сделать качественный скриншот из видео, при этом не боясь, что вы добавите лишние элементы при обрезке изображения.
Скриншот из видеоплеера
Заходим в настройки своего видеоплеера и ищем нужный функционал — сохранить скриншот, изображение или кадры.
Light Alloy
Light Alloy — это простая и многофункциональная программа для проигрывания видео с большим количеством настроек. Вы можете смотреть фильмы, клипы из интернета и слушать радио.
В видеоплеере Light Alloy заходим в настройки, выбираем формат PNG и папку, куда будем сохранять скриншоты:
Настройки сохранения скриншотов
Для сохранения кадров можно использовать меню, значок фотоаппарата в правом нижнем углу или горячую кнопку «F12».
Показываем, как сделать качественный скриншот в видеоплеере Light Alloy. Выбираем скриншот, копируем его в буфер обмена или сохраняем на жестком диске. Есть еще вариант захвата нескольких кадров — сохранение миниатюр и полноразмерных снимков.
Как сохранить скриншот из видео
VLC Media Player
VLC Media Player — это многофункциональный плеер для просмотра фильмов и клипов. Здесь вы найдете большое количество настроек аудио, видео и субтитров.
Включаем настройки видеоплеера, устанавливаем каталог для сохранения кадров и выбираем формат:
Настройки скриншотов в видеоплеере
Чтобы сделать скрин, используем горячие клавиши. Вы можете установить любое удобное для вас сочетание или применять стандартные настройки:
Горячие клавиши в видеоплеере VLC
Скриншот из видео на YouTube
Если вам нужно сделать скриншот ролика на видеохостинге YouTube, можете установить расширение для браузера — Screenshot YouTube. Это приложение, которое встраивается в проигрыватель YouTube.
Пример того, как сделать качественный скриншот ролика через Screenshot YouTube:
Скриншотер для YouTube
Как сделать качественный скриншот экрана на телефоне
На смартфоне скриншоты можно сделать, используя предусмотренные производителем сочетания кнопок или манипуляций с сенсорным экраном, а также с помощью сторонних приложений.
Стандартная функция в смартфоне
Первый вариант. Для захвата всего экрана мобильного телефона на Android используйте сочетание кнопок: Громкость «-» + «Блокировка/Выключение смартфона». На некоторых смартфонах скриншот можно сделать удерживанием кнопки «Показать запущенные приложения». Для Samsung и iPhone — «Блокировка» + «Home».
Второй вариант. В последних версиях ПО появилась шторка «Панель быстрых настроек», в которой можно настроить ярлык «Снимок экрана». В примере показано использование этого ярлыка:
Как делать скриншоты на смартфоне
Приложения-скриншотеры
Готовый скриншот необходимо обработать: обрезать края или добавить элемент. Для этого вам понадобится редактор изображений. Мы предлагаем использовать приложения, в которых можно создать скрин и отредактировать его.
Скриншот PRO
Скриншот PRO — приложение для захвата экрана мобильного телефона. В нем есть функции обрезки в разных форматах: прямоугольник, круг, многоугольник, звезда. Также присутствует встроенная функция редактирования скринов.
В обзоре мы рассмотрели настройки приложения и возможности редактирования скриншотов:
Пример, как сделать качественный скриншот экрана мобильного телефона
Скриншот Легкий
Скриншот Легкий — многофункциональный скриншотер: снимок экрана, сайта и прокрутки, также доступна возможность записи видео.
В приложении есть редактор изображений и большое количество настроек. В скринкасте ниже показаны все возможности скриншотера:
Пример настроек приложения, как делать скрины на телефоне
Screen Master
Screen Master — приложение для захвата экрана и веб-страниц. Перед началом рекомендуем выставить необходимые параметры — это довольно быстро, поскольку вариантов настроек не так много. Здесь также есть удобный редактор изображений.
В обзоре приложения показан весь функционал скриншотера:
Пример, как делать скриншоты на смартфоне
Как делать скриншоты электронного письма
Конечно, вы можете воспользоваться любым из предложенных выше способов, но у нас есть предложение получше. Сервис, который решит проблему с тем, как сделать качественный скриншот электронного письма целиком — бесплатное расширение для Chrome от SendPulse.
Главная страница расширения SendPulse
Ниже показан принцип работы с расширением от SendPulse:
Пример работы расширения в Gmail
Как оформить скриншот
Правильно оформленный скриншот будет гармонично смотреться в вашей статье или письме. Читателю не придется всматриваться в картинку, чтобы понять ваш посыл. Поэтому давайте разберемся, как правильно оформить изображение.
Как правильно обрезать скриншот
Изображение не должно содержать лишних элементов: темные края, как и обрезанный текст или картинки испортят все впечатление.
Пример хорошего и плохого скриншота. В первом варианте текст не наезжает на края, он легко читается. Во втором — текст обрезан, это бросается в глаза и отвлекает от главной мысли, которую нужно донести человеку.
Пример хорошего и плохого скриншота
Советы:
А здесь показаны правильные и неправильные варианты обрезки краев скриншота.
Изображение обрезано точно по краям:
Правильный вариант обрезки изображений
А здесь скриншоты обрезаны криво. В обоих случаях на скриншоте фон неоднородный — не дает читателю сфокусироваться на основной картинке.
Плохой вариант захвата скринов
Как выделить элементы на скриншоте
Чтобы привлечь внимание человека или указать на нужные объекты, используют выделение элементов на скриншоте — это может быть стрелка, линия, окружность, прямоугольник, цифра или надпись.
Вы можете добавить оформление в любом графическом редакторе или внешнем скриншотере.
Например, в программе Monosnap можно сделать выделение области на общем фоне. Чтобы включить эту функцию, зажмите Alt и наведите на объект. В обзоре показываем, как это работает:
Пример выделения области в Monosnap
Давайте посмотрим, как правильно выделить элементы — лишние данные закрашены, важные блоки выделены красным, а стрелка указывает, на что нужно обратить внимание. Пример показывает название, стоимость и ссылку на товар. А длина кровати важна для высоких людей.
Оформление таблицы
А теперь рассмотрим тот же пример, но с неправильным оформлением — бессмысленные стрелки, нечеткое выделение элементов, закрашенные данные и красные линии перекрывают информацию.
Пример плохого оформления скриншота
Рекомендации по оформлению скриншота:
Заключение
В этой статье мы рассмотрели эффективные варианты захвата изображения. Вам остается лишь выбрать те, которые вам больше нравятся.
Итоги:
Используйте полученную информацию и создавайте качественные рассылки с помощью сервиса SendPulse!
Журналист без диплома, копирайтер без сертификатов, тексты без воды, трафик без проблем