Эффект комического текста (учебник для Adobe Illustrator)

Учебник по эффекту комического текста

Прежде всего, уточните, что это учебник Это было сделано с помощью Adobe Illustrator CS5 (на английском языке), поэтому пошаговые изображения показывают интерфейс этой версии. Тем не менее, вы можете попробовать его в любой имеющейся у вас версии, учитывая, что выполнение этого руководства, вероятно, будет стоить вам немного дороже.

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

Эффект комического текста

Открываем Adobe Illustrator и заходим в создать новый документ (Mac: Cmd + N, Windows: Ctrl + N). Мы можем назвать его как угодно и выбрать размер файла. В моем случае я выбрал формат 570 x 300 пикселей, который мы используем в Creativos Online для загрузки изображений.

Очень важно, чтобы в нижней части диалогового окна (Дополнительно) вы отметили как Цветовой режим RGB, Растровые эффекты на Экран (72 ppi) y Режим предварительного просмотра по умолчанию. После того, как у вас есть выбранные параметры, нажмите ОК.

Пошаговое руководство по Illustrator

Уровень техники

Мы собираемся создать цветной фон, который будет носить наш текст. Мы выбираем инструмент «Прямоугольник» (инструмент «Прямоугольник», клавиша M) и щелкаем в любом месте нашего документа. Затем откроется небольшое окно, в котором мы сможем ввести размеры прямоугольника: вам нужно будет указать размеры вашего документа. В моем случае 570 х 300 пикселей. Нажмите OK, и на экране появится только что созданный прямоугольник.

Пошаговое руководство по Illustrator

Теперь нам нужно хорошо его разместить. Для этого выделим черную стрелку на панели инструментов (Инструмент выбора, Клавиша V). С его помощью мы щелкнем по границе прямоугольника и, БЕЗ ОТПУСКАНИЯ, будем тянуть границу, пока она не совпадет с краями документа. Пошаговое руководство по Illustrator Пошаговое руководство по Illustrator

РАСКРАСКА ФОНА

Фон уже готов, но по умолчанию он будет белым с черной рамкой. Пора это изменить! С черной стрелкой, выбранной в качестве инструмента (Selection Tool, V key), мы нажимаем на прямоугольник. Мы переходим к двум цветным прямоугольникам внизу панели инструментов: тот, что впереди, соответствует Цвет заливки нашего рисунка, а тот, что позади, относится к TRAZO. По умолчанию у нас будет заливка белого цвета и цвет границы черного. Щелкаем по окну заполнения и палитра цветов (Палитра цветов). Теперь вы можете выбрать желаемый цвет для фона. В моем случае это был синий цвет. После выбора нажмите OK, и у вас будет цветной прямоугольник.  Пошаговое руководство по Illustrator

Теперь мы будем снять острие. Щелкните поле на краю нашей панели инструментов. Теперь, чуть ниже этого квадрата, есть крошечный белый квадрат с красной диагональю. Нажимаем на нее ... И все! Этот квадрат сообщает Illustrator, что нам нужна обводка без цвета. Если бы мы хотели, чтобы заливка прямоугольника также была без цвета, нам пришлось бы выбрать соответствующее поле и снова щелкнуть пустое поле.  Пошаговое руководство по Illustrator

УНИЧТОЖЕННЫЙ

Следующим шагом будет создание кругового градиента на нашем фоне. Для этого нам нужно перейти в окно «Внешний вид» (если вы не видите его в правой части экрана, как я показал на изображении, перейдите в верхнее меню окна Illustrator и перейдите в Окно> Одежда). Здесь по умолчанию будет отображаться параметр «Заливка» с цветом, который мы установили для прямоугольника, и параметр «Обводка» (обводка или контур), который будет с параметром «Пусто». Последний вариант - Opacity (непрозрачность). Внизу этого окна есть два маленьких квадрата. Один с очень широкой черной каймой, а другой с тонкой каймой. Выбираем тонкую, чтобы создать новую заливку (Заливка). Теперь щелкаем по цветному квадрату новой заливки, которую мы создали. С правой стороны появится стрелка, и мы выберем из всех появившихся образцов цвета тот, который соответствует круговому черному градиенту.

