как сделать надпись на скриншоте в компьютере

Выделяем главное: как быстро нарисовать стрелку или обвести текст на скриншоте

Многие пользователи знают, как сделать скриншот, но далеко не все понимают, как выделить на нем важную информацию, например, подчеркнуть текст или добавить направляющую стрелку. На самом деле сделать это можно как прямо в процессе создания снимка экрана, так и после, обработав созданный файл в фоторедакторе. В этой статье мы расскажем вам, как рисовать на скриншоте при помощи специальных приложений.

Как рисовать на скриншоте: самый быстрый способ

Если вам нужно сделать снимок и сразу же добавить на него поясняющие заметки или обвести элементы, советуем воспользоваться программой ФотоСКРИН. Это легкое приложение позволяет захватывать любую область экрана и проводить правки:

ФотоСКРИН удобен в обращении и интуитивно понятен. Весь процесс займет несколько шагов:

1. Установите программу на ПК: скачайте установщик и запустите инсталляцию двойным кликом.

2. Вызовите скриншотер, кликнув по значку в панели уведомлений. Курсором обведите участок экрана, который нужно сохранить как изображение.

3. Начните рисовать на картинке. После выделения участка появится панель инструментов. Выберите карандаш или маркер в нижней строке.

Укажите предпочтительный оттенок в цветовом квадрате. Рисуйте на экране нужные объекты или обведите текст на сфотографированной области.

Чтобы добавить стрелку или линию, кликните на соответствующую иконку и проведите по снимку в нужном направлении. Вы можете добавлять сколько угодно таких элементов поверх картинки.

4. Сохраните изображение, нажав на кнопку с дискетой. Также вы можете загрузить его на сервер для получения короткой ссылки или скопировать в буфер обмена для отправки через мессенджер.

Если вы не знаете, где найти скриншот после сохранения, то не волнуйтесь — программа создаст специальную папку «Screenshot» в разделе «Документы».

Вот и все, что нужно, чтобы выделить текст или объект на скриншоте при помощи программы ФотоСКРИН. Это наиболее удобный способ для тех, кто создает статьи или видео с поясняющими слайдами, так как не нужно искать софт для редактирования.

Как редактировать скриншот через Paint

Что делать, если нужно добавить элементы на готовую фотографию? Если не хочется устанавливать дополнительные программы, воспользуйтесь стандартным средством Paint. Это приложение встроено в компьютеры с ОС Windows и позволяет проводить быструю обработку графических файлов: обрезать, добавлять геометрические фигуры и писать пометки на скриншотах.

Откройте изображение в Paint

Выделяйте важное на скриншоте

Дополняйте изображение фигурами

Пэйнт разрешает сохранять изображения в оригинальном формате или преобразовать в другие.

Выводы

Теперь вы знаете, как нарисовать стрелку на скриншоте или выделить нужную область. А ФотоСКРИН поможет в разы ускорить работу, ведь в программе есть все необходимое для создания скриншотов для обучающих статей или слайдов для бизнес-презентаций. Скачайте приложение и создавайте снимки рабочего стола компьютера буквально за секунды.

Cохраните себе статью, чтобы не потерять:

Частые вопросы

Самый быстрый способ того, как обвести текст на скриншоте – воспользоваться приложением ФотоСКРИН. Захватите с его помощью нужную область экрана и выберите инструмент «Маркер». После этого подчеркните информацию, проведя курсором по снимку, и сохраните результат.

Чтобы встроить прямую линию в скриншот, воспользуйтесь соответствующим инструментом в программе ФотоСКРИН. Выделите иконку линии на панели опций и проведите курсором в нужной части снимка.

Источник

Как рисовать на скриншоте? Как выделить текст или объект на скриншоте?

Как рисовать на скриншоте?

Как добавить на скриншот стрелочки, прямоугольники и т.п., чтобы выделить (обвести) определённый текст или объект?

Есть несколько способов.

Например, в том же Paint есть линии, овалы, прямоугольники, стрелки и т.п. + возможность делать их различного цвета и сразличной толщиной.

Я, например, пользуюсь программой Lightshot.

После того как вы сделаете скриншот, рядом с ним появятся 2 панели.

