Растровые и векторные изображения в фотошопе. Растрирование в Adobe Photoshop CS5

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

Растровые и векторные изображения

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

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

Как и зачем растрировать изображение

Так, с видами изображений разобрались, вернемся к растрированию. Попросту говоря, термин «растрировать изображение» означает преобразование картинки, состоящей из множества фигур, в такую, что полностью состоит из точек. Растрировать изображение можно при помощи Adobe Photoshop или другие подобных , который использует для работы векторные изображения, ведь их легко и просто масштабировать или редактировать (например, менять шрифт, деформировать строку и т.п.).

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

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

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

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

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

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

Допустим, создали слой-фигуру:

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

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

Примечательно, что обратного процесса из растра в вектор в фотошопе нет. Учитывайте этот факт.

Примечание

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

Как растрировать слой

Растрировать слой несложно: кликните правой кнопкой мыши по векторному слою. В контекстом меню будет присутствовать команда Растрировать слой (Rasterize). Нажмите ее и фотошоп все сделает.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Шаг 1. Растрируем текст

Для начала создайте в Photoshop новый документ с черным фоном. На новом слое напишите белый текст, воспользовавшись инструментом Горизонтальный текст (Horizontal Type Tool). Я выбрал для своей работы полужирный шрифт Arial.

На данном этапе мы получили такую схему слоев:

Убедитесь что вы стоите на слое с текстом (активный слой подсвечен синим цветом).
В строке меню (в верхней части экрана) выберите Слой >Растрировать > Текст (Layer > Rasterize > Type).

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

Шаг 2. Создаем копии слоя

На данном этапе нам необходимо создать три копии растрового текста. Для этого проще всего использовать комбинацию горячих клавиш Ctrl + J (Win) / Command + J (Mac). Либо сделать щелчок по текстовому слою правой клавишей мыши и в подменю воспользоваться командой "Создать дубликат слоя " (Layer via Copy).

Копия будет автоматически размещена над оригинальным слоем:

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

Шаг 3

Нажмите на слой-оригинал с текстом, для того что бы сделать его активным.

Шаг 4. Используем фильтр "Размытие в движении"

В верхней части экрана перейдите к Фильтр > Размытие > Размытие в движении (Filte > Blur > Motion Blur).

После проделанного пути вы перейдете к диалоговому окну фильтра. Давайте начнем с добавления вертикального размытия к тексту. Изменить угол размытия до 90 °, а затем начинайте перетаскивать ползунок "Смещение " (Distance) (в нижней части диалогового окна) в правую сторону, чтобы увеличить степень размытия. За результатом ваших изменений вы можете наблюдать в окне просмотра фильтра. В моем случае я остановился на значении смещения в 150 пикс.. Ваше значение может быть иным, так как конечный результат зависит от первоначального размера холста и текста.

Когда вы закончите, нажмите кнопку ОК, чтобы закрыть диалоговое окно и применить фильтр.

Шаг 5

Нажмите на слой-копию выше слоя-оригинала с текстом, для того что бы сделать первый слой-копию активным.

Шаг 6. Повторно используем фильтр "Размытие в движении"

Нажмите комбинацию клавиш Ctrl + Alt + F (Win) / Command + Option + F (Mac), это быстрый способ перейти к последнему фильтру, который был применен (в нашем случае это фильтр Размытие в движении (Motion Blur)). После нажатия данной комбинации в Photoshop будет вновь открыто диалоговое окно фильтра. На этот раз мы добавим горизонтальное размытие в движении, изменив угол до 0 °. Значение для параметра "Смещение" (Distance) я оставил прежним, как в варианте с вертикальным размытием.

Вы конечно можете изменить значение для "Смещение" по собственному вкусу. Когда будете довольны результатом нажмите "Ок", что бы применить фильтр.

Шаг 7. Объединяем слои

Зажмите клавишу Shift и выделите два слоя с размытыми буквами. Затем нажмите комбинацию клавиш Ctrl + E или воспользуйтесь пунктом Объединить слои (Merge Down), нажав правую клавишу мыши и выбрав данный пункт в подменю. Это позволит слить два слоя в один.

После слития слоев, в вашей палитре останется три текстовых слоя.

Шаг 8. Применяем фильтр "Размытие по Гауссу"

