Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем пончиковый текст в Adobe Illustrator

6 апреля 2014 | Опубликовано в Уроки | 23 Комментариев »

В этом уроке мы будем рисовать текст из пончиков в Adobe Illustrator. Мы будем работать с градиентами, векторными и растровыми эффектами, режимами наложения и создадим свои кисти. Вы сможете поэкспериментировать с различными цветами и формами. А еще создание такого типографического эффекта наверняка разогреет аппетит.

Результат

donut-034

Шаг 1

Создайте новый документ горизонтального расположения. Инструментом Rectangle/Прямоугольник (M) создайте фигуру большую, чем рабочая область. Укажите ей розовый цвет заливки. Инструментом Line Segment/Отрезок линии создайте ровную вертикальную линию слева от прямоугольника. Дублируйте линию и расположите копию справа от прямоугольника. Инструментом Blend/Переход (W) создайте переход между двумя линиями, выбрав  125 Steps/Шагов. Уменьшите Transparency/Прозрачность для этой группы до 79%, и смените Blend Mode/Режим наложения на Soft Light/Мягкий свет.

donut-001

Шаг 2

Выделите прямоугольник, который создали в самом начале. Инструментом Gradient Tool/Градиент (G) залейте его радиальным градиентом от розового к темно-розовому. Вы можете выбрать другие цвета, главное следите чтобы темный цвет был у краев, а светлый — посредине.

donut-002

Шаг 3

В случае если вы решите изменить цвет фона, нарисуйте другой прямоугольник поверх всего и смените его режим наложения (Blend Mode) на Color/Цвет.

donut-003

Шаг 4

Нарисуем буквы. Используя инструмент Pencil/Карандаш (N) аккуратно рисуйте простые округлые буквы. Чтобы рисовать более плавные линии настройте опцию Fidelity/Точность. Для этого нажмите Enter, когда выбран инструмент Pencil/Карандаш, и в появившемся окне, перетяните бегунок опции Fidelity/Точность вправо. Укажите Stroke Weight/Толщину обводки в 12-20 pt. Используйте бежевый, коричневый или желтый цвет для ваших букв. В палитре Strokes/Обводка  выберите округлые Caps/Концы и Corners/Углы.

donut-004

Шаг 5

Нарисуйте буквы и выровняйте их по нижнему краю. Для этого выделите все буквы и в палитре Align/Выравнивание нажмите на соответствующую иконку. Разберите буквы, вы брав в меню Object > Expand/Объект>Разобрать.

donut-005

Шаг 6

Инструментом Pencil/Карандаш или Pen/Перо(P), нарисуйте фигуру, откусывающую часть от пончика. Сделайте это для букв OD, и T. Следите чтобы контур был закрытым. Выделяя созданную фигуру и букву, в палитре Pathfinder/Обработка контура нажимайте на Minus Front/Минус верхний.

donut-006

Шаг 7

Используя светлый цвет (в нашем случае розовый) нарисуйте глазурь, как показано на картинке ниже. Чтобы убрать дырку в букве «D», выделите букву и глазурь, инструментом Shape Builder/Создание фигур (Shift-M) выделите дырку. Снимите выделение и удалите дырку. Вот что должно получиться. Посмотрите также на откусанные кусочки.

donut-007

Шаг 8

Займемся оформлением первой буквы. Дублируйте ее (Ctrl+C > Ctrl+F). Укажите копии отсутствие заливки и светло-коричневую обводку толщиной в 3pt. Смените Blend Mode/Режим наложения для этой фигуры на Soft Light/Мягкий свет.

donut-008

Шаг 9

Вновь дублируйте слой с буквой «D», укажите отсутствие заливки и обводку светло-коричневого цвета толщиной в 0.5pt. Blend Mode/Режим наложение укажите Normal/Нормальный.

donut-009

Шаг 10

Чтобы было удобнее работать с булочной частью буквы-пончика, можете скрыть (Ctrl+3) глазурь. Выделите букву «D», дублируйте ее и в меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Укажите настройки как показано ниже.

donut-010

Шаг 11

Теперь укажите букве тень: Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры как показано ниже.

donut-011

Шаг 12

Вновь дублируйте слой буквы и используя Gradient/Градиент укажите букве радиальный градиент как показано ниже.

donut-012

Шаг 13

Вновь дублируйте букву. Укажите Blend Mode/Режим наложения Color Burn/Затемнение основы, Opacity/Непрозрачность в 53% в палитре Transparency/Прозрачность. В меню выберите Effect > Sketch > Note Paper/Эффект>Эскиз>Почтовая бумага. Настройте эффект как показано ниже.

donut-013

Шаг 14

Еще раз дублируйте букву и примените к ней линейный градиент как показано ниже. Укажите букве Opacity/Непрозрачность в 50% и Blend Mode/Режим наложения Soft Light/Мягкий свет.

donut-014

Добавим зернистости: Effect > Texture > Grain/Эффект>Текстура>Зерно. Настройте как показано ниже.

donut-015

Шаг 15

Еще раз дублируйте букву и укажите ей радиальный градиент как показано ниже. Этот тот же градиент, что и в 12 шаге, разница в том, что на этот раз он должен идти от левой верхней части.

donut-016

Шаг 16

Для создания деталей, мы нарисуем две кисти. Процесс их создания тот же, отличаются они лишь цветом. Одна кисть — кремового цвета, вторая — коричневая.
Инструментом Ellipse/Эллипс(L) нарисуйте сплющенный овал. Инструментом Convert Anchor Point/Преобразовать опорную точку (Shift-C) кликните по левой и правой точке, чтобы убрать округлость углов.  Выделив овал, в меню выберите Object > Path > Offset Path/Объект>Контур>Создать параллельный контур. Укажите отступ в -8px. Выделите больший овал и укажите ему непрозрачность в 0%. Выделите оба овала и укажите им переход (при помощи инструмента Blend/Переход) в 6-10 шагов.

donut-017

Шаг 17

Выделите получившуюся фигуру, и в палитре Brushes/Кисти нажмите New Brush/Новая кисть. Выберите вариант Art Brush/Художественная кисть и дайте ей имя. Оставьте настройки по умолчанию и нажмите OK.

Тем же способом создайте вторую кисть.

donut-018

Шаг 18

Инструментом Paintbrush/Кисть только что созданной кистью нарисуйте два блика по левому краю буквы.

donut-019

Шаг 19

Второй кистью (более темного цвета) нарисуйте затемнения. Сгруппируйте все темные детали и укажите им Blend Mode/Режим наложения  Multiply/Умножение. Сгруппируйте все слои пончика, созданные в шагах с 8 по 19.

donut-020

Шаг 20

Верните глазурь (Ctrl+Shift+3) и заблокируйте группу, составляющую букву-пончик (Ctrl+2), чтобы было удобнее работать.

donut-021

Шаг 21

Если хотите, чтобы в центре был виден пончик, можете увеличить внутренний контур глазури, выделив его инструментом Direct Selection/Прямое выделение (A) и масштабировать при помощи инструмента Scale/Масштаб (S). Дублируйте глазурь. Укажите копии  Opacity/Непрозрачность в 71% и Blend Mode/Режим наложения Lighten/Замена светлым. В меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение, настройте эффект как показано ниже.

donut-022

Также примените эффект Plastic Wrap/Целлофановая упаковка из эффектов Artistic/Имитация:

donut-023

Шаг 22

Дублируйте глазурь, укажите фигуре отсутствие заливки и обводку коричневого цвета и толщиной в 0.5 pt. Примените к фигуре эффект Radial Blur/Радиальное размытие. Укажите настройки как показано ниже.

donut-024

Шаг 23

Дублируйте глазурь снова. Укажите отсутствие заливки и обводку коричневого цвета и толщиной в 3pt. Примените к обводке кисть, которую мы создали в шагах 16-17. Затем смените режим наложения для фигуры на Soft Light/Мягкий свет.

donut-025

Шаг 24

Дублируйте внутренний контур глазури. Укажите ему отсутствие заливки и коричневую обводку толщиной в 1pt. Также снизьте Opacity/Непрозрачность до 50%Blending Mode/Режим наложения смените на Multiply/Умножение, и примените к фигуре эффект Gaussian Blur/Размытие по Гауссу со следующими параметрами. Сгруппируйте все элементы, составляющие глазурь, созданные в шагах с 20 по 24.

donut-026

Шаг 25

Нарисуйте небольшую фигуру инструментом Rounded Rectangle/Прямоугольник со скругленными углами. Создайте параллельный контур с отступом в -1px. Затем из той же фигуры создайте параллельный контур с отступом в -2px. Укажите получившимся трем фигурам разные оттенки одного цвета. Сгруппируйте фигуры.

donut-027

Шаг 26

Повторите шаг 25 но уже на круге. Размножьте фигуры, масштабируя и поворачивая их, чтобы добиться разнообразия.

donut-028

Шаг 27

Выделите одну из групп и в меню выберите Edit > Edit Colors > Recolor Artwork/Редактировать>Редактировать цвета>Перекрасить графический объект.

donut-029

Дважды кликайте по маленьким треугольничкам, чтобы изменить цвет.

donut-030

Разукрасьте фигурки как вам нравится и инструментом Ellipse/Эллипс нарисуйте маленькие белые кружочки.

