Как в иллюстраторе сделать золотой текст: Золотой текст и стиль графики в Adobe Illustrator

Золотой текст и стиль графики в Adobe Illustrator

В этом уроке мы будем создавать эффект для текста в Adobe Illustrator. В итоге у нас получится золотой текст в векторном формате. Но главное преимущество этого урока не в формате. Мы будем добавлять все эффекты и даже фон при помощи палитры Appearance/Оформление, и по окончании работы сохраним эффект как стиль графики. Это значит что однажды выполнив урок, вы сможете сколько угодно пользоваться результатом, применяя готовый стиль графики к любым векторным объектам, включая текст.

 

Результат

Шаг 1

Откройте Adobe Illustrator, затем в меню выберите File > New/Файл>Новый. В открывшемся диалоговом окне выберите цветовой режим/color mode RGB, и укажите любые размеры рабочей области.

Шаг 2

Возьмите инструмент Type/Текст (T) и введите любое слово заглавными буквами. В примере использован шрифт Myriad Pro размером в 180pt.

Выделите слово и кликните дважды по вкладке Characters/Символы в палитре Appearance/Оформление (Window > Appearance/Окно>Оформление).

Выберите вкладку Fill/Заливка и удалите ее, перетащив на иконку мусорной корзины.

Текст пропадет. Так и должно быть. Дважды кликните по вкладке Type: No Appearance/Текст: Нет оформления.

Шаг 3

Кликните по иконке Add New Fill/Добавить заливку в палитре Appearance/Оформление.

В качестве заливки используйте линейный градиент пяти цветов:

1. Белый: R=255 G=255 B=255
2. Светло-желтый: R=252 G=220 B=161
3. Желтый: R=255 G=182 B=77
4. Коричневый: R=69 G=24 B=1
5. Светло-коричневый: R=181 G=113 B=40

Шаг 4

Кликните по иконке Duplicate Selected Item/Дублировать выбранный объект в палитре Appearance/Оформление, затем выберите нижнюю заливку.

Обратите внимание, что для работы в палитре Appearance/Оформление объект должен оставаться выделенным. В меню выберите Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур и укажите отступ в 2px.

Нижней заливке укажите вертикальный градиент от желтого: R=255 G=182 B=77 к коричневому: R=69 G=24 B=1.

Шаг 5

Кликните по иконке Duplicate Selected Item/Дублировать выбранный объект в палитре Appearance/Оформление, затем выделите нижнюю заливку.

В меню выберите Effect > Distort & Transform > Free Distort/Эффект>Исказить и трансформировать>Свободное трансформирование. Переместите верхние уголки-манипуляторы вниз и ближе к центру, как показано на картинке ниже и нажмите OK.

Укажите этой заливке вертикальный градиент от белого к серому: R=64 G=64 B=64.

Укажите заливке режим наложения Multiply/Умножение. Вы найдете режимы наложения в палитре Transparency/Прозрачность или непосредственно в палитре Appearance/Оформление. В этом шаге мы создали тень от текста.

Шаг 6

Кликните по иконке Add New Fill/Добавить заливку в палитре Appearance/Оформление.

Перетащите новую заливку в самый низ стопки.

Не снимайте выделения с нижней заливки и в меню выберите Object > Convert to Shape > Rectangle/Объект>Преобразовать в фигуру>Прямоугольник. Настройте параметры как показано на картинке ниже.

Укажите заливке градиент от темно-серого: 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 > Transform/Эффект>Исказить и трансформировать>Трансформировать. В открывшемся диалоговом окне настройте параметры как показано ниже.

Укажите заливке режим наложения Screen/Осветление, и снизьте opacity/непрозрачность до 35%.

Шаг 8

Укажите тексту обводку серого цвета: R=153 G=153 B=153 и толщиной в 2px в палитре Appearance/Оформление.

Укажите обводке режим наложения Multiply/Умножение.

Шаг 9

Инструментом Ellipse/Эллипс (L) нарисуйте круг размером 20x20px, черного цвета и без обводки.

Нарисуйте еще один круг размером 1x1px и укажите ему светло-серый цвет заливки: R=204 G=204 B=204. Поместите маленький круг в центр большого.

Выделите оба круга и в меню выберите Object > Blend > Make/Объект>Переход>Создать.  Затем выберите Object > Blend > Blend Options/Объект>Переход>Параметры перехода и настройте параметры как показано ниже.

Шаг 10

Перетащите получившейся объект в палитру Brushes/Кисти (Window> Brushes/Окно>Кисти). В диалоговом окне выберите Scatter Brush/Дискретная кисть.

Сохраните кисть, не внося изменений в параметры по умолчанию.

Шаг 11

Выделите текст, затем кликните по иконке Add New Stroke/Добавить обводку в палитре Appearance/Оформление.

Примените кисть, созданную только что.

Кликните дважды по иконке этой кисти в палитре Brushes/Кисти, чтобы открыть параметры. Укажите 4000% в поле Spacing/Расстояние и нажмите OK.

В появившемся диалоговом окне выберите Apply to Stroke/Применить к обводке.

Укажите обводке режим наложения Color Dodge/Осветление основы.

Шаг 12

Теперь наш эффект готов. Нам остается только сохранить стиль графики. Откройте палитру Graphic Style/Стиль графики (Window > Graphic Style/Окно>Стиль графики),выделите текст, затем в выпадающем меню выберите New Graphic Style/Новый стиль графики.

Вот и всё! Стиль готов и вы можете применять его к любым объектам и тексту!

Автор урока Iaroslav Lazunov

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

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

• Текст из сложенной бумаги в Adobe Illustrator
• Живой векторный эффект для текста в Adobe Illustrator
• Неоновый текст в Adobe Illustrator

Как создать золотой цвет в Illustrator: выполните следующие простые шаги

Источник: Crehana

Золотой цвет всегда считался цветом успеха. В дизайне это оттенок, который используется во многих градиентах, и он выделяется среди остальных своей ценностью, а также высоким оттенком и яркостью. Но мы не хотим с вами говорить именно о золотом цвете, а скорее для создания цветовых диапазонов.  

Для этого технология позволила создать ряд программ и инструментов, которые определенным образом помогли внести свой вклад в разработку этих красок CMYK. Поэтому в этом посте

мы хотим поговорить с вами о том, как создать золотой диапазон в Illustrator, программа, которая годами используется тысячами и тысячами пользователей.

Мы начали.

Индекс

• 1 Illustrator: основные возможности и функции
  • 1.1 общие черты
• 2 Учебник: создание золотого цвета в Illustrator
  • 2.1 Шаг 1: Установите цвет на CMYK
  • 2.2 Шаг 2: Установите золотой цвет с блестками
  • 2.3 Шаг 3: Изучите несколько вариантов
• 3 Программы для создания цветовых гамм
  • 3.1 Adobe Color СС
  • 3.2 Adobe Capture
  • 3.3 Coolors
  • 3.4 Цветная точка
  • 3.5 Ф. Хрома

Illustrator: основные возможности и функции

Источник: MadeByshape

саман Illustrator — это программа или программное обеспечение, входящее в состав набора программ Adobe. Это наиболее важная программа для художников, поскольку она позволяет рисовать и создавать иллюстрации, хотя она также выполняет множество других функций, которые мы объясним позже.

Подпишитесь на наш Youtube-канал

В Illustrator есть базовые и расширенные инструменты для разработки многочисленных творений и дизайнов. Если бы мы выделили

Самое главное в Illustrator — это, без сомнения, его кисти. так как они являются теми инструментами, которые чаще всего используются.

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

общие черты

1. Adobe Illustrator хорош не только для создания иллюстраций, но и он также способен создавать векторы. Векторы — это графические элементы, которые можно разделить на разные формы, которыми можно полностью управлять и редактировать, поэтому это также хорошая программа для создания логотипов и определенных брендов.
2. В нем есть не только кисти всех видов, но и Он имеет широкий спектр шрифтов. Таким образом, вы можете перемещаться между различными доступными стилями. Хорошая вещь в этой программе заключается в том, что каждый из шрифтов разделен в соответствии со своим стилем, поэтому вы можете применить те, которые содержат только стиль или типографское семейство, которое вы ищете.
3. Эта программа используется уже много лет и до сих пор Он также содержит различные версии, которые были обновлены и обновлены с течением времени. , чтобы предложить внешний вид и функциональность, которые мы знаем.
4. Еще одна особенность, которая выделяется больше всего, заключается в том, что это программа, которая позволяет редактировать форматы PDF. Illustrator позволяет открывать PDF-файлы и редактировать их по желанию. Это одна из функций, которую используют немногие пользователи, поскольку они предпочитают использовать официальный редактор Adobe PDF (Acrobat Reader).
5. Поскольку это инструмент, подходящий для рисования, также выделяется широкий спектр доступных цветов. Содержит возможность использования
   различные цветовые профили, так что вы можете просмотреть его чернила Pantone, чернила, которые обеспечивают отличное качество при предварительной печати.

Учебник: создание золотого цвета в Illustrator

Источник: Реальный график

В следующем уроке Мы собираемся показать вам небольшое руководство, чтобы установить и создать золотой цвет в цветовом профиле CMTK. Добиться точного цвета с нуля очень сложно, но поскольку программа предлагает нам значения по умолчанию для каждого цвета, мы собираемся воспользоваться этой небольшой функцией, чтобы научиться разрабатывать другие варианты того же золота с другими эффектами. и характеристики.

Таким образом, вы сможете получить золото различными способами, обратите внимание и не пропустите ничего, что будет дальше.

Шаг 1: Установите цвет на CMYK

Источник: Srflyer

1. Чтобы установить цвет CMYK, нам просто нужно искать его ссылочный код или значение.
2. В данном случае значение золотого цвета, составляющего основу бытия:  С: 0% (0.000), М: 23% (0.234), Y: 93% (0.933), К: 6% (0.063). Но проблема определяется, когда программа не предлагает нам золотой цвет во всем его великолепии, а вместо этого предлагает нам совершенно плоские чернила в стандартной комплектации.
3. для чего дНам нужно будет сделать чернила, характеризующиеся своей яркостью. и для мелких деталей, которые составляют классический золотой цвет, каким мы его знаем.

Шаг 2: Установите золотой цвет с блестками

Источник: Pinterest

1. Первое, что мы собираемся принять во внимание, прежде чем применять значения, которые мы собираемся вам показать, это знать, что золотой цвет с более графической точки зрения и на экране никогда не будет предлагать реальный визуальный аспект. золотого цвета, который мы видим физически в реальности, это связано с тем, что графически некоторые характеристики, которые представляет золотой цвет в реальности, не до конца проработаны, так как это цвет, который имеет большую силу и интенсивность, но мы постараемся сделать так, чтобы это выглядело как можно лучше.
2. Для этого будем опираться на следующие значения: CMYK: C:0% M:20% Y:60% K:20%. Когда у нас есть значения, нам нужно установить тип бумаги, на которой мы хотим, чтобы чернила печатались, например, мы не увидим того же золота на лакированной бумаге, где он будет намного ярче и реалистичнее, чем на обычной или матовой бумаге, что устранит любой блестящий и характерный аспект настоящего золота.
3. После того, как мы выбрали тип бумаги и уже указали значения, нам нужно только распечатать, чтобы проверить результат.

Шаг 3: Изучите несколько вариантов

Источник: YouTube

1. Вариации золотого цвета помогут вам действительно узнать о различных доступных диапазонах.
2. Например, было бы лучше, если бы Вы сделаете своеобразную таблицу в Illustrator, небольшая таблица с 7 или 8 строками или столбцами, таким образом, вам нужно будет только играть с различными вариантами, начиная с обычного золота, пока вы не попробуете более светлые и более темные тона.
3. Всегда помни скопируйте и вставьте в каждую из досок соответствующий код или числовое значение
   в зависимости от типа цвета или его вариации, поскольку он будет служить ориентиром.

Программы для создания цветовых гамм

Adobe Color СС

Adobe color — это программа, входящая в состав Adobe и выполняющая функцию поиска и создания любого типа цветового диапазона, который вы хотите. Это программа, которая в основном характеризуется тем, что позволяет создавать до пяти совершенно разных цветовых палитр.

Это также позволяет вам создавать цвета из изображения или иллюстрации, и это здорово, поскольку вы сможете получить точную ссылку на каждый из цветов, которые вы видите на изображении. Кроме того, каждая созданная и сохраненная вами палитра будет сохранена непосредственно в Adobe Cloud, так что вы всегда сможете вернуться к ней, когда захотите.

Adobe Capture

Если Adobe Color CC показалась вам замечательной программой, Adobe Capture не останется незамеченной. Это программа, которая делает функцию бесплатного приложения для мобильных устройств. С помощью этого инструмента у вас будет возможность захватывать все виды цветов реальным и абсолютно точным способом.

Кроме того, вы сможете настроить каждый из тонов и каждый из хроматических диапазонов, которые вы захватили, они сразу же появятся в библиотеках Adobe, поэтому ваши палитры и цвета всегда будут в безопасности и сохранены в каких-то папках программы.

Coolors

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

Это самый простой и быстрый способ создавать и генерировать цвета любого типа. Кроме того, у вас будет возможность перетаскивать тона и настраивать их так, чтобы они выглядели так, как вы хотите. Это идеальный инструмент, который адаптируется не только к цветам, но и к вам.

Цветная точка

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

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

Ф. Хрома

Это, вероятно, приложение по преимуществу, так как оно имеет бета-версию. Он содержит интерфейс, который во многом его характеризует, поскольку он функционирует как поток цветов и диапазонов всех возможных стилей. Сам веб-сайт предоставляет вам в общей сложности 40 или 50 предустановленных цветов, которые лучше всего соответствуют вашим вкусам. 

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

Как создать эффект золотого текста в Adobe Illustrator — Vitorials

Сегодняшний урок будет интересен всем, кто работает со стилями текста и эффектами в Adobe Illustrator. Мы будем создавать эффект золотого текста, живой и редактируемый, который вы можете скачать с Envato Elements.

Эффект золотого текста можно применить к любому шрифту

Понятно, что вы можете использовать 3D-программу, чтобы сделать его сверхреалистичным, но Adobe Illustrator предлагает еще одно преимущество — создайте его один раз, сохраните в графическом стиле и воспроизведите одним щелчком мыши. . Если вы хотите узнать больше о графических стилях, действиях и других инструментах, которые делают ваш рабочий процесс эффективным, попробуйте мой курс Udemy.

Начните с текста

Запустите Adobe Illustrator и создайте новый документ любого размера.

Возьмите инструмент Текст (T) и начните вводить слово. Я работаю со словом «Золото». Выберите шрифт из выпадающего меню. Я выбрал Audrey Bold — одновременно элегантные и смелые, их глифы достаточно массивны, чтобы выдержать золотой градиент.

Заполнено золотом

Для этого дизайна нам нужно несколько заливок. Отправляйтесь в Панель Appearance (Window/Appearance) и создайте новую заливку, щелкнув значок внизу слева.

Щелкните дважды, чтобы добавить две новые заливки. Выберите верхний и примените к нему градиент, щелкнув ползунок Gradient под Gradient Panel .

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

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

1. #B2690B. Местоположение 0%
2. #B36D0B. Расположение 3%
3. #BA720F. Расположение 5,5%
4. #FCA32A. Расположение 30%
5. #CF7E21. Расположение 58%
6. #C6771F. Местоположение 63%
7. #9E6519. Местоположение 80%
8. #A8661C. Местоположение 98%
9. #B0671C. Местоположение 100%

Вторая заливка

Вторая заливка служит бликом, поэтому нам нужно сместить ее на 1 пиксель вниз слева с помощью эффекта Transform . Выберите заливку и перейдите к значку fx внизу слева.

В раскрывающемся списке сначала выберите Distort & Transform , затем Transform… , чтобы открыть панель Transform . В открывшемся диалоговом окне введите 1px внутри Горизонтальное и Вертикальное перемещение текстовые поля.

Измените цвет, нажав Палитра цветов . В открывшемся диалоговом окне введите #FFD200 , чтобы получить ярко-желтый цвет.

Третье поле

Третье поле отвечает за глубину с металлическими отражениями и тенями.

