Как сделать солнце в иллюстраторе

Урок 7. Солнышко

Друзья мои, попытайтесь заглянуть в себя. Чувствуете, как внутри вас творческий ребенок раскрыл глазки? Он ещё робок, знает так мало, но у него уже возник интерес к тому, что мы делаем в программе Adobe Illustrator. Ребенка надо поддержать. Зная совсем немного, он должен что-то сделать сам, иначе у него пропадет интерес.

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

Откроем новый документ и назовем его «solnze». Я уже не рассказываю, как это делать, вы хорошие ученики, усваиваете всё быстро и правильно. Не будем указывать и параметры фигур, рисуем приблизительно, как получится, но вы внимательно смотрите на экран. На листе сегодня мы сохраним несколько солнц.

Нарисуем круг. Знаю, что не забыли нажать Shift, выбирая фигуру Ellipse Tool, вы всё отлично помните! Теперь займемся заливкой: полистаем библиотеку палитры Swatches и найдем Simple Radial. Запомним сегодня, что градиенты (два или несколько цветов) бывают двух видов: радиальные, идущие как бы по кругу, и линейные, соответственно сменяющие друг друга по линиям (разговор о градиентах у нас впереди). В заливке нашего солнышка два цвета: белый и желтый, их сочетание образует своеобразный круг. Это радиальный градиент, и название палитры говорит об этом (нажмите на картинку для увеличения).

Как сделать солнце в иллюстраторе

Теперь надо нарисовать лучи. Закроем палитру Simple Radial, она появилась у нас в общей палитре Swatches. Нашли? К ней мы вернемся, когда будем рисовать второе солнышко, а лучи зальем линейным градиентом.

Как сделать солнце в иллюстраторе

Выйдет окно Rotate. В Angle (угол), поставив туда курсор мыши, напишите 360/8 ( восемь лучей будет у нашего солнышка, а угол определится умной программой).

Как сделать солнце в иллюстраторе

Нажмите Copy (Копировать), под углом 45 градусов у нас появится второй луч, а теперь нажимаем Ctrl + D для повторения трансформации и получаем по кругу остальные лучи.

Как сделать солнце в иллюстраторе

Переключимся на черную стрелку (Selection Tool) и выделим все лучи. Мы должны их передвинуть, поэтому для того, чтобы они не перемещались относительно друг друга, мы их объединим и этим закрепим на своем месте. Нажмем опять горячие клавиши Ctrl + G это команда Группировать. Запоминайте «горячие клавиши», они облегчат вам работу!

Как сделать солнце в иллюстраторе

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

Как сделать солнце в иллюстраторе

Это некрасиво. Выделим лучи снова и кликнем правой кнопкой мыши по экрану. Вышло первое окно, найдем в нем надпись Arrange (Ранжировать), когда она раскроется, нажмите в новом окне Send to Back (Отправить назад). Лучи переместятся за солнце, нам это и надо.

Как сделать солнце в иллюстратореОбратите внимание на стрелочку на рисунке, около многих операций можно заметить сочетание «горячих клавиш». Запоминайте их. Изменение порядка объектов (что впереди, что сзади) — часто повторяющаяся операция. И чтобы экономить время запомните:
+ — повыше.

Квадратные скобки это те же самые, что клавиши «х» и «ъ» — на русской клавиатуре.

А теперь добавим кнопку

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

Как сделать солнце в иллюстраторе

А теперь выровняем фигуры. По центру ли мы их совместили? Для этого с помощью Shift выделим лучи и солнце. Как только это сделали, умная программа сразу дает подсказку на панели управления. Где эта панель? Вверху над нашим листом. Надо было посвятить и ей отдельный урок, например, «Посмотрим вверх», но начинающим всегда хочется быстрее что-то делать, а долгие объяснения отбивают интерес. Мы будем изучать всё постепенно, по мере необходимости. Сейчас нам понадобилась панель управления, мы и воспользуемся ей. Вот такой вид сейчас. Не будем подробно разбираться, а возьмем только её часть (на рисунке выделено красным, нажмите для увеличения).

Как сделать солнце в иллюстраторе

Подведите к ним курсор и найдите Horizontal Align Center (Выровнять по центру горизонтально) и Vertical Align Center (Выровнять по центру вертикально). Нажмите сначала одну, потом вторую. Заметили движение? Наши фигуры встали по центру относительно друг друга. Мы всё выровняли! А теперь уберем обводку, об этом уже говорили в предыдущих уроках. (см. Как убрать обводку)

Как сделать солнце в иллюстраторе

Вот наше первое солнышко!

Теперь давайте экспериментировать с другими графическими примитивами, с числом лучей, с расстояниями от центра вращения. Сделайте всё самостоятельно, вы это умеете!

Как сделать солнце в иллюстраторе

У меня получилось так, вы могли придумать другие солнышки, но в любом случае у нас очень разные работы. Это и надо для стоков! Конечно, солнышки очень просто сделаны, но всё сохраним. Так постепенно копятся рисунки и идеи.

