Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Смешивание маски в постере


Смешивание маски в постере
В этом уроке мы будем применять смешивание и маски для постера.
Шаг 1.

Во-первых, мы будем подготавливать документ и палитру. Создаем новый US Letter документ, режим RGB (расположено под Дополнительными опциями ). Я использовал пять цветов в своей палитре для создания иллюстрации:

* Bright Green: R=199, G=255, B=0
* Blue: R=121, G=255, B=255
* Hot Pink: R=255, G=0, B=139
* Orange: R=255, G=147, B=0
* Dark Grey: R=50, G=53, B=56

Шаг 2.

Теперь создаем 4xU иконочку. Выбираем Ellipse Tool и рисуем круг (размером примерно 3.8 дюйма). Сделаем обводку круга (stroke) - 96 pt, и выбираем яркий зеленый для обводки. И окружность не заливаем.
Смешивание маски в постере
Шаг 3.

Берем Direct Selection Tool (белая стрелочка) и выделяем нижнюю точку круга. Жмем Delete, и удалиться нижняя часть окружности.
Смешивание маски в постере
Шаг 4.

Включаем Smart Guides (View > Smart Guides или Ctrl + U). Выбираем Pen Tool и кликаем на левую точку круга , продолжая путь сегмента. Зажимаем Shift и нажмем, где нибудь ниже, как показано на рисунке ниже.

Зажимаем Ctrl и кликаем по белому заднему фону, тем самым заканчивая наш путь. Выбираем другую точку круга, Зажимаем Shift и снова кликаем внизу, на высоте предыдущей точки. С ключенным Smart Guides вы должны увидеть пересечение двух направляющих.
Смешивание маски в постере
Шаг 5.

Берем Selection Tool и используем чтобы выделить весь объект. Следуем Object > Expand. Убедитесь что Fill и Stroke выделены. И жмем OK.
Смешивание маски в постере
Шаг 6.

Выбираем Rectangle Tool и делаем квадрат вокруг объекта, начинаем с Smart Guides' ставим точку в верхнем левом углу как показано.
Смешивание маски в постере
Шаг 7.

Зажимаем Shift и двигаем диагонально, от верхнего левого к нижнему правому, рисую квадрат (прямоугольник).
Смешивание маски в постере
Шаг 8.

Выделяем оба объекта используя Selection Tool и следуем Pathfinder палитру (чтобы раскрыть палитру, следуем Window > Pathfinder или нажмем Ctrl + Shift + F9) и выберем Intersect опции.
Смешивание маски в постере
Шаг 9.

Смотрим на результат ниже (картинка ниже).
Смешивание маски в постере
Шаг 10.

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

Рисуем этот квадрат, от верхнего угла к нижнему, удерживая Shift. Перетаскиваем еще направляющую в центр квадрата, и удаляем квадрат, а направляющую оставляем в центре.
Смешивание маски в постере
Шаг 11.

Выбираем Rotate Tool, зажимаем Option и кликаем на точку пересечения. В окне Rotate, вводим 90 degrees и кликаем Copy. Теперь зажимаем комбинацию клавиш Ctrl + D (Object > Transform > Transform Again) два раза подряд чтобы повторить операцию дважды.

Каждому объекту даем разные цвета, я использовал следующие цвета в палитре для этого урока: голубой, горячий розовый, и оранжевый.
Смешивание маски в постере
Шаг 12.

Выделим все 4 объекта используя инструмент Selection Tool. Следуем в палитру Transparency (чтобы открыть палитру, слудем Window > Transparency или клавиши Ctrl + Shift + F10) и выбираем Darken из появившегося меню. Группируем 4 объекта (следуем Object > Group или нажмем Ctrl + G).
Смешивание маски в постере
Шаг 13.

Двигаем две горизонтальных и две вертикальных направляющих как показано на рисунке ниже. В четырех точках, пересечение должно привести к квадрату.
Смешивание маски в постере
Шаг 14.

ВЫбираем Ellipse Tool и рисуем круг.Кликаем в верхней левой точке пересечения и перетащим в нижнюю правую точку пересечения зажав Shift. Кругу зададим белую границу и без заливки.
Смешивание маски в постере
Шаг 15.

Рисуем маленький круг внутри круга нашего начиная с точки в центре как показано. Снова зажмем Shift.
Смешивание маски в постере
Шаг 16.

Заканчиваем в месте, где четыре точки пересекаются. Выберем оба круга и превратим их в комплексные пути. Следуем Object > Compound Path > Make, или нажмем Ctrl + 8.

Вы не сможете увидеть результат, так как круги не имеют заливки, но если сделаем заливку, то увидим отверстие кольцевой формы, которое мы сделали. Формы применяются в качестве масок.
Смешивание маски в постере
Шаг 17.

Выбираем оба сгруппированных объекта и кольцевую форму, и следуем Object > Clipping Mask > Make, или нажмем Сtrl + 7. Назовем слой, к примеру "4xU".
Смешивание маски в постере
Шаг 18.

Создаем новый слой в палитре Слоев, кликаем на иконку Create New Layer (чтобы палитра была активна следуем Window > Layers или F7). Убедитесь что новый слой располанается ниже слоя с 4 объектами. Перетаскиваем.

Теперь нажмем на треугольник слоя "4xU"чтобы увидеть все под-слои. Кликаем по иконке в форме круга на правом под-слое названным "Compound Path" чтобы выделить все объекты этого под-слоя. Зажмем Alt , когда будем перетаскивать содержимое под-слоя на новый слой, расположенные ниже. Зажмем Alt дублируя контент, и перетаскиваем.

Помните что мы применили Darken режим для "4xU" объектов. Это значит, что при передвижение объектов на темном фоне, цвет будет меняться, а эффект и результат будет совершенно иным. Чтобы убедиться в том, что нам нужен именно этот результат, добавим белый фон ниже этого объекта.
Смешивание маски в постере
Шаг 19.

Назовем слой "white background" и добавим новый слой ниже. Назовем слой "background." Выбирем инструмент Rectangle Tool и нарисуем прямоугольник соответствующий размерам документа. Зальем прямоугольник темным цветом, используя темно серую палитру (R=50, G=53, and B=565).

Теперь выберем "4xU" объект и "white background." В панели инструментов вверху ( Window > Control), выберем Align To Artboard из появившегося меню (слева на согласованной опции). Выберем Horizontally Align Center опцию и потом Vertically Align Center опцию из опций выравнивания.
Смешивание маски в постере
Шаг 20.

Теперь размер достаточно большой, и мы можем увидеть некоторые недочеты. Чтобы скрыть их, добавим круг размером с нашу форму и зададим 1pt обводку ( stroke), цвет такой как на заднем фоне.
Смешивание маски в постере
Шаг 21.

Выберем Ellipse Tool и найдем точки пересечения используя Smart Guides (Ctrl + U , Smart Guides вклвыкл.)
Смешивание маски в постере
Шаг 22.

С помощью Smart Guides нам будет легче рисовать форму круга, заданных размеров. Не забывайте зажимать Shift.
Смешивание маски в постере
Шаг 23.

Теперь создаем дым используя Blend Tool. Создаем новый слой выше слоя background. ВЫберем Pen Tool и нарисуем линию как показано. Зададим линии 0.5pt обводку (stroke) цвет как у заднего фона.
Смешивание маски в постере
Шаг 24.

Нарисуем вторую линию, и убедитесь что она пересекает предыдущую в двух местах. Зададим линии 0.5 pt обводу (stroke), используем цвет серый R=1154, G=116, and B=119. Следуем в палитру Transparency и Opacity на 0.
Смешивание маски в постере
Шаг 25.

Выделяем две линии, используя Selection Tool. Выберем Blend Tool из панели инструментов и кликнем раз на точке линий, теперь зажмем Alt и кликнем на любой из точек линии, кликаем по точке расположенной близко к первой. В опциях Blend, выбераем Specified Steps из появившегося меню, выбираем Align To Path (вторая опция) как ориентация, и зададим примерно - 200 steps(шагов).
Смешивание маски в постере
Смешивание маски в постере
Шаг 26.

Выделим объект дыма и повернем используя Rotate Tool. Кликаем где-то внутри объекта "4xU" и, зажав Alt, поворачиваем фигуру дыма (при повороте фигура скопируется).
Смешивание маски в постере
Шаг 27.

Выберем новый дублированный объект и скопируем его и вставим. Переместим его у верхней части страницы. Возьмем Reflect Tool и отразим объект горизонтально. Возьмем Direct Selection Tool, и выделим точку одной из линий. Перетащите вручную чтобы изменить кривую, с другим дымом сделаем случайные модификации. Повторите эффект пока не получите нужного результата.
Смешивание маски в постере
Шаг 28.

Будем делать заключительные штрихи. Используя некоторые техники и преимущества версии CS4.

Создадим новый слой ниже "white background" слояr и назовем его "glowing circle." Выберем Ellipse Tool и нарисуем круг (зажмем Shift ) , немного больше, чем "4xU" кольцевые объекты. Убедитесь что круг располагается по центу, и согласован с иконкой "4xU". Отключим видимость слоя "4xU" и слоя "white background".Зальем круг используя радиальный градиент ( radial gradient с белым, 15% Opacity цвета нашего заднего фона с 0% Opacity в локации 80.68, как показано на картинке).
Смешивание маски в постере
Шаг 29.

Выберем снова Ellipse Tool и нарисуем круг, поверх этого круга. Зададим кругу радиельный градиент от белого к черному ( radial gradient). Кликаем Reverse в опциях градиента ( Window > Gradient или Ctrl + F9) закончив с черным в центре круга, переходим к белому.

Выделим оба круга и следуем в панель Transparency ( Window > Transparency или Ctrl+ Shift + F10). Выбираем Make Opacity Mask из выпадающего меню (стрелка в верхнем правом углу палитры). Кликаем на иконку маски в Transparency панели . SВыберем Gradient Tool и изменим место положения Gradient Slider как показано.
Смешивание маски в постере
Шаг 30.

Теперь будем создавать спирографический эффект.

Создадим слой выше слоя "glowing circle". ВЫберем Ellipse Tool и нарисуем большой круг, в два раза больше чем размеры объекта "4xU" (зажмем Shift). Зададим для круга радиальную заливку ( radial gradient fill) от ярко голубого (R=122, G=232, и B=255) к цвету заднего фона (R=50, G=53, и B=56). Следуем в панель Transparency и выбираем Overlay и 25% Opacity.

Выбираем Rotate Tool. Зжимаем Alt и кликаем между центральной точкой и верхней точкой круга. Вводим 60° и кликаем Copy. Теперь нажмем Ctrl + D четыре раза. Выберем Rectangle Tool и нарисуем прямоугольник больших размеров. Зададим ему радиальную заливку от черного к белому (black to white radial gradient fill) как у светящегося круга. Выберем два спирографа и прямоугольник, следуем в панель Transparency и выбираем Make Opacity Mask из выпадающего меню панели. Кликаем на иконку маски в Transparency панели, выделяем прямоугольник, и выбираем Gradient tool. Редактируем градиент как следует.
Смешивание маски в постере
Результат:
Смешивание маски в постере


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.