Выберите его и добавьте градиент, щелкнув ползунок. Затем добавьте 19 остановок градиента и выберите цвет из списка.

1. #FCF49F. Расположение 1%
2. #801E00. Местоположение 6,5%
3. #FCF49D. Местоположение 9%
4. #EB8304. Расположение 12%
5. #872C09. Местоположение 17%
6. #DB7800. Местоположение 21%
7. #FCF27E. Местоположение 27%
8. #872F02 Местоположение 31,5%
9. #F89A05. Местоположение 34,5%
10. #872F02. Местоположение 39,5%
11. #D05502. Местоположение 46%
12. #F89A05. Расположение 50%
13. #913708. Местоположение 56%
14. #DC7800. Местоположение 62%
15. #7D2404. Расположение 66%
16. #D18604. Расположение 73%
17. #F9EE97. Местоположение 76%
18. #F4D556. Местоположение 82%
19. #D35601. Местоположение 88,5%
20. #F39405. Местоположение 91,5%
21. #862B09. Местоположение 100%

Добавление глубины

Теперь, когда у нас есть градиент, мы готовы использовать Эффект преобразования , чтобы добавить глубину и трехмерный вид. Перейдите к значку fx и откройте раскрывающееся меню с параметром Distort&Transform/Transform.

В открывшемся диалоговом окне укажите следующие параметры:

• Масштаб по горизонтали 99,8%
• Перемещение по вертикали: 1px
• Копий: 11

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

Текст стал чисто золотым, но без тени выглядит немного неестественно.

Тень

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

Итак, для первого набора теней:

• Непрозрачность: 74%
• Смещение по оси X: 0 пикселей
• Смещение по оси Y: 1 пиксель
• Размытие: 0 пикселей

текста.

Для второго набора теней:

• Непрозрачность: 33%
• Смещение по оси X: 0 пикселей
• Смещение по оси Y: 8 пикселей
• Размытие: 0 пикселей

Это был последний шаг. Мы сделали. Спасибо, что дочитали до этого места. Теперь вы знаете, как превратить любой текст в золото. Хотя молчание — золото, дайте мне знать, если у вас есть какие-либо вопросы в комментариях ниже.

графический дизайн в прямом эфире

Предыдущий

Следующий

Золотой текстовый эффект в Adobe Illustrator

Золотой текстовый эффект в Adobe Illustrator

InDesign — Как создавать градиенты

Включите JavaScript

InDesign — Как создавать градиенты

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

0 Золотой градиент ранее.

Сегодня мы создадим Эффект золотого текста в Adobe Illustrator с помощью Type Tool, Gradient Tool, Appearance Panel и Transform Effect .

Запустить Adobe Illustrator и создать новый документ . Теперь выполните следующие шаги: –

Шаг 1

Выберите инструмент Type Tool и введите текст на монтажной области.

Шаг 2

На этом этапе мы заполним наш текст градиентом.

Чтобы научиться заливать текст градиентом в Adobe Illustrator  

Выберите текст и отключите его цвет заливки. Затем откройте Appearance Panel ( Shift + F6 ) и нажмите Add New Fill .

Теперь выберите новый слой заливки в Appearance Panel и залейте его градиентом . Вы можете использовать предустановленные градиенты или создать новый.

Шаг 3

Еще раз нажмите на Добавить новую заливку в AppearancePanel и изменить цвет заливки на #f9d232 .

Выберите этот слой и нажмите Добавить новый эффект на панели Appearance . Поместите курсор на Distort and Transform и затем выберите Transform .

В диалоговом окне Transform Effect установите флажок Preview , а затем установите Горизонтальное и Вертикальное перемещение на -2 pt . Проверьте предварительный просмотр и нажмите OK . Шаг 4. Шаг 4

Теперь примените Transform Effect к этому слою и в диалоговом окне Transform Effect сначала поставьте галочку на Предварительный просмотр и затем увеличение количества копий . Кроме того, установите Горизонтальное и вертикальное перемещение на -1 pt .

Вот как вы можете создать Эффект золотого текста в Adobe Illustrator .

Попрактикуйтесь в этом руководстве и поделитесь своим мнением в разделе комментариев.

No related posts.