[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:04.95,Default,,0000,0000,0000,,В этом разделе я хочу рассказать о том, как цифровые изображения представлены в компьютере. Итак,
Dialogue: 0,0:00:04.95,0:00:10.22,Default,,0000,0000,0000,,рассмотрим пример - изображение нескольких желтых цветков и то, что мы видим
Dialogue: 0,0:00:10.22,0:00:15.36,Default,,0000,0000,0000,,похоже на гармоничную, цельную, округленную картинку. В компьютере она
Dialogue: 0,0:00:15.36,0:00:20.19,Default,,0000,0000,0000,,представлена просто кучей маленьких чисел. Как же это работает?
Dialogue: 0,0:00:20.19,0:00:24.87,Default,,0000,0000,0000,,Я хочу сфокусироваться на желтом цветке в левом верхнем углу. Видно, что здесь есть
Dialogue: 0,0:00:24.87,0:00:29.91,Default,,0000,0000,0000,,небольшая зеленая область с точкой посередине. Если я увеличу эту область
Dialogue: 0,0:00:29.91,0:00:34.96,Default,,0000,0000,0000,,в десять раз, она будет выглядеть так. Заметно, что изображение
Dialogue: 0,0:00:34.96,0:00:39.91,Default,,0000,0000,0000,,состоит из этих маленьких квадратиков. Эти квадратики называются "пиксели". То есть каждый пиксель -
Dialogue: 0,0:00:39.91,0:00:45.32,Default,,0000,0000,0000,,это квадратик. Они весьма малы, я не знаю точного их количества,
Dialogue: 0,0:00:45.32,0:00:50.72,Default,,0000,0000,0000,,в дюйме приблизительно 100 пикселей. И каждый пиксель показывает всего один цвет, он как бы
Dialogue: 0,0:00:50.72,0:00:55.82,Default,,0000,0000,0000,,занимает квадратик одного цвета. Забавно, что, если посмотреть
Dialogue: 0,0:00:55.82,0:01:00.66,Default,,0000,0000,0000,,на него сейчас, он выглядит очень искусственным и резким, но поскольку
Dialogue: 0,0:01:00.66,0:01:04.98,Default,,0000,0000,0000,,пиксель невелик по отношению к исходному изображению, он
Dialogue: 0,0:01:04.98,0:01:09.66,Default,,0000,0000,0000,,выглядит хорошо. Пиксели настолько малы, что глаз не замечает
Dialogue: 0,0:01:09.66,0:01:14.15,Default,,0000,0000,0000,,этих резких краев. Вот так выглядит картинка, когда вы ее приближаете и рассматриваете
Dialogue: 0,0:01:14.15,0:01:19.10,Default,,0000,0000,0000,,детали. Если хотите прикинуть сколько пикселей в изображении, вам нужно просто
Dialogue: 0,0:01:19.10,0:01:23.86,Default,,0000,0000,0000,,умножить. Если у меня картинка имеет ширину 800 пикселей и высоту 600
Dialogue: 0,0:01:23.86,0:01:28.40,Default,,0000,0000,0000,,пикселей, я просто их перемножаю и
Dialogue: 0,0:01:28.40,0:01:33.19,Default,,0000,0000,0000,,получаю 480 000 пикселей. Возможно, Вы знакомы с термином "мегапиксель". Обычно он используется
Dialogue: 0,0:01:33.19,0:01:37.32,Default,,0000,0000,0000,,для описания компьютеров, фотоаппаратов и тому подобной техники. Мегапиксель - это миллион пикселей.
Dialogue: 0,0:01:37.32,0:01:41.45,Default,,0000,0000,0000,,То есть мое изображение 800х600, 480 000 это - грубо говоря - половина мегапикселя.
Dialogue: 0,0:01:41.45,0:01:45.59,Default,,0000,0000,0000,,Не очень большое изображение по современным меркам. Цифровая
Dialogue: 0,0:01:45.59,0:01:49.90,Default,,0000,0000,0000,,камера, даже на телефоне, обычно выдает изображение
Dialogue: 0,0:01:49.90,0:01:54.04,Default,,0000,0000,0000,,порядка 5-10 мегапикселей, может 20. Вот это действительно
Dialogue: 0,0:01:54.04,0:01:58.97,Default,,0000,0000,0000,,большие картинки. Ладно, посмотрим как работает эта штука. Я сделал...
Dialogue: 0,0:01:58.97,0:02:04.22,Default,,0000,0000,0000,,чтобы получше объяснить, я сделал эту диаграмму. Если у меня есть картинка - то я могу
Dialogue: 0,0:02:04.22,0:02:09.36,Default,,0000,0000,0000,,рассматривать ее как сетку из пикселей. Каждый пиксель - это квадрат, который
Dialogue: 0,0:02:09.36,0:02:13.97,Default,,0000,0000,0000,,показывает один цвет. Теперь нам нужен способ обращаться
Dialogue: 0,0:02:13.97,0:02:18.93,Default,,0000,0000,0000,,к каждому пикселю по отдельности. Это становится возможным, если мы представим
Dialogue: 0,0:02:18.93,0:02:23.72,Default,,0000,0000,0000,,набор чисел по оси X вдоль верхней линии. Ноль находится слева и растет при движении
Dialogue: 0,0:02:23.72,0:02:28.32,Default,,0000,0000,0000,,вправо. Похожим образом организована ось Y.
Dialogue: 0,0:02:28.32,0:02:33.05,Default,,0000,0000,0000,,Ноль в самом верху, в верхнем ряду, а Y числа растут с движением вниз. Так
Dialogue: 0,0:02:33.05,0:02:38.39,Default,,0000,0000,0000,,исторически организована нумерация в компьютере. Я приведу
Dialogue: 0,0:02:38.39,0:02:43.92,Default,,0000,0000,0000,,несколько простых примеров. Так верхний левый пиксель имеет координату (0,0). Другими словами,
Dialogue: 0,0:02:43.92,0:02:48.41,Default,,0000,0000,0000,,x=0, y=0. Пиксель, который находится правее этого,
Dialogue: 0,0:02:48.41,0:02:52.64,Default,,0000,0000,0000,,имеет координаты x=1, y=0. Договоримся, что если я называю координату,
Dialogue: 0,0:02:52.64,0:02:57.07,Default,,0000,0000,0000,,то сначала это значение оси X, затем значение оси Y. То есть это
Dialogue: 0,0:02:57.07,0:03:01.79,Default,,0000,0000,0000,,(1, 0). Вот этот пиксель. Что же, можем продолжить изучать. Это
Dialogue: 0,0:03:01.79,0:03:06.21,Default,,0000,0000,0000,,x=4, y=2. Или я просто могу сказать (4,2). Вообще-то мы не будем возиться
Dialogue: 0,0:03:06.21,0:03:10.87,Default,,0000,0000,0000,,с различными значениями x-y для обозначения
Dialogue: 0,0:03:10.87,0:03:15.71,Default,,0000,0000,0000,,пикселей. Вам просто нужно понять этот способ. То есть даже если
Dialogue: 0,0:03:15.71,0:03:20.43,Default,,0000,0000,0000,,у нас 10 миллионов пикселей, каждому из них соответствует пара x-y чисел, которая отличает
Dialogue: 0,0:03:20.43,0:03:25.32,Default,,0000,0000,0000,,его от остальных пикселей. Теперь такой вопрос: дупостим, у меня есть все эти пиксели,
Dialogue: 0,0:03:25.32,0:03:30.47,Default,,0000,0000,0000,,как же мне задать цвет каждого из них? И чтобы рассказать об этом,
Dialogue: 0,0:03:30.47,0:03:35.39,Default,,0000,0000,0000,,мне придется сделать небольшое историческое отступление. В 1600-х Ньютон провел
Dialogue: 0,0:03:35.39,0:03:40.47,Default,,0000,0000,0000,,известный эксперимент с призмой (треугольным куском стекла),
Dialogue: 0,0:03:40.47,0:03:45.55,Default,,0000,0000,0000,,который я здесь воспроизвел. Солнечный свет падает на левую сторону
Dialogue: 0,0:03:45.55,0:03:49.35,Default,,0000,0000,0000,,призмы и разделяется на спектр цветов, который я
Dialogue: 0,0:03:49.49,0:03:54.26,Default,,0000,0000,0000,,спроецировал на белый лист бумаги. Этот эксперимент показывает, что солнечный свет это не
Dialogue: 0,0:03:54.26,0:03:58.70,Default,,0000,0000,0000,,что-то неделимое и однородное. Наоборот, его можно разделить вот на такие
Dialogue: 0,0:03:58.70,0:04:03.33,Default,,0000,0000,0000,,составляющие. Этот эффект подобен тому, который можно увидеть при
Dialogue: 0,0:04:03.33,0:04:08.26,Default,,0000,0000,0000,,радуге. Итак, цвета представляют собой непрерывный спектр, хотя мы
Dialogue: 0,0:04:08.26,0:04:13.08,Default,,0000,0000,0000,,опознаем некоторые из них, называем по имени.
Dialogue: 0,0:04:13.08,0:04:17.70,Default,,0000,0000,0000,,Известная последовательность: справа-налево красный, оранжевый,
Dialogue: 0,0:04:17.70,0:04:22.39,Default,,0000,0000,0000,,желтый, зеленый, голубой, синий, фиолетовый.
Dialogue: 0,0:04:23.50,0:04:31.05,Default,,0000,0000,0000,,В компьютере эти однородные цвета образуют подобие палитры.
Dialogue: 0,0:04:31.05,0:04:37.71,Default,,0000,0000,0000,,Мы будем выбирать оттуда красный, зеленый и синий цвета
Dialogue: 0,0:04:37.71,0:04:43.58,Default,,0000,0000,0000,,и использовать их как составляющие для создания любого нужного нам
Dialogue: 0,0:04:43.58,0:04:48.07,Default,,0000,0000,0000,,цвета. В конце концов Вы можете считать, что слева
Dialogue: 0,0:04:48.07,0:04:52.00,Default,,0000,0000,0000,,поступает свет, а справа мы получаем составляющие. Можете считать,
Dialogue: 0,0:04:52.00,0:04:56.04,Default,,0000,0000,0000,,что это обратный процесс. Что, если я возьму составляющие и направлю их в обратном
Dialogue: 0,0:04:56.04,0:05:00.02,Default,,0000,0000,0000,,направлении, я могу получить на выходе белый свет. И, хоть физически это не то же самое, но
Dialogue: 0,0:05:00.02,0:05:04.10,Default,,0000,0000,0000,,наводящее на мысли о том, как мы можем взять составляющие и смешать
Dialogue: 0,0:05:04.10,0:05:08.78,Default,,0000,0000,0000,,их вместе в компьютере. Также тут есть забавное наблюдение о синем цвете.
Dialogue: 0,0:05:08.78,0:05:13.41,Default,,0000,0000,0000,,Когда Ньютон называл его, прямо между голубым и фиолетовым оказался синий,
Dialogue: 0,0:05:13.41,0:05:17.69,Default,,0000,0000,0000,,верно? Нам понадобилось отдельное слово
Dialogue: 0,0:05:17.69,0:05:22.06,Default,,0000,0000,0000,,и мы не могли называть его просто голубым. Это забавно потому что показывает особенности
Dialogue: 0,0:05:22.06,0:05:26.74,Default,,0000,0000,0000,,жизни в 17 веке. Ньютон верил в некоторые мистические,
Dialogue: 0,0:05:26.90,0:05:31.11,Default,,0000,0000,0000,,ненаучные вещи, а в том время было известно только семь
Dialogue: 0,0:05:31.11,0:05:35.32,Default,,0000,0000,0000,,планет и Ньютон считал, что количество цветов и количество планет
Dialogue: 0,0:05:35.32,0:05:39.59,Default,,0000,0000,0000,,должно совпадать. И я думаю, что он добавил синий цвет только чтобы
Dialogue: 0,0:05:39.59,0:05:44.87,Default,,0000,0000,0000,,получить нужное число. Итак, я собираюсь следовать способу для кодирования
Dialogue: 0,0:05:44.87,0:05:50.96,Default,,0000,0000,0000,,любого цвета, который называется RGB. RGB обозначает "красный", "синий", "зеленый".