оглавление природа цвета восприятие человеком цветовые модели rgb cmyk hsb lab компьютерное представление палитры индексированные полутоновые изображения изображений векторная графика растровая характеристики растровых графические форматы растровые jpg psd adobe photoshop tiff joint photographic experts group сводная таблица форматов векторные illustrator eps encapsulated postscript cdr coreldraw wmf windows metafileприрода цвета восприятие человеком посмотрите вокруг что видите предметы стол стул солнце или море задумывались каким образом все это многообразие воспринимается свет электромагнитное излучение волна которая распространяется пространстве так звук другие волны которые ощущаем процессе восприятия обработки участвуют две стороны который смотрим собственно человеческий глаз также мозг обрабатывающий информацию полученную через глаза давайте разберем видим сетчатке человеческого находятся рецепторы колбочки палочки всего глазу располагается около 130 миллионов палочек колбочек распределение рецепторов неравномерно области желтого пятна преобладают очень мало периферии сетчатки наоборот число быстро уменьшается остаются одни только отвечают свою очередь сумеречное зрение например ночью серым потому работают днем счет чего зрительные пигмент родопсин разлагается под действием света палочках колбочках эту роль выполняет йодопсин теперь природу отталкиваясь физиологии зрения различают типа проявляющих наибольшую чувствительность трем основным цветам видимого спектра красно оранжевому 600 700 зеленому 500 синему 400 таким для любого наш смешивает эти учитывая еще один параметр интенсивность поэтому самой физиологичной системой кодировки является rgb red green blue смесь состоящая 100 каждого дает белый отсутствие всех цветов черный формируется предмета ответ дневной попадая частично поглощается отражается вот этот отраженный видимыми являются лежащие диапазоне 760 380 миллимикрон ниже рисунке представлено соответствие длины этой точки белым такой полностью падающий него черным весьцветовые модели rgb cmyk hsb labrgb флеш цветовая модель 927 при просмотре включите звук как рассматривалось предыдущей главе самая естественная система кодировки цвета построена основных цветах которые воспринимают разные виды колбочек каждый красный зеленый синий имеют один 256 уровней интенсивности эту систему еще называют аддитивной потому что увеличением яркости отдельных результирующий тоже становится ярче рисунке показано смешиваются например дает желтый даст фиолетовый равной всех трех получаются градации серого максимальной белый отсутствии черный точки зрения редактирования изображения экране компьютера эта является наиболее удобной так обеспечивает доступ всем миллионам могут быть выведены недостатком этой системы созданные этом режиме печать для печати используется cmyk которую рассмотрим нижеcmyk флеш цветовая модель 517 при просмотре включите звук отличие rgb является субтрактивной системой есть бумаге максимальная яркость дает черный отсутствие белый этом принципиальное различие раскладывается она тоже другому cyan голубой magenta пурпурный yellow желтый black эта система используется для печати поэтому если компьютере редактируете изображение режиме перед печатью переведите его рисунке показано как смешиваются цвета этой системе дают глубокий синий красный зеленый образуют грязно коричневый делает любой более темным красителя интересная особенность системы что смотря количество каналов целых четыре каждый них содержит 256 градация яркости цветовое пространство уже чем типографские краски могут передать все визуально насыщенность ниже собственно получения полной палитры требуется усиления черного недостаточно качественной накатки полиграфических машин еще один моментов работе цветовом такой точного соответствия цветового отображения рисунка мониторе необходимо очень хорошо отколибровать потому часто сделаете будет выглядеть совсемhsb флеш цветовая модель 318 при просмотре включите звук следующая система которая используется компьютерной графике растровые форматы используют систему для хранения изображений так как она содержит всего миллиона системе разлагается три составляющие hue цветовой тон частота световой волны отражающейся объекта который видите saturation насыщенность является чистотой цвета это соотношение основного тона равного яркости бесцветно серого максимально насыщенный вообще чем меньше нейтральней труднее однозначно охарактеризовать brightness яркость общая минимальное значение этого параметра превращает любой черный работе графических программах помощью очень удобно подбирать представление этой модели согласуется восприятием человекомlab преимущества цветового режима заключается том что дает доступ как цветам rgb так цветовой палитре cmyk это работы для профессионалов некоторые авторы советуют работать именно ним проблема здесь немного сложен восприятия если его освоить даст вам преимущество работе вэб полиграфией заполняет пробел существующий между например цветовая модель rbg хорошо воспроизводит диапазоне синего зеленого страдает недостатка желтых оранжевых оттенков отсутствующих модели хватит чтобы закрасить стадион система лишена этих недостатков итак приступим рассмотрению использует три канала первый соответствует яркости luminosity два других цветовые параметры обозначаются буквами содержит темно через серый розового светло желтого еще одна делать когда photoshop переводит изображение используется алгоритм где промежуточной стадией этой трансформации являетсякомпьютерное представление цвета давайте разберемся как обрабатывает информацию цвете компьютерные изображения отображаются специальных устройствах мониторах принтерах проекторах подавляющее большинство отображения широко используемых компьютерной технике являются матричными есть все поле вывода делится множество точек например часто используется разрешение 1024х768 это означает что для матрица имеющая точки горизонтали вертикали попробуйте посмотреть экран через увеличительное стекло увидите состоит таким образом чтобы отобразить точку экране надо передать монтор положение 501 155 значение составляющих красного синего зеленого хотя почти используемые растовыми хранить изображение памяти компьютера можно способами векторном растровом форматах два возможных математического описания векторный помощью математических формул растровый массив цифр первый относится векторной графике второй растровой отметим растрового нужны параметра пространстве кодируется модели rgb происходит каждый основных цветов именуемых каналами имеет 256 градаций оттенков поэтому того выбрать точный нам нужно указать цифры каждая cmyk четыре здесь указываются процентах 100палитры что такое цветовая палитра это набор который используется для воспроизведения изображения разных рисунков используются разные наборы естественно типы различаются количеству которые они себя включают черно белая bitmap включает только два цвета черный белый серая grayscale каждый элемент может иметь один 256 оттенков серого битная всей гаммы воспринимаемых человеческим выбираются здесь уже 65000 цветовых truecolor размер файла зависит того сколько было использовано какая была применена поэтому чем больше используем тем становится кодирования каждой точки требуется больший объеминдексированные цвета индексированного изображения максимальная возможность цветопередачи равна битам есть индексированное изображение может нести себе более 256 цветов устроено так такая организация делает размер его файла небольшим наряду высокой скоростью обработки небольшими размерами файлов удобными средствами для управления цветом имеют серьезный недостаток связанный ограниченными возможностями цветовой таблицы поэтому этот формат применяется кнопочек иконок других нуждающихся большом количествеполутоновые изображения полутоновых изображениях или grayscale оттенки серого единичный элемент такого может иметь один 256 оттенков цвета наш взгляд даже без буйства красок достаточно выразительны если сказать более потому что внимание акцентируется именно предмете композиции настроении цветах эти отлично выглядят любом графическом режиме могут быть напечатаны любой типографии ними почти отсутствует проблема калибровки мониторапредставление изображенийвекторная графика для вывода изображения компьютер используются разные способы оцифровки другими словами математические методы обработки информации основных методов два векторный растровый преобразует информацию помощью математических формул функций при помощи массивов этой главе рассматриваем как векторную графику давайте примере разберем будет форматироваться изображение например нам надо нарисовать окружность формула длины окружности известно равна 2pr создания требуется всего лишь параметра координаты центра радиус поэтому программа создавать прямо перед выводом отличие растровых форматов которым прорисовки нужно знать количество всех точек плюс сглаживании потому что или минимальная точка квадрат какие существуют программы редактирования векторного самыми распространенными являются coreldraw adobe illustrator macromedia freehand где используется традиционно векторной графикой шрифтов логотипов так верстке полиграфической продукции визиток буклетов журналов области векторное представление имеет значительное преимущество растровым печати векторные файлы выглядят четче чем растровые контуры векторных объектов создаются непосредственно печатаемых принтером располагаются относительно друга таким образом чтобы создать возможности полную иллюзию плавности границ чего нет попробуйте напечатать переведите напечатайте еще видите разницу итак преимущества формата маленький размер файла абсолюбтная масштабируемость отличная печать дополнение сказать трехмерного моделирования тоже построены векторах если любите хорошие спецэффекты фильмах стало благодаря программам maya unlimitted 3ds max lightwave следующей рассмотрим растровую недостатки дизайнерской работе применяется растровая пропускайте следующую главурастровая графика этой главе рассматриваем растровый метод для того чтобы понять основной принцип растрового метода представьте тетрадный лист клеточку каждая клетка которого закрашена разные цвета есть наш массив информации его описания нужно знать параметра положение пространстве если представить уже закрасили 1000 таких тетрадных листов смотрим них большого расстояния увидим отдельных закрашенных клеточек будем воспринимать как нечто целое именно формируется растровое изображение растровую карту карта представляет собой набор троек чисел две координаты растра плоскости основные разбиваются оттенки светлого темному каждому оттенку присваивается цифровое значение например самому светлому 256 подробнее цветовых моделях рассказывали выше давайте теперь рассмотрим характеристики растровых изображений первым основным свойством является разрешение термин используется определения количества единичных элементов растровой карты приходящихся единицу длины изображения общего фиксированных значений ширины чем точнее будет воспроизведено цветовые переходы соответственно больше размер файла картинка низким разрешением высоким второе важное используемый отображения наиболее употребляемые типы палитр такие черно белая bitmap включает себя только два черный белый серого grayscale каждый может иметь один оттенков битный всей гаммы воспринимаемых человеческим выбираются здесь 65000 truecolor преимуществом возможность передавать огромное количество плавных переходов между ними поэтому оцифровке фотографий пользуются растровым методом одним основных недостатков невозможность корректных трансформаций поворот увеличение уменьшение различного рода искривленияхарактеристики растровых изображений какие существуют растрового изображения выделяют две основных разрешение цветовая палитра говорили них предыдущих главах здесь обсудим подробнее давайте рассмотрим что такое экранные пиксели часто можно спутать друг другом стандартный дюймовый монитор имеет 800 экранных пикселей длину 600 высоту эти настолько маленькие невозможно разглядеть каждый занимает площадь квадратного дюйма растровой карты измеряется точках dpi это означает одном дюйме например разрешении содержится единичных элемента пикселя точек другому представить экранное размер экрана вашего монитора значит экранный пиксель всего лишь один равен сантиметра для того чтобы понять разницу между экранными пикселями посмотрите рисунки ниже изображение разным увеличением первом рисунке каждому пикселю рисунка соответствует отображаемый монитором втором исходного уже 256 файла напрямую зависит количества изображении поэтому чем больше тем будет использование разрешения 300 интернет неоправданно потому заметите разницы экране значительно увеличится второй основной характеристикой является рассматривали структурируем информацию итак графике используются видов bitmap grayscale битный цвета выстроены порядке увеличения есть если тот рисунок будем сохранять разной цветовой палитрой битмапа битного возрастать отображение графики мониторах отображается графика мониторе примере показанном прошлой главе видим обычном построены принципе постоянного обновления весь обновляется постоянной частотой частота герцах секунду выше стабильнее нем отсутствуют моргание которое легко можете увидеть видеосъемке фотографировании высокой более глаза почти устают напомним обновление построчное строка строкой постепенно отличие телевизионных трубок где оно чересстрочное первый цикл четным строчкам нечетным вашем такой значок любом поддерживает беспокоиться свое зрение tco95 своем стандартном менее тоже вполне приемлемо работы компьютером вас возникнуть вопрос векторная растровом прост векторное хранится формул памяти компьютера непосредственно перед выводом генерируется выводится заключается большое преимущество векторного формата очень просто хранить правило много места масштабироваться без потери качества увеличивать любых размеров останется векторные гораздо качественнее отображаются печати представление принтерах бывают принтеры типа матричный струйный лазерный полноцветной лучше подходит фотография напечатанная таком принтере уступит оригиналу лазерные цветные распространены дороговизны другой важный момент относятся cmyk устройствам картридже находится краски которые смешиваются давая нужный важно перевести стандартное rgb избежать сюрпризов цветом хотя будете печатать драйвер сам скорвертирует еще который необходимо обсудить которым выводить печать этой фотографии 410 307 dots per inch вообще вэб этого недостаточно получится либо маленькая картинка растянуть качество совсем низким результат посмотреть рисунках какое нужно получить хорошее глянцевом журнале должны картинку действие поможет исходный должен быть разрешением меньше сканеры дизайнерской работе незаменимая вещь ворох старых фотографий которых создать интересный коллаж увидели красивую которая гармонично впишется разрабатываете отсканировать лист цветок гербария пофантазировать неплохая текстура цифровой камеры единственный инструмент позволяет реальное сделали своими руками прибор позволяющий оцифровать бумаге фотопленке настоящее время типов сканеров ручные листовые планшетные слайд барабанные сейчас встретите дают невысокое применяются быстрого сканирования сидите библиотеке хочется переписывать надо достать провести странице готов понадобится ноутбук рукой занимают промежуточное положение ручными планшетными ручных листовых механизм равномерно дрожания ручном сканировании самый распространенный класс подразумеваете понятием скорее планшетный хорошо хорошим вэба два последних разряду профессионального оборудования упомянем профессиональные фотографы пленки создания качественной рекламы баннерах города технологии ccd матриц сканере располагается прозрачном неподвижном стекле вдоль которого передвигается сканирующая каретка источником света оптическая система сканера проецирует световой поток сканируемого оригинала приёмный осуществляет разделение информации цветах используемый современных сканерах подключении компьютеру установить программное оборудование поставляемое вместе сканером собственная программа помощи которой откалибровать изменять настройкиграфические форматы растровые jpg psd adobe photoshop tiff joint photographic experts group сводная таблица растровых форматов векторные illustrator eps encapsulated postscript cdr coreldraw wmf windows metafileрастровые форматы jpg psd adobe photoshop tiff joint photographic experts group сводная таблица растровых форматовjpg формат jpeg принципиально отличается всех уже рассмотренных форматов тем что сохраняет изображение необратимой потерей качества исходного изображения алгоритм основан восприятии человеческим глазом разбивается блоки размером 8х8 собственно ведет поэтому очень важно правильно настроить сохранении чтобы потеря была незаметна для глаза посмотрите примере коэффициенте сжатия или несопоставимо меньше начального файла так как данный сохранять нужно лишь финальной стадии когда размещаете фотографию показа экране компьютера хранение доверьте другим форматам например tiff psd исходный минимальный максимальный png существует разновидность называемая progressive иногда удобно использовать выводе загрузки проявляется размытого становится более отчетливымpsd adobe photoshop пожалуй самый дизайнерский формат потому что это родной программы которая является самой распространенной для растровой графики этом формате используется алгоритм сжатия без потерь rle packbits поддерживает глубины цвета вплоть бит канал битные цветные черно белые также альфа каналы слои контуры прозрачность векторные текстовые графические формы конечно специальные возможности которые имеются такие как эффекты слоев дополнительные группы данный файл содержит основное изображение красивый пейзаж заката текстовый слой векторный виде волнистых линий чем можете спросить лучше tiff ответ хранится информация вашей работе вот например небольшая тень словом очень просто изменить если был другой вам пришлось попотеть получения того результатаtiff joint photographic experts group формат был разработан компанией aldus является стандартом для хранения графического растрового изображения отличие jpeg ухудшает качество алгоритмы сжатия которые может использовать этот следующие lzw deflate или лучше сохранять без так как все брайзеры понимают эти поддерживает палитры cmyk rgb lab поэтому применяют полиграфии формате поддерживаются альфа каналы слои анимация возможна интернет браузеры интернета существует только формата gif png исходный файл 252 сжатие zip 142 154 видите использовании алгоритма размер значительно уменьшился необратимо потерялосьсводная таблица растровых форматов глубина цветакачествоалгоритм сжатияанимацияинтернет прозрачностьслои применение bmp24 bit без потерьrle windows иконки кнопочки обои gif256 потерьlzwесть баннеры рисованная графика png256 потерьdeflate качествен для jpeg24 потерейjpegнет фотографическое изображение tiff24 bitбез хранение графической информации потери качества psd packbits редактирования photoshop pdf24 просмотр adobe acrobat readerвекторные форматы adobe illustrator eps encapsulated postscript cdr coreldraw wmf windows metafileadobe illustrator наиболее распространенными графическими векторными редакторами данный момент являются coreldraw каждая программа имеет свой родной формат который учитывает включает себя особенности каждого редакторов неудобство такого количества форматов том что нет универсальных просмотрщиков для векторных изображений одним самых распространенных является программы преимуществ этой родство photoshop как них очень похож интерфейс другим плюсом родства возможность прямого переноса векторной формы также экспортирование давайте еще раз пометим существует проблемы потерей качества потому векторное изображение уникальная формула говорится песни слов выкинешь второе векторные изображения большинстве случаев применяются полиграфии родная векторная палитра rgb cmyk kонечно любом этих присутствует хранения цветовой информации rbg поэтому когда работаете растровыми сразу помните цветовых палитрах хранит себе информацию формах цвете слоях которые могут быть только есть если вам нужно создать фотографиями можете смело импортировать вашу фотографию один слоев недостатков этого формата максимальный размер 3x3 метра почему спросите разделе меньше рисунков предыдущем бесполезно либо рисовать просмотра рисунка нужен векторный файлыeps encapsulated postscript является самым универсальным форматом для хранения данных этот может хранить информацию как векторную так растровую предназначен печати устройствах есть обычных принтерах полиграфии существует множество разновидностей этого формата стабильным сих пор разработанный фирмой adobe обычно записывается конечный вариант работы перед печатьюcdr coreldraw формат как уже видите названия является родным для самого популярного редактора векторных изображений также может храниться информация формах растровых слоях цветах одним преимуществ этого формата возможность встраивать шрифты например если используете какой редкий которого нет другом компьютере который хотите перенести изображение можете вместе самим рисунком сохранить данный другим преимуществом максимальный размер изображения квадратных метров есть одном файле несколько страниц расшифруем вам нужно создать брошюру внутри одного файла сделать нужное количество каждую редактировать отдельно еще одна тонкость выходе каждой новой версии программы предыдущая версия coreldraw9 поймет сохраненный coreldraw10 старшеwmf windows metafile еще один родной формат этот раз векторный отличие bmp растровый преимущество данного формата том что его понимают любые графические программы под например самый популярные браузер графики acdsee покажет вам cdr eps сможете увидеть плохо работает цветами сохранении файла будьте готовы тому цветовая гамма вас будет совсем такая какую ожидали