donut-031

Шаг 28

Выделите все фигурки и примените к ним эффект Drop Shadow/Тень с параметрами, указанными ниже. Разбросайте фигурки по глазури и сгруппируйте вместе все элементы, составляющие присыпку.

donut-032

Шаг 29

Вот как выглядят составляющие буквы-пончика отдельно. Повторите те же действия с другими буквами.

donut-033

Шаг 30

После того как вы закончили со всеми буквами, сгруппируйте составляющие каждой буквы. Вот и всё!

donut-034

Автор урока vectips

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Андрей
    Thumb up Thumb down -1

    Ужасно! много недочетов.

    -Нужно указывать — какие объекты выделять точно. (только что созданные или нет. ставить их на первый план или нет. не до конца понял зачем создавали обводку буквы в самом начале.

    -Много путаницы — то ли у вас Пиксели то ли Дюймы....в некоторых местах

    -Кое где в фильтрах\эффектах нужно выставлять цвета отдельно(почему то у вас не указанно)

    Ответить

    Mary - Dejurka Ответ:

    Thumb up Thumb down +1

    Спрашивайте в каком шаге что именно непонятно, мы обязательно поможем!

    Ответить

  2. Андрей
    Thumb up Thumb down 0

    Shape Builder/Создание фигур (Shift-M) кстати прикольная штука) не знал про нее.

    Шаг 8 Начинаем с него. Не совсем понял зачем мы дублируем букву и оставляем ее контур)? кстати потом мы дублируем контур еще раз.(фигуру или все же контур?)

    И кстати в следующих шагах.. — — мы получается дублируем именно букву? самую начальную? то есть мы ее дублируем и выносим на самый верхний уровень ?

    Какие цвета брать? для тени, градиента, и тп. сделать сразу наверное выборку? не от балды же?

    Есть проблемы с тенью(у меня) может быть решу.

    Шаг 12 — дублируем слой буквы(то есть который создали в самом начале и поместим его вперед>?)

    Шаг 14 — дублируем что? слой с эффектом бумаги или букву самую первую?

    Soft Light/Мягкий свет. — у меня к сожалению нет такого выбора(в виду переводы наверное кривого) все что есть

    нормальный

    зам. темн.

    умножение

    затемнение основы

    замена светлым

    осветление

    осветление основы

    перекрытие

    расс. свет

    направленный свет

    разница

    исключение

    цветовой тон

    насыщенность

    цвет

    яркость

    Шаг 16 — не вышло сделать так как на рисунке -Укажите отступ в -8px. — — кстати опять пиксели а были инчи дюймы. сделал меньше.

    Art Brush/Художественная кисть — в моем переводе это Обьектная кисть(может у кого так же.)

    Шаг 15 и Шаг 18 — сильно отличается буква от себя самой. там точно не было ничего больше?

    Шаг 21 В настройках Hard light есть только это

    нормальный

    умножение

    осветление

    перекрытие

    рассеянный свет

    направленный свет

    осветление основы

    затемнение основы

    замена темным

    замены светлым

    разница

    исключение

    цветовой тон

    насыщенность

    цвет

    яркость

    п.с. Получилась одна буква. Пробами и ошибками) но хочется совершенства.

    Ответить

    Mary - Dejurka Ответ:

    Thumb up Thumb down 0

    Мы дублируем букву, убираем заливку, добавляем обводку и меняем режим наложения. Таким образом контур ложится на предыдущий слой в режиме soft light.

    Фигура состоит из заливки и обводки, поэтому по большому счету дублирование обводки равносильно дублированию всей фигуры.

    Не столь принципиально какую именно копию/слой буквы вы будете дублировать далее. Это по сути и расположению одна и та же фигура, просто с разными параметрами оформления. (это относится к вопросам о шагах 12 и 14)

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

    Soft Light в некоторых версиях переводится как расс. свет, однако настоятельно рекомендуем переходить на анг. версию сейчас (судя по всему вы начинающий пользователь и на данном этапе это будет безболезненнее всего), потому как кривые переводы еще не раз заставят вас задуматься.

    Хорошо что в итоге все же получилось! Успехов вам в дальнем совершенствовании!

    Ответить

  3. Merziuz
    Thumb up Thumb down 0

    zVWhZe pills2sale.com viagra online

    Ответить

  4. Andrew
    Thumb up Thumb down 0

    I like watching football scivation xtend bcaa powder branched chain amino acids Foods sales were held back by a poor performance in its spreads business with underlying growth of 1 percent, and adverse weather earlier this year hitting ice cream sales, giving growth in refreshments of 1.9 percent.

    Ответить

  5. Terry
    Thumb up Thumb down 0

    Looking for a job albuterol 108 mcg/act aer teva Finally, You Remind Me of You (“your momma made you pretty and your momma made you sweet”) “is for my little girl”. Any songs for Kim? “Yeah,” he smiles. “All the love songs.”

    Ответить

  6. Jimmi
    Thumb up Thumb down 0

    I work for a publishers best generic metformin "Guides, outfitters, fly shops, and rural communities depend on these waters to feed their families and pay the bills, " said Land Tawney, executive director of the conservationist group Backcountry Hunters & Anglers, in the report.

    Ответить

  7. Landon
    Thumb up Thumb down 0

    Could I have a statement, please? ciprofloxacino reaccion con alcohol «Gravity» defied the most optimistic pre-weekend forecasts from box office analysts, who saw the film starting off with up to $42 million at U.S. and Canadian theaters. It beat the previous October record, the $52.5 million opening for «Paranormal Activity 3» in 2011.

    Ответить

  8. Wiley
    Thumb up Thumb down 0

    Special Delivery posologie motilium lingual Other new Pentagon policies include an administrative reassignment or transfer of service members accused of sexual assault or related offenses and placing judge advocates in the role of investigating officers in Article 32 preliminary hearings, the military’s versions of grand juries.

    Ответить

  9. Grady
    Thumb up Thumb down 0

    I'm only getting an answering machine lidocaine cream at walmart It is spending billions of dollars on this expansion, which takes a toll on earnings. However, investors have so far trusted that Chief Executive and Founder Jeff Bezos can pull it off and produce big profits in the future. That's help pushed Amazon shares to new records.

    Ответить

  10. Charles
    Thumb up Thumb down 0

    I read a lot tofranil pra q serve In the sleepy central Maine town of Fairfield on June 27, six protesters were arrested blocking tracks belonging to Pan Am Railways, just north of a yard where protesters alleged a train carrying Bakken crude was stationed.

    Ответить

  11. Elliott
    Thumb up Thumb down 0

    I saw your advert in the paper prosupps dnpx review “I took a look at it and there was blood coming out of my glove. So I went to the sideline to have a trainer take a look at it and told him that I thought I broke my nail or something, ” Johnson said.

    Ответить

  12. Antonio
    Thumb up Thumb down 0

    Where's the nearest cash machine? generic cialis tadalafil 40 mg Looking strictly from a budget and spec standpoint, however, the $229 Nexus 7 offers an insane amount of value that bests the iPad mini. The display is the best we've seen on a small tablet, the stereo speakers offer amazingly loud audio, the performance stands up to gaming and other intensive tasks, and you get NFC, wireless charging and enough cellular radios to make it compatible with three of the big four US carriers. If ecosystem doesn't play a large factor in your decision, we heartily recommend the new Nexus 7.

    Ответить

  13. Ahmad
    Thumb up Thumb down 0

    I'm about to run out of credit viagra vs cialis sales "I want to see progress in terms of the 4G network buildout. I don't want to see a big delay, " she said ... and "oncethey have a national network, I want to see lower churn andeventually gaining market share. "

    Ответить

  14. Chuck
    Thumb up Thumb down 0

    Could you ask her to call me? buy fougera clindamycin phosphate gel usp 1 Three people were killed and dozens were injured Saturday afternoon. Now, investigators are working to determine what caused the accident on Interstate 465 after a 365-mile journey — just a mile from the Colonial Hills Baptist Church, where the bus was headed.

    Ответить

  15. Cedric
    Thumb up Thumb down 0

    Have you got any experience? wellbutrin and zoloft together weight loss This image provided by the U.S. Forest Service shows a May 29, 2012 photo, of the massive blaze in the Gila National Forest is seen from Cliff, N.M. Fire officials said Wednesday the wildfire has burned more than 265 square miles has become the largest fire in New Mexico history. (AP Photo/U.S. Forest Service)

    Ответить

  16. Percy
    Thumb up Thumb down 0

    My battery's about to run out reviews prevacid Mark Hicks, Head of Passenger Support Services at Heathrow said usually up to 2,500 people with disabilities including reduced mobility will use the airport in a day, from people with visual impairment to older people with reduced mobility.

    Ответить

  17. dobson
    Thumb up Thumb down 0

    ipWgaZ www.quora.com/What-the-to.../Alan-Smith-1772 write my essay

    Ответить

  18. johnan
    Thumb up Thumb down 0

    aG3GXF xnxx.in.net xnxx videos

    Ответить

  19. markus
    Thumb up Thumb down 0

    oiZ65V beeg.x.fc2.com

    Ответить

Оставить ответ


четыре + = 10

Вставить изображение