Практическое занятие № 17

Тема: Обобщение: применение заливки и эффектов.

Цель: обобщить знания, по рисованию геометрических примитивов, по применению инструмента Форма для кривых, по применению различных видов заливок и эффектов к объектам.

 

Задание 1. Создание стеклянной сферы.

  1. Используя инструмент Эллипс, нарисуйте окружность около 5 см в диаметре, удерживая Ctrl.
  2. Для заливки используйте палитру CMYK, заданную по умолчанию (Окно – Цветовые палитры - Палитра CMYK по умолчанию). Не снимая выделения с окружности, выберите желтый цвет (Yellow; C=0, M=0, Y=100, K=0) для заливки. Возьмите инструмент Интерактивная заливка и установите на панели свойств радиальный тип градиентной заливки.

Стеклянный интерфейс *

  1. Для точной настройки цветов и их положения в радиальном градиенте рекомендуется использовать Диалоговое окно градиентной (Фонтанной) заливки (клавиша F11). Чтобы задать параметры градиента нажмите кнопку Настройка в этом окне. Выделите крайний левый цветовой маркер (положение 0%) и нажмите Другие, чтобы появилось больше настроек цвета. Установите значения CMYK так: C=40, M=50, Y=100, K=20. Установите значения крайнего правого маркера следующим образом: C=0, M=0, Y=100, K=0. Двойным щелчком над полосой градиента добавьте еще два цветных маркера в позиции 25 и 80% со значениями цвета C=0, M=5, Y=100, K=20 и =C0, M=0, Y=100, K=0 соответственно.
  2. Чтобы завершить заливку, установите значение Положение узла на панели свойств равным 5% и удалите видимую обводку с окружности (установите Нет абриса для окружности).

Стеклянный интерфейс *

 

  1. Чтобы создать отражение, нарисуйте еще одну окружность диаметром около 3 см, залейте ее белым и расположите в верхней части круга с градиентом. Не снимая выделения, выберите инструмент Интерактивная прозрачность и протащите появившуюся направляющую сверху вниз. Удалите видимую обводку с белой фигуры (установите Нет абриса для окружности).
  2. Теперь нужно точно расположить точки направляющей. Поместите черный маркер приблизительно по центру желтого круга, белый - несколько выше его верхнего края, а среднюю точку немного вверх, на три четверти длины отрезка выше черной.

Стеклянный интерфейс *

 

Задание 2. Рисование стеклянных кнопок. (Вариант 1)

  1. При помощи инструмента Прямоугольник начертите прямоугольник с размерами приблизительно 12*2см.
  2. Не снимая выделения с прямоугольника, используйте на панели свойств Скруглить все углы, или вручную с помощью инструмента Форма (Фигура), скруглите все углы фигуры на 100%.

Стеклянный интерфейс *

  1. Выберите инструмент Заливка (градиентная), в диалоговом окне выберите настройка. Добавьте цвета в нужных точках. Здесь использовалась синяя цветовая схема. Для маркера 0% использован цвет C=100, M=20, Y=0, K=80, для маркера 100% - C=10, M=0, Y=0, K=0. Добавьте третий маркер в позиции 40% и установите ему цвет C=100, M=20, Y=0, K=20. Удалите видимую обводку прямоугольника.

 

  1. Нарисуйте еще один прямоугольник приблизительно 10*1 см. Скруглите углы так же, как у первого, залейте белым и удалите видимую обводку. Расположите белый прямоугольник поверх синего.

Стеклянный интерфейс *

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

Стеклянный интерфейс *

  1. Выделите прозрачный прямоугольник и сделайте его копию. Растяните копию так, чтобы ее нижний край почти доходил до нижней границы кнопки. Залейте ее Голубым цветом.
  2. Возьмите инструмент Интерактивная прозрачность и протяните направляющую как показано на рисунке. Чтобы слегка смягчить эффект прозрачности, протащите квадратик 60% Black из палитры на место белого маркера инструмента Прозрачность. На панели свойств среди параметров прозрачности выберите Добавить. Выделите все объекты в составе кнопки и сгруппируйте их (Ctrl+G).

Стеклянный интерфейс *

  1. Добавьте подпись кнопке. Выровняйте текст по центру.

Стеклянный интерфейс *

 

Задание 3. Рисование стеклянных кнопок. (Вариант 2)

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

 

  1. Создайте прямоугольник, который послужит фоном будущей кнопке.
  2. В примере фоном послужил прямоугольник с растровой заливкой (Заливка текстурой).
  3. Нарисуйте базовый прямоугольник со скругленными углами для кнопки поверх фона, затем откройте докер (пристыковываемое окно) Эффекты - Линза и там выберите тип искажения Рыбий глаз. Увеличьте параметр Частота так, чтобы создать эффект искажения фона. Нажмите Применить.
  4. Создайте и расположите две меньшие фигуры для бликов, залейте их белым и примените линейную прозрачность (сверху вниз для меньшей, снизу вверх для большей фигуры).

Стеклянный интерфейс *

 

Задание 4. Создание чаши.

Рисуем эллипс.

Создаем объем

Заливаем его коническим градиентом (инструмент Заливка, в диалоговом окне выбираем коническая). Убираем абрис.

Создаем объем

Делаем копию эллипса, сдвигаем ее вниз, немного уменьшаем размер

 

Создаем объем

Делаем еще одну копию овала, размещаем ее еще ниже.

Затем еще одна копия - чуть выше предыдущей.

Создаем объем

 

Делаем Интерактивное перетекание между двумя верхними (первым и вторым) овалами. Количество шагов перетекания ставим 100-150. Далее делаем Интерактивное перетекание между вторым и третьим овалами. Количество шагов перетекания достаточно 30-40. Затем делаем Интерактивное перетекание между третьим и последним овалами.

Создаем объем

 

Делаем копию верхнего эллипса, чуть уменьшаем размер, заливаем линейным градиентом

Создаем объем

Поработаем с заливкой чаши, добавим Интерактивную тень и получим результат:

Здесь применена заливка:

 

Задание 5. Рисование грозди винограда

  1. Рисуем виноградинки. Эллипс без абриса, копируем 2 раза, придаём копиям различные оттенки.

Гроздь винограда

  1. Применяем эффект перетекания (Интерактивное перетекание). После выбора инструмента Интерактивное перетекание потяните мышкой от центра маленького овала немного вправо и вниз.

Гроздь винограда

  1. Рисуем блик белого цвета без абриса и применяем к нему эффект перетекания.

Гроздь винограда        Гроздь винограда

  1. Многократно копируем ягоду, меняем размеры, разворачиваем. По желанию рисуем блики внизу. Под большим увеличением можно менять окраску для нижнего эллипса, создавая разные оттенки для виноградинок в грозди.

Гроздь винограда

  1. Рисуем лист. Моделируем зазубринки. Два раза дублируем, уменьшаем копии, придаём оттенки. И применяем Интерактивное перетекание.
  2. Поверх готового листа инструментом Художественное оформление рисуем прожилки,выделяем их и устанавливаем светло-зелёный цвет заливки:

Гроздь винограда

Гроздь винограда         Гроздь виноградаГроздь винограда     

Гроздь винограда

  1. Тем же инструментом создаём черенок и лозу.

Гроздь винограда

  1. Ставим обводку более темного цвета:

Гроздь винограда

  1. Компонуем детали, дублируем листик и рисуем солнышко.

Гроздь винограда