T-w-f.ru

Ремонт от TWF
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как превратить свой скриншот из игры в произведение искусства

Как превратить свой скриншот из игры в произведение искусства?

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

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

Как быстро сделать скриншот экрана или игры в 2020? 5 лучших инструментов

Свободная камера

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

Если же в настройках такой функции нет, то можно найти ответ, как сделать подобное, в Google. У 99% всех игр такая возможность точно есть. Иногда приходится вписать определенную команду в консоль, когда вы зайдете в игру. Стоит уделить этому время, ведь со свободной камерой ваши скриншоты моментально станут более красивыми и оригинальными.

Думайте как фотограф

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

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

Правило третей

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

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

Расширяем поле зрения

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

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

Приближение

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

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

Глубина резкости

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

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

Портрет

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

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

Время суток

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

Применим этот прием только для проектов с открытым миром. Попробовать сделать скриншот на одном и том же месте стоит в полдень, а затем вернуться за еще одним перед сумерками. Разница будет колоссальной, и вы точно не пожалеете, что потратили на это свое время. К слову, в некоторых играх временные затраты для такого создания скриншотов минимальные. Например, в No Man’s Sky в режиме фотосъемки можно управлять временем, точно так же, как и в GTA V в режиме режиссера.

Готовые фильтры

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

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

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

Как быстро и бесплатно сделать качественный скриншот: 7 правил и 7 инструментов

Делать скриншоты приходится чуть ли не каждый день, чтобы:

  • Проиллюстрировать инструкцию по инструменту.
  • Показать ошибки на сайте после обновления.
  • Подготовить примеры (текстов, дизайнов, постов и т.п.) для статьи.
  • Отправить друзьям какой-нибудь прикол, в конце концов.

Если использовать для этого связку Print Scrn и Paint, уйдет много времени на обрезку, редактирование и сохранение файла. А лишнего времени нет ни у специалиста, ни у обычного пользователя. Поэтому разбираемся, как делать скриншоты быстро и бесплатно.

7 правил грамотной работы со скриншотами

Оставлять «воздух»

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

Здесь оставили место — смотрится хорошо

Тут прошли очень близко к элементам, из-за этого они сливаются с фоном

Соблюдать симметрию

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

Так нормально

А вот так уже немного больно

Не обрезать цельное

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

Текст справа некрасиво обрезался

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

  • Попробовать другой масштаб («Ctrl +»/«Ctrl -»), чтобы элементы иначе расположились на экране.
  • Аккуратно отредактировать готовый скриншот, например, замазать обрезанный фрагмент в цвет фона.

Тут уже немного поменяли масштаб и обошлись без грубой обрезки

Убирать лишнее

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

Читать еще:  Автоматический полив на даче

Не доверяйте встроенной обрезке Google Docs — при выгрузке картинки в файл все равно сохранится полная версия. Лучше сразу делайте скриншот нужной области экрана.

Лишняя информация мешает донести главную

А вот так можно лучше рассмотреть сайт

Выделять важное

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

Новичку сложно сразу сориентироваться, куда смотреть

Пример того, как можно выделить важное на скриншоте

А вот отображение курсора лучше отключать в настройках: как правило, он только мешает, а когда надо — мало заметен.

Замазывать конфиденциальное

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

Тут, например, видна вся статистика, но замазаны лучшие видео, иконка и название канала

Подписывать изображения

В подписях к скриншотам можно передать дополнительную информацию, которая поможет лучше раскрыть тему и решить задачу читателей. Особенно они пригодятся, если картинки по каким-то причинам не загрузятся. Кстати, текстовое окружение скриншотов будет способствовать SEO — оптимизации под поиск, привлечению трафика из Яндекса/Гугла.

Когда скриншот не особо понятный, выручают подписи

7 бесплатных инструментов скриншотинга для компьютера и телефона

