Как создать неоновый текстовый эффект в Adobe Illustrator?

Когда вы редактируете текст таким образом, что внешняя часть текста размыта, создается впечатление свечения, вы создаете эффект неонового текста (похожий на неоновый свет). Когда дело доходит до привнесения в ваши проекты вечернего блеска и меланхоличной атмосферы 1980-х, светящийся неоновый шрифт — лучший выбор.

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

В этом блоге я расскажу вам, как создать эффект неонового текста в Adobe Illustrator.

Как создать неоновый текстовый эффект в Illustrator?

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

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

Используйте цветовую палитру, чтобы изменить цвета. Вы можете настроить цвет на более светлый или более темный вариант.

Вы можете заблокировать инструмент «Прямоугольник», потому что он может быть выбран по ошибке при работе с неоновой текстовой композицией. Теперь выберите текстовый инструмент и щелкните в любом месте монтажной области. Измените цвет текста на белый, чтобы вы действительно могли видеть свой текст, и вы могли ввести любое слово, которое хотите ввести.

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

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

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

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

Пиксельные изображения можно найти на следующей странице. Если я посмотрю на предварительный просмотр, он в основном добавляет обводку в десять пикселей по всему краю, и если я отрегулирую ее до 5 пикселей, она будет более тонкой по всему периметру. Пока я сохраняю значение -5 пикселей внутри, чего мы и хотим, все будет в порядке, верно? Все зависит от того, насколько большим вы сделали свой текст, когда только начинали.

Для этого я возьму размер 4-5 пикселей. Хотя это другая вариация того же неонового письма, внутренняя часть текста значительно тоньше, чем у оригинального текста. Для этого мы просто разгруппируем элемент и перетащим его вниз. Теперь у нас есть еще одна недавно созданная форма.

Я выберу эти внутренние формы, а затем выберу исходную форму и соберу их все вместе в новом документе.

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

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

Теперь я вернусь и поставлю свой более тонкий текст на место. Луковица представлена ​​более светлым оттенком в центре. Свет излучается блестящей лампочкой, и розовый цвет по краям лампочки преобразуется в свечение, исходящее от лампочки в результате этого преобразования.

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

Выберите «Размытие по Гауссу» в раскрывающемся меню, а затем щелкните поле предварительного просмотра. У вас есть полный контроль над тем, как это отображается. Добавляется свечение и создается неоновый текстовый эффект, как вы можете видеть на этом изображении.

Опять же, в зависимости от размера вашей монтажной области и композиции, с которой вы работаете, вы можете внести коррективы в соответствии со своими потребностями. Внесите необходимые изменения в соответствии с вашими потребностями.

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

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

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

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

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

Упаковка

Неоновые огни очень красивы и отлично смотрятся в темноте. Это востребованный дизайн, который нравится многим. Вы можете, кроме Adobe Illustrator, создать неоновый текстовый эффект в Canva или любом другом инструменте дизайна.

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

Вам нужна помощь в создании видеороликов, таких как объяснения, 2D-анимация, анимация на доске, анимированная графика или редактирование видео? Наша команда экспертов поможет вам. Свяжитесь с нами, чтобы узнать больше.

                                                                                                 0003

Неоновый текстовый эффект менее чем за 5 минут

уроки
Дизайн, типографика
Создание неонового текстового эффекта в InDesign

Здесь, в InDesignSkills, мы делаем все возможное, чтобы сделать вашу жизнь проще, приобретая новые потрясающие дизайнерские навыки. Читайте дальше, чтобы узнать, как создать светящийся неоновый текстовый эффект непосредственно в InDesign менее чем за 5 минут.

Неограниченное количество загрузок: более 1 000 000 шаблонов InDesign, макетов и элементов дизайна

на

Как создать неоновый эффект

Неоновый свет с подсветкой идеально подходит для придания ночного гламура или мрачного настроения 1980-х годов вашим проектам. Такой текстовый эффект будет отлично смотреться на плакате или флаере мероприятия, и его так просто сделать!

Шаг 1

Я установил эффект, показанный здесь, на альбомной странице формата A3 (перейдите в меню «Файл» > «Создать» > «Документ») , хотя, конечно, не стесняйтесь изменять размер страницы в соответствии с вашими целями.

