Как правильно сделать скриншот, чтобы он хорошо печатался

[Gadalka]

Писалось заказчику, хотелось чтобы осталось где-то.
Далее -- с некоторыми добавлениями

Со скриншотами порядок работы следующий:

Отключаем ClearType

По возможности увеличиваем (Сtrl + «+» или нажимаем Ctrl и крутим колёсико мыши) внешний вид страницы, так чтобы толщина букв основного текста была в 2 и более пиксела (в какой-то момент увеличения текст станет резко толще)

Делаем скриншот.

Загружаем сделанный скриншот в Photoshop

Если на странице есть фотографии, то делаем копию

Копию делим по привычному (рекомендованному типографией) профилю цветоделения

Далее Ctrl + A Ctrl + C

Закрываем без сохранения

Переходим к оригиналу, делим его по ISOcoated_v2_Max_Pure_and_Fresh (брать тут) или своим профилем с максимальной генерацией чёрного

Далее делаем треппинг 1 пиксел (если кажется, что недостаточно, то 2 пиксела)

Ctrl + V (не переделиваем, вставляем значения, может зависеть от установок цветоделения Photoshop)

Выделяем картинки

Делаем маску.

Всё.


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

Ресемпл (увеличение разрешения) скриншотов делать не надо.

По окончании процесса не забываем включить ClearType (без него работать на любителя)

Комментарии приветствуются.

 

[Gadalka]

Возможно, эту тему стоит подклеить к как правильно сделать Скриншот?

 

[TRANTOR]

подклеить

Та слишком старая. Пусть будет эта.

 

[mihas]

Отключаем ClearType

Спасибо, полезная инструкция. А поясните для тех кто в танке где отключаем ClearType?

 

[dosp]

А поясните для тех кто в танке где отключаем ClearType?

 

[mihas]

Я бы может добавил еще по обработке цвета скриншотов пару строк.
На маке в скрин внедряется рабочий профиль монитора. Он и должен использоваться при конвертации в другое пространство, например в фогру 39.
На пц желательно профиль монитора в скриншот внедрить самому и из него конвертнуть в нужное пространство. Оставлять изображение в профиле монитора не надо, но если программа, по которой делается скриншот, верно работает с CMM - верным цветом будет присвоение вначале рабочего профиля монитора и из него конвертация во что-то стандартное. Если программа с CMM не работает - тогда без разницы. Если монитор не калиброван - тем более без разницы.

 

[Gadalka]

где отключаем ClearType?

На маке (под рукой нет) где-то в районе

1. Откройте Системные настройки.
2. Перейдите к вкладке Общие.
3. Отключите параметр «Использовать доступное LCD сглаживание шрифтов».

Также есть способы с использованием Terminala

 

[mihas]

Если на странице есть фотографии, то делаем копию
Копию делим по привычному (рекомендованному типографией) профилю цветоделения

Этот параграф также требует по цвету уточнения. Если речь о браузере - изображения на веб-страницах делятся на два типа - со внедренным цветовым профилем и без. Со внедренным все понятно, их цвет профилем описан, не отключаем профиль при открытии в фотошопе и из него делим в нашу фогру 39 или типа того. С картинками без внедренного профиля сложнее, тут браузеры весьма творчески подходят к их отображению: некоторые светят на экран как sRGB, справедливо полагая, что де-факто пока стандарт цвета в интернете не DCI-P3, а все же sRGB. Другие браузеры светят цифры как есть без цветовых преобразований, ошибочно полагая, что частный монитор пользователя и есть тот стандарт, в пространстве которого дизайнер сайта готовил изображения. Это, очевидно, глупо, и мониторов миллиарды хороших и разных, при таком подходе каждый будет видеть что-то свое, а не то, что задумал дизайнер. Тем не менее - нам как-то придется определяться с рабочим пространством картинки на странице, если она не содержит цветового профиля. Также мы знаем, что часть элементов страниц вообще не могут быть описаны профилем, не картинки, а всякие квадратики и прочее, cозданное средствами html. Очевидно надо определяться в каком цветовом пространстве мы хотим их видеть, не все браузеры и не все дизайнеры за нас правильно эту задачу решают.

 

[colorprint]

Часто скриншоты разных окон/панелей программ закрашенны строго в серых цветах R=G=B. Иногда было бы целесообразно поделить RGB-серый по такой формуле: RGB (при R=G=B) convert CMYK (C, M, Y = 0) — тоесть RGB-серый только за счет рецептуры K.
Угадайте с двух раз какой профилировщик умеет строить такие профиля? — Правильно, CoPrA — галочка в Perceptual Rendering — Pure Gray. При этом ненадо никаких максимальных генераций, которые могут негативно повлиять на цветные сюжеты.

 

[Gadalka]

тоесть RGB-серый только за счет рецептуры K

делим его по ISOcoated_v2_Max_Pure_and_Fresh (брать тут)

При этом ненадо никаких максимальных генераций, которые могут негативно повлиять на цветные сюжеты.

Выделяем картинки

Делаем маску.

 

[Gadalka]

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

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

Поэтому так: если требуется поднять разрешение скриншота, то делаем это только в целое число раз (200% или 300% или 400%) с интерполяцией Nearest Neighbor (По соседним пикселам) для текстовой части, для картинок делаем это на копии тем способом который больше нравится в то же самое число раз и вставляем их с помощью маски.

 

[mihas]

При этом не надо никаких максимальных генераций, которые могут негативно повлиять на цветные сюжеты.

Максимальные генерации не влияют плохо на цветные сюжеты. Узкий черный только в серых оттенках - это зло.

 

[Йожег]

Посмотрел на текст с Clear Type и без него по каналам и с большим увеличением. Не заметил каких-то особых преимуществ у сектантского подхода. Win10 кстати не дает вот так просто тыцнуть галочку. Там еще с десяток разных окошек а как вам более комфортно смотреть на такой шрифт.

 

[Йожег]

ну так примерно десяток экранов чтобы получить "а фиг его знает"

 

[Йожег]

для чистоты эксперимента отключил сторонний скриншотер (Lightshot)
уже покажите что именно улучшает шаманство с Cleartype

 

[colorprint]

Максимальные генерации не влияют плохо на цветные сюжеты. Узкий черный только в серых оттенках - это зло.

Михаил, я имел ввиду шумность черного растра, вдруг паралельно «морды» и нужен поздний старт черного. Да и рядом с скриншотами могут быть другие сюжеты. Короче, что-бы не плодить разных генераций, которые непросто приводить к цветопробе. В любом случае Pure Gray из Копры для решения именно этой задачи как нельзя кстати. Тем более ISOcoated_v2_Max_Pure_and_Fresh — оставляет маленький незначительный мусор на цветных каналах 1-4% при дележки таких скриншотов.

Посмотрел на текст с Clear Type и без него по каналам и с большим увеличением. Не заметил каких-то особых преимуществ у сектантского подхода.

Йожег, без Clear Type текст в цветных атерфактах — дележка не даст чистый K.

 

[Йожег]

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

 

[Gadalka]

Тогда наверное стоит уточнить

скорее стоит уточнить содержимое примерно вот тут.

(нет, я не знаю точно как отключить в FF)

 

[Йожег]

То есть cleartype надо отключать в браузере если хочется скриншот оттуда?

 

[Йожег]

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