Сергеева Маша (poppismic) wrote,
Сергеева Маша
poppismic

Categories:

Как ровно покрасить векторную картинку с контуром

После поста с тантамареской меня попросили рассказать и показать, как я раскрашиваю векторные картинки.
Возможно (и я надеюсь), это не единственный верный способ аккуратной закраски.
Если вы знаете другой - поделитесь, пожалуйста, секретами. Эта запись будет полезна тем,
кто только начинает работать в векторе, но уже знает, что такое Expand и зачем он нужен :)
Показывать буду на примере кусочка из вот этого узора для семейного фотографа.

458.65 КБ




Итак. Сначала покажу, как выглядит в готовом виде мой рабочий файл, чтобы понимать, к чему нам надо прийти.

1. У меня в итоге получается три слоя.
Первый слой с контуром. Я его в рабочем файле не экспендю. Заказчикам, конечно, сдаю переведенным в заливку (если требуется сдвать векторный файл).

476.56 КБ

2. На втором слое лежат аккуратненькие заливочки.

433.85 КБ

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

496.76 КБ

4. Итак, переходим к работе по раскрашиванию. Вот у нас есть линейный узор.

672.69 КБ

5. Если нажать View -> Outline (на маке Command+Y), то мы увидим, что это линия.

402.29 КБ

6. Нам нужно перевести ее в заливку. Но! Это необратимо. Поэтому я всегда дублирую слой с контуром и один из слоев залочиваю. Для удобства восприятия я оставлю только несколько элементов модуля для дальнейшего рассказа. А то рябит в глазах. Вот, два одинаковых слоя.

118.65 КБ

7. Потом мы все выделяем Command+A (в случае pc - control+A или просто в меню Select -> all). И делаем магический :) Expand Appearance. У меня, кстати, все программы на английском (обычно). А у вас?

254.36 КБ

8. Этот Expand переведет нашу линию в заливки (грубо говоря). После этого (также выделив все) надо проделать следующую вещь. Нажать в Pathfinder кнопку Add. А потом мы уже будем работать правой кнопкой мыши и командой Release Compound Path. Вот тут все крупно показано.

589.97 КБ

9. На маленькой картинке (уже после Pathfinder) делаем Release Compound Path.

150.01 КБ

10. Получается примерно следующее.

151.38 КБ

11. С этим-то мы и будем работать. Начинаем раскрашивать.

174.06 КБ

12. Добиваемся нужного нам результата.

212.27 КБ

13. Вот что будет, если отодвинуть наши раскрашенные области.

178.63 КБ

14. Под ними форма цветка. Ее я обычно удаляю, и включаю свой второй слой с контуром (помните, мы его залочили и спрятали?).

183.65 КБ

15. Получается вот так вот.

233.30 КБ

Ну а дальше предстоит раскрасить все элементы :) Используемые цвета я для уобства кладу в Swatches.

Надеюсь, вам было полезно и понятно. Нет? Я готова ответить на любые вопросы. А если вы уже продвинутый векторный художник и делаете как-то проще или видите тут какие-то ошибки - велкам! Поделитесь своим способом. 

P.S. Работа сделана в Adobe Illustrator CS5



Update! Важное! Я-тупилка :) но я исправляюсь. Я нашла Live Paint! Вы не смейтесь, я им никогда не пользвалась раньше :) Так что у записи есть продолжение.
Tags: illustration, вектор, делюсь, иллюстрации, мои картинки, рабочий процесс
Subscribe

  • инстаграм-сувениры

    Друзья! Кто заказывал магнитики инстаграмные, расскажите где и понравилось ли качество, пожалуйста. Хочется каких-то не просто плоских магнитов…

  • про предновогоднюю фотосессию

    Мы вчера провели (организовали, оформили и поучаствовали) замечательную предновогоднюю фотосессию. Конечно, когда будут фотографии, я всю красоту…

  • зарядка от мак бука

    Дорогие друзья! Нет ли у вас или ваших знакомых ненужной зарядки от мак бука? У меня оригинальная умерла и мы решили экономить. Два раза уже…

  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 32 comments

  • инстаграм-сувениры

    Друзья! Кто заказывал магнитики инстаграмные, расскажите где и понравилось ли качество, пожалуйста. Хочется каких-то не просто плоских магнитов…

  • про предновогоднюю фотосессию

    Мы вчера провели (организовали, оформили и поучаствовали) замечательную предновогоднюю фотосессию. Конечно, когда будут фотографии, я всю красоту…

  • зарядка от мак бука

    Дорогие друзья! Нет ли у вас или ваших знакомых ненужной зарядки от мак бука? У меня оригинальная умерла и мы решили экономить. Два раза уже…