Элегантные трехмерные формы с Adobe Illustrator (перевод)

Урок 3D в Adobe Illustrator — рисуем красивые трехмерные шары.

3D shapes with Adobe Illustrator

Шаг 1

Мы начнем с определения структуры для нашего объекта.

Создайте несколько красочных, равномерно расположенных прямоугольников, как я.
Мы должны из них создать символ, так что выберите их всех и тяните их к Symbols Panel.

3D shapes with Adobe Illustrator

Нарисуйте круг и удалите одну из точек привязки. Таким образом у Вас останется только половина круга. Закрасьте ее черным цветом.

3D shapes with Adobe Illustrator

Выберите объект, который Вы только создали, и пойдите в Effect>3D>Revolve, чтобы создать черную сферу.

3D shapes with Adobe Illustrator

В опции Revolve выберите Map Art, и из выпадающего меню выбирают символ, который мы только что создали (цветные полоски).

Корректируйте ширину, высоту и вращение символа. Важно выбрать пункт Shade Artwork, иначе свет, который мы будем настраивать в следующем шаге, не будет затрагивать полосы, и все будет выглядеть неуклюжим.

3D shapes with Adobe Illustrator

Мы должны играть немного с опцией освещения. Включите Plastic Shading, потому что она даст высшее качество. Добавьте еще некоторые огни, я добавил только один, но если Вам хочется, то можете добавить и больше. Также важен параметр Blend Steps – чем больше, тем выше качество. Если Ваше изображение будет маленьким, оставьте 25, но если Вы нуждаетесь в изображении большого размера, то я рекомендую увеличить это до максимума.

3D shapes with Adobe Illustrator

Шаг 2

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

Сфера с орнаментом из прямоугольников и 3 огнями.

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

Вы можете сделать такой образец орнамента, помещая несколько рядов квадратов как на картине ниже. Используйте Object>Transform Each, чтобы вращать каждый квадрат индивидуально.

3D shapes with Adobe Illustrator

Шаг 3

Этот объект был создан с диагональными линиями, который я согнул с помощью эффекта Effect>Wrap>Arc. Чтобы сделать сферу частично прозрачной, я использовал “Невидимую Геометрию”, это галочка “Invisible Geometry” в окне Effect>3D>Revolve>Map Art.

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

Шаг 4

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

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

Вы можете экспериментировать с цветной штриховкой и установками цвета, чтобы придумать довольно интересные эффекты.

Шаг 5

Теперь создадим тень. Нарисуйте два эллипса, как на картине ниже. Сделайте маленький черным, больший белым. Установите для большого в 0 % прозрачность. Выделите оба овала.

Используйте инструмент Blend , чтобы соединить эти два эллипса и установить смешивание (Spacing) в «Smooth Color»(Вы можете сделать это, дважды щелкая по инструменту Blend ).

3D shapes with Adobe Illustrator

Шаг 6

Чтобы создать отражение копируют сферу и перемещают ее на передний план (ctrl/cmd+F). Выберите копию и пойдите в Object>Expand Appearance. После этого поместите ее вертикально и ниже первоначальной сферы.

3D shapes with Adobe Illustrator

Создайте прямоугольник по размерам сферы и заполните его бело-черным градиентом.

3D shapes with Adobe Illustrator

Выберите отраженную сферу и прямоугольник. Пойдите в панель Transparency и выберите Make Opacity Mask.

Вы можете нажать на уменьшенное изображение маски и поэкспериментировать с градиентом.

3D shapes with Adobe Illustrator

Все!!!
( Маска прозрачности(Make Opacity Mask) не поддерживается форматом EPS8, сохраняйте только в EPS10 !!!)

Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Оценка статьи:
1 Звезда2 Звезда3 Звезда4 Звезда5 Звезда (Пока оценок нет)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Комментариев: 23
  1. Юлия

    Подскажите, а разве 3д можно на стоки?

  2. Даша (автор)

    Это не 3D в прямом смысле этого слова — это просто способ создать объемную фигуру в Иллюстраторе:)) В конечном итоге выходит тоже вектор.
    А вообще стоки 3D тоже берут.

  3. Юлия

    тоесть не надо ничего разбирать? и все стоки берут 3д?

  4. Даша (автор)

    вообще я разбирала — мне так спакойнее, но возможно что это и не обязательно, я просто по другому не пробовала:))
    Попробуйте не разбирать и проверить файл как расказано тут http://sheko.ru/2010/09/format-eps-10.html (эта статья подходит и для EPS8 и для EPS10)

  5. Александр

    Здравствуйте, Дарья Александровна. А как это у вас так красиво рисовать получается?) Я начал с иллюстратором разбираться, так думаю за год не справлюсь) Спасибо за уроки. Да и еще. Сайт пользуется популярностью. Я на тут бай его нашел)

    1. Даша (автор)

      Спасибо, Александр Владимирович:)) Теплые слова всегда приятны!!
      Ловкость рук и никакого мошенства…
      Еще годик потренируетесь, и все пойдет, как по маслу:))
      А уроки — это в основном, переводы с англоязычных источников:)

  6. Albina

    Привет я уже вам тут писала как то )
    Дело в том что я рисавать то умею а вот Илл только изучаю так что борюсь щас иммено с правильным сохранением для стоков
    я тут поняла что они много чего не понимают из уввектов у меня ваще при сохранение мешей в Илл 8 они приобразуются в картинки(хотя у вас тут есть урок с коженной оббивкой и так меш используется) это что же мне вообще мешами не пользоваться
    «вообще я разбирала – мне так спакойнее»
    А что значит разбить?
    а то может хоть 3d эффектом смогу пользоваться

  7. Albina

    те я написать хотела не не понимают а не принимают
    и эффекты а не уввекты

  8. Даша (автор)

    «разобрать» – это значит выделить объект, нарисованный кистью, и выбрать в меню Object -> Expand (или Expand Apearence) Если версия Иллюстратора CS2, то потом нужно для выделенного объекта в палитре Pathfinder нажать Trim (для CS4 уже не нужно)

    если кисть не разобрана, то работу не примут на микросток.

    Что касается мешей…. то они должны и так правильно сохраняться и ничего с ними делать не нужно.
    3d эффекты я тоже разбирала, просто такая работа у меня одна была, можно попробовать и не разобранную отослать…

    И еще советую прочитать статьи:

    Плагин в помощь при сохранении в EPS http://sheko.ru/2011/02/besplatnyiy-plagin-vector-inspector-ot-istockphoto.html
    Как правильно сохранить EPS 8 для микростоков http://sheko.ru/2009/11/kak-pravilno-sohranit-eps-8-dlya-mikrostokov.html

    Если возникают вопросы — пишите!! Экзамен на Шаттер лучше проходить с растром ( EPS лучше не слать на экзамен, лучше слать его JPG копию). А потом уже , после прохождения экзамена можно и EPS посылать. Если не уверены в работах, то можете прислать их мне, я гляну..

    Удачи!

  9. Albina

    спасибо большушее за ответ очень пригодалось !)
    и за предложение помощи я как то не хочу кого то специально беспокоить, я лучше ваш блог почитаю повнимательнее, благо у вас довольно таки доходчего все написано

    мне еще до 10 работ для шатера пахеть ого но вот 3 для Айса я таки закончила завтра отсылать буду мне кажется пройду )

    С наступающим вас праздником!)

  10. Даша (автор)

    Albina , и Вас с наступающим!!
    Успехов в освоении микростоков!!

  11. Александра

    Здравствуйте! Очень рада что наткнулась на ваш сайт)
    У меня такая вот ситуация, учусь на графического дизайнера, а компьютерную графику мы начинаем изучать когда уже ниому не надо…Поэтому приходиться разбираться самому.
    Я вообше-то не очень разбираюсь в программах,но что делать без этого не как! Почитала ваши статьи, кстати очень хорошие) и згорелась зарегестрироваться и сдать экзамен на Shutterstock .
    Вы не могли бы мне помочь и ответить на пару наверное глупых вопросов!
    Скажите пожалуйта когда рисуешь для стоков все должно быть в одном слое или во многих?
    И еще такой вопрос, у меня иллюстратор CS5, есле сохранять в формате EPS это каой EPS 8 или EPS 10???

  12. Даша (автор)

    Здравствуйте, Александра!!
    Я рисую все на одном слое. Делайте как вам удобнее. Требований по этому поводу нет, возможно для покупателей и будет удобнее на разных слоях… это дело вкуса. Единственный раз когда я рисовала на нескольких слоях и каждому слою давала название — это для экзамена на Айстоке http://sheko.ru/2010/02/kak-ya-zdala-ekzamen-na-istockphoto.html

    EPS 8 принимают все стоки без исключения (он наиболее универсален)
    EPS 10 сегодня принимаю все основные крупные стоки, в том числе и Shutterstock http://sheko.ru/2010/09/format-eps-10.html
    Я придерживаюсь такого мнения — если работа может быть сохранена в EPS 8 (т.е. все используемые эффекты поддерживаются в формате EPS 8) , то лучшее ее так и сохранять в EPS 8. Ну а если использованы режимы наложения, прозрачности и т.д, то можно не заморачиваться с их преобразованием в вектор (http://sheko.ru/2010/05/kak-ispolzovat-prozrachnosti-i-drug.html) и сохранить в EPS 10

    Удачи!!

  13. Александра

    Огромное спасибо!)

  14. Alena

    Я в восторге от урока!!! Большущее спасибо, Даша!! Для меня много открытий!!!
    P.S. И где бы я учила Illustrator, если бы не сайты с такими замечательными уроками! И хорошими учителями! :)

  15. Екатерина

    Добрый день! Только начинаю работу с иллюстратором. Помогите пожалуйста. Объясните этот шаг в уроке более подробно. Где находится» опции Revolve выберите Map Art» ?
    У меня русская версия иллюстратора, пыталась через переводчик перевести, но так найти где находятся эти параметры не могу. Буду благодарна за ответ.
    Вообще очень хороший урок, сейчас хочу по этому уроку доработать логотип.

  16. Даша (автор)

    У меня англоязычная версия, но в интернете нашла такие переводы

    Effect->3D->Revolve Эффекты->3D->Вращение
    Map Art Проецирование

    Возможно с картинкой будет понятнее (она не из урока, а просто чтобы вы увидели расположение кнопок)

    1

  17. Екатерина

    Спасибо огромное!:)Всё нашла. Только теперь другая проблема, иллюстратор постоянно выдает окно не хватает памяти RAM. Может кто-то сталкивался с таким, что делать?:(

  18. Даша (автор)

    У меня на старом компьютере такая же проблема была… не могла в технике 3Д много чего сделать, только самое простое получалось.
    Пришлось покупать компьютер по мощнее:)
    Спросите на компьютерных форумах, может просто памяти докупить…

  19. flashtuchka

    элегантно =)
    в избранное.

  20. Анна

    Привет!
    Большое спасибо автору за урок! Очень симпатично получается. Есть только один вопрос: у меня узор на шарике получается в конечном виде как будто он немного растрит, то есть линии не плавные, а как будто с пикселями, хотя я ставлю Blend Steps на максимум. Для логотипа такое качество конечно не подойдет. Как думаете, с чем это может быть связано?
    Заранее спасибо!

  21. Татьяна

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

  22. Барс

    20 минут искала 3Д->Вращение в своем русскоязычном ИА. Так вот, народ, будьте внимательны — находится в эффектах под названием «Объемное изображение». Вот загнули-то :)

Отзывы, вопросы и ваше мнение:

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

 необходимо принять правила конфиденциальности