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

3D shapes with Adobe Illustrator

Урок 3D в 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

Урок 3D в Adobe Illustrator — Шаг 2

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

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

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

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

3D shapes with Adobe Illustrator

Урок 3D в 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

Урок 3D в Adobe Illustrator — Шаг 4

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

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

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

Урок 3D в Adobe Illustrator — Шаг 5

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

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

(для микростоков такой вариант тени ( градиент + прозрачность) недопустим!!!!)

3D shapes with Adobe Illustrator

Урок 3D в 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!!! Для микростоков я советую упростить этот шаг и использовать для отражения градиент от любого цвета к белому)

RSS
Вы можете подписаться на комментарии к статье: RSS 2.0


23 комментария
  1. CommentsЮлия   |  Вторник, 19 Октябрь 2010 at 10:31 пп

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

  2. CommentsSheko.ru   |  Среда, 20 Октябрь 2010 at 7:35 дп

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

  3. CommentsЮлия   |  Пятница, 22 Октябрь 2010 at 4:13 пп

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

  4. CommentsДаша   |  Пятница, 22 Октябрь 2010 at 9:15 пп

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

  5. CommentsАлександр   |  Четверг, 27 Январь 2011 at 11:50 дп

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

  6. CommentsДаша   |  Четверг, 27 Январь 2011 at 11:54 дп

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

  7. CommentsAlbina   |  Четверг, 03 Март 2011 at 12:55 дп

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

  8. CommentsAlbina   |  Четверг, 03 Март 2011 at 1:03 дп

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

  9. CommentsДаша   |  Четверг, 03 Март 2011 at 9:05 дп

    «разобрать» – это значит выделить объект, нарисованный кистью, и выбрать в меню 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 посылать. Если не уверены в работах, то можете прислать их мне, я гляну..

    Удачи!

  10. CommentsAlbina   |  Суббота, 05 Март 2011 at 7:20 дп

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

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

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

  11. CommentsДаша   |  Суббота, 05 Март 2011 at 10:10 дп

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

  12. CommentsАлександра   |  Воскресенье, 06 Март 2011 at 2:20 пп

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

  13. CommentsДаша   |  Воскресенье, 06 Март 2011 at 2:38 пп

    Здравствуйте, Александра!!
    Я рисую все на одном слое. Делайте как вам удобнее. Требований по этому поводу нет, возможно для покупателей и будет удобнее на разных слоях… это дело вкуса. Единственный раз когда я рисовала на нескольких слоях и каждому слою давала название — это для экзамена на Айстоке 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

    Удачи!!

  14. CommentsАлександра   |  Воскресенье, 06 Март 2011 at 3:03 пп

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

  15. CommentsAlena   |  Воскресенье, 21 Август 2011 at 3:22 дп

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

  16. CommentsЕкатерина   |  Среда, 14 Сентябрь 2011 at 10:09 дп

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

  17. CommentsДаша   |  Среда, 14 Сентябрь 2011 at 10:25 дп

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

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

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

    1

  18. CommentsЕкатерина   |  Среда, 14 Сентябрь 2011 at 6:08 пп

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

  19. CommentsДаша   |  Четверг, 15 Сентябрь 2011 at 10:31 дп

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

  20. Commentsflashtuchka   |  Воскресенье, 16 Октябрь 2011 at 4:18 дп

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

  21. CommentsАнна   |  Среда, 18 Июль 2012 at 3:01 пп

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

  22. CommentsТатьяна   |  Вторник, 30 Октябрь 2012 at 12:09 пп

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

  23. CommentsБарс   |  Суббота, 08 Март 2014 at 11:57 дп

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


Оставить комментарий







twitter RSS Подписаться на новости по Email

Деньги

Ваш суммарный доход на стоках в месяц:

Посмотреть на результат

Загрузка ... Загрузка ...

Опрос

Какие микростоки самые доходные для Вас (не более 5-ти):

Посмотреть на результат

Загрузка ... Загрузка ...
Rambler's Top100 PR-CY.ru