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

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

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

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

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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

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

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



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

трабла с Adobe

А никто с такой траблой не сталкивался: устанавливаю Adome Master Collection установка вроде нормально проходит, даже проги запускаются и ярлыки в пуске есть. Однако после перезапуска проги как будто исчезают. Даже в папках почти все исчезает и пропадают ярлыки из Пуска. И что это такое?  Раньше не было ничего подобного.

Вакансия дизайнера. Москва.

 "Издательскому дому EDIPRESSE-KONLIGA требуется дизайнер-верстальщик в редакцию журнала «Похудей!». (Ежемесячное женское издание, 100 полос. Журнал состоит из трех основных разделов – фитнесс, здоровье и диета.)""""Условия работы и компенсации:""Полный рабочий день.""Оформление в соответствии с ТК РФ.""Белая зарплата.""Требования:""      высшее образование (желательно профильное);""      опыт работы от 2-х лет в периодических изданиях;""      опыт работы с МАС, Adobe Photoshop, InDesign, Illustator и др;""Обязанности:""      Дизайн и верстка журнала, подготовка журнала к печати.
hr@konliga.ru
n/8-495-775-14-35 (Елена)"""

Набор журналистов-новостников.

Информационно-аналитический портал, освещающий события о политической, экономической и культурной жизни Украины, объявляет набор журналистов-новостников.

Требования к кандидатам:

· Образование высшее профильное, неоконченное высшее
· Умение собирать, систематизировать и обобщать информацию
· Оригинальность в написании статей
· Грамотная речь (письменная и устная), чувство языка, умение работать с текстами
· Умение четко выполнять поставленные задачи в отведенные сроки
· Возраст не имеет значения
· Знание иностранных языков приветствуется
· Опыт работы от 1 года

Основные обязанности:

· Написание новостных материалов, копирайт, рерайт, обзоры, аналитика, оперативная информация из официальных источников (не из других новостных сайтов), отслеживание новостных событий и памятных дат
· Написание материалов по тематике информационно-аналитического ресурса
· Выполнение редакционных заданий
· Осуществление выпуска ежедневных новостей
· Гарантированный постоянный объем публикуемых новостей

Условия работы:

· Удаленная работа, свободный график, возможно совместительство
· Размер оплаты труда по количеству опубликованного материала

Основные навыки:

· Обучаемость
· Оперативность в работе
· Навыки делового общения
· Знание ПК - Microsoft Office (Word, Excel, Power Point).
· Знание Adobe Photoshop приветствуется.

За дополнительной информацией просьба обращаться в личку.

Алексей Семенов, http://vkontakte.ru/alexeysemenov
Источник сообщения

Устанавливаем Adobe Photoshop 12 CS5

Устанавливаем Adobe Photoshop 12 CS5

Это легкая версия нового фотошоп Adobe Photoshop 12 CS5 Extended RePack by MarioLast Весит программа всего 127 Mb. Вырезано из программы мануалы, хелпы, и вещи которые вам не пригодятся.Инструменты 3-d присутствуют. Версия не портативная, но ключи уже вшиты в программу и их вводить не требуется.Язык интерфейса: русский, украинский, английский. Пока все работает стабильно. Зато установка занимает немного времени и вес маленький. После установки весит 336 Mb Скачать можно ТУТ Предварительно отключите антивирус. В архиве запакован установочный файл с расширением .exe, который многие антивирусы идентифицируют как вирус. Извлекаем архив.Указав место его распаковки и папку Я ставлю на диск "D " Распаковался,жмем на PS ,далее проходим предупреждение антивируса если его не отключать.Мой не среагировал на файл с расширением .exe, Выбираем язык Меня приветствовал Мастер установки. Опять выбираете место,где будет стоять ФШ Не забудьте создать для него папку. Если желаете поставьте галку,создать папку в меню "пуск " Затем блокируйте доступ установочного файла в интернет Жмите "Установить " Пойдёт загрузка. Вот и всё. Творите на радость себе и людям!  из блога ~Elen@~

Если не терпится попробовать - вот на вскидку туториалы нашлись - http://sheko.ru/2010/02/prostoy-sposob-sozdat-besshovnyiy-uzo-pattern-uroki-

Я помню) Это не быстрый рассказ просто (а мне по поездке предстоит отчитаться и рисовальные заказы подвстали за неделю отъезда)) В общих чертах - надо создать модуль, при состыковке краев которого рисунок будет повторяться. Для этого рисуем в нашем поле - квадратике, например, середину и следим за повторяемостью сверху и слева, например.

Если не терпится попробовать - вот на вскидку туториалы нашлись - http://sheko.ru/2010/02/prostoy-sposob-sozdat-besshovnyiy-uzo-pattern-uroki-adobe-illustrator.html
http://get-is.ru/delaem-modnyie-besshovnyie-uzoryi-v-illustrator/