Пошаговое руководство по Illustrator

Окно внешнего вида

 

Пошаговое руководство по Illustrator

Создаем новую заливку (Fill)

Пошаговое руководство по Illustrator

Выбор образца кругового градиента

Теперь мы открываем новый раздел, щелкнув стрелку слева от Заливки и щелкнув слово Непрозрачность, чтобы изменить способ применения нашего слоя заливки. Оказавшись там, мы выбираем вариант Наложение (Перекрывать). Пошаговое руководство по Illustrator

КРУГ

Мы собираемся создать белый круг в центре нашего документа. Для этого выбираем инструмент Инструмент Эллипс, который будет "внутри" инструмента "Прямоугольник". Чтобы выбрать его, нам нужно сделать длинный щелчок, не отпуская, и дождаться отображения параметров. Как только они появятся, НЕ ОТПУСКАЕМ, мы наводим курсор на инструмент Ellipse Tool и отпускаем его. Пошаговое руководство по Illustrator

Создаем идеальную окружность (для этого мы щелкаем и перетаскиваем, удерживая клавишу Shift на клавиатуре). Обычно окружность имеет те же параметры предыдущего градиента, что и мы, поэтому нам придется изменить значение заливки. Пошаговое руководство по Illustrator

Теперь собираемся центрировать его. Идти к Окно> Выровнять и, ВЫБРАННЫМ КРУГОМ, щелкните параметры, показанные на изображениях.  Пошаговое руководство по Illustrator

ТЕКСТ

Выбираем инструмент Текст (Тип Инструмент, клавиша T) и набираем нужный текст. В нашем случае мы выбрали шрифт BadaBoom BB, которую вы можете скачать с DaFont Пошаговое руководство по Illustrator

А теперь давайте немного развернемся. Щелкните правой кнопкой мыши текст> Трансформировать> ножницы. Мы вводим значение -8º в поле «Вертикаль» и нажимаем «ОК».

Пошаговое руководство по Illustrator

Центрируем текст так же, как мы ранее центрировали белый круг.

ДОБАВЛЕНИЕ СТИЛЯ

Пошаговое руководство по Illustrator

Объект> Развернуть

Выделив текст, переходим к опции объект в верхнем меню и выберите Расширять и в появившемся окне Ok. Тогда сделай щелкните правой кнопкой мыши над текстом и выберите разгруппировать (Ungroup).

Пошаговое руководство по Illustrator

Вернемся к Панель внешнего вида. Выберите черную заливку и щелкните значок 'fx' выбирать Путь> Путь смещения. Введите в поле «Смещение» 8 пикселей. В стыках, раунд. А в пределе митры - 4.

Пошаговое руководство по Illustrator

Теперь снова щелкните значок «fx» и выберите Искажение и преобразование> Преобразование и введите:
В масштабе: по горизонтали> 100% по вертикали> 100%
В перемещении: по горизонтали> 7 пикселей по вертикали> 12 пикселей

 

Пошаговое руководство по Illustrator Пошаговое руководство по Illustrator

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

Пошаговое руководство по Illustrator

Добавляем еще одну начинку. В нашем случае оранжевый цвет. Мы собираемся добавить к нему эффект трансформации. Снова щелкните значок 'fx' и выберите Distor & Transform> Transform и введите:
В перемещении: по горизонтали> 2 пикселей по вертикали> 2 пикселей

Мы собираемся нанести на него черный контур. Выбираем черный цвет в штрихе и даем ему 3 пикселя. Умная! Теперь, чтобы сохранить файл> сохранить. Чтобы сохранить его в .jpg, файл> экспорт (и там вы выбираете формат)

Пошаговое руководство по Illustrator


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.