– Здравствуйте. Вы обещали нам сегодня про картинки рассказать. Как они хранятся в компьютере.
– Ведь не стопкой же листочков в папке?
Здравствуйте, молодцы, что не забыли, на чем мы остановились. Картинки хранятся в виде файлов, разумеется, как и всё остальное. Форматы таких файлов называют графическими, и они делятся на две большие группы. Во-первых, картинка может храниться как набор точек, про каждую из которых известен её цвет. Это растровые форматы.
– Получается похоже на мозаику.
Да, именно, очень хорошее сравнение.
– Вы уже говорили про точки, составляющие изображение, когда объясняли про пиксели на экране монитора.
Совершенно верно. Какие вы молодцы, что всё запоминаете!
– А что такое точка? Мы на математике учили, что это абстрактное понятие.
В математике, действительно, точка – это некая абстракция. Но когда речь идёт об экране монитора, то он, в зависимости от выбранного разрешения, делится на определённое количество клеточек, и точка-пиксель – это одна такая клеточка.
Растровое изображение тоже делится на клеточки-ячейки, каждая из которых имеет свой цвет. Чем больше таких мелких квадратиков, тем лучше качество картинки или фотографии, но, с другой стороны, тем больше размер хранящего её файла. А размер имеет значение, когда этот файл надо куда-то послать или, например, выложить в Интернет.
Кроме растровых существуют ещё векторные форматы. В этом случае в файле хранятся данные не об отдельных точках, а о линиях, составляющих изображение, причём эти линии описываются с помощью математических формул.
– Нет, лучше без формул. Пусть будет по точкам.
Да ладно тебе. Составлять формулы и считать будет компьютер. Твоё дело – красиво нарисовать.
Фотографию в таком формате сохранить очень трудно, а рисунки вполне. Зато векторные изображения гораздо проще масштабировать, то есть уменьшать или увеличивать, а также производить над ними другие изменения. Только пересчитать всё по формулам, и готово. Качество картинки остается таким же хорошим, как и было.
– А какие ещё можно делать изменения?
Кроме простого увеличения или уменьшения, изображения можно сплющивать, растягивать, менять один цвет на другой, вытягивать нарисованному человечку нос или уши, не стирая их резинкой и не перерисовывая заново, а всего лишь потянув за точку контура.
– Здорово!
А ещё я обещал рассказать, как в компьютере хранится информация о цвете.
– Если буквы хранятся какими-то кодами символов, то цвета, видимо, тоже как-то цифрами записаны.
Молодец, Петя, соображаешь. Только разница в том, что букв в русском алфавите всего тридцать три, а различных цветов и их оттенков бесконечное множество.
Всем-всем буквам всех-всех языков на Земле, даже уже вышедшим из употребления, действительно присвоен свой номер. Составлены таблицы не только букв, а вообще всех символов, которые могут встретиться в текстах – нот, математических значков, различных скобок, знаков доллара и евро… Значков-букв очень много. И таблицы эти постоянно расширяются. Но всё равно это в принципе конечное множество. Списки эти составлены и теперь используются всеми текстовыми редакторами и программами. А как быть с цветами?
– Тоже составить список: красный, фиолетовый, розовый.
– Ага. Розовый, светло-розовый, светло-светло розовый, потом ещё розоватый, розовенький и так далее.
Правильно, Петя. Списками с цветами не разберешься.
Я потому и решил рассказать вам о хранении картинок, что здесь есть один очень любопытный момент. Вы, наверное, знаете, что, смешивая краски двух цветов, можно получить какой-то совсем новый третий оттенок?
– Да, красный и жёлтый вместе дают оранжевый.
– А если смешать синий с красным, то получится фиолетовый.
А если нарисовать большую каляку-маляку, перемешав все-все краски, то получится большое чёрное пятно.
– Ага. У меня часто так выходит.
И всё это происходит в соответствии с законами цветовосприятия, то есть с законами физики.
– Надо будет рассказать об этом учительнице рисования!
Я думаю, она знает.
Все-все-все оттенки цветового спектра можно выразить, задавая количество всего трёх цветов – красного, зелёного и синего. Это называется цветовой моделью RGB, от «Red» – красного, «Green» – зелёного и «Blue» – синего.
Чтобы задать цвет, указывают, сколько в нем каждого из этих трёх основных компонентов. При этом обычно 255 является максимально возможным числом, что позволяет передавать шестнадцать миллионов различных оттенков. Например, R:100, G: 50, B: 80 – это тёмно-фиолетовый. Красный – это R: 255, G: 0, B: 0, то есть полное наличие красного и отсутствие остальных. Зелёный – R: 0, G: 255, B: 0.
Может, вы скажете мне, как записать в модели RGB синий цвет?
– Видимо R: 0, G: 0, B: 255.
Правильно.
Белый цвет выражается как R: 255, G: 255, B: 255, то есть наличие всех цветов, а чёрный R: 0, G: 0, B: 0, то есть полное отсутствие цветов – пустота.
– А ведь Вы говорили, что наличие всех цветов это как раз получится чёрный.
Это потому что когда вы рисуете, то наносите все цвета на белую бумагу. То есть белый уже присутствует в вашей мешанине как изначальный цвет фона. Для экрана монитора, наоборот, изначальным цветом фона является чёрный.
Кстати, есть другая цветовая модель, как раз более удобная в случаях, когда изображение готовят для печати на бумагу. Это модель CMYK. В ней все цвета задаются соотношением голубого (Cyan – буква «C»), пурпурного (Magenta – буква «M»), жёлтого (Yellow – буква «Y») и чёрного (blacK – буква «K»).
– А почему от черного буква «K», а не «B»?
В слове «black» выбрали букву «k», чтобы не путать с «Blue» – синим.
– И здесь всё по-разному! То так, то этак.
Да, тема-то очень сложная. Художники хотят, чтобы их картины были напечатаны как можно качественнее. Чтобы ни один оттенок цвета не пропал. Так что приходится поломать голову, как этого добиться.
Я, кстати, хочу здесь обратить ваше внимание, что информатика – это не какая-то отдельная наука. Посмотрите, как в случае с хранением изображений она связана и с рисованием и с физикой. Почему вы видите радугу на небе и почему она состоит из семи основных цветов, вы будете проходить на физике, когда дойдете до её раздела, под названием оптика. Цветовой круг, в котором все цвета плавно-плавно переходят из одного в другой, замыкаясь в единое кольцо, вам покажут на рисовании. И научат смешивать цвета. А информатика на основе этих знаний придумала как хранить картинки в компьютере.
Для программистов всегда существует какая-то «предметная область». Нужно знать что-то ещё, кроме самого компьютера. Поэтому в школе нет ненужных предметов. Вы не знаете, что вам потом когда-нибудь пригодится.
– И физкультура?
Физкультура, я думаю, вам уже пригождается.
Ладно, вернемся к нашим картинкам.
Рисуют или изменяют изображения, как мы уже говорили, в специальных программах – графических редакторах. Их, как и для текстов, существует довольно много. Все возможности этих редакторов придётся изучать отдельно, когда они вам понадобятся. Я уверен, что вы с этим прекрасно справитесь.
– Ага. Маша, а давай возьмём фотографию нашего класса и всем чего-нибудь смешное пририсуем.
– Давай. Только придётся себе тоже что-нибудь пририсовать, чтобы отвести подозрения. Мне, например, корону.
– А мне генеральские погоны.
– А всем остальным рожки и лохматые причёски!
Ну что ж, ради ерунды чему-то полезному научитесь. И то хлеб. Принесите потом результат показать. Только вам сначала надо отсканировать фотографию, чтобы получить файл с изображением, а потом уже изменять его в графическом редакторе.
– Мы придем к вам и будем обо всём спрашивать.
Хорошо, договорились. У меня на компьютере установлен графический редактор, который называется Photoshop.
– А вы ещё обещали рассказать про компьютерный карандаш.
Да, действительно обещал. Сейчас расскажу. И не только про карандаш, а ещё про кисточки, стирательные резинки и многое другое. Это компьютерная имитация настоящих инструментов художника. Все они собраны на специальной «панели инструментов». Вам остаётся только выбрать нужный. Тыкаешь мышкой в нарисованный карандашик или кисточку, и они сами рисовать начинают.
– Сами?
Ты мышкой водишь, а они рисуют.
– А что, карандаши всех цветов имеются?
– И к кисточкам ещё нужны краски!
Для выбранного инструмента, будь то карандаш или кисточка, можно указать цвет, толщину рисуемой линии, степень размытости и, при желании, множество других свойств. Так что получается, один компьютерный карандаш заменит вам целый набор цветных карандашей, а одна кисточка – целый арсенал художника.
– А фломастеры есть?
Неожиданный вопрос. Даже не знаю. Думаю, что в данном случае карандаш и фломастер – это одно и то же.
– А золотая краска есть? Это моя любимая.
Ну и вопросы вы задаёте. Не знаю, Маша, точно, но думаю, что можно подобрать и золотую.
– Кажется, что рисовать на компьютере очень просто.
Да. Теперь вообще можно рисовать на планшете как на бумаге. Привычно и удобно.
Конечно, для профессиональной работы дизайнеры и художники должны знать массу возможностей графических редакторов и уметь ими пользоваться. Но пририсовать рожки у вас получится и без длительной подготовки. Садитесь, попробуйте. Вот на панели инструментов карандаш, вот стирательная резинка, вот палитра, в которой можно выбирать цвет. Каждое сделанное действие можно отменить, если что-то вдруг не получилось. Просто вернуться на предыдущий шаг.
– Здорово. А то на бумаге бывает стираешь-стираешь резинкой так что дырка в бумаге получается.
– Ага. А я на рисовании как-то поставил кляксу и так мечтал о команде «Отменить»! Компьютеры всё-таки удобная штука!
Я тогда оставлю вас одних, пойду проверять контрольные работы. А завтра поговорим о форматах всяких других файлов. Ведь на компьютере хранятся и песни и фильмы и, наверное, самое интересное для вас – игры.
– Ура! Наконец-то игры! Скорее бы следующее занятие.