13
Авг

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

1. Создаем прямоугольник и заливаем его черным цветом.

2. Рисуем лампочки. Поверх прямоугольника рисуем окружность и заливаем ее радиальным  градиентом, крайний цвет которого такой же, как и цвет прямоугольника. В моем случае черный.

3. Размножаем окружность. Нажмите ввод. В появившемся окне вбиваем дистанцию, на которую скопируется окружность по горизонтали – 50 (потому что диаметр окружности 42 px) и жмем Copy.

Повторяем последнее действие Ctrl+D сколько угодно раз, пока окружности не начнут выходить за границы прямоугольника. Так же дублируем окружности по вертикали.

4. Делаем блики. Рисуем окружности красного цвета с прозрачностью 10 -30% (на глаз так сказать).

5. Вот теперь надо разнообразить немного яркость лампочек. Для этого изменим их градиенты.

Примерно так:

6. Избавляемся от прозрачностей. Выделяем все объекты Ctrl+A и применяем Object/Flatten Transparency. Настройки как на рисунке.

Готово.

Тональность фона можно быстро изменить при помощи Recolor Artwork. Подробнее в статье «Перекрашиваем объекты».

Желаю удачи!

,

2 Responses to “Как сделать фон с прозрачными элементами”

  • Jylia

    спасибо вам огромное, очень неожиданно и приятно, что есть люди, которые еще соглашаются помочь)

    А подскажите меня смущает пункт 6, в уроке с мышой вы писали, что должна быть сплошная заливка, для того чтоб сработала команда прозрачности, а здесь градиент, как так получаеться? я чтото запуталась

    • budazhok

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

      Проблемы будут, только, если пересекаются два прозрачных градиента. Вот этого надо избегать :)

      Я тут перечитал то правило и решил его упростить :), спасибо за заметку, там действительно слишком мутно сформулировано.

      Теперь правило звучит вот так: только прозрачные градиенты не должны пересекаться друг с другом.

      Если можно помочь отчего ж не помочь :) Для этого сайт и существует.

Add reply