Похожие темы

Данный урок не очень сложный, но все же рассчитан на тех, кто немного знаком с Adobe Illustrator. Я покажу как я рисую векторные мультяшные домики. В принципе, я все рисую по одинаковой технологии и достаточно просто. Повторять его по пикселям не стоит, но вот взять для себя разные тонкости и нюансы вполне можно

Домик вот из этой картинки


Итак, приступим

Открываем иллюстратор, создаем новый документ, заливаем его нужным нам фоном


Эскиз домика я рисую в фотошопе и переношу в иллюстратор простым копированием. Понижаю непрозрачность наброска.


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


Затем я копирую получившуюся фигуру (Ctrl+C), вставляю ее поверх/на передний план (Ctrl+F), меняю ей цвет и тчуть чуть сжимаю, зажав клавиши Ctrl+Alt (это позволяет трансформировать фигуру не только пропорционально но и не менять ее положение относительно центра). Потом можно немного подвигать узловые точки, что бы обводка получилась не везде одинаковой толщины. Так же рисую фигуры для крыши цветом обводки.


Рисую крышу.


Обозначаю осветленную часть. Рисую фигуру тем же цветом, что и крыша и меняю прозрачность и режим наложения


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


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


Украшательство. Те же режимы наложения с разной прозрачностью


Рисую тень на доме


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


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


Окна.

Рисую по тому же принципу, что и тушку дома. Сначала фигура цвета обводки, копирую, вставляю поверх, меняю цвет и сжимаю. Получается рама окна.


Затем опять копирую, меняю цвет и сжимаю, это обводка стекла



Точно так же "вставляю" стекло. Цвет ему делаю его градиентом


Теперь сделаю это более похожим на стекло. Рисую по тому же принципу, что и осветление/затемнение


Добавляю еще блики и тени. И на стекле и на раме. Рисую переплет


Рисую тень от окна


По тому же принципу рисуем остальные окна. Я стараюсь, что бы они не были похожи друг на друга, так получается боле мультяшно.


Дверь
Точно так же, как окна, рисуем раму двери. Не забываем про тень от косяка.


Рисуем фактуру дерева. Меняем фигуру на обводку без заливки, толщину обводки я поставила 0,25


Теперь осветляем. По мере продвижения к темной части двери понижаем непрозрачность фигур. Что бы казалось, что участки двери освещены не одинаково.


по тому же принципу, что и все остальное, рисую сердечко-отверстие.


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


Рисую ручку. Обводку и саму ручку рисую так же как все остальное (1). Затем тень и свет радиальным градиентом (2). Еще один радиальный градиент меньшего диаметра (3) и блики не градиентом а тем же цветом что и дверь с режимом наложения осветление и пониженной непрозрачностью (4)


Добавляем немного кирпичей, что бы дом смотрелся более живописно


На крышу я решила посадить кошку, поставить трубу и антенну. А еще добавила почтовый ящик. Кошку рисую так же как и все - обводка, тушка, добавляю свет и тень.


И финальный штрих - балкончик и почтовый ящик


В следующем посте выращиваем дерево )))

Отредактировано: meine_kleine — 6 Августа 2013, 23:53

Дерево

Деревья я понабрасывала сначала на бумаге и потом уже без эскиза в фотошопе стала рисовать.
Цветом обводки рисую ствол.


затем крону



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


Добавляю кроне объем. Тем же зеленым цветом


Еще один такая же фигура меньшая по размеру и сверху радиальный градиент


Теперь рисую ветки при помощи инструмента спираль


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


Добавляю листики


Теперь рисую грушу. Обводка (1), тушка (2)


Блики


Еще блики и листик


Вот и все, получилось вот такое дерево


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

Вот и все. Надеюсь, урок оказался полезным

Автор - Рыжий кАтенок

Отредактировано: Рыжий кАтенок — 20 Июля 2012, 21:20

Волшебно Спасибо за урок! Чувствую, буду пользоваться - часто бывает проблема с векторными фонами

Отличный урок, подчерпнул)

урок - потрясающий! спасибо огромное)

i

tolik3, Nightchild, тема «Новичкам раздела.»

Нравится такая "рисовка" ! спасибо за урок ) +

Отличная техника, буду обязательно что то подобное использовать!

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

Светик_эГОисТка, вот этим инструментом. У меня оно называется прямое выделение (русский перевод такой русский )

зажимаете левую кнопку мыши и двигаете точку

Отличный урок, спасибо. весь день вчера рисовала.
Про фактуру дерева хочется спросить. Я правильно поняла что она вся сделана контурами? т.е. сначала обводка 0, 25, потом по той же схеме как все остальное? т.е. скопировать, вставить и поменять толщину обводки?

july-foto, про дерево: темные полосы - это фигуры с обводкой, но без заливки, получаются просто линии, светлые участки - фигуры с заливкой, но без обводки. Вы про это спрашивали?

про это, спасибо. НО уже сделала с обводками

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

Я считаю, не важно какими инструментами и приемами работать, главное, что бы результат был приличным

Отредактировано: Рыжий кАтенок — 27 Июля 2012, 16:30

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