Joxi — удобная десктопная программа для скриншотов. Работает на Windows, Mac, Linux. Есть плагины для Chrome, Яндекса, Opera.

  • Снимок любого фрагмента экрана в 1–2 клика.
  • Настройка горячих клавиш для сохранения, копирования, передачи скриншотов.
  • Поддержка русского языка и подключения через прокси.
  • Добавление на скриншот геометрических фигур и текста, размытие и затемнение фрагментов, нумерация.
  • Хранение истории созданных скриншотов, загрузка файлов с компьютера на облако.

Стандартных бесплатных возможностей в целом достаточно. Если же вы хотите получать прямую ссылку на картинку, расширить место на диске с 1 до 3 Гб или хранить файлы на FTP/Dropbox — придется купить подписку за 399 руб. в год. Также ее оплата убирает рекламу.

Lightshot

Lightshot — еще одно десктопное ПО, чтобы делать скриншоты. Поддерживает Windows и Mac. Плюс есть плагины для браузеров Chrome, IE, Firefox, Opera.

Функциональность похожая на Joxi:

  • Быстрые снимки выбранных областей. Горячие клавиши для сохранения скриншотов на свой компьютер или сервер.
  • Поиск похожих изображений, возможность загрузки в облако и отправки ссылки друзьям/коллегам/подрядчикам (плюс, что дается сразу прямая ссылка на изображение).
  • Настройка прокси и выбор форматов (PNG, JPEG).
  • Редактирование скриншота — добавление линий, прямоугольников, стрелок, текста (главный минус в том, что нет инструмента для замазывания).

Так работает создание скриншотов с помощью Lightshot

Инструмент абсолютно бесплатный.

Monosnap

Monosnap — программа не только для скриншотинга, но и для скринкастинга. Работает под Windows и Mac, есть плагин Chrome.

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

Пример, как работает Monosnap

Есть бесплатный тариф, но он несколько ограничен. Если нужно больше 1 000 загрузок в месяц, 2 Гб хранилища, не хватает стандартных форматов (PNG, JPG, MP4, MOV, GIF, WEBM, WEBP) — можно купить подписку. Она стоит от 3 до 6 $ в месяц.

Скриншотер

Скриншотер — простой аналог вышеперечисленных программ для компьютеров. Работает с Windows и Chrome.

  • Скриншотинг всего экрана, отдельной его области или всего окна. Можно настроить горячие клавиши или кнопки мыши.
  • Загрузка изображений на сервер или сохранение на компьютер.
  • Запись видео с экрана со звуком. Продолжительность — до 60 минут, если не загружать в облако.
  • Стрелка, карандаш, размытие, текст, прямоугольник для редактирования скринов.

Пятиминутный обзор программы

Инструмент бесплатный, платных подписок и рекламы нет.

Fireshot

Fireshot — браузерный инструмент для создания скриншотов. Работает с Opera, Mozilla, Chrome, Яндексом, IE и др.

Что вы можете делать с помощью Fireshot:

  • Захватить отдельную часть экрана, видимую область или всю страницу (очень удобно, например, для фотографирования лендингов). Или даже заскриншотить все открытые вкладки.
  • Быстро обрезать или изменить размер скриншота, дополнить его вспомогательными элементами (в том числе водяными знаками), размыть или удалить лишнее. А также добавить текстовые аннотации.
  • Выбрать для сохранения не только JPEG или PNG, но и BMP, GIF, PDF. Поделиться скриншотами через интернет или распечатать. Есть синхронизация с облачными хранилищами, доступ к API.

Видеоинструкция, как снимать конкретные элементы с Fireshot

Можно пользоваться бесплатным Fireshot или прокачать его до PRO, чтобы улучшить функции захвата, редактирования, экспорта и др. Пожизненная лицензия стоит от 40 $.

Awesome Screenshot

