Рисование елочки в стили 3-d. Урок для Adobe Illustrator

Понедельник, 31 Декабря 2012 г. 13:40 + в цитатник

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

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 1

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 2

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 3

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 4

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

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 5

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 6

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 7

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку.8

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку.9

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 10

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 11

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 12

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 13

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 14

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 15

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

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 16

Стилизованная 3-D елочка в Adobe Illustrator. Иллюстрации к уроку. 17

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

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

Стилизованная 3-D елочка в Adobe Illustrator

Серия сообщений "Редакторы векторной графики":
Часть 1 - Inkscape - бесплатный редактор векторной графики.
Часть 2 - Как поменять языковый пакет в программе Inkscape.
Часть 3 - Рисование елочки в стили 3-d. Урок для Adobe Illustrator
Часть 4 - Portable Adobe Illustrator CS6 (Rus)+ Официальный учебный курс

Серия сообщений "Новый Год":
Часть 1 - Маски новогодние.
Часть 2 - Клипарт "Снегурки".
...
Часть 14 - Векторный клипарт "Рождество и Новый Год".
Часть 15 - Векторный клипарт «Снежное Рождество».
Часть 16 - Рисование елочки в стили 3-d. Урок для Adobe Illustrator
Часть 17 - Флеш часики "Поздравительные" или С Новым Годом, здравствуйте !
Часть 18 - Векторный клипарт « Horse year 2014».
...
Часть 30 - Картонная упаковка «Овечка». Мастер - класс.
Часть 31 - Надписи и шрифты «С Новым Годом и Рождеством».
Часть 32 - С Новым Годом!

Серия сообщений "Рисование в графических редакторах":
Рисование в графических редакторах, литература по ИЗО
Часть 1 - Рисование елочки в стили 3-d. Урок для Adobe Illustrator
Часть 2 - Старая Русь в Федоскинских миниатюрах...
Часть 3 - Клипарт PNG «Светская жизнь».
Часть 4 - УЧИМСЯ РИСОВАТЬ ЖИВОТНЫХ.
Часть 5 - УЧИМСЯ РИСОВАТЬ ПТИЦ И РЫБ.

Серия сообщений "Рисование в Adobe Illustrator":
Часть 1 - Рисование елочки в стили 3-d. Урок для Adobe Illustrator
Часть 2 - Portable Adobe Illustrator CS6 (Rus)+ Официальный учебный курс

Серия сообщений "Уроки Adobe Illustrator CS6 ":
Часть 1 - Рисование елочки в стили 3-d. Урок для Adobe Illustrator
Часть 2 - Portable Adobe Illustrator CS6 (Rus)+ Официальный учебный курс

Рубрики:

клипарт

<a href="https://www.liveinternet.ru/users/novprospekt/post254615048/">Р РёСЃРѕРІР°РЅРёРµ РµР»РѕС‡РєРё РІ СЃС‚РёР»Рё 3-d. РЈСЂРѕРє РґР»СЏ Adobe Illustrator </a><br/>
РЇ РѕС‡РµРЅСЊ Р»СЋР±Р»СЋ РІРµРєС‚РѕСЂРЅС‹Р№ РєР»РёРїР°СЂС‚. Р’ СЃРµС‚Рё, РЅР° СЂР°Р·РЅС‹С… СЃР°Р№С‚Р°С…, СЃРµР№С‡Р°СЃ РѕС‡РµРЅСЊ РјРЅРѕРіРѕ РІРµРєС‚РѕСЂРЅС‹С… С„Р°Р№Р»РѕРІ С„РѕСЂРјР°С‚Р° AI Рё EPS. РћС‡РµРЅСЊ РјРЅРѕРіРѕ РІСЃСЏС‡РµСЃРєРѕР№ СЂРёСЃРѕРІР°РЅРЅРѕР№ РЅРѕРІРѕРіРѕРґРЅРµР№ Р°С‚СЂРёР±СѓС‚РёРєРё. Р’РѕС‚ РїРѕРїР°Р»РѕСЃСЊ РѕРїРёСЃР°РЅРёРµ РїСЂРёРµРјР° СЂРёСЃРѕРІР°РЅРёСЏ СЃС‚РёР»РёР·РѕРІР°РЅРЅРѕР№ РµР»РѕС‡РєРё РІ СЃС‚РёР»Рё 3-d. РћС‡РµРЅСЊ РёРЅС‚РµСЂРµСЃРЅС‹Рµ СЂРµР·СѓР»СЊС‚Р°С‚С‹ РїРѕР»СѓС‡Р°СЋС‚СЃСЏ. Р РµС€РёР»Р° СЂР°СЃРїРёСЃР°С‚СЊ РїРѕСЌС‚Р°РїРЅРѕ РїСЂРѕС†РµСЃСЃ РµР»РєРѕСЃС‚СЂРѕРёС‚РµР»СЊСЃС‚РІР° РґР»СЏ СЂСѓСЃСЃРєРѕР№ РІРµСЂСЃРёРё РїСЂРѕРіСЂР°РјРјС‹ Adobe Illustrator CS5.
Р’РѕС‚ С‚Р°РєРёРјРё РІРµРєС‚РѕСЂРЅС‹РјРё РѕС‚РєСЂС‹С‚РєР°РјРё Рё РµР»РѕС‡РєР°РјРё РїРѕР·РґСЂР°РІР»СЏСЋ РІСЃРµС… РєС‚Рѕ Р·Р°С…РѕРґРёС‚ РєРѕ РјРЅРµ РІ РіРѕСЃС‚Рё, РІСЃРµС… СЃРІРѕРёС… РґРѕСЂРѕРіРёС… РґСЂСѓР·РµР№ - С‡РёС‚Р°С‚РµР»РµР№ Рё СЃРѕСЂР°С‚РЅРёРєРѕРІ РїРѕ РёР·СѓС‡РµРЅРёСЋ РІСЃРµРІРѕР·РјРѕР¶РЅС‹С… РґРёР·Р°Р№РЅРµСЂСЃРєРёС… РїСЂРѕРіСЂР°РјРј. Р’СЃРµРј СѓСЃРїРµС…РѕРІ, СѓРґР°С‡Рё Рё Р·Рґ... <a href="https://www.liveinternet.ru/users/novprospekt/post254615048/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]