Как выделить что то на скриншоте
Статьи
Всем привет, на связи Владимир Фирсов. Сегодня я вам расскажу как сделать скриншот определенной части экрана.
В предыдущей статье на своем сайте, вы могли узнать как сделать 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.
Как рисовать на скриншоте? Как выделить текст или объект на скриншоте?
Как рисовать на скриншоте?
Как добавить на скриншот стрелочки, прямоугольники и т.п., чтобы выделить (обвести) определённый текст или объект?
Есть несколько способов.
Например, в том же Paint есть линии, овалы, прямоугольники, стрелки и т.п. + возможность делать их различного цвета и сразличной толщиной.
Я, например, пользуюсь программой Lightshot.
После того как вы сделаете скриншот, рядом с ним появятся 2 панели.
Также можно на скриншоте можно что-то написать с помощью инструмента «текст».
Скопировать, вставить в любой художественный редактор и в нём делать что хочешь.
Для Ваших высказанных задач хватит и простейшего редактора Paint (входит в пакет виндовс).
В нём можно перемещать любые части куда надо, набрать и вставить текст, что-то подчистить-подправит ь, вставить (нарисовать) стрелки, геометрические фигуры и т.д.
Если в вотсапе нужно в скриншоте что-то отметить или выделить, то прикрепляете картинку, сверху на панели будет нарисован карандаш, буква Т (текст) и смайлик и кадрирование.
Когда выбираешь карандаш, то можно выбрать цвет из палитры и выделить нужное поле.
При нажатии на смайлик, можно выбрать стрелки,часы и различные смайлики и вставить на изображение.
При нажатии на букву «Т» (текст) можно напечатать текст на изображении и выбрать цвет текста.
Очень легко и удобно вносить корректировки на скриншоте.
Сейчас многие делают скриншоты, сделать скриншот не составляет особого труда.
Также на скриншот можно добавить надписи, сделать рисунок, обвести в рамочку, применить различные фигуры и цвета.
Сделать это можно при помощи программы «Paint», такой программой пользоваться совсем несложно.
Можно выбрать любой цвет (цвета самые разные есть), разные фигуры (прямоугольники, ромб, круг, многоугольники и другие), линии можно сделать как тонкими так и более толстыми. Можно при помощи карандаша нарисовать рисунок, а при помощи кисти все разрисовать. Если вам не нравится что-то, то можно легко стереть рисунок при помощи ластика.
Я делаю скриншоты при помощи Яндекс.Диска. Это очень просто. Рисую на нем либо сразу сразу, для этого есть клавиши специальные в меню: фигуры, стрелки, текст, можно просто рисовать маркером:
Если нужно что-то нарисовать на скриншоте после того, как вы его сохранили, то скриншот, сделанный любым способом, можно открыть с помощью программы Paint, и там уже делать с ним все, что угодно.
Выделить текст можно при помощи прямоугольника, как сделала это я, там можно рисовать при помощи карандаша и кисти, при помощи различных фигур, стрелочки можно ставить, все это есть на панели инструментов, которую я выделила в красный прямоугольник:
Самое простое, на мой взгляд, это загрузить нужное изображение в мой любимый графический редактор под названием Paint. Это просто настоящий клад для работы с изображениями и текстом. Самое простое это рисовать при помощи кисточки. Очень удобным является в этой функции возможность выбора толщины линии. Есть и совсем тонкие и довольно широкие.
Кроме этого там же можно воспользоваться различными геометрическими фигурами для выделения текста или объекта и даже вставить текст. Если вы хотите написать на скришоте слово или предложения, то смело нажимайте на кнопку с изображением буквы « А».
Очень давно для таких целей использую программу «TechSmith SnagIt«! На мой взгляд эта программа является одной из лучших для захвата изображений с экрана монитора. Во встроенном в программу графическом редакторе «захваченное» изображение будет под вашим полным контролем.
Основные возможности для захвата:
Возможности встроенного редактора:
И много ещё чего полезного можно найти для себя в этой программе. Единственный недостаток данной программы в том, что она платная. А так, вещь просто незаменимая!
Скриншоты
В браузере можно делать скриншоты экрана, выделенной области или всей веб-страницы, редактировать изображение, добавлять стрелки и надписи. Вы можете отправить скриншот друзьям или в техподдержку.
Сделать скриншот
Нажмите на боковой панели значок и выберите вариант:
Отредактировать скриншот
Сделанный скриншот можно обрезать, нарисовать на нем фигуры или стрелки, пометить маркером, добавить текстовые надписи, размыть часть изображения.
Кнопки команд находятся на верхней панели окна редактирования:
Текст — выберите шрифт, цвет текста, тип фона. Левой кнопкой мыши нажмите место, куда хотите поместить надпись, и введите текст.
Масштаб изображения можно регулировать с помощью ползунка в нижней левой части окна.
Сохранить скриншот
В нижней правой части окна редактирования выберите действие:
Отключить скриншоты
Позже вы можете снова включить ее.
Горячие клавиши
С помощью горячих клавиш можно сделать скриншот не только страницы сайта, но и экрана компьютера (например, страницы игры или программы).
Если вы хотите изменить горячие клавиши для скриншотов или совсем отключить их использование:
Скриншоты
В браузере можно делать скриншоты экрана, выделенной области или всей веб-страницы, редактировать изображение, добавлять стрелки и надписи. Вы можете отправить скриншот друзьям или в техподдержку.
Сделать скриншот
Нажмите на боковой панели значок 
и выберите вариант:
Отредактировать скриншот
Сделанный скриншот можно обрезать, нарисовать на нем фигуры или стрелки, пометить маркером, добавить текстовые надписи, размыть часть изображения.
Кнопки команд находятся на верхней панели окна редактирования:
Текст — выберите шрифт, цвет текста, тип фона. Левой кнопкой мыши нажмите место, куда хотите поместить надпись, и введите текст.
Для отмены и возврата действий используйте кнопки 
и 
.
Масштаб изображения можно регулировать с помощью ползунка в нижней левой части окна.
Сохранить скриншот
В нижней правой части окна редактирования выберите действие:
Отключить скриншоты
Позже вы можете снова включить ее.
Горячие клавиши
С помощью горячих клавиш можно сделать скриншот не только страницы сайта, но и экрана компьютера (например, страницы игры или программы).
Снимок экрана на компьютере
Порою нам необходимо отправить кому-нибудь изображение, которые мы видим на экране монитора. Например, чтобы спросить знакомого айтишника почему не работает какая-то программа на компьютере или подтвердить картинкой, что мы закинули денег на телефон другу. В конце концов можно сделать скриншот переписки в социальной сети и показать другу или подруге.
В таких случаях требуется сделать снимок экрана происходящего на компьютере, который также называется скриншот (от анг. screenshot). В этой статье вы найдете инструкцию как сделать скрин экрана компьютера средствами Windows 7, а также с помощью нескольких программ.
Скриншот на компьютере средствами Windows
В любой операционной системе Windows, будь то Windows XP, Windows 7 или Windows 10, есть возможность создания скриншотов, но почему то не все пользователи компьютера знают об этом.
Этот способ подойдет тем, кто делает скриншоты не слишком часто и кому не нужны специальные инструменты по редактированию созданных скриншотов, например выделение стрелкой или подсветкой важного момента.
Для того, чтобы сделать снимок экрана на компьютере нажмите на клавиатуре компьютера кнопку Print Screen (принтскрин). Также она может называться сокращенно PrtScr. Это кнопка всегда располагается в правой верхней части клавиатуры.
На некоторых ноутбуках, кнопка Print Screen работает в комбинации с клавишей Fn и подсвечена синим цветом. В таком случае вам необходимо нажать одновременно клавишу Fn и клавишу Print Screen.
После нажатия клавиши клавиши принтскрин будет сделан снимок всего экрана компьютера и скопируется в буфер обмена. Если вы хотите сделать снимок только активного окна (только той программы которая у вас активна, например браузера), то нажмите ALT+Print Screen. Не удивляйтесь, что визуально ничего не произойдет. Тоже самое происходит и при копировании текста перед его вставкой в какой-нибудь документ.
Теперь остается только скопировать скриншот из буфера обмена компьютера в какой-нибудь графический редактор. Для этого лучше всего подойдет Paint из стандартных программ Windows, хотя в принципе вы можете вставить изображением и в Photoshop или Microsoft Word. Я использую в этой статье Paint, потому что она точно есть у любого пользователя Windows.
Нажмите Пуск — Все программы — Стандартные и выберите Paint.
В открывшейся программе нажмите «Вставить» или используйте комбинацию Ctr+V.
После этого изображение из буфера обмена вставиться в Paint. Если кнопка «Вставить» неактивна, значит в буфере обмена ничего нет, попробуйте еще раз сделать скрин экрана, а потом опять попробовать вставить. В моем случае я сделал скриншот программы iTunes открытой на моем компьютере.
Осталось только сохранить скриншот рабочего стола в файле. Для этого нажмите «Файл» — «Сохранить«. Выберите название файлы и его месторасположение на компьютере, например Рабочий стол.
Итак, краткая инструкция как сделать скриншот всего экрана компьютера:
1.Нажать кнопку принтскрин на клавиатуре для фотографирования всего экрана компьютера или ALT+Print Screen для фотографирования только текущего активного окна.
2.Открыть Paint и нажать «Вставить»
3.Сохранить изображение в Paint нажав «Сохранить».
Скриншот выделенной области на экране
Если вам требуется сделать скриншот не всего экрана и не всего активного окна, а только выделенной области экрана, то это можно сделать инструментом Ножницы, который по-умолчанию есть во всех операционных системах Windows начиная с Windows Vista.
Откройте программу Ножницы нажав Пуск — Все программы — Стандартные — Ножницы.
У вас всплывет окно программы на которой будет нажата кнопка «Создать», а весь остальной экран станет прозрачным.
Когда в программе Ножницы выбрана кнопка «Создать» вам необходимо выделить область, которую вы хотите сфотографировать и после выделения отпустить мышку.
После того, как вы отпустите мышку всплывет окно с выделенной областью. Например на картинке ниже я сделал скриншот части страницы сайта Яндекс.
В программе «Ножницы» вы можете рисовать, а также использовать желтый маркер, что позволит вам при необходимости выделить необходимую часть скриншота.
Для сохранения скриншота нажмите «Файл» — «Сохранить«.
Программа для создания скриншотов GreenShot
Для тех, кто часто делает скриншоты удобнее будет использовать специальные программы. Они позволяют отредактировать снимок экрана после создания, а также отправлять скриншоты на почту или на принтер одним нажатием мышки.
Greenshot — это бесплатная программа для создания снимков экрана компьютера с множеством полезных инструментов. Скачать программу можно на официальном сайте.
Во время установки не забудьте поставить галку выбрав русский язык, если конечно вы хотите, чтобы программа была на русском.
После установке и запуска программа Greenshot будет отображаться у вас в трее рядом с часами. При нажатии правой кнопки мыши вы можете посмотреть основные горячие клавиши.
Вы можете поменять назначение клавиш перейдя в настройки коих в программе великое множество. По-умолчанию для выделения области требуется нажать клавишу Print Screen. Чтобы сделать скриншот зажмите левую кнопку мыши и выделите область на экране которую хотите сфотографировать. В этот момент на экране зеленоватым фоном будет выделяться ваш фрагмент, а также показываться текущее разрешение изображения, которое вы снимаете.
После выделения области отпустите мышь. Программа выдаст меню где вы должны выбрать, что дальше делать с выделенным изображением. 
Сохранить как — сохранение скриншота на компьютере в выбранную папку с указанием названия файла.
Открыть в редакторе изображение — открыть созданный скрин и редакторе для того, чтобы например выделить маркером важный текст или нарисовать стрелку.
Копировать в буфер — изображение скопируется в буфер обмена компьютера.
Отправить на печать — отправка изображения на печать принтера.
E-Mail — откроется форма отправки изображения электронной почтой.
Microsoft PowerPoint, Word и Excel — вставка скриншота в Powerpoint, Word или Excel.
MS Paint — вставка изображения в Paint (входит в стандартные программы Windows)
Загрузить на Imgur — загрузка скриншота на фотообменник в Интернет.
Естественно, вы можете настроить так, чтобы это окно не появлялась и по-умолчанию после выделения области скриншот всегда копировался в буфер обмена или всегда открывался в редакторе изображений.
Таким образом в программе Greenshot вы можете без проблем и моментально создавать и редактировать множество скриншотов на компьютере.