Сохранили? Молодцы! Уходим на отдых с солнечным настроением! Закрепите изученное.

Эта страница была показана 106791 раза.

Источник

Как создать векторные солнечные лучи в Adobe Illustrator

Как сделать солнце в иллюстраторе

This article was originally published on Vectips.com in English. You can view the original article here.

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

Шаг 1

Запускаем Adobe Illustrator и открываем новый документ (Cmd/Ctrl + N). Рабочая область может быть любого размера. При создании солнечных лучей можно работать как в режиме RGB, так и CMYK.

Как сделать солнце в иллюстраторе

Шаг 2

Берем Pen Tool (P) или Line Tool (\) и рисуем горизонтальный путь, удерживая Shift. Этот путь имеет обводку произвольного цвета и не имеет заливки. Установим ширину – 4px в панели Stroke (Window > Stroke).

Как сделать солнце в иллюстраторе

Выберем Arrowhead и уменьшим масштаб стрелки в панели Stroke.

Как сделать солнце в иллюстраторе

Шаг 3

Группируем созданный путь (Cmd/Ctrl + G). Выделяем всю созданную группу, затем переходим Effect > Distort & Transform > Transform…. В диалоговом окне Transform Effect устанавливаем угол, равный 360/20, где 20 это число лучей, из которых будет состоять наше солнце. Устанавливаем количество копий – 19. Число копий равно количеству лучей минус один луч. Выбираем левый центральный квадрат в манипуляторе контрольной точки, затем нажимаем кнопку OK.

Как сделать солнце в иллюстраторе

Как сделать солнце в иллюстраторе

Шаг 4

Нарисуем маленькую окружность при помощи Ellipse Tool (L). Центр этой окружности находится на горизонтальном пути, который был создан в шаге 2.

Как сделать солнце в иллюстраторе

Перетащим окружность в группу, к которой был применен эффект Transform. Это действие необходимо совершить в панели Layers.

Как сделать солнце в иллюстраторе

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

Как сделать солнце в иллюстраторе

Шаг 5

Изменим локально ширину пути при помощи Width Tool (Shift + W), так как это показано на рисунке ниже.

Как сделать солнце в иллюстраторе

Как и следовало ожидать, это изменит внешний вид нашего лучистого светила.

Шаг 6

Создадим еще один пучок лучей. Рисуем горизонтальный путь из центра созданного солнца. Для наглядности я использовал красный цвет для обводки. Применим к пути переменную Width Profile 1 в панели Stroke.

Как сделать солнце в иллюстраторе

Шаг 7

Выделяем весь красный путь, затем переходим Effect > Distort & Transform > Transform… и устанавливаем параметры, указанные на рисунке ниже.

Как сделать солнце в иллюстраторе

Теперь красный путь можно перекрасить в цвет уже существующих лучей, то есть в черный.

Как сделать солнце в иллюстраторе

Лучистое солнцу в ретро стиле готово.

Шаг 8

Техники, которые были использованы в этом уроке, позволяют нам быстро создать новые разновидности лучей из уже существующих. Например, мы можем заменить стиль Arrowhead и Width Profile в панели Stroke.

Как сделать солнце в иллюстраторе

Или изменить параметры эффекта Transform, что приведет к изменению числа лучей. Доступ к параметрам трансформации вы можете получить в панели Appearance (Window > Appearance).

Как сделать солнце в иллюстраторе

Как сделать солнце в иллюстраторе

На рисунке ниже показан набор лучей, который я получил за несколько минут.

Как сделать солнце в иллюстраторе

Шаг 9

Приступим к финальному оформлению нашего векторного лучистого солнца в ретро стиле. Создаем прямоугольник при помощи Rectangle Tool (M) с заливкой коричневым цветом, который будет играть роль фона. Для цвета обводки луча и заливки окружности выбираем светло-коричневый цвет.

Как сделать солнце в иллюстраторе

Выделяем все элементы солнца, затем переходим Effect > Stylize > Outer Glow… и устанавливаем параметры, указанные на рисунке ниже.

Как сделать солнце в иллюстраторе

Шаг 10

Создадим два прямоугольника одинаковой высоты, но разной ширины и разместим их так, как показано на рисунке ниже. Нижний прямоугольник залит более темным оттенком синего цвета.

Как сделать солнце в иллюстраторе

При помощи Pen Tool (P) создадим треугольник, соответствующий изогнутой части ленты. Заливка этого объекта имеет самый темный оттенок синего цвета.

Как сделать солнце в иллюстраторе

Добавим точку на левой стороне нижнего прямоугольника при помощи Pen Tool (P), затем сместим ее вправо.

Как сделать солнце в иллюстраторе

Шаг 11

Выделяем нижний прямоугольник и треугольник, берем Reflect Tool (O) и кликаем в центре большего прямоугольника, удерживая Opt/Alt. В открывшемся диалоговом окне выбираем ось Vertical, и наживаем кнопку Copy.

Как сделать солнце в иллюстраторе

При помощи Type Tool (T) создайте необходимую надпись на ленте.

