Как сделать скрин окна программы
Как сделать скриншот экрана на компьютере или ноутбуке с Windows
Первый способ: кнопка «Print Screen»
На любой клавиатуре предусмотрена специальная кнопка для снятия скриншотов. Она называется «Print Screen», а иногда «PrntScrn», «PrtScn», «PrtScr» или «PrtSc».
Как сделать
Если у вас компьютер, нажмите кнопку «Print Screen».
Если у вас ноутбук, нажмите одновременно две кнопки: «Print Screen» и «Fn».
Если хотите сделать скриншот только активного окна (программы), нажмите одновременно «Alt» и «Print Screen» на компьютере; «Alt», «Print Screen» и «Fn» — на ноутбуке.
Скриншот сохранится в буфер обмена. Теперь можно вставить его в письмо, фоторедактор или Word (нажать одновременно кнопки «Ctrl» и «V»).
Как сохранить скриншот в отдельный файл
После того, как сделали скриншот, нажмите кнопку «Пуск» > «Все программы» > «Стандартные» > «Paint».
Нажмите одновременно две кнопки: «Ctrl» и «V». На экране появится ваш скриншот.
Нажмите одновременно две кнопки: «Ctrl» и «S».
Появится окно для сохранения. Напишите имя файла и выберите место его для сохранения. Тип файла лучше использовать JPEG.
Способ второй: программа «Ножницы»
Такая программа есть в Windows 7, 8, 8.1, 10.
Как сделать
Нажмите кнопку «Пуск» > («Все программы») > («Стандартные») > «Ножницы».
Или в поле поиска напишите «Ножницы» (в Windows 7 и 8 поле поиска появляется при нажатии кнопки «Пуск», в Windows 10 — при нажатии кнопки с лупой).
Программа запустится и вместо курсора мыши появится крестик. Выделите нужный кусок экрана.
Скриншот сохранится в буфер обмена. Теперь можно вставить его в письмо, фоторедактор или Word (нажать одновременно кнопки «Ctrl» и «V»). Также на скриншоте можно что-то написать или нарисовать (значки в виде карандаша и фломастера).
Как сохранить скриншот в отдельный файл
Нажмите на значок дискеты.
Появится окно для сохранения. Напишите имя файла и выберите место его для сохранения. Тип файла лучше использовать JPEG.
Где найти скриншоты
В той папке, которую выбирали при сохранении. Лучше хранить скриншоты в папке «Изображения».
Как сделать скриншот экрана на windows 7
Скриншот — это очень популярное действие на компьютере, которым пользуется практически каждый человек. Что он собой представляет? Всего лишь изображение, которое предстает перед пользователем на экране монитора.
Иногда возникает вопрос, как сделать скриншот экрана windows 7, ведь ситуаций, в которых человеку может понадобиться снимок экрана этой операционной системы, множество.
Скриншот активного окна
Когда может понадобиться скриншот рабочего стола windows 7? Допустим, вы выполняете какие-то операции за компьютером. И вдруг видите очень странную ошибку, в которой толком ничего не понятно. Эта проблема требует немедленного решения, консультации на специализированном портале. В этом случае описывать проблему своими словами будет не очень эффективно.
Чтобы быстро показать опытному компьютерному пользователю, что вас побеспокоило, нужно использовать скриншот. Вам нужно просто сфотографировать свою ошибку и отправить ее вместе с сообщением на форум.
Кроме того, скриншот экрана компьютера, работающего на windows 7, может понадобиться для создания различных пособий и инструкций. Все картинки к каким-либо пособиям делаются с помощью скриншотов. Поскольку для пользователя иногда лучше воспринимать текстовую информацию, перемешанную с графической. В общем, теперь понятно, для чего может понадобиться скриншот. Сейчас начнем учиться.
Скриншот активного окна windows 7 можно получить, используя специальные программы и привычные средства операционной системы. Проще всего действовать вторым путем.
Чтобы выполнить скриншот экрана или скриншот активного окна в windows 7 поступайте таким образом:
Откройте на экране то, что вам нужно сфотографировать. После этого для того, чтобы получить скриншот, нажмите кнопку на клавиатуре — Prt Scr (Print Scrin). Для того, чтобы сфотографировать отдельное активное окно, а не полностью экран, нажмите сочетание клавиш — Alt + Prt Scr.
Сейчас предпринимаем действия, чтобы сохранить сфотографированное изображение. Запускаем программу Paint на компьютере (в стандартных программах).
В программе вверху экрана в разделе «Главное» выберите кнопку «Вставить».
Сейчас вы видите изображение в центральной части окна программы.
Приступаем к непосредственно сохранению скриншота. В меню главное (вверху страницы) нужно выбрать «Сохранить как». Там указываем тип файла, затем место сохранения файла. Не забудьте указать имя (по умолчанию файл называется Безымянный и кнопку «Сохранить»).
Все, теперь вы знакомы с инструкцией по формированию скриншотов в операционной системе.
Делаем скриншоты правильно: практические советы
Устройство для снимка экрана на первых компьютерах (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. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.