Рисуем пончиковый текст в Adobe Illustrator
6 апреля 2014 | Опубликовано в Уроки | 23 Комментариев »
В этом уроке мы будем рисовать текст из пончиков в Adobe Illustrator. Мы будем работать с градиентами, векторными и растровыми эффектами, режимами наложения и создадим свои кисти. Вы сможете поэкспериментировать с различными цветами и формами. А еще создание такого типографического эффекта наверняка разогреет аппетит.
Результат
Шаг 1
Создайте новый документ горизонтального расположения. Инструментом Rectangle/Прямоугольник (M) создайте фигуру большую, чем рабочая область. Укажите ей розовый цвет заливки. Инструментом Line Segment/Отрезок линии создайте ровную вертикальную линию слева от прямоугольника. Дублируйте линию и расположите копию справа от прямоугольника. Инструментом Blend/Переход (W) создайте переход между двумя линиями, выбрав 125 Steps/Шагов. Уменьшите Transparency/Прозрачность для этой группы до 79%, и смените Blend Mode/Режим наложения на Soft Light/Мягкий свет.
Шаг 2
Выделите прямоугольник, который создали в самом начале. Инструментом Gradient Tool/Градиент (G) залейте его радиальным градиентом от розового к темно-розовому. Вы можете выбрать другие цвета, главное следите чтобы темный цвет был у краев, а светлый — посредине.
Шаг 3
В случае если вы решите изменить цвет фона, нарисуйте другой прямоугольник поверх всего и смените его режим наложения (Blend Mode) на Color/Цвет.
Шаг 4
Нарисуем буквы. Используя инструмент Pencil/Карандаш (N) аккуратно рисуйте простые округлые буквы. Чтобы рисовать более плавные линии настройте опцию Fidelity/Точность. Для этого нажмите Enter, когда выбран инструмент Pencil/Карандаш, и в появившемся окне, перетяните бегунок опции Fidelity/Точность вправо. Укажите Stroke Weight/Толщину обводки в 12-20 pt. Используйте бежевый, коричневый или желтый цвет для ваших букв. В палитре Strokes/Обводка выберите округлые Caps/Концы и Corners/Углы.
Шаг 5
Нарисуйте буквы и выровняйте их по нижнему краю. Для этого выделите все буквы и в палитре Align/Выравнивание нажмите на соответствующую иконку. Разберите буквы, вы брав в меню Object > Expand/Объект>Разобрать.
Шаг 6
Инструментом Pencil/Карандаш или Pen/Перо(P), нарисуйте фигуру, откусывающую часть от пончика. Сделайте это для букв O, D, и T. Следите чтобы контур был закрытым. Выделяя созданную фигуру и букву, в палитре Pathfinder/Обработка контура нажимайте на Minus Front/Минус верхний.
Шаг 7
Используя светлый цвет (в нашем случае розовый) нарисуйте глазурь, как показано на картинке ниже. Чтобы убрать дырку в букве «D», выделите букву и глазурь, инструментом Shape Builder/Создание фигур (Shift-M) выделите дырку. Снимите выделение и удалите дырку. Вот что должно получиться. Посмотрите также на откусанные кусочки.
Шаг 8
Займемся оформлением первой буквы. Дублируйте ее (Ctrl+C > Ctrl+F). Укажите копии отсутствие заливки и светло-коричневую обводку толщиной в 3pt. Смените Blend Mode/Режим наложения для этой фигуры на Soft Light/Мягкий свет.
Шаг 9
Вновь дублируйте слой с буквой «D», укажите отсутствие заливки и обводку светло-коричневого цвета толщиной в 0.5pt. Blend Mode/Режим наложение укажите Normal/Нормальный.
Шаг 10
Чтобы было удобнее работать с булочной частью буквы-пончика, можете скрыть (Ctrl+3) глазурь. Выделите букву «D», дублируйте ее и в меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Укажите настройки как показано ниже.
Шаг 11
Теперь укажите букве тень: Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры как показано ниже.
Шаг 12
Вновь дублируйте слой буквы и используя Gradient/Градиент укажите букве радиальный градиент как показано ниже.
Шаг 13
Вновь дублируйте букву. Укажите Blend Mode/Режим наложения Color Burn/Затемнение основы, Opacity/Непрозрачность в 53% в палитре Transparency/Прозрачность. В меню выберите Effect > Sketch > Note Paper/Эффект>Эскиз>Почтовая бумага. Настройте эффект как показано ниже.
Шаг 14
Еще раз дублируйте букву и примените к ней линейный градиент как показано ниже. Укажите букве Opacity/Непрозрачность в 50% и Blend Mode/Режим наложения Soft Light/Мягкий свет.
Добавим зернистости: Effect > Texture > Grain/Эффект>Текстура>Зерно. Настройте как показано ниже.
Шаг 15
Еще раз дублируйте букву и укажите ей радиальный градиент как показано ниже. Этот тот же градиент, что и в 12 шаге, разница в том, что на этот раз он должен идти от левой верхней части.
Шаг 16
Для создания деталей, мы нарисуем две кисти. Процесс их создания тот же, отличаются они лишь цветом. Одна кисть — кремового цвета, вторая — коричневая.
Инструментом Ellipse/Эллипс(L) нарисуйте сплющенный овал. Инструментом Convert Anchor Point/Преобразовать опорную точку (Shift-C) кликните по левой и правой точке, чтобы убрать округлость углов. Выделив овал, в меню выберите Object > Path > Offset Path/Объект>Контур>Создать параллельный контур. Укажите отступ в -8px. Выделите больший овал и укажите ему непрозрачность в 0%. Выделите оба овала и укажите им переход (при помощи инструмента Blend/Переход) в 6-10 шагов.
Шаг 17
Выделите получившуюся фигуру, и в палитре Brushes/Кисти нажмите New Brush/Новая кисть. Выберите вариант Art Brush/Художественная кисть и дайте ей имя. Оставьте настройки по умолчанию и нажмите OK.
Тем же способом создайте вторую кисть.
Шаг 18
Инструментом Paintbrush/Кисть только что созданной кистью нарисуйте два блика по левому краю буквы.
Шаг 19
Второй кистью (более темного цвета) нарисуйте затемнения. Сгруппируйте все темные детали и укажите им Blend Mode/Режим наложения Multiply/Умножение. Сгруппируйте все слои пончика, созданные в шагах с 8 по 19.
Шаг 20
Верните глазурь (Ctrl+Shift+3) и заблокируйте группу, составляющую букву-пончик (Ctrl+2), чтобы было удобнее работать.
Шаг 21
Если хотите, чтобы в центре был виден пончик, можете увеличить внутренний контур глазури, выделив его инструментом Direct Selection/Прямое выделение (A) и масштабировать при помощи инструмента Scale/Масштаб (S). Дублируйте глазурь. Укажите копии Opacity/Непрозрачность в 71% и Blend Mode/Режим наложения Lighten/Замена светлым. В меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение, настройте эффект как показано ниже.
Также примените эффект Plastic Wrap/Целлофановая упаковка из эффектов Artistic/Имитация:
Шаг 22
Дублируйте глазурь, укажите фигуре отсутствие заливки и обводку коричневого цвета и толщиной в 0.5 pt. Примените к фигуре эффект Radial Blur/Радиальное размытие. Укажите настройки как показано ниже.
Шаг 23
Дублируйте глазурь снова. Укажите отсутствие заливки и обводку коричневого цвета и толщиной в 3pt. Примените к обводке кисть, которую мы создали в шагах 16-17. Затем смените режим наложения для фигуры на Soft Light/Мягкий свет.
Шаг 24
Дублируйте внутренний контур глазури. Укажите ему отсутствие заливки и коричневую обводку толщиной в 1pt. Также снизьте Opacity/Непрозрачность до 50%, Blending Mode/Режим наложения смените на Multiply/Умножение, и примените к фигуре эффект Gaussian Blur/Размытие по Гауссу со следующими параметрами. Сгруппируйте все элементы, составляющие глазурь, созданные в шагах с 20 по 24.
Шаг 25
Нарисуйте небольшую фигуру инструментом Rounded Rectangle/Прямоугольник со скругленными углами. Создайте параллельный контур с отступом в -1px. Затем из той же фигуры создайте параллельный контур с отступом в -2px. Укажите получившимся трем фигурам разные оттенки одного цвета. Сгруппируйте фигуры.
Шаг 26
Повторите шаг 25 но уже на круге. Размножьте фигуры, масштабируя и поворачивая их, чтобы добиться разнообразия.
Шаг 27
Выделите одну из групп и в меню выберите Edit > Edit Colors > Recolor Artwork/Редактировать>Редактировать цвета>Перекрасить графический объект.
Дважды кликайте по маленьким треугольничкам, чтобы изменить цвет.
Разукрасьте фигурки как вам нравится и инструментом Ellipse/Эллипс нарисуйте маленькие белые кружочки.
Шаг 28
Выделите все фигурки и примените к ним эффект Drop Shadow/Тень с параметрами, указанными ниже. Разбросайте фигурки по глазури и сгруппируйте вместе все элементы, составляющие присыпку.
Шаг 29
Вот как выглядят составляющие буквы-пончика отдельно. Повторите те же действия с другими буквами.
Шаг 30
После того как вы закончили со всеми буквами, сгруппируйте составляющие каждой буквы. Вот и всё!
Автор урока vectips
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
11 мая 2014 в 12:20
Ужасно! много недочетов.
-Нужно указывать — какие объекты выделять точно. (только что созданные или нет. ставить их на первый план или нет. не до конца понял зачем создавали обводку буквы в самом начале.
-Много путаницы — то ли у вас Пиксели то ли Дюймы....в некоторых местах
-Кое где в фильтрах\эффектах нужно выставлять цвета отдельно(почему то у вас не указанно)
Ответить
мая 11, 2014 at 2:44 пп
Спрашивайте в каком шаге что именно непонятно, мы обязательно поможем!
Ответить
11 мая 2014 в 18:19
Shape Builder/Создание фигур (Shift-M) кстати прикольная штука) не знал про нее.
Шаг 8 Начинаем с него. Не совсем понял зачем мы дублируем букву и оставляем ее контур)? кстати потом мы дублируем контур еще раз.(фигуру или все же контур?)
И кстати в следующих шагах.. — — мы получается дублируем именно букву? самую начальную? то есть мы ее дублируем и выносим на самый верхний уровень ?
Какие цвета брать? для тени, градиента, и тп. сделать сразу наверное выборку? не от балды же?
Есть проблемы с тенью(у меня) может быть решу.
Шаг 12 — дублируем слой буквы(то есть который создали в самом начале и поместим его вперед>?)
Шаг 14 — дублируем что? слой с эффектом бумаги или букву самую первую?
Soft Light/Мягкий свет. — у меня к сожалению нет такого выбора(в виду переводы наверное кривого) все что есть
нормальный
зам. темн.
умножение
затемнение основы
замена светлым
осветление
осветление основы
перекрытие
расс. свет
направленный свет
разница
исключение
цветовой тон
насыщенность
цвет
яркость
Шаг 16 — не вышло сделать так как на рисунке -Укажите отступ в -8px. — — кстати опять пиксели а были инчи дюймы. сделал меньше.
Art Brush/Художественная кисть — в моем переводе это Обьектная кисть(может у кого так же.)
Шаг 15 и Шаг 18 — сильно отличается буква от себя самой. там точно не было ничего больше?
Шаг 21 В настройках Hard light есть только это
нормальный
умножение
осветление
перекрытие
рассеянный свет
направленный свет
осветление основы
затемнение основы
замена темным
замены светлым
разница
исключение
цветовой тон
насыщенность
цвет
яркость
п.с. Получилась одна буква. Пробами и ошибками) но хочется совершенства.
Ответить
мая 12, 2014 at 1:38 пп
Мы дублируем букву, убираем заливку, добавляем обводку и меняем режим наложения. Таким образом контур ложится на предыдущий слой в режиме soft light.
Фигура состоит из заливки и обводки, поэтому по большому счету дублирование обводки равносильно дублированию всей фигуры.
Не столь принципиально какую именно копию/слой буквы вы будете дублировать далее. Это по сути и расположению одна и та же фигура, просто с разными параметрами оформления. (это относится к вопросам о шагах 12 и 14)
К сожалению, конкретные цвета в оригинальном уроке не указаны. Вы можете подобрать их на глаз или же определить при помощи пипетки с существующих скриншотов.
Soft Light в некоторых версиях переводится как расс. свет, однако настоятельно рекомендуем переходить на анг. версию сейчас (судя по всему вы начинающий пользователь и на данном этапе это будет безболезненнее всего), потому как кривые переводы еще не раз заставят вас задуматься.
Хорошо что в итоге все же получилось! Успехов вам в дальнем совершенствовании!
Ответить
14 ноября 2020 в 2:50
zVWhZe pills2sale.com viagra online
Ответить
16 ноября 2020 в 0:57
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.
Ответить
17 ноября 2020 в 1:14
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.”
Ответить
17 ноября 2020 в 1:51
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.
Ответить
17 ноября 2020 в 1:52
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.
Ответить
17 ноября 2020 в 2:21
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.
Ответить
17 ноября 2020 в 3:49
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.
Ответить
17 ноября 2020 в 4:30
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.
Ответить
17 ноября 2020 в 5:14
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.
Ответить
17 ноября 2020 в 5:14
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.
Ответить
17 ноября 2020 в 16:32
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. "
Ответить
17 ноября 2020 в 20:14
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.
Ответить
18 ноября 2020 в 1:54
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)
Ответить
18 ноября 2020 в 3:42
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.
Ответить
4 декабря 2020 в 2:54
ipWgaZ www.quora.com/What-the-to.../Alan-Smith-1772 write my essay
Ответить
13 декабря 2020 в 0:33
aG3GXF xnxx.in.net xnxx videos
Ответить
26 января 2021 в 16:37
oiZ65V beeg.x.fc2.com
Ответить