Края размытого текста выглядят слишком резкими, так что давайте применить другой тип размытия, чтобы смягчить их. Перейдите к Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).

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

Для того что бы применить фильтр нажмите "Ок". На данном этапе ваш текст выглядит подобным образом:

Шаг 9

Теперь перейдем к следующему слою, который находится над объединенным слоем с размытым текстом ("Копия 2" ("copy 2")).

Шаг 10

Нажмите Ctrl + Alt + F (Win) / Command + Option + F (Mac) на клавиатуре. Это еще раз повторно откроет диалоговое окно последнего фильтра, который вы использовали (на этот раз это фильтр Gaussian Blur).
Мы используем данный фильтр еще раз, для того что бы придать эффект свечения вокруг букв. Перетащите ползунок значения радиуса вправо (увеличьте значение), до тех пор пока вокруг неразмытых букв не появится свечение. В моем случае было достаточно значения в 8 пикс..

Нажмите "Ок". Как результат у вас должен получится эффект мягкого света вокруг текста.

Шаг 11

Перейдем к слою с третей копией текста. Этот слой мы оставим без изменений.

Шаг 12

Повторим шаг №7 и объединим два слоя - "Копия 2" и "Копия 3" (Слой > Объединить слои (Layer > Merge Down)). Таким образом ваша палитра слоев будет состоять из трех слоев: фоновый и два текстовых.

Шаг 13

Встаньте на верхний текстовый слой и нажмите на иконку "Добавить слой-маску" (Layer Mask).

Возле основного слоя у вас появится дополнительная миниатюра, которая говорит о том, что маска слоя добавлена.

Шаг 14

В панели инструментов активируйте инструмент Градиент (Gradient Tool), нажав на соответствующую иконку.

Шаг 15. Воспользуемся черно-белым градиентом

Нажмите на клавиатуре кнопку "D ", для того что бы установить цвета по умолчанию (черный и белый). Сделайте щелчок правой кнопкой мыши в любом месте документа, для того что бы быстро перейти к палитре выбора градиента. Из представленного списка выберите черно-белый градиент. Когда выбор сделан, нажмите клавишу Enter . Палитра градиентов будет закрыта.

Шаг 16