Разверните панель Слои (Окно > Слои) и переименуйте Слой 1 в Фон . Используйте Инструмент «Прямоугольник» (М) , чтобы создать фигуру, охватывающую всю страницу.

Чтобы текстовый эффект был эффектным, вам нужно залить прямоугольник темной заливкой. Выберите [Черный] на панели Образцы (Окно > Цвет > Образцы) или, чтобы воссоздать используемый здесь цвет, щелкните Новый образец цвета в раскрывающемся меню панели. Дважды щелкните новый образец, чтобы отредактировать его, установив Значения CMYK от до C=85 M=76 Y=61 K=93.

Шаг 2

На панели Образцы создайте еще два новых образца:

Темно-розовый – C=10 M=100 Y=0 K=0

Бледно-розовый – C=5 M=12 Y =0 K=0

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

Шаг 3

Вернитесь к панели слоев и заблокируйте фоновый слой . Создайте новый слой выше и назовите его Typography.

Неограниченное количество загрузок: более 1 000 000 шрифтов, макетов и элементов дизайна

by

Возьмите инструмент Type Tool (T) и создайте большую текстовую рамку в центре страницы. Введите свой текст либо с панели управления в верхней части рабочей области, либо с панели символов (Окно > Текст и таблицы > Символ) , выберите предпочитаемый шрифт . Чтобы создать более аутентичный эффект неоновой вывески, я выбрал рукописный шрифт Burtons Script.

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: более 50 миллионов шрифтов и элементов дизайна

На панели Swatches установите цвет шрифта на Dark Pink . Как только вы довольны размером, положением, шрифтом и цветом текста, вы готовы обрисовать текст. Обратите внимание, что это означает, что вы не сможете настроить форматирование текста, поэтому Правка > Копировать, Правка > Вставить текстовую рамку , переместив копию на монтажный стол, чтобы сохранить копию текста, если хотите.

Шаг 4

Выберите исходный текстовый фрейм и g o выберите Тип > Создать контуры , чтобы векторизовать текст.

Правка > Копировать, Правка > Вставить вектор , переместив копию на монтажный стол. Мы воспользуемся этим чуть позже.

С выбранным вектором перейдите в Объект > Эффекты > Внешнее свечение. Установите Mode на Screen, Opacity примерно на 20%, Noise на 3% и Spread на 70%. Нажмите на цветной квадрат справа от меню Mode , чтобы открыть окно Effect Color. Выберите темно-розовый из списка образцов.

Нажмите OK , чтобы закрыть окно Эффекты .

Шаг 5

Выберите вектор и Правка > Копировать, Правка > Вставить на место , накладывая его непосредственно на первый вектор.

Перейдите в Object > Effects > Outer Glow и увеличьте Opacity до 80% и уменьшите Spread примерно до 40%.

Шаг 6

Теперь вы можете начать создавать более светлые тона в неоновом эффекте.

Перейдите к монтажному столу и выберите векторизованную версию текста, который вы вставили туда на шаге 4. Выберите его и выберите «Правка» > «Скопировать» , переместите копию на страницу и расположите ее прямо над верхним другие текстовые векторы.

Измените Fill этого нового вектора на Pale Pink.

Затем перейдите к Object > Effects > Transparency. Установите Mode на Screen и уменьшите Opacity до 70%.

Нажмите на Outer Glow в левом меню окна и установите Mode на Screen и Opacity примерно на 65%. Выберите Бледно-розовый в качестве цвета эффекта .

Щелкните Drop Shadow в верхней части меню окна и установите Mode на Multiply, Opacity примерно на 40% и Effect Color на Dark Pink.

Добавьте окончательный эффект к этому вектору, щелкнув Gradient Feather в нижней части меню окна. Выберите Радиальный для Типа , и затем нажмите OK , чтобы закрыть окно Эффекты .

Шаг 7

Чтобы сделать неоновый эффект действительно ярким, мы можем добавить последний слой света поверх текстового эффекта.

Чтобы сделать это , выберите Правка > Вставить , чтобы поместить на страницу еще одну копию векторизованного текста. Расположите прямо поверх других векторов и измените Заливку на Бледно-розовый.

Перейдите к Object > Effects > Transparency и установите Mode на Screen и Opacity на 50% .

Нажмите на Outer Glow и выберите Screen для Mode и Pale Pink для Effect Color.