Awesome Screenshot — плагин для записи скриншотов и видео с экрана. Только для Chrome.

  • Создание изображений, гифок и видео в пару кликов. Можно захватить выбранную область, видимую часть или целую страницу. Видео также записывается с веб-камеры.
  • Мгновенный обмен, шер в соцсети или сохранение на компьютер. Интеграции с системами управления проектами: Trello, Jira, Asana.
  • Подгон размера и обрезка готового скриншота; можно добавить геометрические фигуры, выделения, текстовые элементы с настройкой шрифта (а в платной версии еще смайлики, выноски, любые другие картинки с компьютера).

Быстрый обзор Awesome Screenshot

Чтобы снять ограничения на количество скриншотов, доступные разрешения и интеграции — в общем, расширить функционал сервиса — нужно покупать подписку. За 4–5 $ за одного пользователя.

Screenshot Touch

Screenshot Touch — приложения для Android, чтобы быстро и бесплатно делать скриншоты с мобильного устройства (это тоже часто нужно для рабочих задач).

  • Сохранение картинок в WEBP, JPEG, PNG. Исключение строки состояния и панели навигации.
  • Добавление на скриншот овала, прямоугольника, линии и текста; работа с карандашом, нумерацией, размытием; обрезка.
  • Запись видео с экрана в HD-качестве. Возможность остановить съемку потряхиванием телефона.

Так работает Screenshot Touch

Чтобы избавиться от рекламы и подключить интеграцию с Google Drive, придется купить подписку за 300 руб.

Хотите разбираться, развиваться и больше зарабатывать в интернет-маркетинге — приходите учиться в Cybermarketing. У нас есть вебинары, онлайн- и очные курсы по SEO, контекстной рекламе, таргетинге, SMM, веб-аналитике, созданию сайтов и не только.

Почему хороший скриншот — это важно, и как сделать его правильно

Каждый раз жать Print Scr, открывать Paint и вырезать/дорисовывать — значит терять время. Разбираем более удобные инструменты.

Когда работаете над статьёй, рассылкой, книгой или постом для соцсетей, часто требуются иллюстрации. «Разбавлять» текст какими-то картинками из поиска — плохой вариант. Скриншоты всегда лучше бесплатных стоковых фото.

11 советов по созданию скриншотов

1. Не вырывайте кусок экрана из контекста. Из скриншота должно быть понятно, откуда вы взяли часть экрана, которую показываете.

Автор статей по SMM, практикующий таргетолог, в прошлом — продакт-менеджер диджитал-проектов.

2. Используйте рамку или стрелку в качестве указателя, чтобы было понятно, на какую кнопку нужно нажать.

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

4. По краям оставляйте «воздух» — пустые поля, но не делайте их слишком широкими.

5. Не показывайте кучу открытых вкладок, панель закладок в браузере или окне программы.

Обрежьте верхнюю часть экрана, скройте закладки в настройках браузера:

6. Не обрезайте куски текста или картинки.

7. Не показывайте конфиденциальную информацию других людей. Например, фамилию и имя, электронную почту, телефон. Размойте её в Photoshop, GIMP или сразу при создании скриншота — в Joxi, например.

8. Используйте единый стиль в оформлении скриншота. Например, если вы выбрали красный цвет стрелок, не используйте синий.

И если вы используете в скриншоте стрелки (например чтобы показать клик), не нужно использовать для обозначения клика рамку или любые другие элементы:

9. Создавайте комбинированные скриншоты, если вам нужно показать последовательность действий в программе или сервисе. Например, ниже на одном скриншоте показано, как создать таблицу в Microsoft Word:

10. Не разворачивайте без необходимости окно программы на весь экран, чтобы не было много пустых и бесполезных зон.

11. Каждое изображение, в том числе и скриншот, нужно подписывать. Так вы поясните читателю действия на экране, если это неочевидно из скриншота. Некоторые пользователи не читают текст, но обращают внимание на подписи при быстром просмотре страницы. Поэтому подписи к изображению — дополнительная возможность завладеть вниманием читателей, а также плюс для SEO.

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