Как сделать солнце в иллюстраторе

Шаг 12

Выделяем и группируем все элементы ленты, затем переходим Effect > Warp > Arc… и устанавливаем параметры, указанные ниже.

Как сделать солнце в иллюстраторе

Шаг 13

Создадим текстуру. Нарисуем прямоугольник с заливкой серого цвета и расположим его выше всех созданных объектов. Размер прямоугольника соответствует размеру фона.

Как сделать солнце в иллюстраторе

Не снимая выделения с прямоугольника, переходим Effect > Sketch > Conte Crayon… и устанавливаем параметры, показанные на рисунке ниже.

Как сделать солнце в иллюстраторе

Установим для прямоугольника режим смешивания Overlay и понизим прозрачность до 20% в панели Transparency.

Как сделать солнце в иллюстраторе

Вот как это должно выглядеть. Я надеюсь, вам понравился этот урок по работе в Adobe Illustrator и Вы с легкостью сможете применять эти методы в своих будущих векторных проектах.

Источник

Короткий Урок: Как Создать Лучи Света с Помощью Photoshop и Illustrator

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

Как сделать солнце в иллюстраторе

В этом уроке мы научимся создавать векторные лучи простым и эффективным способом, используя фильтр Волна в Photoshop и Сетчатый Градиент в Adobe Illustrator. Эта техника была придумана моим другом Yemz.

Шаг 1

Запустите Photoshop и создайте новый документ размером 600 х 600 рх.

Как сделать солнце в иллюстраторе

Выберите инструмент Градиент (G) (Gradient Tool) и установите цвета для градиента, я выбрал палитру в холодных тонах.

Как сделать солнце в иллюстраторе

Залейте фон этим градиентом.

Как сделать солнце в иллюстраторе

Шаг 2

Теперь зайдите в Фильтр > Искажение > Волна (Filter > Distort > Wave) и используя слайдеры в диалоговом окне, выберите тип эффекта.

Как сделать солнце в иллюстраторе

Как сделать солнце в иллюстраторе

Шаг 3

Откройте Adobe Illustrator и вставьте изображение на рабочую зону Control + V.

Как сделать солнце в иллюстраторе

Зайдите в Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh) и задайте значения 5 для рядов и 50 для столбцов, в диалоговом окне.

Как сделать солнце в иллюстраторе

С помощью инструмента Выделение (V) (Selection Tool) уменьшите ширину объекта.

Как сделать солнце в иллюстраторе

Шаг 4

Удерживая клавишу Alt, перенесите объект в право, создав несколько копий (лучше сделать перенос один раз, а затем нажать несколько раз сочетание Control +D).

Как сделать солнце в иллюстраторе

Выберите и Сгруппируйте все созданные объекты (Сontrol+A и затем Control+G).

Шаг 5

Пока группа выделена, зайдите в Объект > Искажение с Помощью Оболочки > Деформация (Object > Envelope Distort > Make with Warp) и выберите стиль Дуга (Arc) в диалоговом окне.

Как сделать солнце в иллюстраторе

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

Как сделать солнце в иллюстраторе

Как сделать солнце в иллюстраторе

Шаг 6

Затем сдвиньте верхние узлы объекта по направлению к центру, контролируя направляющие, и сделайте линию правильной формы.

Как сделать солнце в иллюстраторе

Как сделать солнце в иллюстраторе

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

Шаг 7

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

Как сделать солнце в иллюстраторе

Выберите прямоугольник и объект с лучами, и нажмите горячее сочетание клавиш Control+7, чтобы создать Обтравочную Маску (Clipping Mask).

Как сделать солнце в иллюстраторе

Шаг 8

Теперь возьмите инструмент Эллипс (L) и создайте окружность размером 3 х 3 рх, с голубой заливкой, и забросьте эту окружность в панель Кисти (Brushes) и сохраните новую кисть как Дискретную (Scatter Brush) c параметрами, которые приведены на рисунке ниже.

Как сделать солнце в иллюстраторе

Теперь возьмите инструмент Кисть (B) (Paint Brush Tool) и сделайте несколько «мазков» вдоль наших лучей.

Как сделать солнце в иллюстраторе

Шаг 9

Выберите и сгруппируйте все линии и установите режим наложение Перекрытие (Overlay Blending Mode) для группы в панели Прозрачности.

Как сделать солнце в иллюстраторе

Шаг 10

Создайте другую кисть. Возьмите Перо (Р) (Pen Tool) и создайте фигуру в виде ромба.

Как сделать солнце в иллюстраторе

Создайте еще несколько таких форм, что бы получилась звездочка, как показано на рисунке ниже.

Как сделать солнце в иллюстраторе

Сгруппируйте все элементы звезды и забросьте группу в панель Кисти, сохраните новую кисть как Дискретную, с параметрами указанными на рисунке ниже.

Как сделать солнце в иллюстраторе

Возьмите Кисть (В) и нарисуйте несколько линий вдоль лучей.

Как сделать солнце в иллюстраторе

Заключение

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *