• Авторизация


Рисование елочки в стили 3-d. Урок для Adobe Illustrator 31-12-2012 13:40 к комментариям - к полной версии - понравилось!


[700x]

Я очень люблю векторный клипарт. В сети, на разных сайтах, сейчас очень много векторных файлов формата AI и EPS. Очень много всяческой рисованной новогодней атрибутики. Вот попалось описание приема рисования стилизованной елочки в стили 3-d. Очень интересные результаты получаются. Решила расписать поэтапно процесс елкостроительства для русской версии программы Adobe Illustrator CS5.
Вот такими векторными открытками и елочками поздравляю всех кто заходит ко мне в гости, всех своих дорогих друзей - читателей и соратников по изучению всевозможных дизайнерских программ. Всем успехов, удачи и здоровья в Новом Году!

1. Открываем программу Adobe Illustrator CS5 или CS6 и создаем новый документ.

[700x]





2. Для заполнения 3-d формы, которую мы создадим позже нам понадобится некое изображение (такая ленточка - серпантин). Заполнение 3-d формы будет осуществляться с помощью символа, которым и будет созданное нами сейчас изображение в виде зебры. Для создания символа выбираем инструмент "Прямоугольник" и рисуем на рабочем поле длинный прямоугольник любого цвета без обводки.

[700x]


3. Нам надо продублировать этот прямоугольник 10 раз. Делаем это через вкладку меню "Эффекты". Эффекты->Исказить и трансформировать -> Трансформировать. Не снимая выделения с нарисованного прямоугольника, пройти в эту вкладку и выбрать подпункт "Трансформировать"

[700x]


4. В выпавшем диалоговом окне ввести необходимые параметры смещения по вертикали и количество копируемых экземпляров. Причем, значение смещения по вертикали определяем визуально, проставив предварительно галочку в чекбоксе "Просмотр" Значение это может отличаться от приведенного в скрине (быть больше или меньше в зависимости от масштаба вашего рисунка).

[700x]


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

5 - 6. Теперь эту "зебру" необходимо превратить в символ. Для этого, сначала необходимо выделить все полосочки в этой "зебре". Проходим во вкладку меню "Объект" и выбираем пункт "Разобрать оформление". После этого все полосочки у нас будут выделены.

[700x]


[700x]


7. После того как все прямоугольнички в "зебре" выделены у нас получился объект, который необходимо поместить в палитру "Символы"
Для этого открываем вкладку меню "Окно" и ставим галочку в пункте "Символы".

[700x]


8 - 9. Выскочит окошко с символами, в которое мы инструментом "Перемещение" с рабочего поля, перетаскиваем нашу зебру. В выпавшем диалоговом окне "Параметры символа" вносим необходимые значения для регистрации нашего созданного символа. Я назвала его "елка1"

[700x]


Наш символ "елка1" появился в палитре "Символы" и готов к использованию. Сам же рисунок "зебры" можно удалить с рабочего поля, нажав "Delete" с клавиатуры.

[700x]


10 - 11. Теперь пришла пора создавать собственно 3-d елочку. Для этого берем инструмент "Перо". Обратите внимание, что в цветовом режиме у нас должен быть режим "Заливка цветом без обводки". Вверху рабочего поля кликаем и ставим опорную точку, затем зажимаем клавишу "Shift" и тянем мышкой линию вниз, ставим еще одну опорную точку и, все также с зажатой клавишей "Shift", тянем горизотальную линию немного влево и также, в конце линии, щелчком ставим опорную точку. У нас должен получиться треугольник.

[500x]


[500x]


12. Щелкаем по инструменту "Перемещение", чтобы выделить нарисованный треугольник и проходим во вкладку меню "Эффекты" - "Объемное изображение" - "Вращение".

[700x]


13. В выпавшем окне настраиваю основу будущей елки и нажимаю кнопку "Проецирование".

[700x]


14 - 15. В окне "Проецирование" выбираем для заполнения формы 3d елочки наш, ранее созданный, символ "елка1". Выставляем параметры - нажимаем кнопку "Масштабировать по размеру", ставим галочки в пунктах "Реалистичные тени" и "Невидимая структура", "Просмотр".
Причем, в окне просмотра, заполнения структуры символом, можно поиграть с расположением зебры на заполняемой структуре. Зебру можно вращать и изменять ее размеры. На рабочем поле можно наблюдать все происходящие изменения с формой елочки и, когда результат вам понравится, можно нажать "OK". Снова попадаем в окно "Проецирование" и теперь уже здесь нажимаем "OK".

[700x]


[700x]


16 - 17. Сохраняем полученный результат в формате PNG для составления собственного клипарта "Елочки 3d". "Файл" - "Экспортировать".

[x600]


[565x443]


Можно также воспользоваться готовыми кистями программы Adobe Illustrator CS5, инструментом "Текст" и дополнительным векторным клипартом, для того чтобы создать свою новогоднюю векторную открытку. Например, как в заставке к данному уроку или вот так

[x600]


А вот и мой набор елочек сделанных по этому уроку

[показать] [показать] [показать] [показать] [показать] [показать] [показать] [показать]

из дневника novprospekt

вверх^ к полной версии понравилось! в evernote
Комментарии (35): вперёд»
LebWohl 31-12-2012-15:26 удалить
Пусть будет щедрым Новый год,
Пусть он на счастье не скупится,
Пусть зажигает звезды в срок,
Чтоб всем твоим желаньям сбыться!!!
jzayka 01-01-2013-13:41 удалить
Спасибо за урок,елочки...
С Новым Годом!
Спасибо за урок, Мариш! С праздником наступившим!
Мариш, а иллюстратор где качнуть можно?
у меня в фш пятой версии функция 3d не встроена.
Натали64 01-01-2013-16:14 удалить
Спасибо за простой и понятный урок!!!
Lana70 01-01-2013-23:11 удалить
Спасибо за подробный урок!
Будем экспериментировать!
Mademoiselle_Viv 02-01-2013-02:16 удалить
Пусть в наступающем году
Победы новые придут!
Успехов вам во всем желаю
И с Новым годом поздравляю!
3238-7eb7ca (124x105, 75Kb)
novprospekt 03-01-2013-09:52 удалить
Ответ на комментарий Та_ещё_штучка_Я # Аль вот пятый иллюстратор
adobe_illustrator_cs5.exe
Есть еще красивый шестой портабельный, если удастся куда то разместить, то скину в личку ссылку. Компания Adobe всерьез взялась за пиратские файлы своих программ на файлообменниках. если ты еще шестой фотошоп не скачивала, то запасайся быстрее. У меня есть еще одна не заблокированная ссылка. Но сколько она продержится неизвестно.
Ответ на комментарий novprospekt # Спасибо, Мариш! уже качаю..
а фотошоп есть шестой, только я в пятой и четвёртой версиях сижу. Они у меня укомплектованы всем необходимым...фильтры-плагины, кисти и стили
Ответ на комментарий novprospekt # как то так получилось )
Занятно, но нужна практика )
Спасибо за подробный урок, Мариш!
[350x433]
novprospekt 05-01-2013-05:18 удалить
Ответ на комментарий Та_ещё_штучка_Я # Класс! Все получилось. Иллюстратор вообще вещь крайне нужная даже если в нем не рисовать. Для флеша, для анимации всяческие запчасти можно вытаскивать. Глазки отдельно, ушки-ножки отдельно. Опять же кнопочки, формочки всякие. И уроков простых тоже много. Циферблат для часиков тоже как то в иллюстраторе рисовала.

novprospekt 05-01-2013-05:24 удалить
Ответ на комментарий LebWohl # Спасибо! С Новым Годом!
[600x]
novprospekt 05-01-2013-05:26 удалить
Ответ на комментарий Olga_2008 # Большое спасибо. Очень понравилось.
[600x]
novprospekt 05-01-2013-05:29 удалить
Ответ на комментарий MissKcu # Спасибо, Ксюш. Все очень вкусно и красиво!
[600x]
novprospekt 05-01-2013-05:30 удалить
Ответ на комментарий стрелец_2012 # Спасибо. С Новым Годом!
[600x]
novprospekt 05-01-2013-05:32 удалить
Ответ на комментарий jzayka # С Новым Годом и всего самого наилучшего!
[600x600]
novprospekt 05-01-2013-05:35 удалить
Ответ на комментарий Нина_Гуревич # Спасибо, Ниночка. Удачи в Новом Году!
[600x]
novprospekt 05-01-2013-05:36 удалить
Ответ на комментарий Натали64 # Пожалуйста. С Новым Годом и всего самого хорошего!

[500x239]
novprospekt 05-01-2013-05:38 удалить
Ответ на комментарий Lana70 # Пожалуйста. С Новым Годом и наступающим Рождеством. Пусть будет больше всего хорошего!
[600x600]
novprospekt 05-01-2013-05:44 удалить
Ответ на комментарий Mademoiselle_Viv # Спасибо, Мариночка. Удачи тебе и вообще всего самого хорошего. С наступающим Рождеством! А еще спасибо за твои прекрасные работы и отличные уроки.

[554x424]
Ответ на комментарий novprospekt # впечатляет арбузик! а я в иллюстраторе подробно не сидела. уроки в нём уже забила во вкладку браузера. для разнообразия буду подсматривать.
Очень много соблазнов, и как то все в разы одолели.
Мариш, с Рождеством вас!
как освободитесь, сходите по ссылочке
http://demiart.ru/forum/index.php?showtopic=76946
Урок понятный и да, получилось...сложностей нет. и в сотнике сделала и в макромедиа -флеш тож.
Но! Не могу избавится от полоски белой, идущей перед "bar". Понимаю, что нужно наложить маску на белую полосу. А вот куда??? всяко пробовала - не догоню.
Подскажите, где собака порылась..наверняка не всё так сложно.
результат прикладываю, но в уроке лучше видно - о чём я страдаю )
http://img0.liveinternet.ru/images/attach/c/7//401...7_yeffekt_svitka_dorabotka.swf
rottam 15-01-2013-14:01 удалить
Спасибо,хочу учиться.
Ларисик 27-01-2013-10:40 удалить
Благодарю за отличную программку! Подскажите где ещё можно найти уроки по программке?
Ejkova 07-09-2013-19:59 удалить
Я очень люблю векторный клипарт. В сети, на разных сайтах, сейчас очень много векторных файлов формата AI и EPS. Очень много всяческой рисованной новогодней атрибутики. Вот попалось описание приема рисования стилизованной елочки в стили 3-d. Очень интересные результаты получаются. Решила расписать поэтапно процесс елкостроительства для русской версии программы Adobe Illustrator CS5.
Вот такими векторными открытками и елочками поздравляю всех кто заходит ко мне в гости, всех своих дорогих друзей - читателей и соратников по изучению всевозможных дизайнерских программ. Всем успехов, удачи и здоровья в Новом Году!

1. Открываем программу Adobe Illustrator CS5 или CS6 и создаем новый документ.

(Добавил ссылку к себе в дневник)

Маришка,спасибо за урок,я его в том году не видела,но сделать надо,пусть,даже,я и не буду всё рисовать,но поближе познакомлюсь с программой AI.а ёлочки получились красивенькие!
Luska13 24-10-2014-23:12 удалить
Спасибо большое.Буду осваивать!!!


Комментарии (35): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Рисование елочки в стили 3-d. Урок для Adobe Illustrator | novprospekt - Дневник novprospekt | Лента друзей novprospekt / Полная версия Добавить в друзья Страницы: раньше»