Теперь установим тип градиента. Это очень просто сделать, нажав в палитре на иконку "Зеркальный градиент " (“Reflected Gradient").

Шаг 17

Тип градиента выбран. Для того что бы им воспользоваться, встаньте на слой-маску. Затем сделайте щелчок мышкой в центре текста на холсте, чтобы установить начальную точку для градиента. Зажмите клавишу Shift и протащите линию градиента вверх, в начало текста. Удерживание клавиши Shift облегчает рисование ровной линии.

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

Процессы типографской печати требуют наличия в макете иллюстраций, обрабанных специальным образом. Полутоновые одноцветные иллюстрации должны быть растрированными , а цветные еще и цветоделенными . Для типографии макет поставляется на прозрачной пленке в натуральную величину. Вывод документа на пленку осуществляется с помощью фотонаборных автоматов . В самом грубом прлижении они похожи на лазерные принтеры, только лазер засвечивает не светочутвительный барабан, а фотопленку. Все фотонаборные автоматы используют язык PostScript и имеют в несколько раз более высокое разрешение печати, чем лучшие принтеры (в среднем 3600 dpi). Фотонаборные автоматы - весьма дорогостоящие и сложные устройства, покупку которых может позволить себе далеко не каждое издельство. Для вывода оригинал-макетов, как правило, прибегают к услугам сервиюро, специализирующихся на допечатной подготовке.

Линейные растры

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

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

Рис. 17.9. Растрированное изображение

В отличие от фотографии растровая точка не может иметь какого-либо оттеа - она всегда черная. Для передачи оттенков в процессе растрирования формуются растровые точки разных размеров. Между более "жирными" точками, на-

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

Рис. 17.10. Имитация темных и светлых оттенков серого с помощью растра

Цифровые растры

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

Такой растр представляет собой совокупность квадратных ячеек, на которые разбито изображение. Каждая ячейка отводится для одной растровой точки. Раровая точка, в свою очередь, состоит из группы "реальных" точек одинакового размера, создаваемых устройством вывода. Чем большая часть такой ячейки золнена точками принтера, тем больший размер имеет формируемая ими растрая точка и более темный оттенок серого она передает. Например, чтобы добитя заливки участка изображения 50% серым, программа растрирования (растеризатор) заполнит этот участок растровыми точками, каждая из которых будет представлять собой наполовину заполненную ячейку растра. При необхимости передать 25% серый ячейки растра заполняются черным только на чеерть (рис. 17.11).

Рис. 17.11. 2 50%-е растры под увеличением

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


а б в г

Рис. 17.12. Различные формы растровых точек:

а - круглая; б - эллиптическая; в - квадратная; г - линейная

Заметьте, что цифра, указываемая в паспорте принтера как разрешение (напрер, 600 dpi), представляет собой количество "реальных" точек, которое может нечатать принтер на единичном отрезке длиной 1 см или 1 дюйм. Количество раровых точек, приходящихся на единицу длины (шаг сетки растра), называется линиатурой и измеряется в так называемых линиях на дюйм (lines per inch, lpi) или линиях на см (lines per centimeter, lpc). Поскольку для формирования растровой точки требуется несколько реальных точек, линиатура растрового изображения всегда оказывается ниже разрешения принтера.

Линиатура и количество градаций серого

Отношение разрешающей способности устройства вывода к линиатуре растра дает размер стороны ячейки растра, измеренный в точках принтера. Максимальное количество точек принтера, образующих растровую точку, равно квадрату стороны ячейки. Так, например, если линиатура растра установлена в 100 lpi, а разрешение принтера - 600 dpi, сторона ячейки растра будет равна 600/100 = 6 точек. При этих условиях растровая точка формируется из 6 6 = 36 точек принтера.

От линиатуры растра также зависит видимое качество иллюстраций. Чем выше линиатура, тем менее заметны образующие растр точки, и отпечаток ближе к фотрафическому оригиналу. Как видите, полученные нами 50 lpi - очень небольшое значение. Если отпечатать с такой линиатурой иллюстрацию размером с почтовую марку, вряд ли вы сможете определить, что же на ней изображено. Ведь каждая стра растровой сетки будет содержать всего 50 точек.

При печати на офисном принтере для увеличения линиатуры растра приходится жертвовать количеством передаваемых оттенков серого. В большинстве 60очечных принтеров значение линиатуры растра по умолчанию равно 85 lpi. При такой линиатуре количество оттенков серого на изображениях не превышает (600/85)2 + 1 = 50. Это в три раза меньше минимума, определенного в 150 оттенков. Отсюда невысокое качество печати изображений на офисных лазерных принтерах (рис. 17.13).

а б в

Рис. 17.13. Изображение,

отпечатанное с линиатурами: а - 50 lpi; б - 85 lpi; в - 100 lpi

Цветоделение и растрирование

Цветные документы представляют более сложный случай растрирования. Оринал-макеты для них должны быть представлены в виде нескольких пленок: по одной для каждой наносимой краски. Разделение цветного изображения на отделые краски (компоненты) называется цветоделением . Простейшим случаем являея использование плашечных цветов, когда каждый из них выводится на отделую пленку. Концепция полутонового растра позволяет пользоваться оттенками при работе с плашечными цветами. Более общим случаем является цветоделение полноцветных документов, где для представления всех цветов используются чете краски модели CMYK, называемые также триадными . Следовательно, полнветные документы выводятся с помощью фотонаборного автомата на четыре пленки, соответствующие базовым цветам этой модели.

Нормальный

15° Голубой 15°

75° Пурпурный 80°

0° Желтый 0°

45° Черный 55°

Рис. 17.14. Углы наклона растров базовых цветов при печати триадными красками и схема возникновения муара

Каждый цвет растрируется отдельно с различными углами наклона растровой сетки. Традиционно угол наклона при печати монохромных документов и печати

плашечными цветами составляет 45- это значение проверено временем и обеспивает наилучшую маскировку линейной структуры растра.

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

Углы наклона растров для базовых цветов подбираются таким образом, чтобы были видны все точки, - без этого цвета не смогут визуально смешиваться внутри человеческого глаза, образуя нужный цвет. В конечном счете углы наклона растров должны быть такими, чтобы точки базовых цветов группировались в виде розеток (см. верхнее левое изображение на рис. 17.14). Каждую такую розетку можно раматривать как некую метаточку цветного растра, образующую цвет в данной тое изображения.

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



Понравилась статья? Поделиться с друзьями: