Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем комету в Adobe Illustrator

4 августа 2014 | Опубликовано в Уроки | 5 Комментариев »

В этом уроке мы научимся рисовать падающую комету в Adobe Illustrator. Мы будем использовать базовые фигуры, градиенты и сетчатый градиент. В итоге получится симпатичная иллюстрация, которую можно использовать в качестве обоев для рабочего стола.

 

 


Blue Comet Special Effect

1. Создайте новый документ и укажите ему размер холста в 800 х 600 пикселей. Выберите инструмент Rectangle/Прямоугольник (M) и слева нарисуйте прямоугольник размером 800px на 480px. Укажите прямоугольнику чистый черный цвет заливки (R = 0 G = 0 B = 0).

Blue Comet Special Effect

2. Возьмите инструмент Rounded Rectangle/Прямоугольник со скругленными углами и нарисуйте длинную и тонкую фигуру, размером примерно  в 630 x 35px. Также укажите фигуре черный цвет заливки. Возьмите инструмент Mesh/Сетчатый градиент (U), кликните по фигуре и создайте меш-точки, как показано на картинке ниже. Раскрасьте их, ориентируясь на следующие изображения, используя инструмент Direct Selection/Прямое выделение (A).

Blue Comet Special Effect

3. Убедитесь что фигура из предыдущего шага выделена. В меню выберите Effect > Blur > Gaussian Blur/Эффект>Размытие>Размытие по Гауссу. Укажите радиус размытия в 5px. Откройте палитру Transparency/Прозрачность и укажите фигуре Blending Mode/Режим наложения Screen/Осветление (Opacity/Непрозрачность 100%). Теперь разместите объект на черный фон.

Blue Comet Special Effect

4. Возьмите инструмент Ellipse/Эллипс (L) и нарисуйте длинный и тонкий овал, размером примерно 450 x 30px. Откройте палитру Gradient/Градиент и залейте овал радиальным градиентом следующих цветов: белый (R=255 G=255 B=255), синий (R=0 G=115 B=255) и черный (R=0 G=0 B=0). Создайте еще один овал другой формы и укажите ему такой же градиент, что и предыдущему. Поместите второй овал поверх первого и сгруппируйте их (Ctrl+G). После этого сделайте несколько копий объектов и разместите их в хвосте кометы, как показано ниже. В палитре Transparency/Прозрачность смените Blending Mode/Режим наложения на Screen/Осветление (Opacity/Непрозрачность 100%).

Blue Comet Special Effect

5. Создадим еще один элемент кометы. Инструментом Ellipse/Эллипс (L) нарисуйте несколько кругов разного размера и поместите их в хвост кометы. Откройте палитру Gradient/Градиент и укажите кругам радиальный градиент из следующих цветов: светлый синий (R=0, G=187, B=223), темный синий (R=0, G=65, B=127) и черный (R=0, G=0, B=0). Всем кругам укажите Blending Mode/Режим наложения — Screen/Осветление.

Blue Comet Special Effect

6. Инструментом Ellipse/Эллипс (L) создайте еще один круг, укажите ему радиальный градиент цветов: белый (R=255, G=255, B=255), синий (R=0, G=115, B=255) и черный (R=0, G=0, B=0). Укажите кругу Blending Mode/Режим наложения — Screen/Осветление. Сделайте несколько копий объекта, измените размеры и разместите как показано на картинке ниже.

Blue Comet Special Effect

7. Добавим нашей комете еще эффектности. Инструментом Ellipse/Эллипс (L) нарисуйте овал размером примерно 700px x 265px. Укажите овалу радиальный градиент из цветов: светлый синий (R=0, G=187, B=223), темный синий (R=0, G=65, B=127) и черный (R=0, G=0, B=0). Укажите овалу Blending Mode/Режим наложения — Screen/Осветление. Не снимайте выделения с объекта и поместите его на передний план, нажав Shift+Ctrl+].

Blue Comet Special Effect

8. Выберите инструмент Paintbrush/Кисть (B) и нарисуйте несколько волнистых линий, как показано ниже. Выделите все нарисованные кистью линии и в палитре Stroke/Обводка выберите ‘Width Profile 1′. Укажите обводке белый цвет (R=255, G=255, B=255) и толщину в 1pt. В меню выберите Effect > Distort & Transform > Roughen/Эффект>Искажение и трансформация>Огрубление. Настройте эффект как показано ниже и нажмите OK. В палитре Transparency/Прозрачность снизьте параметр Оpacity/Непрозрачность до 75%.

Blue Comet Special Effect

9. Теперь нарисуем искры. Возьмите инструмент Pen/Перо (P) и нарисуйте им искры произвольной формы. Укажите фигурам белый цвет заливки (R=255, G=255, B=255) и сгруппируйте их (Ctrl+G). Затем сделайте несколько копий группы. чтобы распространить искры дальше по хвосту кометы. Сделайте искры меньше ближе к концу хвоста.

Blue Comet Special Effect

Автор урока Nikola Adzic

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Александр
    Thumb up Thumb down -1

    Как-то вообще не очень :-D

  2. mkot
    Thumb up Thumb down 0

    Как то больше на искру от сварки походит

  3. SD
    Thumb up Thumb down +2

    Как то похер на что это похоже. Смысл урока показать саму технологию. Захотите похоже — сделаете

  4. Евгения
    Thumb up Thumb down 0

    Сначала сделали «костяк» кометы — а в слудеющем шаге появились дополнительные детали. Сами собой. И как их сделать, в описании нет...

    Mary - Dejurka Ответ:

    Thumb up Thumb down 0

    А в каком именно шаге вам непонятны действия? И какие именно? Сейчас разберемся :)