Adobe Illustrator
яркостью накладываемого цвета. В этом режиме создается эффект, противоположный эффекту режима «Цвет».
Примечание. В режимах «Разница», «Исключение», «Цветовой тон», «Насыщенность», «Цвет» и «Яркость» не
выполняется наложение плашечных цветов. В большинстве режимов наложения черный цвет со
непрозрачностью 100 % маскирует цвет слоя, лежащего ниже. Вместо 100 % чистого черного укажите
насыщенный черный с использованием значений CMYK.
Изменение режима наложения в иллюстрации
1 Выберите объект или группу (или назначьте слой в палитре «Слои»).
Если необходимо изменить режим наложения заливки или обводки, выделите объект и выберите заливку или
обводку в палитре «Оформление».
2 В палитре «Прозрачность» выберите режим наложения в раскрывающемся меню.
Можно изолировать режим наложения для целевого слоя или группы, чтобы сохранить объекты,
расположенные под ними, неизменными. Для этого в палитре «Слои» выберите значок цели справа от группы
или слоя, который содержит объект с режимом наложения. В палитре «Прозрачность» выберите «Изолировать
наложение». (Если параметр «Изолировать наложение» не отображается, в меню палитры «Прозрачность»
выберите пункт «Показать параметры».)
Группа (звезда и круг) с выключенным параметром «Изолировать наложение» (слева) и с включенным параметром «Изолировать
Adobe Illustrator для веб-дизайнера 9) Векторная графика: техники рисунка
В этих конспектах нет основ — рисования прямоуголников, овалов и т. п. Тут записано только то, что отличает Illustrator от других дизайнерских программ.
Содержание серии
Материалы цикла представляют собой мои личные конспекты. Нет времени превращать их в полноценные обучающие статьи, и поэтому свободное отношение к слову может расстроить граммар-наци. Также не исключено, что использование каких-то картинок нарушит авторские права. Это нехорошо, но давно не помню, где и что брал. Я предупредил.
- Введение
- �� Файлы, монтажные области
- �� Cлои
- Перемещение, выравнивание и распределение объектов
- �� Перо и инструмент «Кривизна» (Curvature)
- ��♀️ Правила красивых контуров
- �� Shape Builder Tool (Создание фигур) — ⇧M
- ✏️ Рисование фигур линиями и инструментом быстрой заливки
- ❤️ «Оформление» (Appearance) — палитра и раздел палитры «Свойства»
- �� Направляющие и линейки
- ����♂️ Переходы (Blend)
- �� Перспектива
- �� Cтили графики
- �� Символы
- �� Сетчатые объекты (meshes)
- �� Ресницы, брови, волосы
- �� Кисти и ластик
- ☀️ Распределение объектов по кругу
- ⇧R — Деформация
- ⌘D — Повтор дублирования с равными промежутками.
Object ➜ Transform ➜ Transform Again
�� Маски
Нарисовать фигуру маски поверх маскируемого объекта и сделать одно из двух:
- выбрать Object ➜ Clipping Mask ➜ Make (⌘7)
- нажать кнопку Make Mask в панели Transparency
Или, только для маскируемых изображений:
- нажать кнопку Make/Release Clipping Mask внизу панели слоев
- нажать кнопку Mask в контрольной панели.
Переключаться между маской и маскируемым изображением можно в палитре слоев или в контрольной панели.
�� Режимы наложения
Разбиты на 5 групп: затемнение, осветление, контраст, выворотка, HSL.
- Затемнение. При наложении белого цвета изменений не происходит.
- Darken (замена темным). Те области верхнего слоя, которые темнее нижнего, сохраняются или усиливаются. Более светлые становятся прозрачными.
- Multiply (умножение). Самый популярный режим наложения. Темнота подложки усиливает темными областями верхнего слоя.
- Color Burn (затемнение основы). Максимально контрастное затемнение темных областей.
- Lighten (замена светлым). Противоположность Darken. Светлые области верхнего слоя усиливаются, темные игнорируются.
- Screen (осветление). Самый популярный режим осветления. Итоговый цвет всегда получается светлее. Эффект подобен проецированию на экран нескольких слайдов, один поверх другого.
- Color Dodge (осветление основы). Цвет подложки становится светлее с учетом цвета верхнего слоя.
- Overlay (перекрытие). Самый популярный режим в группе. Совмещает в себе эффекты Screen и Multiply: светлое становится более светлым. Темное — более темным.
- Soft Light (рассеянный свет). Эффект похож на освещение иллюстрации рассеянным источником света.
- Hard Light (направленный свет). Эффект похож на освещение иллюстрации направленным источником света.
- Difference (разница). Вычитает значение цвета подложки из цвета верхнего слоя или наоборот, в зависимости от того, какой из них ярче.
- Exclusion (исключение). Режим аналогичен Difference, но менее контрастен.
- Hue (тон). Верхний слой меняет тон. Насыщенность и яркость такие же, как у подложки.
- Saturation (насыщенность). Верхний слой меняет насыщенность. Тон и яркость такие же, как у подложки.
- Color (цвет). Верхний слой меняет тон и насыщенность. Яркость такая же, как у подложки.
- Luminosity (яркость). Верхний слой меняет яркость. Тон и насыщенность — такие же, как у подложки.
Примечание. Режимы «Разница», «Исключение», «Цветовой тон», «Насыщенность», «Цвет» и «Яркость» не применяются к плашечным цветам. В большинстве режимов наложения непрозрачный черный цвет скрывает нижний слой.
�� Изоляция иллюстрации для редактирования
Двойной клик на группу или контур изолирует ее от остальной графики.
Кроме того, в верхней панели есть кнопка изоляции.
Части составных контуров в изолированном режиме можно копировать, двигать и т.д. — так же, как в Sketch
�� Шаблонный слой — для срисовывания фотографий и эскизов.
Шаблонный слой — это рабочий слой, который не попадает в экспортируемый файл и используется, главным образом, для фотографий или рисунков, которые нужно срисовать в векторном формате.
Чтобы сделать слой шаблонным, надо
- дважды кликнуть в его строке в панели слоев
- в диалоге настроек выставить флаг Template
- в поле Dim images to указать желаемую степень прозрачности (50% по умолчанию, как правило, менять не нужно)
�� Инструмент сглаживания
Помогает сгладить неудачно нарисованные плавные контуры. Надо провести по неудачному фрагменту — можно многократно, можно откатывая — добиваясь лучшего результата.
Инструмент может добавлять новые опорные точки, но результат, как правило, того стоит.
�� Обработка контуров: объединение и разделение объектов
В первой строке палитры «Обработка контуров» (Pathfinder) собраны стандартные инструменты сочетания фигур:
- Добавить к фигуре
- Вычесть из фигуры
- Область пересечения фигур
- Исключить область пересечения фигур.
☝️�� Чтобы результат получился редактируемым, следует нажать на одну из иконок с нажатым Alt’ом.
Во второй строке есть дополнительные инструменты, самый важный из которых — первый, Divide «Разделение». Он разделяет фигуры по контурам, сохранив все составные фрагменты.
Впрочем, того же самого можно сделать Shape Builder Tool.
☝️�� В меню палитры стоит выбрать полезные опции:
Remove Redundant Points и Divide and Outline Will Remove Unpainted Artwork
�� Импорт изображений (⇧⌘P)
- Можно выбрать способ подключения: вложенный (полезен при совместной работе), ссылка (экономия на размере файла.)
- Выбрав изображение и кликнув по надписи Image или Linked File в левом углу контрольной панели, откроем панель изображений документа: как вложенных, там и связанных. В деталях связанного изображения можно кликнуть по пути к нему или иконке цепочки и, при необходимости заменить картинку.
- Кликнув, по иконке «стрелка и листок» в панели изображений перейдем к тому месту документа, где картинка используется. Кликнув по иконке редактирования, откроем картинку в Photoshop’е. Также можно выбрать Edit Original в контрольной панели.
- Также панель изображений можно открыть, кликнув по иконке цепочки в панели свойств.
�� Марионеточная деформация (Puppet tool)
Позволяет изменять позы персонажей, как режиссеру кукольных мультфильмов.
☝️�� Но поскольку редактирование приводит к созданию совершенно нового объекта, в веб-анимации применять нельзя — анимация получится покадровой, а значит, большого файлового размера. Для веб-анимации лучше рисовать подвижные части тела отдельными объектами и вращать и перемещать их в AI. Впрочем, Puppet tool можно использовать для планирования движений персонажа.
- Выбрать инструмент и расставить опорные точки (привязки) — те места в графике которые будут перемещаться и те, которые будут сохранять неподвижность. В рисунках людей и животных — это суставы конечностей, шея, поясница.
Помимо опорных точек вокруг фигуры появится полигональная сетка, отображающая карту возможных искривлений контура. Ее можно скрыть, убрав флаг в панели свойств. 
- После расстановки точек, их можно передвигать, вращать вокруг них части фигуры.
�� Многократное дублирование с равными промежутками.
Перетащить с alt’ом объект и тем самым дублировать его. Дублировать затем каждый новый объект с помощью ⌘D.
�� Warp Tool (Деформация) — ⇧R.
Предназначен для трансформации формы объекта, имитирующей «лепку». Визуально выглядит как смещения пальцем.
Выделите объект, который необходимо подвергнуть деформации и выберите Warp Tool в панели инструментов. Зажмите левую кнопку мыши, когда курсор находится рядом с выделенным объектом и проведите курсором по направлению к нему.
�� Инструмент «Мастер фигур» (Shaper Tool)
Позволяет рисовать линии, прямоугольники, многоугольники и окружности (в том числе — наклонённые на 45º) с помощью мыши или с жестов на экране сенсорного устройства. Приблизительные эскизы превращаются в ровные динамические фигуры.
- Если рисовать многоугольник, он всегда будет гексагоном. Но количество узлов можно изменить, потянув за специальную ручку «мастером фигур».
- Чтобы соединить фигуры, можно мастером фигур нарисовать N или Z в области пересечения.
-  Составные части объединённой фигуры можно редактировать, если дважды кликнуть на ту часть, которую нужно поправить.
- Если начать рисовать зигзаг за границами фигуры, и продолжить на пересечении и фигура и область пересечения будут удалены.
Если начать рисовать зигзаг за границами фигуры, и закончить, не залезая на пересечение, будет удалена только выступающая часть фигуры.
Наложение
По умолчанию при печати непрозрачных перекрывающихся цветов верхний цвет маскирует лежащие под ним области. Для предотвращения маскирования можно использовать наложение цветов и сделать верхнюю накладываемую печатную краску прозрачной относительно нижней краски. Степень прозрачности при печати зависит от краски, бумаги и способа печати. Для определения факторов, влияющих на результат, проконсультируйтесь с типографией.
О наложении цветов
Если цвета, печатаемые с цветоделенных форм, перекрываются или граничат друг с другом, неприводка печатной машины может привести к появлению зазоров между цветами. Для компенсации потенциальных зазоров между цветами в графических объектах используется метод, называемый треппингом. Суть этого метода заключается в создании малых областей перекрытия (или треппинга) между двумя граничащими цветами. Треппинг можно выполнить автоматически с помощью специализированной программы или вручную в программе Illustrator.
Наложение красок можно применять в следующих случаях:
- Наложение черного для упрощения приводки. Поскольку черная краска является непрозрачной (и, как правило, печатается последней), при печати поверх другой краски она выглядит практически так же, как если бы печаталась по белому фону. Наложение черного позволяет исключить зазоры между черной и цветными областями документа.
- Используйте наложение цветов, если иллюстрация не использует общих цветов и вы хотите создать стиль треппинга или эффекты наложения цветов. Если наложение производится на смеси триадных цветов или применяются пользовательские цвета, не использующие никаких общих цветов, цвет наложения добавляется к фоновому цвету. Например, при печати заливки 100 % пурпурного цвета поверх заливки 100 % голубого в результате получается не пурпурная, а фиолетовая заливка. После задания параметров наложения цветов можно использовать режим Просмотр наложения цветов («Просмотр» > Просмотр наложения цветов ), чтобы примерно представить, как будут печататься налагаемые цвета. Также следует тщательно проверить наложение цветов в цветоделенном документе с помощью встроенной проверки (где каждая цветоделенная форма представлена в приводке на отдельном листе бумаги) или проверки наложением (где цветоделенные формы представлены в приводке на отдельных листах пленки, наложенных друг на друга).
Разбираемся с режимами наложения (Blending Modes в фотошопе)
То, каким образом слои взаимодействуют друг с другом, определяется режимами наложения верхнего слоя. По умолчанию режим слоя поставлен в Normal (нормальный), что заставляет содержимое картинки на верхнем слое закрывать части изображений снизу, но в Photoshop есть множество способов регулировать взаимодействие пикселей. Это называется режимами наложения – различные опции дающие пользователю множество способов контролировать смешивание, наложение и любое взаимодействие содержимого слоев.
Новое в рубрике:
Режимы наложения слоев находятся в выпадающем меню вверху панели Layers. Режимы наложения также можно применять к изображениям посредством выпадающего меню на панели инструментов.
Режимы наложения разбиты на 6 различных секций. Секция Basic заменяет базовые пиксели, Darken затемняет базовые пиксели, Lighten освещает их, Contrast увеличивает или уменьшает общий контраст, Comparative инвертирует базовый цвет, и режимы HSL определяют специфический цветовой компонент. Некоторые режимы наложения нуждаются в придании им полупрозрачности для достижения лучшего эффекта. Со всем многообразием функций Photoshop, только экспериментирование даст реальное понимание техники.
Чтобы помочь вам изучить и понять, как работают режимы наложения, мы подготовили сводку всех режимов наложения присутствующих в Photoshop CS3 Extended на сегодняшний день. В следующем примере режимов наложения картинка имеет два слоя — ‘Top Layer’
и‘Bottom Layer’.
В каждом примере режим наложения верхнего слоя изменяется для наглядной иллюстрации наложения слоев друг на друга.
Basic
Normal— Пиксели верхнего слоя непрозрачны и потому закрывают нижний слой. Изменение прозрачности верхнего слоя сделает его полупрозрачным и заставит смешаться с другим слоем.
Dissolve— Комбинирует верхний слой с нижним используя пиксельный узор. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Уменьшите прозрачность, чтоб эффект появился. На примере стоит 80% прозрачность.
Darken
Darken— Сочетает цвета верхнего и нижнего слоев и смешивает пиксели в местах, где верхний слой темнее нижнего.
Multiply— Накладывает цвет нижнего слоя на верхний, придавая тем самым затемненный результат. Если верхний слой белый – изменений не произойдет.
Color Burn— Затемняет или «прожигает» изображение, используя содержимое верхнего слоя. Если верхний слой белый – изменений не произойдет.
Linear Burn— Использует тот же подход, что и режим Color Burn, но производит более сильный затемняющий эффект. Если верхний слой белый – изменений не произойдет.
Darker color— Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.
Lighten
Lighten— Сравнивает цвета верхнего и нижнего слоев и смешивает пиксели, если верхний слой светлее нижнего.
Screen— Противоположное к режиму Multiply так как он накладывает инверсию верхнего слоя на нижний, давая более светлый эффект.
Color Dodge— Делает изображение светлее, пряча верхний слой за нижним. Если верхний слой черный – эффекта не будет.
Linear Dodge (Add)— Похож на режим Screen, только придает более осветляющий эффект. Если верхний слой черный – эффекта не будет.
Linear color— Похож на режим Lighten, только работает со всеми слоями одновременно, вместо одного слоя. Когда вы смешиваете два слоя вместе, видимыми останутся только светлые пиксели.
Contrast
Overlay— Комбинирует эффект режимов Multiply и Screen, смешивая верхний слой с нижним. Если верхний слой на 50% серый – эффекта не будет.
Soft Light— Похож на режим Overlay, но придает более умеренный эффект. Если верхний слой на 50% серый – эффекта не будет.
Hard Light— Использует тот же подход, что и режим Overlay, но эффект более сильный. Здесь, верхний слой подвержен или Screen режиму или Multiply, в зависимости от его цвета. Если верхний слой на 50% серый – эффекта не будет.
Vivid Light— сочетает эффект режимов Color Burn и Color Dodge и применяет смешивание в зависимости от цвета верхнего слоя. Если верхний слой на 50% серый – эффекта не будет.
Linear Light— Похож на режим Vivid Light, но с более сильным эффектом. Если верхний слой на 50% серый – эффекта не будет.
Pin Light— Смешивает светлые цвета, используя режим Lighten, и темные цвета, используя режим Darken. Если верхний слой на 50% серый – эффекта не будет.
Hard Mix— Создает картинку с ровными тонами, ограниченную в цветах и постеризированную. Свечение верхнего слоя смешивается с цветом нижнего.
Comparative
Difference— Отображает тональную разницу между содержимым двух слоев, удаляя светлые пиксели из какого-либо из слоев. В результате получается темная и иногда перевернутая картинка.
Exclusion— Похоже на режим Difference, но с менее сильным эффектом.
HSL
Hue— Комбинирует Hue (цвета) верхнего слоя и Saturation (колебание цвета) и Luminance (тонов) нижнего.
Saturation— Комбинирует Saturation (колебание цвета) верхнего слоя с Hue (цвета) и Luminance (тонов) нижнего слоя.
Color— Комбинирует Hue (цвета) и Saturation (колебание цвета) верхнего слоя с Luminance (тонов) нижнего слоя.
Luminosity— Комбинирует Luminance (тонов) верхнего слоя и Hue (цвета) и Saturation (колебание цвета) нижнего слоя.
Оцените, пожалуйста, эту статью:
Рейтинг: 4.0/5 (голосов: 58)
Опубликовано: 26 октября 2008 | Просмотров: 287815 | Страница для печати