Бесплатные программы

  • Joxi . Работает с Mac, Windows, Linux. Бесплатной версии обычно достаточно, расширенный функционал стоит 399 рублей в год.
  • Lightshot . Работает с Mac, Windows. Есть расширения для Chrome, Firefox, Opera. Бесплатный инструмент.

Эти программы незначительно отличаются по функциям. Везде есть:

  • удобный, интуитивно понятный интерфейс;
  • захват всего окна или выделенной области;
  • встроенный графический редактор (Lightshot добавляет фигуры и текст, а на Joxi ещё можно замазать конфиденциальную информацию);
  • возможность сохранить изображение в облако и поделиться ссылкой.
Читать еще:  Выбираем твердотопливный котел для отопления частного дома. топ лучших производителей

Платные программы

  • Ashampoo Snap . Работает только на операционной системе Windows. Стоит 1154 рубля.
  • Snagit. Работает на операционных системах Windows и Mac OS. Стоит от $49,95.

Программы Ashampoo Snap и Snagit мало чем отличаются. Можно выделить следующие преимущества по сравнению с вышеперечисленными бесплатными программами:

  • запись видео с экрана со звуком;
  • подсветка курсора мыши в видео (правда, только в программе Ashampoo Snap);
  • захват свободной области экрана. Нарисуйте карандашом любую область экрана, и программа захватит её;
  • захват окна по таймеру, с прокруткой вниз или вверх;
  • поворот изображения и зеркальное отражение;
  • подсветка выделенной области;
  • наложение фильтров — например, вы можете сделать изображение чёрно-белым или серым;
  • возможность задать размер скриншота;
  • возможность наложить водяной знак, если вы хотите защитить изображение от копирования.

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

Ручной способ

  • iPhone: одновременное нажатие кнопок Home и Sleep.
  • Android: одновременное нажатие кнопок Volume Down и Power.
  • Windows Phone: одновременное нажатие кнопок Start и Power.

С помощью приложений

  • Awesome Screenshot
  • Screen Master
  • Скриншот Лёгкий

Подобных приложений множество, и практически все они бесплатны. Возможности вышеперечисленных включают:

  • создание скриншота в 1 клик;
  • редактирование картинки и добавление вспомогательных графических элементов;
  • сохранение на устройство/загрузка в облако.

Заключение

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

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

Чтобы создать простой скриншот, достаточно минимальных знаний в дизайне. Но чтобы делать что-то более мощное и красивое, нужно учиться. Приходите на наш курс по веб-дизайну, если вам понравилось и вы хотите развиваться дальше.

Профессия Веб-дизайнер

Двухлетний учебный курс для глубокого погружения в профессию дизайнера. Вы разберётесь в тонкостях веб-дизайна, изучите UX/UI и к концу обучения наработаете хорошее портфолио.

  • Первые полгода учёбы — без оплаты.
  • Первые клиенты — уже через четыре месяца.
  • Неограниченный доступ к материалам курса.
  • Обучение на реальных задачах.
  • Карьерные консультации и помощь в трудоустройстве.

Как делать скриншоты, за которые не будет стыдно

Скриншот, как и фотография, — это отличная иллюстрация. Они пригодятся в самых разных ситуациях:

  • Объяснить процесс. Пишем инструкцию — показываем читателю, куда нажимать или что должно произойти.
  • Показать пример. Рассказываем про поведение людей в соцсетях — делаем скриншоты комментариев и диалогов.
  • Показать цифровой продукт. Рекламируем сервис, пишем обзор игры или делаем портфолио дизайнера — на помощь снова приходят скриншоты.

Сделать хороший скриншот не сложно. Достаточно следовать рекомендациям, которые мы собрали в этом уроке. Отдельное спасибо нашему главреду Роме Морицу — большинство советов собирал он.

Это один из уроков нашего курса «Научим писать»

У нас есть курс для копирайтеров и редакторов — 40 уроков, в которых мы собрали опыт агентства «Сделаем»:

  • Как писать текст: придумывать заголовки, подбирать иллюстрации, писать интересно, акцентировать внимание читатель на важном.
  • Что надо учитывать в текстах разных форматов: коммерческих предложениях, презентациях, лендингах, статьях в СМИ и так далее.
  • Основы маркетинга: SEO, веб-аналитика, посев контента в соцсетях, составление контент-плана, работа с комментариями.

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

Не перегружайте

Это относится в первую очередь к руководствам. Не надо иллюстрировать то, что не нуждается в объяснении.

Вот вы объясняете, как пользоваться сервисом. Пишете: «Для начала вам надо зарегистрироваться». Не надо делать скриншот главной страницы сайта со стрелочкой к кнопке «Регистрация».

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

Сюда же относятся скрины установки программ, где автор каждое нажатие на кнопку ОК удостаивает отдельного скрина. Не надо так.

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

Показывайте только важное

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

Поэтому, наша задача — оставить только важное, а все остальное убрать.

Показывайте только часть экрана

Но зачем здесь рабочий стол? Зачем ярлыки других приложений? И зачем читателю знать о вашей папочке с порнушкой?

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

Выход простой. Скриним только нужную область — окно приложения.

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

Лучше заскринить весь сайт и стрелочкой показать нужное место:

Удаляйте лишнее

Все это тоже стоит убрать. Если работаете в браузере — можно открыть исходный код страницы и удалить лишние панельки, всплывающие окна и прочее. Если в десктоп-приложении — затереть в Фотошопе.

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

Для скриншотов удобно иметь отдельный браузер без закладок и плагинов. Можно скринить окно целиком — получается симпатично и без мусора.

Не мельчите

Используйте акценты и указатели

Все это можно сделать в Фотошопе или в специальных программах-скриншотерах (о них расскажем в конце урока).

Способ для ленивых. Акцент в тексте можно сделать, если просто выделить нужное слово или предложение, а потом заскринить.

Делайте аккуратно

Иллюстрации — часть дизайна страницы. Они должны быть нормальными: аккуратными, с хорошим разрешением и высоким качеством.

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

Следите, чтобы на скриншотах не было обрезанных кусков контента: рамок, кнопок, текста и так далее.

Этого можно избежать, если аккуратно выбирать область захвата или настроить размер окна так, чтобы скрыть лишнее. В крайнем случае — затереть ластиком в Фотошопе.

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

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

Убирайте конфиденциальные данные

Есть информация, которую показывать нельзя:

  • Персональные данные пользователей: номер паспорта, ФИО, электронная почта
  • Сведения, связанные с профессиональной деятельностью: врачебная тайна, тайна переписки и так далее. Сюда же относятся имя или аватарка человека, с которым вы вели личную переписку
  • Сведения, связанные с коммерческой деятельностью: номера транзакций, переводов, счетов и так далее.

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

Что можно показывать

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

Придерживайтесь единого стиля

Во-первых, это выглядит неаккуратно.

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

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

Учитывайте дизайн

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

Если мы сделаем свою рамку, а потом движок сайта добавит свою, получится некрасиво.

Используйте мокапы

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

Чаще всего мокапы используют для демонстрации продукта: в кейсах, лендингах и презентациях.

Чаще всего мокапы делают для Фотошопа. Вы просто скачиваете PSD-файл, открываете его, вставляете на нужный слой скриншот — и готово.

Вот несколько мест, где их можно бесплатно скачать:

Но вообще, достаточно вбить в Гугл что-то вроде «mockup free macbook» — и найдете десятки вариантов.

Делайте коллажи

Коллаж — это несколько изображений, объединенных в одно. Их удобно использовать, чтобы:

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

Про скринкасты

Скринкаст — это запись происходящего на экране. Можно публиковать в виде видео или гифки.

Советы для скринкастов те же самые, что и для скриншотов. Единственное отличие — их тяжелее обрабатывать, особенно без опыта и на слабом железе. Поэтому надо уделить немного больше времени подготовке — заранее настроить размер окна, скрыть все лишнее и продумать примерный сценарий.

Чем делать скриншоты

Конечно, можно по старинке нажимать Принт Скрин и вставлять скриншот в Пейнт, чтобы его сохранить. Но лучше использовать специальные приложения — скриншотеры.

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

Вот несколько проверенных приложений, которыми мы пользовались и остались довольны:

  • Ashampoo Snap за $20 — наш любимый скриншотер. Удобный, умеет писать скринкасты. Работает только на Винде.
  • Бесплатный Joxi.
  • Бесплатный Lightshot.
  • Snagit за $50 — не сильно опережает по функционалу Ashampoo, но стоит в 2 раза дороже. Зато работает на маке.

Для скринкастов можно использовать бесплатную кроссплатформенную OBS. С нее же можно стримить, если вы вдруг планируете этим заниматься.

На макОС есть удобный встроенный инструмент для скриншотов. На нем можно выделить область или целое окно — оно сразу будет с красивой тенью. Стрелочки можно дорисовать в Фотошопе или Скетче. Все иллюстрации к этому уроку сделаны именно таким способом. Скринкасты оно тоже умеет делать.

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

Все это, только кратко

Не перегружайте текст сотней бессмысленных скриншотов в духе «нажмите кнопку ОК». Иллюстрируйте только важное и непонятное.

Убирайте со снимка все лишнее:рабочий стол, закладки из браузера, рекламные блоки и так далее.

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

Выделяйте акцентами то, на что хотите обратить внимание читателя.

Придерживайтесь единого стиля акцентов. Используйте стрелочки только одного цвета, чтобы не путать людей.

Делайте аккуратно. Подготовить красивый скриншот — дело 1-2 минут. Зато он сразу улучшит первое впечатление о вашем продукте, тексте или издании.

Скрывайте конфиденциальную информацию: имена людей из личной переписки, номера транзакций, персональные данные пользователей и так далее.

Учитывайте дизайн площадки, для которой пишете. Белые скриншоты смазываются с белым фоном — надо добавить рамку. Иногда сайты добавляют рамки с помощью css, а иногда это надо сделать в графическом редакторе — это лучше уточнить заранее.

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

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

Лучшие программы для создания скриншотов и аддоны браузеров сохраняющие всю веб-страницу

Без скриншотов не смогут обойтись люди множества профессий, работающих за ПК: программисты, веб-дизайнеры, блогеры. Создавая блог, приходится иногда делать до 10-20 скриншотов и если использовать для этого средства Windows, особенно старых версий, то это будет крайне непродуктивно.

реклама

В Windows 7 для создания скриншота нужно нажать клавишу Print Screen, затем запустить Paint, нажать кнопку «вставить» и сохранить изображение, задав ему имя. Более неудобный способ делать скриншоты трудно себе представить, и даже если воспользоваться инструментом «Ножницы», процесс станет не на много легче, ведь вам опять придется вручную задавать имя каждому скриншоту.

реклама

В Windows 8 и 10 создания скриншотов стало намного проще, при нажатии сочетания клавиш Win+Print Screen создается скриншот экрана и помещается в папку «Изображения/Screenshots», а понять, что скриншот создался, можно по затемнению экрана. Наконец-то нас избавили от ручного создания имени файла со скриншотом и файлы получают название с номером — «Снимок экрана (1).png» и так далее.

реклама

Но назвать такой способ полноценным трудно, ведь мы не можем выбрать формат сохранения графического файла и качество изображения, а получаемые имена малоинформативны. Но зато в Windows 10 появился заметный прогресс для создания скриншотов в играх с помощью игровой панели. Нажатие клавиш Win+Alt+PrtScn создаст скриншот игры и сохранит его в папку C:Usersимя_пользователяVideosCaptures.

Этими недостатками Windows воспользовались сторонние разработчики, создавшие множество удобных программ для создания скриншотов, лучшие из которых мы сегодня и рассмотрим, выбрав среди них утилиты с бесплатной лицензией.

Lightshot

реклама

Одна из самых популярных утилит для создания скриншотов — Lightshot, от разработчика Skillbrains. Lightshot умеет создавать скриншоты всего экрана и отдельной области в форматах png, jpg, bmp, загружать их на сервер, дает возможность обработать их в онлайн редакторе, и даже позволяет искать похожие картинки в интернет поисковиках. Lightshot существует и в виде аддонов для браузеров Google Chrome и Mozilla Firefox.

SuperScreen

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

Screenshot Creator

Screenshot Creator — очень компактная программа от разработчика Slaiv Software, имеет возможность создания серийной съемки и наложения на скриншот даты съемки. Можно задать и формат имени файла, например, включив в него дату и время создания скриншота. Я давно пользуюсь именно этой утилитой, ценя ее за простоту, причем версией 2.0 от 2006 года, которая кочует с одного моего ПК на другой уже 15 лет.

Сайт разработчика недоступен.

SnapaShot

SnapaShot — крохотная утилита от разработчика Nicekit Software, которая даже не требует инсталляции, а съемка ведется растягиванием окна утилиты и захватом нужного вам изображения.

Gadwin PrintScreen

Удобная утилита от разработчика Gadwin Systems, Inc. позволяет делать снимки экрана и выделенной области, а также изменять размер захваченного изображения, добавлять к нему тени и водяные знаки. Может утилита отправить скриншот по электронной почте, и если вы будете отправлять его сами себе, то сможете имитировать облачное сохранение.

Снятие игровых скриншотов

Указанные выше утилиты прекрасно снимают изображение с Рабочего стола и открытых окон программ, но не могут снять изображение из игры. А игровые скриншоты постоянно требуются нам — ведь это удобный способ сохранить свои достижения или захватить редкий и интересный момент в игре. У большинства из нас, геймеров и энтузиастов, установлена утилита MSI Afterburner, с помощью которой можно мониторить температуру видеокарты, управлять ее вентиляторами и разгонять ее.

Но MSI Afterburner умеет делать скриншоты игры и даже записывать качественное видео из нее. Вам нужно только настроить горячие клавиши и выходной формат файлов.

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

Снятие скриншотов веб-страниц целиком

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

Встроенные средства браузера Opera

Браузер Opera умеет сохранять веб-страницы целиком самостоятельно, без специальных аддонов. Стоит отметить высокое качество изображения в сохраненном файле, а сохраняется он в PDF формате.

Встроенные средства браузера Mozilla Firefox

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

Аддон FireShot для Mozilla Firefox

Браузерный аддон FireShot позволяет сохранить всю страницу целиком в форматах PDF, JPG или PNG и доступен для браузеров Mozilla Firefox и Google Chrome. Я пользовался им несколько лет, и он работал безупречно, но в последние месяцы я столкнулся со сбоями, когда он сохранял пустое изображение, что вынудило меня искать другие аддоны.

Аддон GoFullPage для Google Chrome

Таким аддоном оказался GoFullPage для Google Chrome. Аддон сохраняет всю веб страницу целиком в формате PDF с отличным качеством изображения. Никаких нареканий аддон не вызывает, работает надежно и шустро.

Итоги

Как видите, есть множество способов сделать снятие скриншотов более удобным, чем встроенные средства Windows. Но и встроенные средства Windows 10 иногда выручают, например, MSI Afterburner на моей системе не смог сделать скриншот игры Heroes of Might and Magic III: Horn of the Abyss, а вот встроенное средство Windows 10 по нажатию Win+Alt+PrtScn прекрасно справилось с задачей.

Пишите в комментарии, какими средствами снятия скриншотов пользуетесь вы?

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector