Шаг 1. Создаем новый документ и рисуем прямоугольник с черной заливкой. Любым шрифтом (желательно толстым) пишем какую-нибудь надпись внутри прямоугольника.
Шаг 2. Выделяем наш текст, щелкаем на правую кнопку мыши и выбираем Преобразовать в кривые (Creat Outlines).
Шаг 3. На Палитре Образцов (Swatch Tab) выбираем «черно-белый» (white-black) Градиент для нашего текста.
Как создать золотую кисть в иллюстраторе и СЭКОНОМИТЬ ГОД ЖИЗНИ
Шаг 4. На палитре Инструмента Градиент (Gradient Tab Tool) выставляем значения, как на рисунке внизу.
Шаг 5. Для обводки выбираем темно-серый цвет, ставим толщину штриха — 2 px.
Шаг 6. Теперь рисуем отражение нашего текста. Дублируем текст (выделяем его, нажимаем Ctrl+C, Ctrl+V) и идем Объект / Трансформация / Отражение (Object / Transform / Reflect).
Шаг 7. Удаляем обводку и делаем градиентную заливку, как на рисунке.
Шаг 8. И наконец, меняя «угол наклона» текста (Объект / Трансформация / Наклон (Object / Transform / Shear)) на 40 градусов и чуть изменяя размер текста, получаем:
Скачано с www.znanio.ru
Практическая работа «Металлический текст»
Шаг 7. Удаляем обводку и делаем градиентную заливку, как на рисунке
Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
5 способов создать блестки и блестящие текстуры в AI
Источник: znanio.ru
Помпезный металлический текст в Adobe Illustrator
Однажды перед вами встанет задача создать нечто настолько шикарное, что только члены королевской семьи будут достойны на это смотреть. Вот тогда-то вам и пригодится этот урок. Шутка! На самом деле, подобный эффект металла с благородным блеском используется чаще, чем вам кажется. Давайте же прямо сейчас научимся создавать его в Adobe Illustrator, тем более, что урок займет меньше часа.
Итак, будем создавать текст из золота с 3D эффектом и градиентами на потрясающем фоне со старинным узором.
Шаг 2
Чтобы начать работать над задуманным эффектом, с помощью инструмента Type / Текст создайте New Document / Новый Документ и придумайте слово или несколько. Лучше всего использовать какой-то элегантный, но толстый шрифт с засечками. Такой, как например, News706 BT Bold.
Растяните текст и залейте золотым цветом (#BC9D4A).
Шаг 2
Разгруппируйте буквы и работайте сначала только с одной. Мы, например, оставили М. Теперь воспользуйтесь Effect > 3D > Extrude 3D > Вытягивание и Скос и в открывшемся диалоговом окне установим следующие параметры:
Шаг 3
Примените Expand the Appearance / Разобрать оформление. Повторите этот прием с каждой буквой. Имейте в виду: чтобы получить тот результат, что вы видите ниже, нужно аккуратно вращать ось Y, чтобы каждая буква чуть отличалась и все они выглядели закругленными.
Разберите оформление (Expand Appearance) буквы через меню Object/Объект. Вы можете повторить предыдущий шаг с каждой буквой. Обратите внимание что для получения эффекта как показано ниже, вам нужно будет аккуратно настроить параметры 3D-эффекта для оси Y отдельно для каждой буквы.
Выделите лицевую часть каждой буквы и задайте Linear Gradient / Линейный Градиент на -90°, используя светло-желтый и золотой (см. ниже).
Шаг 4
Сфокусировавшись на букве М, выделите ее лицевую поверхность и снова примените Effect > 3D > Etrude 3D > Вытягивание и Скос.
Установите все три оси на 0°, скос на Классический, а высоту скоса на 4 pt. Нажмите ОК и обратите внимание на легкую фаску, которая появилась теперь у вашей буквы М.
Шаг 5
Выделите каждую 3D тень буквы, выберите Linear Gradient / Линейный Градиент и задайте заливку от от темно-коричневого до желтого и обратно, как показано ниже.
Задайте градиент каждой тени и используйте инструмент Gradient / Градиент, чтобы отрегулировать его положение. Сгруппируйте все тени вместе.
Шаг 6
Примените Expand the Appearance / Разобрать оформление по отношению к граням буквы.
Выделите и объедините одинаковые грани с помощью палитры Pathfinder / Обработка Контуров. У нас получилось таких 13. Это облегчает работу с градиентами. Убедитесь, что объединенные фигуры разгруппированы.
Примените ярко-желтый и золотой градиент на фасках. Отрегулируйте углы градиента с помощью инструмента Gradient / Градиент и сгруппируйте все грани вместе.
Шаг 7
Используя любой инструмент для рисования на ваш выбор, нарисуйте блики и тени, применяя радиальный градиент, перекрывающий лицевые поверхности букв. Мы установили его от светло-золотого к темно-золотому — именно эти тона были использованы для получения градиентов на протяжении всего урока.
Сгруппируйте вместе тени и блики. Примените Copy / Копировать и Paste / Вставить к лицевой поверхности букв и Align it with the original letter face. Убедитесь, что копия находится поверх группы с тенями и бликами. Выделите эту группу и копию, затем примените Clipping Mask / Обтравочную маску (Control-7). Сгруппируйте все вместе.
Шаг 8
Повторите все шаги для остальных букв. Нам, например, нравится работать сразу с несколькими буквами, тогда процесс идет чуть быстрее. Когда закончите, сгруппируйте все слово вместе.
Шаг 9
Нарисуйте прямоугольник и закрасьте его любым узором на свой вкус. Мы использовали дамасский паттерн отсюда. Кстати, там вы найдете много крутых узоров для своих дальнейших проектов.
Шаг 10
Нарисуйте еще один прямоугольник, который будет перекрывать тот, что с узором, и залейте его линейным градиентом цвета «magenta» с непрозрачностью от 0% до 100%.
Шаг 11
Разместите свой металлический текст в центре.
Шаг 12
Чтобы получить тень под металлическими буквами, нарисйте прямоугольник с радиальным градиентом черного цвета с непрозрачностью от 0% до 100% с матовым эффектом по центру. Отрегулируйте радиус при помощи Gradient Tool / Градиент.
Шаг 13
Скопируйте и вставьте текст. Отразите его по горизонтальной оси. Поместите его сзади и под металлические буквы, и ниже тени, созданной в предыдущем шаге.
Нарисуйте прямоугольник, закрашенный линейным градиентом от белого к черному, и поместите его сверху копии текста. Выделите их обоих и зайдите в палитру Transparency / Прозрачность. Снизьте непрозрачность до 50% или около того. Отрегулируйте буквы и градиент таким образом, чтобы текст выглядел отражением оригинальной надписи.
Результат
Завершите работу парой бликов или попробуйте какой-нибудь другой металлический эффект для полного удовлетворения.
Автор — Mary Winkler
- Огненно-раскаленный эффект в Adobe Photoshop
- Объемный текст в Adobe Illustrator
- Объемный пиксельный текст в Adobe Illustrator
Источник: www.dejurka.ru
Как сделать серебро в иллюстраторе
Как создать золотой текстовый эффект и графический стиль в Adobe Illustrator
This article was originally published on Vectips.com in English. You can view the original article here.
В сегодняшнем уроке вы научитесь создавать довольно сложный графический стиль, который включает в себя отражение, падающие тени и блики. Все это возможно создать благодаря одному из мощнейших инструментов Adobe Illustrator – панели Appearance. Созданный графический стиль применим к редактируемым текстовым объектам, что делает его полностью универсальным.
Шаг 1
Открываем Adobe Illustrator и идем File > New…. В открывшемся диалоговом окне устанавливаем режим цветности RGB, размеры рабочей области не имеют значения, так как мы будем создавать графический стиль.
Шаг 2
Берем Type Tool (T) и пишем любое слово печатными буквами. Для этих целей я использовал шрифт Myriad Pro и размер шрифта 180pt.
Выделяем слово, затем два раза кликаем на Characters в панели Appearance (Window > Appearance).
Выделяем атрибут Fill, затем удаляем его, нажав на иконку корзины.
Буквы исчезли, не пугайтесь – так должно быть. Кликаем два раза на Type: No Appearance.
Шаг 3
Нажимаем на кнопку Add New Fill в панели Appearance.
Применяем к заливке вертикальный линейный градиент, состоящий из 5 цветов: белый R=255 G=255 B=255, светло-желтый R=252 G=220 B=161, желтый R=255 G=182 B=77, коричневый R=69 G=24 B=1, светло-коричневый R=181 G=113 B=40
Шаг 4
Нажимаем на кнопку Duplicate Selected Item в панели Appearance, затем выделяем нижнюю заливку.
Хочу заметить, что во время работы с панелью Appearance объект всегда должен быть выделен. Переходим Effect > Path > Offset Path… и устанавливаем 2px для Offset.
Заменим градиент нижней заливки вертикальным градиентом, который состоит из желтого цвета R=255 G=182 B=77 и коричневого цвета R=69 G=24 B=1
Шаг 5
Нажимаем на кнопку Duplicate Selected Item в панели Appearance, затем выделяем нижнюю заливку.
Переходим Effect > Distort Free Distort…. Переместим верхние вершины ограничивающей рамки текста вниз и к центру так, как это показано на рисунке ниже, нажимаем кнопку OK.
Заменим градиент нижней заливки вертикальным линейным градиентом от белого цвета к серому цвету R=64 G=64 B=64
Применим к этой заливке режим смешивания Multiply. Это можно сделать в панели Transparency или непосредственно в панели Appearance. В этом шаге мы создали падающую тень от текста.
Шаг 6
Нажимаем на кнопку Add New Fill в панели Appearance.
Переместим новую заливку ниже всех атрибутов.
Не снимая выделения с нижней заливки, переходим Effect > Convert to Shape > Rectangle…. Устанавливаем значения Extra Wirth и Extra Height в открывшемся диалоговом окне.
Заменим градиент нижней заливки радиальным градиентом от темно-серого цвета R=43 G=43 B=43 к черному цвету R=5 G=5 B=5
В этом шаге мы создали фон.
Шаг 7
Нажимаем на кнопку Add New Fill в панели Appearance.
Заменим градиент верхней заливки вертикальным линейным градиентом от коричневого цвета R=181 G=113 B=40 к черному цвету R=0 G=0 B=0
Теперь переходим Effect > Distort Transform…. В открывшемся диалоговом окне выбираем опцию Reflect Y option и нажимаем нижний белый квадратик координатного манипулятора контрольной точки .
Применим к заливке режим смешивания Screen и уменьшим непрозрачность до 35%.
В этом шаге мы создали отражение текста.
Шаг 8
Выберем серый цвет R=153 G=153 B=153 для обводки и установим толщину равную 2px в панели Appearance.
Применим к обводке режим смешивания Multiply.
Таким образом, мы создали фаску на краю букв.
Шаг 9
При помощи Ellipse Tool (L) создаем окружность 20x20px с заливкой черного цвета R=0 G=0 B=0 и без обводки.
Теперь создадим вторую окружность 1x1px с заливкой светло-серого цвета R=204 G=204 B=204. Центры обоих окружностей должны совпадать.
Выделяем обе окружности, затем переходим Object > Blend > Make, затем Object > Blend > Blend Options… и устанавливаем 10 Specified Steps.
Шаг 10
Перетаскиваем бленд объект в панель Brushes (Window > Brushes). В открывшемся диалоговом окне выбираем Scatter Brush.
Не изменяя параметров установленных по умолчанию, сохраняем кисть.
Шаг 11
Выделяем текст, затем нажимаем на кнопку Add New Stroke в панели Appearance.
Применим к этой обводке кисть, которая была создана в предыдущем шаге.
Два раза кликнем по иконке Scatter Brush в панели Brushes, для того чтобы получить доступ к параметрам кисти. Установим 4000% для Spacing и нажмем кнопку OK.
Отметим в диалоговом окне Apply to Stroke.
Установим режим смешивания Color Dodge для этой обводки.
В этом шаге мы создали блики на буквах.
Шаг 12
Теперь, когда золотой текстовый эффект готов, мы можем сохранить его, как графический стиль. Открываем панель Graphic Style (Window > Graphic Style), выделяем текст, затем выбираем New Graphic Style в сплывающем меню панели.
Этот графический стиль мы можем применить к любому редактируемому тексту.
Рисование металлических букв
Использование эффекта ExtrudeBevel. . Появилось окно настроек эффекта (рисунок 2). Установим угол поворота по горизонтали 5°, по вертикали -5° и Extrude Depth 200 pt. Нажмем OK.
Рис. 2 Создание объемной буквы
3. Создание ребра буквы
Выделим букву и выберем в меню Expand Appearence. Возьмем инструмент Direct Selection Tool (A) и кликнем по фронтальной поверхности буквы. Применим обводку белого цвета. Толщина обводки зависит от начального размера буквы. У меня она составляет 6 pt (рисунок 3).
Рис. 3 Создание обводки
Не снимая выделения выберем Object/Expand. и нажмем ОК.
4. Создание освещения ребра
Выделим белую обводку, вырежем ее (Ctrl/Cmd-X), создадим новый слой и вставим ее на передний план (Ctrl/Cmd-F). Для удобства работы нижний слой можно пока заблокировать.
Нарисуем темно-серый, почти черный прямоугольник чуть больше буквы и поместим его на задний план (рисунок 4).
Рис. 4 Объекты в новом слое: прямоугольник и обводка
Выделим оба объекта и выберем в меню Object/Clipping Mask/Make или нажмем Ctrl/Cmd-7 (рисунок 5).
Рис. 5 Создание обтравочной маски
Выберем в меню Object/Clipping Mask/Edit Contents. Нажмем U для выбора инструмента Mesh Tool и начнем расставлять точки с белой заливкой в освещенных частях и с темно-серой в затемненных (рисунок 6).
Рис. 6 Создание бликов и теней инструментом Mesh Tool
5. Примнение градиента к фронтальной поверхности буквы
Разблокируем слой с буквой. Выделим ее фронтальную поверхность и применим градиент (Ctrl/Cmd-F9) из темно-серого в белый, как показано на рисунке 7.
Рис. 7 Создание градиента. Угол наклона равен -80°
6. Доработка поверхности: добавление текстуры
Создадим новый слой для текстуры. Возьмем карандаш (N) и «начиркаем» им так, как показно на рисунке 8. Линии сделаем серого цвета. Они не должны быть ровными, могут пересекаться и располагаться неравномерно. Заливка не нужна.
Скопируем фронтальную часть буквы и вставим ее на передний план слоя с будущей текстурой (Ctrl/Cmd-F) . Я убрала заливку, чтобы был виден карандаш.
Рис. 8 Карандаш и контур буквы. Нижние слои для наглядности отключены
Выделим оба объекта в этом слое и нажмем Ctrl/Cmd-7 для создания маски. (рисунок 9).
.
Рис. 9 Текстура буквы. Нижние слои для наглядности отключены
Выделим текстуру и применим режим прозрачности Lighten 20-25 % (Shift-Ctrl/Cmd-F10)
- Свежие записи
- Где находится датчик температуры охлаждающей жидкости на ЯМЗ 534?
- Эффект Холла и измерение величин датчиками Холла
- Датчик холла на ВАЗ 2109 инжектор: устройство и функции
- Датчик глубины в телефонах Samsung: что это такое и для чего нужен?
- Последствия неисправности датчика распредвала и как ее обнаружить
Источник: ollimpia.ru