Всем привет! Рисуя такие простые текстовые эффекты в Иллюстраторе вы можете на них заработать, продавая на таком сайте, как Freepik.com.
Шаг 1
Давайте начнем. Для этого создаем новый документ 1000X500 px.
Шаг 2
Рисуем прямоугольник (M) по размеру нашей монтажной области 500X1000.
И заливаем его радиальным градиентом:
- Цвет первого маркера: #303440
- Цвет Второго маркера: #11131A
Шаг 3
Выбираем подходящий шрифт (я выбрал "Baloo") и печатаем любой текст.
Размер моего текста 245 px.
Шаг 4
Дальше делаем такую манипуляцию:
Два раза кликаем по тексту, чтобы войти в режим редактирования текста.
Выделяем весь текст
И убираем заливку у объекта.
Наш текст стал невидимый :) Выбираем Selection Tool (V). Кликаем по тому месту, где приблизительно расположен наш текст. Должно быть приблизительно так.
Теперь в панели Appearance кликаем по кнопке Add New Fill и добавляем заливку, например желтого цвета.
Ваш текст должен окраситься в желтый цвет.
Шаг 5
Теперь вся наша работа будет связанна с панелью Appearance и добавлением новый заливок. Но сначала давайте заменим желтый цвет на линейный градиент с такими настройками
- Цвет первого маркера: #FFAF40
- Цвет второго маркера: #FFC74D
- Цвет третьего маркера: #FFAF40
Получаем вот такой эффект
Шаг 6
Теперь в панели Appearance кликаем по кнопке Add New Fill и добавляем заливку светлого цвета.
Обратите внимание, что каждую заливку мы можем скрыть, нажав на "глаз" напротив каждого слоя. Давайте скроем желтую заливку, нажав на "глаз". Останется видна только наша светлая заливка.
Мы скрыли желтую заливку для того, чтобы мы видели изменения, которые будем проводить с белой заливкой.
Выделяем в панели Apearance нашу светлую заливку и применяем к ней градиент.
- Цвет первого маркера: #FFE4BF
- Цвет второго маркера: #FFF3D9
- Цвет третьего маркера: #FFE4BF
Получаем вот такой результат
Шаг 7
Включаем желтую заливку (нажав на глаз) и к желтой заливке применяем fx - Path - Offset Path.
В появившемся окне вводим -1px (минус один)
После того, как мы сжали контур, из под желтого цвета стала проглядывать светлая заливка.
Также к желтой заливке добавляем fx - Distort & Transform - Transform
меняем только значение Horizontal: 100,5%
Добавляем к нашей желтой заливке эффект fx - Stylize - Inner Glow
- Режим наложения: Screen
- Opacity: 35%
- Цвет: E2C19A
- Blur: 6 px
Добавляем к нашей желтой заливке еще один эффект Inner Glow, но уже с другими параметрами. Для этого левой кнопкой мышки захватываем параметр Inner Glow и не отпуская кнопку мыши перетаскиваем на значок создания нового эффекта.
Параметры второго Inner Glow будут такие:
- Режим наложения: Screen
- Opacity: 50%
- Цвет: E2C19A
- Blur: 14 px
Получаем вот такой эффект
Шаг 8
Создаем новую заливку и применяем к ней fx - Distort & Transform - Transform
Во время настройки можете включить галочку "Preview", чтобы видеть изменения в реальном времени.
Получаем вот такой эффект.
Меняем цвет нашего объемного эффекта. Используем градиент с такими настройками.
- Тип градиента: Радиальный
- Угол: 90
- Цвет первого маркера: #BF7730 Цвет второго маркера: #995526 Цвет третьего маркера: #B36F2D Цвет четвертого маркера: #995A2F Цвет пятого маркера: #BF7730
Получаем вот такой эффект
Добавляем в эту же заливку эффект fx - Stylize - Inner Glow.
Настройки Inner Glow будут такие
Получается легкое свечение.
Шаг 9
Создаем новую заливку. Это будет тень.
Цвет заливки #B8BDCC
вот такой сейчас у нас порядок заливок в панели Appearance
Сейчас наш серый слой не виден, потому что он самый нижний в панели Appearance.
Давайте скроем в панели слоев (Layers) наш темный бэкграунд, чтобы лучше было видно наши новые эффекты.
Продолжаем работать с нашей серой заливкой. Добавляем два эффекта:
fx - Distort & Transform - Transform
fx - Blur - Gaussian Blur
Настройки Transform такие:
Настройки Blur такие:
Получаем эффект слабой тени
Шаг 10
Скопируем нашу серую заливку. Когда копируем заливку, вместе с ней копируются наши эффекты.
Настройки для новой серой заливки будут такие
Вот как выглядит сейчас наша тень
Шаг 11
Еще раз копируем нашу серую заливку. Для нее будут такие параметры.
Сейчас текст выглядит так
Шаг 12
Включаем видимость нашего черного бэкграунда.
У нас 3 серых заливки. Каждую серую заливку выделяем и применяем для них режим наложения Multiply
Получаем такой эффект
Шаг 13
Теперь добавим последний штрих - блик на нашем тексте.
Создаем новую заливку в панели Appearance и переносим ее на самый вверх. Если в этой заливке есть какие-нибудь эффекты, то удалите их.
Применяем к заливке линейный градиент, угол наклона 92 градуса.
Первый маркер:
- Цвет: #000000
- Opacity: 0%
- Location: 25%
Второй маркер:
- Цвет: #B3B3B3
- Opacity: 100%
- Location: 49%
Третий маркер:
- Цвет: #000000
- Opacity: 0%
- Location: 25%
Меняем режим наложения заливки на Screen.
Шаг 14
И вот наш финальный результат!
Если вам понравился урок, поставьте пожалуйста лайк и подпишитесь на канал. Так же задавайте любые вопросы в комментарии, я буду рад на них ответить.
Так же предлагаю посмотреть вам видео версию этого урока:
#freepik #фрипик #микростоки #иллюстратор #illustrator
Полезные ссылки:
- Скачать бесплатно мои векторные иллюстрации: FreeDownload
- Начать зарабатывать на Freepik: FreepikStart
- Yandex Zen: https://zen.yandex.ru/user/682767379
- Второй канал: https://www.youtube.com/origamirussia
- Сообщество ВК: https://vk.com/freepikrussia
- Telegram чат: https://t.me/joinchat/EYKZOQ82133uUDFjpBI4Ng
- Telegram канал: https://t.me/freepikrussia
- Instagram: http://instagram.com/freepikrussia
- Twitter: https://twitter.com/FreepikR
- Pinterest: https://www.pinterest.ru/freepikrussia/