Как сделать скриншот в сбисе
Делаем скриншоты правильно: практические советы
Устройство для снимка экрана на первых компьютерах (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.
Как сделать скриншот в игре: 4 способа [инструкция]
Доброго времени суток!
Если сделать скрин окна Windows достаточно просто (стоит нажать клавишу Print Screen, и вставить в Paint), то в играх такой трюк срабатывает далеко не всегда!
Например, при вставке вы можете обнаружить, что в буфере вообще ничего нет (или вместо экрана игры вставится просто черный экран. ). Кстати, особую сложность могут вызывать старые игры (которые и запустить то порой — не просто).
В этой заметке хочу привести несколько способов, как можно быстро и красиво делать скриншоты из игр. Думаю, заметка будет весьма кстати всем любителям игр.
У меня на блоге опубликована большая подборка игр для слабых ноутбуков и ПК. Рекомендую!
«Достаем» скрин из игры
Вариант №1: универсальный
Одним из самых надежных вариантов решения вопроса — будет установка спец. программы, которая вне зависимости от версии вашей ОС, драйверов и пр. параметров позволит создавать скрины.
Одной из лучших таких программ является 👉 Fraps (на мой субъективный взгляд. Но вообще, можно выбрать и Bandicam или Mirillis Action, например).
Что касается Fraps: то здесь все просто!
Далее запустите игру: в левом верхнем углу должны начать появляться цифры (это Fraps показывает количество FPS).
После, в нужном месте нажмите клавишу F10 (если вы ее не поменяли в настройках). Всё, в принципе скрин должен быть сохранен (обратите внимание на цифры, обычно, они «моргают» при этом).
Делаем скрин в игре помощью Fraps
Свои скрины (для этого примера) я сохранял на рабочем столе: как видите, Fraps указывает в их имени название игры и дату их создания. В общем-то, довольно удобно, чтобы не запутаться. 😉
Вариант №2: для пользователей Windows 10/11
В Windows 10/11 появилась игровая панелька, позволяющая не только делать скрины, но и даже записывать видео! Но для начала необходимо включить ее.
Ниже представлю все действия по шагам.
2) Далее откройте вкладку «Xbox Game Bar» и проверьте, чтобы это меню было включено (см. пример на скрине ниже 👇). Если у вас подобного меню нет — обновите свою версию Windows 10.
Включаем игровую панель — Xbox Game Bar
3) Теперь можно запустить нужную игру (в своем примере использовал «старую» Civilization IV).
Когда захотите сделать скрин, нажмите кнопки Win+G для вызова меню, а затем выберите инструмент «Сделать снимок экрана» (см. пример ниже 👇).
Игровая панель в Windows 10 (Win+G)
4) Собственно, скрин готов! Панелька, после создания скриншота, снова будет скрыта, и вы можете продолжить игру.
5) Чтобы найти папку, куда сохраняются скрины, откройте параметры Windows (сочетание Win+i ), раздел «Игры/Клипы» и посмотрите оную папку. Кстати, там же есть кнопка для того, чтобы сразу же открыть этот каталог.
Где лежат мои сохраненные скрины из игр
6) Как видно на рисунке ниже, мои скрины присутствуют в этой папке. Обратите внимание, что по умолчанию файлы сохраняются с названием игры и текущей датой (весьма удобно!).
Вариант №3: если вы пользуетесь Steam
Обратите внимание на оверлей
Вариант №4: используем возможности от производителя видеокарты (на примере Nvidia)
Если вы хотите делать супер-скриншоты с высоким разрешением, то без спец. возможностей от производителя вашей видеокарты не обойтись! В этом подразделе статьи хочу остановиться на такой «штуке» как NVIDIA Ansel.
Благодаря этой новой функции видеокарт Nvidia, пользователи получают возможность создавать скриншоты разрешением до 63360 × 35640 пикселей (а это в 30 раз выше, чем Full HD формат)!
К тому же, есть возможность сделать не просто 2D скрин (к которым все привыкли), а в формате 3D (т.е. тот, который можно повернуть и посмотреть с разных ракурсов!).
Чтобы задействовать NVIDIA Ansel, необходимо:
Панелька Nvidia Ansel
Как это выглядит можете посмотреть в галерее Nvidia (ссылка на офиц. сайт). Обратите внимание, что скрин можно крутить в разные стороны, прибавлять/отдалять (рассматривая мельчайшие детали), поставить в качестве обоев и т.д.
Скрин из игры Witcher 3 (с сайта Nvidia)
В общем, весьма и весьма интересная «задумка» разработчиков (как мне кажется 👀).
Как сделать скриншот экрана
на компьютере или ноутбуке
Скриншот экрана — это снимок определенной области дисплея или всего рабочего стола. Он может понадобиться, если необходимо продемонстрировать возможности программы, показать неполадку при обращении в техподдержку или зафиксировать содержимое страницы сайта. Иногда фотографии в браузере бывают защищены от скачивания — тогда их тоже можно просто заскринить.
Создать фото экрана в хорошем качестве можно с помощью встроенных инструментов системы или специального софта. Сегодня расскажем, как сделать скриншот на ноутбуке или компьютере разными методами.
Как сделать скриншот стандартными средствами Windows
Первое, что приходит на ум тут — это, конечно же, горячие клавиши и уже встроенные в систему функции. Вам не нужно устанавливать ПО, однако есть и минус. Стандартные службы не предлагают дополнительных опций для редактирования и быстрой пересылки картинки, например, вы не сможете оформить длинный скриншот с прокруткой или отправить итог в мессенджеры.
Снимок экрана в Windows XP
На Виндовс XP можно создать только скрин всего монитора. Также для сохранения картинки вам потребуется графический редактор. Для захвата контента:
Программа «Ножницы» в Windows 7
Вы можете воспользоваться встроенным приложением «Ножницы». Оно позволит снять выделенную область или весь монитор. Как сделать скрин?
✦ При использовании прямоугольного фрагмента выделите мышкой нужную область.
✦ В полноэкранном режиме служба снимет материал сразу после выбора типа захвата.
Рекомендации для ОС Windows 8.1, 10
Чтобы снять дисплей на Виндовс 8 и 10, вы можете использовать инструмент «Ножницы». Быстрый скриншот же можно оформить с помощью клавиатуры:
Так вы получите файл PNG
Лучшие бесплатные приложения для создания скриншотов
Если вы хотите снять выделенную область, настроить формат фотоизображения, добавить надписи или фигуры, лучше воспользоваться специальными приложениями. Они открывают больше возможностей, хоть и работают по схожему принципу.
ФотоСКРИН
Одна из лучших программ для создания снимков экрана. В ФотоСКРИНе можно заснять определенный фрагмент или весь рабочий стол. Поверх изображения можно добавить надписи и фигуры, а после загрузить контент в сеть или скачать в подходящем формате.
Как сделать скриншот:
Нужно записать видео с экрана? Приобретите премиум-версию программного обеспечения. Она позволит захватить каждое действие на рабочем столе, создать качественный ролик и экспортировать результат в подходящем формате. Про-пакет стоит 495 рублей.
Lightshot
Простой компьютерный скриншотер и расширение для браузера. Lightshot позволят захватить часть дисплея, обработать контент и экспортировать его в подходящем медиаформате. Для использования ПО:
Скриншотер
Простое программное обеспечение, которое предлагает опции для редактирования материала и создает картинки в популярных медиаформатах. Как сделать скриншот на компьютере и сохранить его как картинку?
Яндекс.Диск
Облачное хранилище предлагает дополнительный инструмент для создания скринов. Вы сможете снимать монитор и обрабатывать кадры во встроенном редакторе. Для использования функции Яндекс.Диска:
Screenshoter Mail.ru
Софт для съемки всего дисплея или указанного фрагмента. Screenshoter Mail.ru также предоставляет функции для размещения надписей, стикеров, нумерации и фигур.
Заключение
Теперь вы знаете, как сделать скриншот на ПК разными способами. Вы можете воспользоваться встроенными службами компьютера, однако они имеют ограниченный функционал. Для захвата части дисплея и обработки данных лучше загрузить специальный скриншотер. Оптимальным решением будет ФотоСКРИН. Он отличается понятным интерфейсом, предлагает опции для обработки снимков и поддерживает популярные расширения. Вы можете скачать приложение бесплатно, нажав на кнопку ниже.
Установите программу ФотоСКРИН прямо сейчас:
Часто задаваемые вопросы
Воспользуйтесь программой ФотоСКРИН. Примените горячие клавиши, установленные по умолчанию. Фотоснимок можно обработать, а затем экспортировать с помощью функции «Сохранить на диск». Введите название и выберите формат файла.
Местоположение файлов зависит от способа создания скрина. При использовании утилит медиа хранятся в папке по умолчанию. Если вы сделали скриншот на Windows 10 горячими клавишами, результат находится в «Изображения» — «Снимки экрана».
Неполадка может возникнуть по нескольким причинам:
Оптимальным решением будет скачать специальную программу и установить пользовательские комбинации клавиш. Вы можете применить ФотоСКРИН. Для настройки кнопок запустите ПО и перейдите в раздел «Горячие клавиши». Кликните по нужному режиму и зажмите новую кнопку.
Как сделать скриншот
Буфер обмена — это область, в которой могут храниться такие объекты как текст, файл, изображение и даже целая папка.
Для копирования информации вам могут пригодиться следующие сочетания клавиш:
При вставке из буфера обмена информация оттуда не удаляется. Это значит, что можно один раз скопировать что-либо, а затем много раз вставлять картинку или текст куда требуется.
А вот если скопировать в буфер обмена другой файл или кусок текста, то информация в нём сменится на последнее, что вы скопировали.
И учтите, если выключить компьютер, то вся скопированная информация автоматически сотрётся, и при следующем включении компьютера её там уже не будет. Так что перед выключением убедитесь, что вы сохранили всё, что нужно.
Копировать можно всё что угодно: текст, картинку, папку, видео- или аудиофайл, html-страницу. Но если вы скопировали текст, то вставить его можно только в текстовый файл в Word или в редактор кода, в строку мессенджера — в общем туда, где этот самый текст можно было бы написать. Если вы скопировали файл или папку, то их можно вставить в папку в проводнике компьютера. Картинки же можно вставить как в папку, так и в текстовый или графический редактор.
Скриншот можно вставить в файл Google Docs, Facebook, WhatsApp, Telegram:
Отправка скриншота в Facebook 
Отправка скриншота в Telegram
Скриншот можно вставить в readme.md или коммит GitHub. Причем картинка сразу же загружается и вставляется уже в синтаксисе Markdown:
Скриншот в синтаксисе Markdown
А так это выглядит во вкладке Preview :
Скриншот во вкладке Preview
Как сделать снимок экрана
В каждой операционной системе есть свои способы сделать снимок экрана. В то же время все они немного похожи.
Windows 10
3. Сохраните файл в нужную папку.
Снимок части экрана в Windows
Первый инструмент позволяет выделить прямоугольную область для скриншота, второй — область любой формы: её нужно начертить курсором. Третий инструмент создаёт скриншот активного окна, а последний — скриншот всего экрана.
Скриншот сохраняется в буфер обмена. В правом нижнем углу ненадолго появится оповещение о том, что скриншот сохранён, вместе с превью скриншота.
Скриншот сохранён
Если вы нажмёте на это оповещение левой кнопкой мыши, то откроется окно графического редактора программы. В редакторе можно добавить к скриншоту какие-нибудь пометки, текст и сохранить в любое место на компьютере.
Но можно что-то сделать со скриншотом и из буфера обмена. Его точно так же, как скриншот всего экрана, можно вставить в документ или соцсеть.
Отправка скриншота из буфера обмена
Linux
Скриншот в Linux
macOS
В macOS очень легко сделать снимок части экрана. Для этого нужно нажать сочетание кнопок Command + Shift + 4 и выделить курсором часть экрана.
Скриншот в macOS
Снимок части экрана в macOS
Подведём итоги
Чат сообщества ждёт
Сделайте скриншот, покажите всем, а мы поможем разобраться с вашей проблемой.
Как сделать скриншот в Linux (необходимые программы)
Доброго времени суток всем!
На первый взгляд сегодняшний вопрос — достаточно простой, а на второй — задача может сильно усложниться, если нужен скриншот с какими-нибудь условиями: например, чтобы он был со стрелочками, надписями (создавался автоматически и т.д. и т.п.). Разумеется, не обещаю на 100% учесть все «тонкости», но основное попробую рассмотреть. 😉
Именно поэтому в ряде случаев приходиться прибегать к установке доп. приложений. Каких? Рассмотрим ниже. 👇
Способ 1: через окружение рабочего стола
Как уже обмолвился выше, в подавляющем большинстве дистрибутивов Linux для создания простого (без надписей, стрелочек и т.д.) скрина экрана никакие доп. приложения и не нужны! (это можно сделать через окружение рабочего стола, нажав 1-2 кнопки клавиатуры).
Какие клавиши и сочетания обычно используются:
В зависимости от используемого ПО — могут быть и др. сочетания клавиш (это лишь наиболее общепринятые).
Куда по умолчанию сохраняются скрины в Linux (Zorin OS)
👉 Примечание!
Также обратите внимание на то, то во многих дистрибутивах есть предустановленные приложения для создания скриншотов (чаще всего их можно найти в меню ПУСК / Графика ). Например, такие есть в Deepin, Linux Mint, Ubuntu и пр.
Да, обычно эти приложения очень простые, но всё же.
Способ 2: с помощью спец. программ
Flameshot
Одна из самых простых и удобных программ для быстрого создания скриншотов! Позволяет с помощью собственного редактора наносить на скрины стрелочки, текст, размывать области, обрезать область до нужного размера и пр.
Отметил бы ее хорошую совместимость с большинством дистрибутивов и нетребовательность к ресурсам.
Для установки в Ubuntu (Mint и пр.) откройте терминал и введите:
sudo apt update
sudo apt install flameshot
Flameshot — окно настроек
Примечание : горячие клавиши для работы с Flameshot настраиваются в параметрах программы (по умолчанию Print Screen не задействуется!).
Kazam
Kazam — это приложение универсально: оно позволяет и делать скриншоты, и записывать видео со всем, что происходит на экране (звук из колонок и микрофона в том числе!).
Причем, в настройках можно выбрать требуемую область (или определенное окно), установить горячие клавиши и время таймера (до начала записи). Это бывает необходимо для записи различных выпадающих списков.
Для установки приложения на Ubuntu (и схожие дистрибутивы):
sudo apt update
sudo apt install kazam
Kazam — настройки программы (+ 5 сек. до захвата)
Ksnip
Довольно мощная программа для создания и редактирования скриншотов. На снимок можно добавить не только текст (разных шрифтов) и стрелочки, но и смайлы, выделения, размытости, цифры и многое-многое другое.
Разумеется, горячие клавиши программа поддерживает.
По поводу установки : есть в магазине приложений в Linux Mint и Ubuntu.
Пример работы с Ksnip
Shotnes
Установить можно с офиц. сайта: https://shotnes.com/
Кроссплатформенное приложение для всесторонней работы с картинками (скринами). Позволяет как создавать их, так и редактировать. Правда сразу отмечу, что редактор здесь простенький: можно лишь подрезать картинку, размыть некоторые области, добавить текст или стрелочку.
В общем-то, для многих работ будет достаточно и этого. Тем более, приложение очень легко и незаметно может «жить» в трее, пока не понадобиться. 😉
Shotnes — добротная программа для работы со скринами
Типовые вопросы
Можно ли использовать скриншотеры для Windows в Linux
Смотря какие. (некоторые вряд ли будут норм. работать).
Однако, ничто не мешает попробовать! Например, разработчики LightShot даже приводят небольшую инструкцию у себя на сайте, как «заставить» их приложение работать под Linux.
1) Лучшие скриншотеры для Windows — моя подборка
LightShot работает в Ubuntu! (в качестве примера)
Как заснять выпадающий список (или приложение, в котором не работает горячая клавиша)
Да, такие «сложные» моменты встречаются. Вариантов решения тут несколько:
На изображении просто черная область, вместо снимка окна
На Windows такое встречается чаще (на мой взгляд).
Как бы там ни было, посоветовал бы следующее: