ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
 Страница 1 из 10  » следующая
 женщина  Рыжий кАтенок 20 Июля 2012, 21:13
Пост №1 * 20 Июля 2012, 21:13

Демиурги
4 420 постов
1951°
Возраст: скрывает
Регистрация: 21.01.2008
Проживает: Москва
Данный урок не очень сложный, но все же рассчитан на тех, кто немного знаком с Adobe Illustrator. Я покажу как я рисую векторные мультяшные домики. В принципе, я все рисую по одинаковой технологии и достаточно просто. Повторять его по пикселям не стоит, но вот взять для себя разные тонкости и нюансы вполне можно smile.gif

Домик вот из этой картинки
Мультяшные домик и дерево


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

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

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

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

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

Рисую крышу.
Мультяшные домик и дерево *

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

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

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

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

Рисую тень на доме
Мультяшные домик и дерево *

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

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

Окна.

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

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


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

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

Добавляю еще блики и тени. И на стекле и на раме. Рисую переплет
Мультяшные домик и дерево *

Рисую тень от окна
Мультяшные домик и дерево *

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

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

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

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

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

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

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

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

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

И финальный штрих - балкончик и почтовый ящик
Мультяшные домик и дерево *

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


Отредактировано: meine_kleine — 6 Августа 2013, 23:53
ключевые слова: дерево мультяшное, двери мультяшные, мультяшное дерево, мультяшные окна, ветка мультяшное, дерево, рисуем мультяшные здания в фотошопе, "дверь" фото мультяшным, картинки мультяшные домики, мультяшные картинки с небом
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 женщина  Рыжий кАтенок 20 Июля 2012, 21:13 (спустя 14 сек.)
Пост №2 * 20 Июля 2012, 21:13 (спустя 14 сек.)

Демиурги
4 420 постов
1951°
Возраст: скрывает
Регистрация: 21.01.2008
Проживает: Москва
Дерево

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

затем крону
Мультяшные домик и дерево *
Мультяшные домик и дерево *

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

Добавляю кроне объем. Тем же зеленым цветом
Мультяшные домик и дерево *

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

Теперь рисую ветки при помощи инструмента спираль
Мультяшные домик и дерево *

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

Добавляю листики
Мультяшные домик и дерево *

Теперь рисую грушу. Обводка (1), тушка (2)
Мультяшные домик и дерево *

Блики
Мультяшные домик и дерево *

Еще блики и листик
Мультяшные домик и дерево *

Вот и все, получилось вот такое дерево
Мультяшные домик и дерево *

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

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

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


Отредактировано: Рыжий кАтенок — 20 Июля 2012, 21:20
+6
 женщина  Tasty_Cat 20 Июля 2012, 21:40 (спустя 27 мин.)
Пост №3 * 20 Июля 2012, 21:40 (спустя 27 мин.)

Размышляющие
1 980 постов
208°
Возраст: 32
Регистрация: 6.12.2004
Проживает: Москва
Волшебно smile.gif Спасибо за урок! Чувствую, буду пользоваться - часто бывает проблема с векторными фонами
0
 мужчина  tolik3 20 Июля 2012, 22:57 (спустя 1 час 17 мин.)
Пост №4 * 20 Июля 2012, 22:57 (спустя 1 час 17 мин.)

Размышляющие
225 постов
15°
Возраст: 30
Регистрация: 3.11.2008
Проживает: Омск
Отличный урок, подчерпнул)
0
 женщина  Nightchild 23 Июля 2012, 09:22 (спустя 2 дня 10 часов)
Пост №5 * 23 Июля 2012, 09:22 (спустя 2 дня 10 часов)

Дебютанты
8 постов
Возраст: скрывает
Регистрация: 5.01.2010
Проживает: Томск
урок - потрясающий! спасибо огромное)
0
 мужчина  YemZ 23 Июля 2012, 15:17 (спустя 5 часов 55 мин.)
Пост №6 * 23 Июля 2012, 15:17 (спустя 5 часов 55 мин.)

Размышляющие
1 529 постов
271°
Возраст: 16
Регистрация: 26.07.2006
Проживает: Украина
0
 мужчина  Sonali 23 Июля 2012, 23:23 (спустя 8 часов 5 мин.)
Пост №7 * 23 Июля 2012, 23:23 (спустя 8 часов 5 мин.)

Размышляющие
123 поста
Возраст: 40
Регистрация: 25.06.2009
Проживает: Черновцы
Нравится такая "рисовка" ! спасибо за урок ) +
0
 мужчина  sacso 25 Июля 2012, 23:15 (спустя 1 день 23 часа)
Пост №8 * 25 Июля 2012, 23:15 (спустя 1 день 23 часа)

Размышляющие
24 поста
Возраст: 45
Регистрация: 14.01.2008
Проживает: Салехард
Отличная техника, буду обязательно что то подобное использовать! rolleyes.gif
0
 женщина  Светик_эГОисТка 27 Июля 2012, 08:38 (спустя 1 день 9 часов)
Пост №9 * 27 Июля 2012, 08:38 (спустя 1 день 9 часов)

Дебютанты
2 поста
Возраст: скрывает
Регистрация: 19.05.2011
Проживает: Москва
Урок хороший, для меня еще сложноват, "застыла" на этом моменте: "Потом можно немного подвигать узловые точки, что бы обводка получилась не везде одинаковой толщины.", ну не получается обводка разной толщины, можете подробно объяснить каким инструментом двигать эти точки....
0
 женщина  Рыжий кАтенок 27 Июля 2012, 08:53 (спустя 15 мин.)
Пост №10 * 27 Июля 2012, 08:53 (спустя 15 мин.)

Демиурги
4 420 постов
1951°
Возраст: скрывает
Регистрация: 21.01.2008
Проживает: Москва
Светик_эГОисТка, вот этим инструментом. У меня оно называется прямое выделение (русский перевод такой русский smile.gif )
Мультяшные домик и дерево
зажимаете левую кнопку мыши и двигаете точку
+3
 женщина  july-foto 27 Июля 2012, 09:58 (спустя 1 час 4 мин.)
Пост №11 * 27 Июля 2012, 09:58 (спустя 1 час 4 мин.)

Размышляющие
95 постов
12°
Возраст: 43
Регистрация: 22.04.2010
Проживает: Москва
Отличный урок, спасибо. весь день вчера рисовала.
Про фактуру дерева хочется спросить. Я правильно поняла что она вся сделана контурами? т.е. сначала обводка 0, 25, потом по той же схеме как все остальное? т.е. скопировать, вставить и поменять толщину обводки?
0
 женщина  Рыжий кАтенок 27 Июля 2012, 10:10 (спустя 11 мин.)
Пост №12 * 27 Июля 2012, 10:10 (спустя 11 мин.)

Демиурги
4 420 постов
1951°
Возраст: скрывает
Регистрация: 21.01.2008
Проживает: Москва
july-foto, про дерево: темные полосы - это фигуры с обводкой, но без заливки, получаются просто линии, светлые участки - фигуры с заливкой, но без обводки. Вы про это спрашивали?
0
 женщина  july-foto 27 Июля 2012, 15:42 (спустя 5 часов 32 мин.)
Пост №13 * 27 Июля 2012, 15:42 (спустя 5 часов 32 мин.)

Размышляющие
95 постов
12°
Возраст: 43
Регистрация: 22.04.2010
Проживает: Москва
про это, спасибо. НО уже сделала с обводками
Мультяшные домик и дерево
+8
 женщина  Рыжий кАтенок 27 Июля 2012, 16:00 (спустя 18 мин.)
Пост №14 * 27 Июля 2012, 16:00 (спустя 18 мин.)

Демиурги
4 420 постов
1951°
Возраст: скрывает
Регистрация: 21.01.2008
Проживает: Москва
july-foto, и все замечательно получилось. smile.gif Я бы только, наверное, тени и свет у деревьев сделала для каждого круга отдельно, тогда они бы получились как будто стриженные тремя шариками )))

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


Отредактировано: Рыжий кАтенок — 27 Июля 2012, 16:30
+3
 женщина  july-foto 27 Июля 2012, 17:55 (спустя 1 час 54 мин.)
Пост №15 * 27 Июля 2012, 17:55 (спустя 1 час 54 мин.)

Размышляющие
95 постов
12°
Возраст: 43
Регистрация: 22.04.2010
Проживает: Москва
Я пыталась, но я ни разу не художник, к сожалению рисовать не умею вообще, только срисовывать. Вот по уроку могу повторить, а что-то придумать самой сложно очень. Так что я не предсттавляю как там тени должны быть. Повторять ваши рисунки в точности не хотела, вот и придумала дуб.
0
 Страница 1 из 10  » следующая
« Предыдущая тема · Уроки Adobe Illustrator · Следующая тема»
 Похожие темы
Мультяшные зверушки
Illustrate funny cartoon animals
DjonArt 29 34774 +4 2 Апреля 2015 - 12:15
» к последнему сообщению
рисуем инструментом карандаш мультяшную рыбку
Иллюстратор планшет интуос 3 А4
pitosha 102 59795 +84 14 Февраля 2021 - 20:50
» к последнему сообщению
Быстрое раскрашивание мультяшного персонажа
Быстрое раскрашивание в люстре
kaktuzzz 31 27642 +10 10 Апреля 2017 - 14:08
» к последнему сообщению
Создаем надпись в мультяшном стиле для игры
Create a Cartoonish Games Text Effect
Dark Wood 8 13809 11 Марта 2017 - 15:28
» к последнему сообщению
Рисуем мультяшного динозавра в векторе
Рисуем мультяшного динозавра в векторе
vsstor 1 650 +2 31 Января 2021 - 16:27
» к последнему сообщению

0 посетителей в этой теме