Также можно на скриншоте можно что-то написать с помощью инструмента «текст».

Скопировать, вставить в любой художественный редактор и в нём делать что хочешь.

Для Ваших высказанных задач хватит и простейшего редактора Paint (входит в пакет виндовс).

В нём можно перемещать любые части куда надо, набрать и вставить текст, что-то подчистить-подправит­ ь, вставить (нарисовать) стрелки, геометрические фигуры и т.д.

Если в вотсапе нужно в скриншоте что-то отметить или выделить, то прикрепляете картинку, сверху на панели будет нарисован карандаш, буква Т (текст) и смайлик и кадрирование.

Когда выбираешь карандаш, то можно выбрать цвет из палитры и выделить нужное поле.

При нажатии на смайлик, можно выбрать стрелки,часы и различные смайлики и вставить на изображение.

При нажатии на букву «Т» (текст) можно напечатать текст на изображении и выбрать цвет текста.

Очень легко и удобно вносить корректировки на скриншоте.

Сейчас многие делают скриншоты, сделать скриншот не составляет особого труда.

Также на скриншот можно добавить надписи, сделать рисунок, обвести в рамочку, применить различные фигуры и цвета.

Сделать это можно при помощи программы «Paint», такой программой пользоваться совсем несложно.

Можно выбрать любой цвет (цвета самые разные есть), разные фигуры (прямоугольники, ромб, круг, многоугольники и другие), линии можно сделать как тонкими так и более толстыми. Можно при помощи карандаша нарисовать рисунок, а при помощи кисти все разрисовать. Если вам не нравится что-то, то можно легко стереть рисунок при помощи ластика.

Я делаю скриншоты при помощи Яндекс.Диска. Это очень просто. Рисую на нем либо сразу сразу, для этого есть клавиши специальные в меню: фигуры, стрелки, текст, можно просто рисовать маркером:

Если нужно что-то нарисовать на скриншоте после того, как вы его сохранили, то скриншот, сделанный любым способом, можно открыть с помощью программы Paint, и там уже делать с ним все, что угодно.

Выделить текст можно при помощи прямоугольника, как сделала это я, там можно рисовать при помощи карандаша и кисти, при помощи различных фигур, стрелочки можно ставить, все это есть на панели инструментов, которую я выделила в красный прямоугольник:

Самое простое, на мой взгляд, это загрузить нужное изображение в мой любимый графический редактор под названием Paint. Это просто настоящий клад для работы с изображениями и текстом. Самое простое это рисовать при помощи кисточки. Очень удобным является в этой функции возможность выбора толщины линии. Есть и совсем тонкие и довольно широкие.

Кроме этого там же можно воспользоваться различными геометрическими фигурами для выделения текста или объекта и даже вставить текст. Если вы хотите написать на скришоте слово или предложения, то смело нажимайте на кнопку с изображением буквы « А».

Очень давно для таких целей использую программу «TechSmith SnagIt«! На мой взгляд эта программа является одной из лучших для захвата изображений с экрана монитора. Во встроенном в программу графическом редакторе «захваченное» изображение будет под вашим полным контролем.

Основные возможности для захвата:

Возможности встроенного редактора:

И много ещё чего полезного можно найти для себя в этой программе. Единственный недостаток данной программы в том, что она платная. А так, вещь просто незаменимая!

Источник

Делаем скриншоты правильно: практические советы

Устройство для снимка экрана на первых компьютерах (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.

Источник

Как сделать и отредактировать скриншот

Содержание статьи

Стандартные средства Windows

Можно сделать и отредактировать скриншот, используя комбинацию 2 клавиш и встроенный графический редактор Paint. Нажмите клавиши Ctrl+PrintScreen, чтобы занести снимок экрана в буфер обмена, и запустите Paint. Создайте новый файл командой «Создать» из меню «Файл» и нажмите Ctrl+V для вставки снимка.

В Paint можно отредактировать скриншот. С помощью инструментов выделения отметьте выбранный фрагмент изображения и щелкните внутри выделенной области правой кнопкой мыши. В контекстном меню укажите нужное действие. Если вы хотите сохранить фрагмент изображения в виде графического файла, выбирайте «Копировать в файл». В новом окне укажите путь к папке, в которой будет храниться файл (по умолчанию «Мои рисунки»), и его имя.

Если применить команду «Копировать», фрагмент будет загружен в буфер обмена. Его можно использовать для вставки в новое изображение. Команда «Вырезать» также загружает выделенную часть рисунка в буфер, но при этом удаляет ее с исходного изображения. На месте вырезанного фрагмента остается белый фон.

Отдельные детали скриншота можно пометить для привлечения внимания инструментами «Прямоугольник» и «Эллипс». Цвет выделения выбирайте на палитре. Кроме того, в Paint имеются инструменты рисования: кисть, перо и распылитель. С их помощью можно изобразить фигуры вроде стрелки и более сложные, если у вас есть опыт работы с этим графическим редактором.

К скриншоту можно добавить надпись. Для этого щелкните букву «А» на панели инструментов, выберите подходящий цвет на палитре, тип и размер шрифта на панели свойств и введите текст.

Программа Lightshot

Очень упрощает создание и корректировку скриншотов бесплатная программа Lightshot. Скачайте ее с сайта производителя и установите. После этого она будет запускаться автоматически при включении компьютера. Ее значок находится в трее.

Когда вам потребуется сделать скриншот, нажмите клавишу PrintScreen и обведите мышкой нужную область на экране.

Вдоль вертикальной стороны рамки появляется панель инструментов, с помощью которой внутри выделения можно отметить детали маркером или цветным прямоугольником; нарисовать что-нибудь карандашом; поставить указатель в виде стрелки; сделать надпись. Отменить действия можно, нажав на круговую стрелку.

Чтобы изменить размер выделения, потяните за боковые и угловые маркеры на рамке. Выделение можно переместить в другое место, зажав его мышкой.

Вдоль горизонтальной стороны рамки появляется командная панель. С помощью размещенных на ней кнопок выделенный фрагмент можно загрузить в буфер, сохранить в виде графического файла, распечатать, найти похожие изображения в интернете и т.д. Разобраться в назначении кнопок нетрудно, поскольку при наведении курсора появляется всплывающая подсказка.

Источник

Как сделать качественный скриншот

Скриншот (от англ. screenshot) фиксирует содержимое экрана устройства. Бывает, что начинающие пользователи пытаются фотографировать экран компьютера камерой смартфона, но в этом случае неизбежны блики и искажения, из-за чего фотографии получаются нечеткими.

В этой статье мы рассмотрим, как сделать качественный скриншот экрана средствами операционной системы или с помощью сторонних приложений непосредственно на компьютере, работающем под управлением Windows, или смартфоне на Android.

Для чего нужен скриншот?

Скрины незаменимы во многих случаях, например:

Создание скриншотов стандартными средствами Windows

Простой способ сделать четкий скриншот – это использование клавиши Print Screen. При ее нажатии изображение всего содержимого экрана будет скопировано в буфер обмена, откуда его можно вставить в любую программу или документ. Например, в стандартный графический редактор Paint, где можно будет сохранить картинку, а также отредактировать ее – добавить какие-либо обозначения, надписи и т.д.

Если требуется поместить в буфер обмена только содержимое текущего окна, следует использовать комбинацию клавиш Alt + Print Screen. На ноутбуках часто, чтобы задействовать клавишу Print Screen (ее название может быть указано сокращенно – PrtSc), требуется удерживать клавишу Fn. В таких случаях надписи на кнопках Fn и PrtSc бывают сделаны одним цветом.

Еще более удобный вариант – сохранение снимка экрана в виде графического файла в формате PNG в папке «Изображения»⇒«Снимки экрана». Для этого используется сочетание горячих клавиш Win + Print Screen. При их нажатии экран на секунду станет темнее, а в папке «Снимки экрана» появится нужное изображение. Чтобы сохранить в виде файла только активное окно, нажмите комбинацию клавиш Win + Alt + Print Screen. Изображения будут сохранены в папке «Видео»⇒«Клипы».

Также в операционной системе Windows имеются специальные приложения-скриншотеры: «Ножницы» и более новый вариант программы для съемки скринов «Набросок на фрагменте экрана». Эти программы помогают сделать качественный скриншот любой выбранной области экрана, позволяют при необходимости установить задержку съемки, добавить на скриншот пометки и сохранить его в виде графического файла. Оба приложения можно запустить из меню «Пуск».

Для быстрого создания снимка с помощью инструмента «Набросок на фрагменте экрана» также имеются горячие клавиши Win + Shift + S. После их нажатия экран будет затемнен, а в верхней части окна появится панель с кнопками, которые позволяют выбрать, какую часть экрана следует захватить: прямоугольный фрагмент, часть экрана произвольной формы, одно из открытых окон или весь экран.

После того как снимок будет сделан с помощью горячих клавиш, на экране появится уведомление, при нажатии на которое откроется окно с этим изображением. Если вы делали скрин из запущенной программы «Набросок на фрагменте экрана», изображение сразу откроется в ней.

С помощью кнопок на панели сверху вы можете добавить к скриншоту нужные обозначения, а затем сохранить его.

Использование сторонних приложений-скриншотеров

Теперь рассмотрим, как сделать хороший скриншот с помощью сторонних программ. Приложений для создания снимков экрана множество, разберем работу с одним из популярных скриншотеров – Lightshot. Программу можно бесплатно скачать с официального сайта.

Кроме создания снимка экрана, данный скриншотер позволяет добавлять на изображение фигуры и печатать на нем текст.

Пользоваться программой очень просто. После установки в правой части Панели задач в области уведомлений появится значок с изображением пера. По умолчанию съемка скриншота запускается клавишей Print Screen, но, если кликнуть на значок с пером и выбрать команду «Настройки», во вкладке «Горячие клавиши» вы можете задать другие горячие клавиши.

После нажатия горячей клавиши или при щелчке левой кнопкой мыши на значок Lightshot в Панели задач экран слегка потемнеет. Вам необходимо выделить нужную прямоугольную область экрана. После того как вы отпустите кнопку мыши, отобразятся панели с кнопками.

На панели справа можно выбрать инструмент для рисования линий, стрелок, прямоугольных рамок, добавления текста, выбрать цвет этих элементов или отменить последнее действие. Кнопки на нижней панели позволяют загрузить картинку в онлайн-сервис Prntscr, поделиться скрином в социальных сетях, найти похожие изображения в поисковике Google, распечатать скриншот на принтере, скопировать в буфер обмена, сохранить на диске в виде графического файла или закрыть окно программы без сохранения скрина.

Захват экрана на смартфоне

Сделать скрин на смартфоне можно и стандартными средствами мобильной операционной системы, и при помощи специальных приложений.

Чтобы сделать скриншот экрана на устройстве Android, одновременно нажмите кнопки питания и уменьшения громкости. Файл со снимком экрана будет сохранен в «Галерее», в папке «Скриншот». Если на телефоне имеется расположенная под экраном кнопка «Домой», такая есть, к примеру, на некоторых моделях Samsung Galaxy, для съемки скриншота следует одновременно нажать кнопку «Домой» и кнопку питания.

При нажатии указанных клавиш экран мигнет и на нем отобразится сам скриншот, а внизу экрана – панель с кнопками, которые позволяют обрезать картинку, а также нанести на нее надписи или обвести для наглядности части скриншота. Кроме того, можно замазать на снимке какую-либо конфиденциальную информацию: телефон, номер банковской карты и т.п.

Кнопка «Поделиться» позволяет отправить скриншот множеством разных способов: по электронной почте, через соцсети, всевозможные мессенджеры, загрузить в облачное хранилище и т.д.

Отредактировать скриншот или поделиться им можно не только сразу после съемки. Все снимки экрана сохраняются в отдельной папке. Вам просто следует выбрать нужное изображение и нажать на соответствующую кнопку.

Если стандартных возможностей редактирования скриншотов, которые немного отличаются на смартфонах разных производителей, вам недостаточно, в Google Play вы можете найти множество как бесплатных, так и платных программ для записи экрана, предоставляющих более широкие возможности для правки изображения.

Что касается смартфонов Apple iPhone, то на них создание скриншота по умолчанию осуществляется комбинацией клавиш Home + Power.

Источник