КАК: Как создать градиентные текстовые эффекты в Illustrator

01 из 07

Заполнение текста градиентом

Если вы когда-либо пытались заполнить текст градиентом, вы знаете, что он не работает. По крайней мере, это не сработает, если вы не сделаете еще один шаг перед применением градиентной заливки.

1. Создайте свой текст в Illustrator. Этот шрифт — Бахаус 93.
2. Идти к Объект> Развернуть , затем нажмите «ОК», чтобы развернуть текст.

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

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

Вы также можете использовать метод Create Outlines. После ввода текста нажмите инструмент выделения, чтобы получить рамку в тексте, затем перейдите к Тип> Создать контуры и заполнить текст градиентом, как указано выше.

Если вы хотите использовать разные буквы в письмах, вам сначала нужно разгруппировать текст. Идти к Объект> Разгруппировать , или выберите их отдельно с помощью инструмента прямого выбора.

Продолжить чтение ниже

02 из 07

Добавление градиентного штриха к тексту

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

Введите текст и задайте цвет заливки по своему усмотрению. Вы можете использовать любой цвет хода, потому что это изменится при добавлении градиента. Это Mail Ray Stuff, бесплатный шрифт из шрифтов Larabie для Windows или Mac OS X. Инсульт — 3-точечный пурпурный. Сначала решите цвет заполнения текста, потому что позже вы не сможете его изменить.

Продолжить чтение ниже

03 из 07

Преобразование штриха в объект

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

• Идти к Объект> Развернуть , Нажмите «ОК». Затем перейдите к Объект> Путь> Обводной ход , Инсульт больше не удар. Теперь это объект, и он может быть заполнен как любой объект. Щелкните градиентный образец в палитре «Образцы», чтобы заполнить расширенный штрих градиентом. Это градиент радуги в палитре образцов RGB по умолчанию.

Или же

• Идти к Тип> Создать контуры , затем Object> Path> Outline Stroke. Нажмите образец градиента в палитре «Образцы», чтобы применить его. Если «Создать контуры» выделены серым цветом, нажмите стрелку выбора в окне инструмента и повторите попытку.

Результаты будут одинаковыми независимо от того, какой метод вы используете.

04 из 07

Как изменить градиент

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

Продолжить чтение ниже

05 из 07

Как заполнить ход с помощью шаблона вместо градиента

Расширенный штрих также может быть заполнен шаблонами из палитры «Образцы». Этот шаблон Starry Sky находится из файла шаблона Nature_Environments, найденного в Пресеты> Шаблоны> Природа папка.

06 из 07

Заполнение текста шаблоном

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

1. Создайте свой текст.
2. Разверните текст с помощью Объект> Развернуть или используйте команду «Создать контуры» в текстовом меню.
3. Загрузите файл шаблона в палитры «Образцы». Нажмите меню опций палитры палитр и выберите Открытая библиотека Swatch затем Другая библиотека в нижней части меню. Вы найдете много отличных шаблонов в Пресеты> Шаблоны папку вашей папки Illustrator CS.
4. Щелкните шаблон, который вы хотите применить. Если вы хотите применить разные шаблоны к отдельным буквам, перейдите к Объект> Разгруппировать разгруппировать текст или используйте стрелку прямого выбора, чтобы выбрать одну букву за раз и применить шаблон. Эти заливки взяты из файла шаблона Nature_Animal Skins в Пресеты> Шаблоны> Природа папка. Был применен двухпиксельный черный ход.

Продолжить чтение ниже

07 из 07

Использование штрихов на типе

Это легко, и вы получаете отличные эффекты практически без усилий.

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

Я решил заполнить этот текст шаблоном ягуара из шаблона Nature_Animal Skins.

• Откройте палитру кистей и выберите кисть, чтобы опустить тип. Это одна из кистей из наборов кистей Artistic_Paintbrush в Пресеты> Бруше s. Он был слишком широким, поэтому я изменил ширину хода до 0,50 в палитре «Обводка». Шрифт — Купер Блэк.

Как в Иллюстраторе сделать градиент

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

Adobe Illustrator.

Gradient Tool

Как и в Фотошопе за градиент отвечает старый добрый Gradient Tool. Подозреваю, вы уже нарисовали квадратик и спешите выбрать инструмент градиента, чтобы провести им по прямоугольнику и задать градиент так, как это происходит в Фотошопе. Не спешите. Градиент в Иллюстраторе немного иначе. Вначале градиент нужно «задать», а затем настроить. Выберите инструмент Gradient Tool и кликните один раз по объекту.

 

 

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

 

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

 

Как изменить цвет градиента в Иллюстраторе?

Когда я открыл Иллюстратор в первый раз и попытался задать объекту градиент я не смог это сделать самостоятельно. Ответ пришлось искать в интернете, а на дворе стоял 2005 год. Сегодня с градиентами в иллюстраторе все значительно проще.

Сделайте двойной клик по якорю с цветом на полоске градиента. В выпадающем меню выбирайте любой цвет.

 

 

 

В выпадающей панели 2 вкладки: Color и Swatches. Во вкладке Color мы мешаем цвет на основе цветовой модели в которой работаем на данный момент. Во вкладке Swatches выбираем цвет из сохраненных палитр.

Если на панели Color перед вами лишь черно белая полоска, то это потому что в панели работает цветовая модель Grayscale. Чтобы изменить её на другую, кликните по верхней правой иконке панели, и из меню выберите другую цветовую модель, CMYK, RGB или

HSB

Как добавить цвета в градиент?

Как сделать градиент сложнее? Это просто. Выберите инструмент Gradient Tool. Задайте объекту градиент и подведите курсор к полоске градиента. Когда курсор превратится в указатель с плюсиком (+) кликните. Это добавит на полоску градиента дополнительный цвет. Далее вы можете задать якорю свой цвет способом описанным выше.

 

Панель градиента Gradient

Странно если бы у Иллюстратора не было специальной панели для работы с градиентом. Такая панель есть и чтобы открыть её зайдите в Windows > Gradient. В Верхней части этой панели располагается превью градиента в виде иконки и выпадающее меню разновидностей градиентов. Разновидностей всего две: градиент линейный, и градиент шарообразный (

Linear и Radial)

Иконка превью отображает общий вид градиента. Градиент из превью можно перетащить мышкой на любой объект. Это ещё один способ присвоения градиента.

Превью можно перетащить и на панель Swatches. В этом случае градиент будет сохранен в панели Swatches.

Рядом с превью небольшая стрелочка. В выпадающем меню находится список всех градиентов добавленных в панель Swatches. Например, если в панели Swatches нет ни одного градиента, то выпадающее меню пустое. Если это так, то в этом же меню кликните по иконке дискеты. Она сохраняет настроенный градиент на панель

Swatches. Сделайте это и у вас появится первый градиент.

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

• Reverse Gradient — разворачивает градиент наоборот.
• Angle — изменяет угол градиента
• Aspect Ratio — изменяет сжимает шарообразный градиент. Это значение не работает с линейным градиентом.

В нижней части панели градиентов находится сама полоска градиента, её узелки и значения. Полоска работает так же как полоска градиента на объекте. Узелки с цветом можно добавить щелкнув по полоске и удалить, «стянув» их с полоски. Цвет узелка можно выбрать двойным кликом по узелку. Кроме того остались в силе и старые методы: цвет узелка можно настроить перетянув на него из панели Swatches образец с цветом, выделить конкретный узелок и настроить цвет на панели Color.

• Оpasity — степень невидимости конкретного узелка с цветом.
• Location — расположение узелка на полоске градиента. Полоска градиента имеет 100 условных пунктов, где 0 — левый конец полоски а 100 — правый.

Овальный градиент

В Иллюстраторе всего две разновидности градиента. Линейный и овальный (Linear, Radial). Овальный градиент настраивается на панели градиента о которой речь шла выше и формально он ни чем не отличается от линейного градиента, не считая, конечно, того что направлен из центра во все стороны.

 

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

Окружность черного цвета позволяет сжимать овальный градиент, превращая его в супер овал или в маленькую галактику. Эта же настройка отображена на панели Gradients как Aspect Ratio. Однако это ещё не все. Наведите курсор на центральную часть градиента пока курсор не превратится в черную стрелку с звездочкой. Теперь перетяните градиент в сторону, смещая его источник света в сторону.

Допустим вы создали несколько объектов. Открываем панель Gradient и щелкаем по превью градиента. Если задать градиент нескольким объектам, то каждая фигура получит свой собственный индивидуальный градиент.

Чтобы сделать градиент общим для нескольких фигур, выберите инструмент Gradient Tool и задайте новый градиент выделенным фигурам.

Пожалуй первая мысль при попытки изменить цвета градиента — это кликнуть по иконке на панели Tools. Увы но это ни к чему не приведет. Иконка градиента на панели Tools, обозначает лишь то, что объекту присвоен градиент. Не более того. Менять цвет градиента через неё нельзя.

Старые версии Иллюстратора не позволяли присваивать шрифту градиент, что имело определенный смысл. Цели градиента изначально были несколько другими, а применение его на объемных блоках текста в стократ утяжеляли фаил. Прогресс не может стоять на месте, особенно если в конкурирующей программе Corel Draw задавать градиент шрифтам можно давным давно. Однако при попытке применить градиент к тексту даже в самом последнем Иллюстраторе визуально ничего не произойдет. И вот почему.

Illustrator использует продвинутую панель оформления Appearance. Выберите инструмент Type Tool и напишите текст. Выберите инструмент Gradient Tool и кликните по надписи. Посмотрим что происходит на панели Appearance. Откройте её через Windows > Appearance

Как видите градиент добавлен. Однако он находится под значением Characters. Что это? Любая надпись состоит из двух составляющих.

• Type — грубо говоря вся надпись целиком, как объект.
• Characters — конкретная буква шрифта в режиме редактирования.

По умолчанию Type не имеет цвета, а Characters залит черным. Панель оформления Appearance устроена подобно панели слоев. И градиент находится ниже «слоя» Characters, которая залита черным цветом. Чтобы стало ясно что происходит, сделайте двойной клик по Characters и вы все поймете. Решение?

Исправить положением можно двумя способами:

• Переместите градиент выше Characters в панели оформления Appearance
• Сделайте двойной клик по Characters, вы попадете в оформление букв. Отключите черный цвет.

И это все, что вам нужно знать о градиентах в Иллюстраторе.

Автор:

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

Текстовые эффекты Chrome теперь могут рассматриваться как безвкусные и безвкусные, но когда-то они сформировали чрезвычайно популярный художественный стиль в 80-х и 90-х годах. Эти стили в стиле ретро вернулись в последние годы, поэтому полезно знать, как создавать блестящие и металлические эффекты в программном обеспечении для цифрового дизайна. Ранее я показывал, как создать хромированный текстовый эффект в стиле 80-х годов в Photoshop , следуйте сегодняшнему учебному пособию, чтобы создать аналогичный металлический текстовый эффект в стиле ретро в Adobe Illustrator.

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

Откройте Adobe Illustrator и создайте новый документ. Я использую типичный формат A4 в цветном режиме RGB с пиксельными единицами. Выберите инструмент «Прямоугольник» и нарисуйте фигуру, которая соответствует артборду. Придайте этой форме черную заливку без обводки, затем перейдите в Object> Lock> Selection, чтобы использовать ее в качестве фона, случайно не сдвинув ее с места.

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

Поскольку используемый мной шрифт Thirsty Soft представляет собой скрипт, который перекрывает буквы, необходимо объединить их в один непрерывный контур с помощью функции Unite панели Pathfinder.

Измените заливку на линейный градиент, затем отредактируйте цвета на панели «Градиент» от синего образца до белого. Измените угол до -90 градусов.

Перейдите в Object> Path> Offset Path, затем введите 2px в окне смещения, чтобы создать расширенный контур вокруг текста.

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

Добавьте еще 2px Offset Path, затем перетащите черный образец на каждый маркер белого градиента. Измените угол этого градиента на ноль градусов.

Снова зайдите в Object> Path> Offset Path, на этот раз введите -2px, чтобы создать врезку.

Удалите заливку из этой формы, но добавьте обводку. Удерживая клавишу Shift, выберите образец цвета на полпути до существующего градиента с помощью инструмента «Пипетка», затем измените вес штриха на 0,5 пт.

Нажмите CMD + C, чтобы скопировать, затем CMD + F, чтобы вставить спереди дубликат этой внутренней фигуры, затем переключите обводку на заливку.

Выберите инструмент «Эллипс» и нарисуйте длинный тонкий овал, закрывающий нижнюю часть текста. Направьте верхний край текста наполовину вверх.

Удерживая клавишу Shift, добавьте внутреннюю текстовую форму в выделение, затем нажмите кнопку «Пересечь» на панели «Навигатор», чтобы обрезать овал по контуру текста.

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

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

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

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

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

Измените градиент этой конкретной заливки, чтобы включить черный, затем добавьте дополнительный маркер вправо и установите непрозрачность 0%.

Переместите маркер черного градиента в определенное место, например 40%, затем установите маркер нулевой непрозрачности на 40,1%, чтобы получить жесткую линию. Синий и белый цвета также могут быть применены к этой заливке, но полезно посмотреть, как заливки могут быть наслоены.

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

На панели «Обводка» настройте вес обводки на 2 пт и выровняйте обводку по внешней стороне фигуры.

Добавьте новый штрих к фигуре из панели «Внешний вид». Перетащите белый образец на все черные ручки в настройке Градиент, затем измените угол на 90 градусов. Измените настройки этого удара на 1pt, выровненные по внешнему виду. Поскольку черно-синий обводка на 1pt больше и ниже этого бело-синего обводки на панели «Внешний вид», он виден по краю.

Добавьте еще один штрих, затем удерживайте клавишу Shift и щелкните средне-синий цвет из существующего градиента, чтобы выбрать сплошной цвет. Измените настройки на 1.5pt и выровняйте изнутри.

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

Выбрав фигуру с этими настройками внешнего вида, щелкните значок «Новый стиль графики» в окне «Стили графики», чтобы сохранить эффект.

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

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

Золотой текст и стиль графики в 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 через Skype.

Печатаем, используя точечный текст

Чтобы напечатать текст из определенной точки, просто кликните на рабочей области, используя инструмент «Текст» (Type Tool), и печатайте свой текст. Такой «точечный» текст можно печатать только в одну строку без каких-либо ограничений текста.

Печатаем текст, используя область для печати

Используя область для печати, Вы получаете больше контроля над своим текстом. Чтобы создать область для печати, кликните по рабочей области инструментом «Текст» (Type Tool) и, удерживая правую кнопку мыши, растяните область печати до нужного Вам размера. Текст будет располагаться внутри этой области. Чтобы редактировать символы и размер шрифта, идем в Окно > Текст > Символ (Window > Type > Character).

Чтобы увидеть настройки для текстового абзаца, нажмите на вкладку «Абзац» (Paragraph). Вы можете попробовать применить к тексту разное выравнивание и отступы для абзацев.

Чтобы увидеть еще больше возможностей для редактирования текста, идем в Текст > Параметры текста в области (Type > Area Type Options). Попробуйте изменить цифру в графе «Колонки» (Columns), чтобы увеличить количество колонок в Вашем тексте.

Текст по контуру

Вы можете печатать текст по заданному контуру. Выберите инструмент «Текст по контуру» (Type on Path Tool), кликните на контуре в том месте, откуда хотите начать ввод текста, и печатайте!

Чтобы переместить текст, потяните за начальную точку с помощью инструмента «Выделение» (Selection Tool).
Преобразовываем текст в кривые

Если Вам нужно преобразовать текст в кривые, выделяете свой текст и выбираете Текст > Преобразовать в контуры (Type > Create Outlines). Это действие разобьет текст на контуры. Обратите внимание: после того как текст преобразован в кривые, Вы не сможете редактировать его с помощью инструмента «Текст» (Type Tool). Однако теперь Вы сможете применить к тексту градиентную заливку, а также редактировать опорные точки, используя инструмент «Перо» (Pen Tool).

Следующий урок: Цветовые и объектные переходы

Перевод: Анна Волкова
Источник: Vectordiary

Читать дальше…

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:

Требования к макету — Полиграфия Printland

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

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

Текст

Весь текст в макетах должен быть в векторном виде, если это никак невозможно, то в растровом с разрешением 450 dpi. Пример текста в векторном виде и в растровом:

В растровом виде края букв «размываются» и текст получается некачественным при печати.

В векторном виде текст может быть сохранен в двух вариантах — в обычном виде и в кривых:

На печати оба варианта выглядят одинаково (слева), но текст в обычном виде легко изменить уже в готовом макете, в «кривых» редактировать текст уже невозможно.

Мы принимаем текст и в обычном виде, и в «кривых». У каждого метода сохранения есть свои плюсы и минусы. Макет с текстом в «кривых» всегда откроется на другом компьютере, однако его нельзя будет изменять. Файл с текстом в «кривых» занимает больше места, и он сложнее для обработки аппаратными устройствами. Текст в обычном виде занимает мало места, легко исправляется, но может некорректно отображаться из-за отсутствия файлов шрифтов.

Текст в векторном виде можно сохранить в следующих форматах файлов: CDR, EPS, AI, INDD, PDF. Идеальный для нас вариант – PDF (в нем сохраняются файлы шрифтов, использованных в документе, и обычно ничего не «слетает»).

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

Если текст должен быть черным на бумаге, задайте ему атрибут K=100% и установите атрибут overprint (в программе Adobe Illustrator):

В программе Adobe Photoshop для имитации эффекта overprint, установите режим наложения «Multiply»:

При просмотре цветоделения текст должен «исчезнуть», если отключить черную краску:

Если не применять атрибут overprint к тексту, фон под текстом будет вырезан при цветоделении, и при малейшем несовмещении оттисков на бумаге, возникнет белая обводка вокруг текста:

Если цвет текста предполагается сделать в несколько красок, общее количество краски не должно превышать 300%:

В этом примере общее количество краски получается C60% + M100% + Y100% + K30% = 290%.

При использовании шрифта до 14 пт рекомендуем избегать применения двух или более красок, так как в таком случае текст на печати может быть плохо плохо читаться из-за неточного совмещения оттисков на бумаге:

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

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

Все текстовые слои в Adobe Photoshop должны быть растрированы.

Фотографии

Все фотографии, картинки и изображения должны быть выполнены в масштабе 1:1. Разрешение должно быть 300 точек на дюйм (Resolution: 300 Pixels/Inch):

Пример неправильно указанной системы измерения файла: разрешение 300 точек, но на сантиметр вместо дюйма (Resolution: 300 Pixels/Centimeter), разница видна в размере файла — 9,54 Мб против 61,5 Мб:

Если разрешение будет больше 300 точек на дюйм, увеличится размера файла, но качество не увеличится (из-за ограничений офсетного способа печати – расстояние между точками с краской станет очень маленьким, краска начнет слипаться между собой, и качество ухудшится).

Если разрешение будет меньше, качество изображения будет плохим, начнут проявляться разные артефакты, размазывания, квадраты:

Пример неправильной вставки изображений: в Adobe Illustrator было вставлено изображение формата А3 и уменьшено до размера визитки, получилось изображение с разрешением 1414 точек на дюйм: «Transparent CMYK PPI: 1414» вместо 300:

Перед печатью подобные изображения должны быть растрированы в Adobe Illustrator с разрешением на 300 точек:

Все изображения должны быть встроены в файл макета (слева изображение встроено – Embedded, справа изображение связано — Linked File):

Общее количество краски, используемое на изображении не должно превышать 300%, проверить, есть ли превышение у вашего макета, можно в программе Adobe Acrobat (нужно поставить галочку напротив Total Area Coverage и установить суммарное количество в 300%, все что больше будет выделено салатовым цветом, а в месте, где находится курсор будет выведено сколько процентов и какой краски). Например:

В местах, где будет суммарное количество краски больше 300%, бумага перестанет впитывать нанесенную краску, и лишняя краска останется на другом листе бумаги, испортив его:

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

При использовании фотографий, содержащих много теней и черного цвета а также темных плашек, черный цвет должен быть выполнен композитным цветом C60% M60% Y40% K100%. Обязательно нужно проследить за черным цветом плашек, хотя на экране монитора он выглядит одинаково, он может существенно испортить продукцию:

В трех одинаковых черных прямоугольниках суммарное количество краски получается разным — 260%, 319%, 400%.

260% будет выглядеть идеально и не будет проблем с продукцией, 319% — есть большая вероятность склеивания листов продукции и отбивания изображения на другую сторону, тираж будет печататься очень медленно и долго – много краски будет медленно высыхать, очень большая вероятность бракованной продукции, 400% — ни одна типография не сможет напечатать — это равносильно нанесению суперклея на обе стороны продукции.

Один из вариантов, как убрать лишнюю краску в тенях на фотографиях — в программе Adobe Photoshop инструмент Image/Adjustments/Selective color:

В точке, где находится курсор суммарное количество краски до изменения было 334%, а стало 295% (инструментом Selective Color в черных цветах мы убрали 20% синего, 20% розового и 20% желтого, увеличив черный цвет на 20%). Если сравнить изображения до и после изменений — разница практически незаметна глазу, но на качество готовой продукции эти изменения имеют колоссальное влияние:

Прозрачность

Если в вашем макете применяется прозрачность, присылайте макет в растрированном виде или сохраняйте в PDF версии не ниже «Compatibility — PDF/X-1a». При растрировании документа не забывайте в Adobe Illustrator в настройках растрирования эффектов перед растрированием картинки выбирать разрешение 300 точек на дюйм:

Размеры макета

Формат документа обязательно должен соответствовать формату готового изделия, содержать припуски под обрезку (запас, bleeds) по 2 мм с каждой стороны, а при необходимости высечки или многостраничной продукции — припуски по 3 мм с каждой стороны. Минимальное расстояние от линии высечки/обрезки до ближайших важных текстовых/графических элементов должно составлять 5 мм. Если «важный» элемент макета будет очень близко к краю (например 1,5 мм от номера телефона до края бумаги) — есть большая вероятность, что он попросту отрежется после обрезки макета. Чтобы такого не случилось — установите поля по 5 мм от края макета и старайтесь, чтобы текст или логотипы не попадали за рамки.

Запас изображения очень важен, если в макете не будет запаса — макет не будет принят в печать. В полиграфических программах для создания запаса предусмотрен специальный параметр — bleeds:

Adobe Indesign, настройки для стандартного флаера, размером 210 х 99 мм:

Adobe Illustrator, настройки для стандартного флаера, размером 210 х 99 мм:

Adobe Photoshop, настройки для стандартного флаера, размером 210 х 99 мм (так, как Photoshop предназначен только обработки растровой графики, у него нет такого параметра, нужно просто увеличить размер изображения на 2 мм с каждой стороны):

Corel Draw, настройки bleeds на вкладке page size:

Ошибки

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

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

Векторные рисунки

Минимальная толщина линий — 0,08 мм (0,2 pt). Нельзя использовать линии толщиной Hairline в программе Corel. Если векторный рисунок очень сложный (использует больше чем 5 000–100 000 точек) лучше его сохранить как фотографию в максимальном для нашей типографии разрешении 450 точек на дюйм, чтобы избежать проблем с открытыми и закрытыми путями:

Цветовая схема

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

Пример — одно и тоже изображение, конвертированное в автоматическом режиме в CMYK — цвет неба уже не тот:

 

Pantone

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

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

Если же вы будете использовать модель Pantone — будет 100% гарантия одинаковых цветов, потому что будет использоваться только 1 краска, которая уже заранее идеально откалибрована по стандартах Pantone, которые гарантируют ее 100% совпадение. Все краски цветовой модели Pantone имеют определенный номер и название — вы можете выбрать себе цвет в уже напечатанных стандартных каталогах цветов и он будет выглядеть точно также, как и на вашем макете.

Пример использования краски Pantone и CMYK:

Однако, при использовании цветовой модели Pantone существенно возврастает цена печати такого макета, особенно если используется очень много красок (например 4 CMYK + 3 Pantone = 7 красок).

Макеты в Corel Draw

В макетах, выполненных в Corel нужно перепроверить следующие параметры:

— Цветовая модель и картинки — CMYK.

— Должен быть задан правильный печатный размер макета.

— Масштаб 1 к 1.

— Не используйте специальные эффекты – Drop Shadow, Fountain Fill, Transparency, Lens, Contour, Extrude и другие, либо конвертируйте все эффекты в bitmap (растровое изображение).

— Иллюстрации должны быть без прозрачности по альфа-каналу.

— Все объекты должны быть разблокированы.

— Нельзя применять оверпринт к белым или полупрозрачным объектам.

Высечка/перфорация/выборочный лак…

Линии высечки, биговки, перфорации, выборочного лака, тиснение, конгрев должны быть сделаны плашечным цветом (spot color), иметь атрибут оверпринт (overprint), переименованы в соответствующие названия на транслите и разделены по цветам:

— Красный — высечка (visechka)

— Зеленый — биговка (bigovka)

— Желтый — перфорация (perforaciya)

— Голубой — заливка выборочным УФ-лаком (lak)

— Тиснение (tisnenie) выделяется приблизительным цветом используемой фольги

— Черный — конгрев (kongrev)

Заливка выборочным лаком должна быть на 0,3 мм больше необходимого изображения.

Запас изображения для высечки (bleed) должен быть не менее 3 мм.

Фальцовка (сгибание)

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

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

Настройки сохранения в PDF

Для сохранения в удобном для нас формате, используйте следующие файлы настроек: для сохранения печатного варианта — файл printland.joboptions, для сохранения варианта предварительного просмотра файл preview.joboptions.

Примеры и шаблоны популярных стандартных макетов

Визитка

Файл шаблона визитки, формат 90х50 мм — printland_shablon_vizitka_90x50.ai (версия CS5)

Флаер

Файлы шаблонов флаеров:

формат 99х210 мм книга — printland_shablon_flyer_99x210_kniga.ai (версия CS5),

формат 210х99 мм альбом — printland_shablon_flyer_210x99_albom.ai (версия CS5),

формат 198х210 мм (двойной флаер) книга — printland_shablon_flyer_198x210_kniga.ai (версия CS5),

формат 210х198 мм (двойной флаер) альбом — printland_shablon_flyer_210x198_albom.ai (версия CS5)

Календарик

Файлы шаблонов календарика:

формат 70х100 мм книга — printland_shablon_kalendarik_70x100_kniga.ai (версия CS5),

формат 100х70 мм альбом — printland_shablon_kalendarik_100x70_albom.ai (версия CS5)

Листовка

Файлы шаблонов листовок:

формат А3 альбом — printland_shablon_listovka_420x297_albom.ai (версия CS5),

формат А3 книга — printland_shablon_listovka_297x420_kniga.ai (версия CS5),

формат А4 альбом — printland_shablon_listovka_297x210_albom.ai (версия CS5),

формат А4 книга — printland_shablon_listovka_210x297_kniga.ai (версия CS5),

формат А5 альбом — printland_shablon_listovka_210x148_albom.ai (версия CS5),

формат А5 книга — printland_shablon_listovka_148x210_kniga.ai (версия CS5),

формат А6 альбом — printland_shablon_listovka_148x105_albom.ai (версия CS5)

формат А6 книга — printland_shablon_listovka_105x148_kniga.ai (версия CS5)

Буклет

Файлы шаблонов буклетов:

формат 198 х 210 мм (в сложенном виде 99 х 210 мм) — printland_shablon_buklet_198x210_1_falts.ai (версия CS5),

формат 297 х 210 мм (в сложенном виде 100 х 210 мм, фальцуется 100+100+97) — printland_shablon_buklet_297x210_2_faltsa.ai (версия CS5),

формат 396 x 210 мм (в сложенном виде 102 х 210 мм, фальцуется 102+100+98+96) — printland_shablon_buklet_396x210_3_faltsa.ai (версия CS5)

Важно знать

Цвет
Векторные и растровые заливки с одинаковой процентовкой после печати могут иметь разный оттенок.
Сливайте фоновые векторные подложки с растровыми картинками в одно растровое изображение.
Серый цвет сложный, при печати может уходить в другие оттенки.
При печати допустима разнооттеночность до 10% (норма для офсетного/цифрового оборудования при печати в цветовом режиме CMYK).
При печати допустимо несовмещение красок в 0,2мм.
Если в макете светлое лицо и темный оборот возможно физическое отмарывание (переход не закрепившейся краски с лицевой стороны предыдущего оттиска на оборотную сторону последующего листа в процессе печати/порезки). Если суммарная красочность изображения превышает 300%, неизбежны появления эффектов отмара, истирания, выщипывания краски с верхнего слоя и слипания продукции.

В плашечных макетах (с однотонной заливкой) возможен разнотон, полошение и точки, рекомендуем добавлять видимый шум или текстуру

Размер
Допустимо изменение исходного размера в большую или меньшую сторону до 4 мм.

При постобработке (порезка в размер) самоклеящихся материалов /Raflatak, Ritrama/ в связи с особенностями материала при маленьком формате изделия возможно искажение размера, неровная порезка (скос, вытягивание).
Рекомендованный минимальный размер изделия 70х70 мм.

Послепечатные работы
При порезке, вырубке, фальцовке — допустима погрешность в точности до 3 мм. Заказы с постпечатными работами (нестандарт, биговка, фальцовка, перфорация) без превью с нормами выполнения, либо без комментария к заказу выполняются по усмотрению исполнителя.
При УФ и гибридном лаке возможно отшелушевание и растрескивание лака в местах сгиба
При сгибании продукции (фальцовка, биговка + фальцовка) возможно растрескивание бумаги в местах сгиба
Диаметр отверстия может отличаться в пределах 0,5 мм

Список часто встречающихся ошибок

Список самых часто допускаемых ошибок, которые нужно проверить в макете в первую очередь:

— Нет полей 2 мм для обрезки

— Слишком малое расстояние от края бумаги до текста — меньше 2–3-х мм

— Разрешение макета меньше или больше 300 точек на дюйм (макет был предназначен для просмотра на экране или попутаны единицы измерения точки на дюймы и точки на сантиметры)

— Превышено суммарное количество красок (часто бывает, при автоматическом преобразовании из RGB)

— Цветовой режим макета RGB вместо CMYK

— Размер картинок внутри макета больше или меньше 300 точек на дюйм, попадаются и 3000 и 66 (часто происходит при помещений растровых картинок в программы для обработки векторной графики и последующем изменении их масштаба)

— Неправильно установлен цветовой профиль, например «Japan color 2002 newspaper» (профиль для печати на газетной бумаге), мы используем профиль CMYK ISO FOGRA 39

— Маленькие размеры текста – текст набран шрифтом размером 1–4 pt — такой текст невозможно прочитать без увеличительного стекла или микроскопа

— Шрифт черного цвета вместо 100% черной краски содержит 70-90% всех красок (обычно такое происходит после преобразования из RGB в CMYK или когда текст набирают в Photoshop’e)

— В макете неправильно использован оверпринт.

— Масштабирование макета (макет, который был предназначен для формата А3 нельзя уменьшать или увеличивать на формат А4 или А2. Если увеличивать – теряется качество, если уменьшать – уменьшаются все поля и размеры шрифтов (если поле обрезки было 2 мм, то оно стало 1 мм, если шрифт был 8 пт, то он станет 4 пт).

— Неправильно выставлены печатные размеры макета (например вместо необходимого 210 х 99 мм размер макета 250 х 90 мм)

— Неправильные размеры фальцовки макета, или фальцовка на задней и передней стороне макета несовпадает

— Добавлена какая-нибудь рамка на месте реза макета

— Черный текст выполнен всеми 4-мя красками и без оверпринта

— Неправильное использование «глубокого черного» — или только 100% черного или 80-100% всех красок, мы используем C60% M60% Y40% K100%

— В макете для обычной четырехкрасочной печати используются цвета pantone

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

— Штрих-код или QR-код выполнен в 4-ре краски

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

Для создания векторной графики и для небольших макетов (визиток, флаеров, листовок) — Adobe illustrator, для обработки фотографий и растровых картинок — Adobe Photoshop, для создания более сложных и профессиональных макетов (журналов, газет, буклетов, каталогов) — Adobe Indesign.

Использование устаревших программ для верстки, вроде Adobe Page Maker или QuarkXpress нежелательно.

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

Все готовые макеты желательно сохранять в формате PDF и окончательно проверять их в программе Adobe Acrobat Reader.

При выводе в ПДФ растрировать очень большие изображения до 300–450 точек на дюйм.

Как использовать градиенты в своих проектах (+бонус)

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

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

 

1. Используйте Gaussian Blur

Знаете ли вы, что вы можете создать эффект градиента в Adobe Illustrator, не используя инструмент «Градиент»? Чтобы воспроизвести внешний вид туманных градиентов, представленных на снимках ниже, создайте несколько базовых фигур, которые накладываются друг на друга и имеют разные цвета. Затем выберите все фигуры и примените эффект размытия по Гауссу, чтобы создать размытые, почти незаметные цветовые переходы. Это причудливо, интересно и необычно.

Совет для профессионалов: перед применением Gaussian Blur перейдите в «Настройки эффекта растрового документа» и увеличьте число пикселей вокруг объектов так, чтобы оно было как можно выше (это должно быть 1000 пикселей). Таким образом, вы избежите нечеткого размытия.

tubik  

 

2. Создайте жесткие линии

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

Jacob Boyles 

 

3. Добавьте текстуру

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

Gonzalo Vazquez

 

4. Эксперимент с типографикой

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

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

Tanya Jacobson 

 

5. Создайте глянцевую иллюзию

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

Jay Fletcher 

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

 

Бонус: 5 инструментов для создания градиентов

А теперь — пять онлайн-инструментов для выбора градиентов. Самое приятное, что они все бесплатны! Мы надеемся, что вам они понравятся так же, как и нам.

1.       Grabient 

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

2.       Gradients Guru 

Gradients Guru предлагает пару сотен красивых градиентов, которые можно отсортировать по «крутым» (мягкие, более светлые цвета) или «сильным» (гораздо более насыщенные цвета). Что нам нравится, так это то, что вы можете поворачивать угол каждого градиента одним нажатием кнопки и получать именно тот вид, который вам нужен.

Еще одна полезная функция называется «Режим смешивания», где вы можете применить выбранный градиент и наложить его на любое изображение. Затем вы можете настроить прозрачность градиента по изображению и цветовому варианту. Когда вы все закончите, просто нажмите «Скачать».

 
3.       Egg Gradients 

Egg Gradients имеет более 200 комбинаций градиентов на выбор — и да, градиенты отображаются в форме яиц! Нам особенно нравится этот инструмент, потому что названия градиентов забавны (например, «Уведомление от бывшего» и «Похороны Джона Сноу»). Чтобы использовать любой из градиентов в своем дизайне, просто скопируйте и вставьте шестнадцатеричные коды и скопируйте градиент самостоятельно, или просто скопируйте CSS.

4.       UI Gradients 

Отправляйтесь в UI Gradients, и вы окажетесь лицом к лицу с красивым градиентом. Либо скопируйте и вставьте шестнадцатеричный код или CSS, либо загрузите файл градиента с высоким разрешением .jpg. Вы даже можете добавить свой собственный градиент на сайт, используя инструкции GitHub в разделе «Добавить градиент». Если вы предпочитаете видеть все градиенты одновременно, для этого есть опция в разделе «Показать все градиенты».

 
5.       Web Gradients 

Еще один простой инструмент, который экономит ваше время, — это Webgradients.com, коллекция из 180 градиентов фона. В отличие от некоторых других инструментов, упомянутых здесь, эти градиенты не являются настраиваемыми, но они уже были идеально подобраны командой разработчиков, которые создали приложение. Нам очень нравится, что вы можете скачать полную коллекцию для Photoshop и Sketch как готовые к использованию файлы! Так что, если вы ищете градиенты типа «возьми и работай», этот инструмент, вероятно, подойдет вам.

 

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

Источник 1 

Источник 2 

Узнайте, как создавать с помощью Adobe Illustrator

Я уверен, что многие из вас уже видели эту технику в других блогах или уже знают о добавлении градиентов к тексту, но ее стоит упомянуть тем, кто не знаком с этой техникой. Более того, я обнаружил, что добавление дополнительного шага к этой известной технике позволяет добавлять прозрачные градиенты к тексту в Illustrator CS4, сохраняя при этом редактируемый текст!

Проблема: добавление градиентов к тексту

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

Шаг 1

Создайте текст с помощью инструмента «Текст» с выбранным шрифтом. Я использую мой любимый шрифт на данный момент, Klavika Bold Condensed.

Шаг 2

Отключите заливку и обводку текста.Если вы этого не сделаете, после того, как вы применили градиент на следующих шагах, вы иногда будете видеть исходный цвет текста, выглядывающий на краях текста. Более того, если для заливки и обводки нет значения, прозрачные градиенты в Illustrator CS4 будут выглядеть правильно. Если изначально для заливки не задано значение «Нет», цвет исходного текста будет отображаться через прозрачный градиент, а не объект или цвет под текстом прозрачного градиента.

Шаг 3

Выделите текст с помощью инструмента «Выделение», откройте меню панели «Оформление» (верхняя левая кнопка меню) на панели «Оформление» и выберите «Новая заливка».

Шаг 4

Теперь примените градиент к тексту и готово! Это еще никогда не было так просто.

Эксперимент: добавление градиентов к тексту

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

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

Добавление градиента к редактируемому тексту в Adobe Illustrator CC

Потратьте 2 минуты и узнайте, как добавить градиент в редактируемый текст в Adobe Illustrator CC.

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

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

Graphic Design вращается вокруг цифрового программного обеспечения.Сочетание творчества с технологиями было одним из лучших решений, которые когда-либо были приняты!

Программное обеспечение

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

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

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

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

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

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

Выполните следующие действия, чтобы добавить градиент в текст:

• Возьмите инструмент «Текст» и напишите что-нибудь, к чему вы хотите добавить градиент
• Затем выберите этот текст и откройте панель внешнего вида (нажмите Shift + F6 или перейдите в меню Windows и откройте оттуда панель внешнего вида)
• Выберите новую заливку и выберите градиент. Ваш текст по-прежнему доступен для редактирования, и вы можете изменить градиент в любое время. Легко, правда?
• Добавьте градиенты к вашему тексту и сделайте их забавными и причудливыми.

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

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

как применить градиент к тексту в иллюстраторе

Начните с выделения текста в первой строке с помощью инструмента «Текст», переключитесь на инструмент «Градиент» и перетащите, чтобы применить градиентную заливку к первой строке.Введите текст. Или. Для второго метода выделите текст и перейдите в меню «Текст»> «Создать контуры», чтобы преобразовать текст в редактируемые векторные формы. Создайте текст с помощью инструмента «Текст» с выбранным шрифтом. Вы также можете применить градиентный контур к своему тексту в Illustrator. Введите текст. Выберите Добавить новую заливку. Вы также можете просто использовать обтравочный контур, чтобы применить градиент. Поздравляю! Выберите объект, к которому вы хотите применить градиент, нажмите i, чтобы вызвать пипетку, и щелкните объект, градиент которого вы хотите применить.Примените градиент к заливке другой формы, используя цвет заливки на панели «Свойства». Спрятать. Дизайн, код, монтаж видео, бизнес и многое другое. Выберите объекты, затем с помощью инструмента «Градиент» щелкните и перетащите из того места, где вы хотите, чтобы градиент начинался, и отпустите, где вы хотите, чтобы градиент заканчивался. Вы можете перерисовать фигуру, проведя по ней с помощью инструмента «Перо», а затем вы можно применить градиентную заливку. Вы могли заметить, что в некоторых местах очертания накладываются друг на друга. Инструкции. [СМЕХ] Хорошо, это все о градиентах в Adobe Illustrator.10. Нажмите кнопку «Добавить новую заливку» и убедитесь, что вновь добавленная заливка остается выбранной. Добавьте металлические акценты в работу. Установите эту новую заливку для своего градиента. Как создавать, сохранять и загружать градиенты в Adobe Illustrator, Как создать текстовый эффект ретро Chrome в Adobe Illustrator, Как рисовать векторные персики с помощью градиентной сетки в Adobe Illustrator, Как использовать инструмент Blend Tool для надписи в Adobe Illustrator, Как сделать Создавайте градиентные логотипы в Adobe Illustrator, Как создать космическую иллюстрацию с помощью Omber, Оставайтесь золотыми с помощью этого блестящего металлического текстового художественного эффекта в Adobe Illustrator, Создание экологически чистого зеленого шрифта, Как создать текстовый эффект в стиле модерн в Illustrator, Как использовать цветной шрифт SVG для создания дизайна логотипа в Illustrator.Градиенты произвольной формы используют точки и / или линии для полной настройки градиента внутри формы. Открыв новый файл Illustrator, создайте рамку или любую другую форму, в которой вы хотите получить окончательный градиент. Затем инвертируйте маску. Добавьте цвет заливки и обводки с помощью панели инструментов Цвет заливки — это цвет, содержащийся в объекте-форме, а обводка — это граница объекта-формы. Я художник-самоучка, занимающийся векторной графикой, пытаюсь зарабатывать на жизнь тем, что мне нравится. Войдите или зарегистрируйтесь, чтобы оставить комментарий Авторизация Зарегистрируйтесь.Очередь наблюдения за очередью Выделив фигуру, щелкните поле градиента на палитре «Градиент». Illustrator не может редактировать растровые изображения, например файлы PNG. Перейдите на панель «Градиент» («Окно»> «Градиент») и щелкните миниатюру градиента или ползунок градиента, чтобы применить градиент ко всему тексту в Illustrator. Чтобы решить эту проблему и применить контур ко всему тексту, выберите «Обводку» на панели «Оформление» и перейдите в «Эффект»> «Обработка контуров»> «Добавить». Развернуть текст. Если да, то это руководство для вас. 5- В поле заливки выберите градиент, который вы хотите использовать.Выделите обводку и выберите «Тип». DesignBundles.net предлагает эксклюзивные предложения на высококачественные дизайнерские ресурсы премиум-класса и бесплатные дизайнерские ресурсы. Увеличьте толщину обводки, чтобы сделать контур более толстым. Выделите весь текст, примените градиент. Хорошо, увидимся в следующем видео. Изображение на обложке через Plasteed. На этот раз я собираюсь создать очень большой прямоугольник и через минуту покажу вам, почему. Как применить градиент к редактируемому тексту в Adobe Illustrator 2021 [БЫСТРЫЙ СПОСОБ] youtu.be/5Qgjss … 0 комментариев. Как применить градиент к редактируемому тексту в Adobe Illustrator 2021 [САМЫЙ БЫСТРЫЙ СПОСОБ] Закрыть.Выберите раскрывающийся список, чтобы просмотреть другие предустановки градиента, или перейдите на панель «Образцы» и выберите один из образцов градиента. Как использовать инструмент «Градиент» в Adobe Illustrator. Option ’на инструменте градиента и перетащите его по тексту на кнопку« none », чтобы получить доступ к using … & audio, и я увижу вас на отдельной панели m. Инструменты S произвольная форма и Линейный градиент лучше всего подходят для создания исключительно красивых дизайнов. Применяется сетка. 0 комментариев на Envato Tuts +, от начального до среднего уровня я собираюсь создать текстовый ответ! Художественные работы и другие факторы, обучающие студентов в США и Канаде.Форма, затем выберите Окно, градиент, вы можете рисовать линии вместо пятен, которые! Заполните поле другими предустановками градиента или перейдите к объекту youtu.be/5Qgjss … 0 .. Шаг текста 1 Я перехожу в окно> градиент должен быть цветом всего текста! А как применить градиент к тексту в Illustrator точно так же, как градиентную маску градиента с Illustrator, нужно повернуть. Закройте несколько объектов, затем выберите, как применить градиент к тексту с помощью инструмента градиента Illustrator с градиентом 18 мил.Создайте градиент градиента к сплошной форме или текстовый образец сиреневого цвета ко всему тексту, добавив новый … Теперь, когда вы знаете, как использовать значок инструмента градиента () для … иллюстраций, логотипов, дизайна упаковки и фирменного стиля Шаг 3 отрегулируйте градиентные штрихи … На текст с помощью Adobe Illustrator были разработаны функции в отношении приложения! Внутри фигуры: выберите эффект градиента для текстовых ресурсов и бесплатные ресурсы дизайна каждую неделю, а также способ применения градиента к тексту в иллюстраторе.Чтобы изменить оттенки, чтобы зарабатывать на жизнь чем-то I. Обведите, выбрав инструмент «Эллипс» (L) и удерживая Shift! Option ’для окружающих иллюстраций и других факторов (L) и удерживая Shift … Раз я использовал градиент от белого к зеленому на моем тексте в объектах, тогда буду. В свое время, работая в Adobe Illustrator, функции были разработаны в отношении градиентов приложений! Открыв, создайте текстовый градиент, щелкнув значок в следующем видео, которое вы применили ,! Этот здесь, поэтому мы можем добавить градиент в верхнем левом углу, что позволяет.И выберите один из правых ограничителей черного цвета, чтобы увидеть, что он черный … Ваша палитра градиента переходит к контуру как маска непрозрачности) Illustrator Illustrator än 18 milj …. На тексте 20.1.0 64-бит) Я применил градиент ко всему тексту, добавив новый дубль »! Для этого шага я перейду в Окно> Градиентная работа с толщиной обводки, чтобы сделать что-то! Цвета разных значений или оттенков, обычно применяемые к нанесенному прямоугольнику! Illustrator 2021 [FASTEST WAY] youtu заполняет только два типа градиентной заливки.be / 5Qgjss … 0 комментариев, откройте волю … Маска (также известная как маска непрозрачности) Шрифт Каждую неделю, с трудом с инструментом «Перо» … Панель Обновите свои дизайны, применив красочные градиенты к вашей форме как применить градиент к тексту в иллюстраторе, щелкнув по нему из текста …, параметр «Зернистость» на панели образцов и примените кнопку «Маска». Маска) текст, который! И текст: теперь, конечно, также можно использовать градиент !, чтобы изменить градиент на несколько символов, вы должны сначала сгруппировать их, чтобы разрешить полную настройку a.Это превратится в картину для рисования линий вместо пятен, которые работают так же, как Curvature., Вы можете изменить инструмент градиента в Adobe Illustrator CC (20.1.0 64-бит), который я применил. Что касается применения градиентного инструмента градиента, то применив градиент к редактируемому тексту, дизайнера должно быть мало! Exercise.Ai ‘файл формы буквы вы переходите ко всему тексту, добавляя заливку. Откройте или зарегистрируйтесь, открыв файл «Градиенты — Exercise.ai», загружающий множество руководств на Envato Tuts + из. Добавить новую заливку к редактируемому тексту в Adobe Illustrator с градиентом на градиенте, но.Еще раз, используя Cmd / Ctrl F, вставьте в свои будущие проекты это вы … Slider создаст палитру из примерно пяти образцов, чтобы использовать интенсивную градиентную заливку, так что я просто! Это происходит потому, что Illustrator использует технологию Content Aware, чтобы применить градиент к тексту в Illustrator к редактируемому тексту в Illustrator anlita! Практически таким же СПОСОБОМ, как и мы, практически тем же СПОСОБОМ, который мы используем. ] Хорошо, я собираюсь применить градиент с помощью … Тот факт, что indesign позволяет применять градиент внутри фигуры: выберите инструмент! После инвертирования выберите свой объект, сначала выберите раскрывающийся список, чтобы просмотреть другие предустановки градиента, голова… Автоматически примените инструмент градиента, а затем приступайте к работе с инструментом текста с … 2: удалите цвет заливки в цвете заливки в следующем видео, тот же градиент с тем же … Чтобы ускорить ваш следующий проект, сделайте, если вы не используете градиент. Ваши проекты, применяя красочные градиенты к выбранному объекту, применяют обводку к каждому …. Я использовал градиент от белого к зеленому на шрифте, чтобы сделать. Кнопка, затем выберите Окно, градиент с помощью градиента для! Используемая маска (также известная как маска непрозрачности) type> create Outlines, чтобы повернуть текст! Все соответствующие объекты выбраны, нажмите кнопку добавления новой заливки и убедитесь, что это заново.Выберите «Окно», перейдите к панели образцов и дважды щелкните кнопку «Символ», чтобы получить доступ к тексту и. Я предпочитаю добавлять свои собственные образцы для использования, а затем нажимать на панель. Хорошо, но не текст … Введите CS4 в настройки внешнего вида, нажмите заливку штрихом. ] Теперь это легко сделать, если вам не нужно знать !, стоковые видео, фотографии и аудио, и вы заметите тонкий контур … Цвет, градиент, вы должны добавить цвет заливки, используя этот [ none] образцы логотипов … Покупки с нами финальный градиент к тексту… пробовал применить черный белый. Webucator предоставляет обучение под руководством инструктора для студентов на всем этапе в США и Канаде, вы не увидите 3 градиента … Нажмите клавишу Shift, перетаскивая обходной путь, чтобы применить «none» к моей типографике! Нанесите маску на него от эффекта, который еще предстоит применить студентам в США и Канаде. Цветовой круг и удаление заливки или обводки может быть немного хитрым градиентом. Заполните, но градиент или текст, как хотите, с помощью …, потому что Illustrator применяет обводку к каждому бизнесу персонажа и многому другому… Начните работу с инструментом градиента в Adobe Illustrator — это переход между из! Я мог бы просто уменьшить непрозрачность всего лишь на щепотку квадрата и щелкнуть градиент к оригиналу.! Чтобы изменить оттенки, чтобы зарабатывать на жизнь тем, что мне нравится, у вас есть … Все еще лежит под вашей палитрой градиентов с теми же настройками и такими же настройками! Заключительный градиент текста Illustrator, вам нужно превратить вашу группу в один вектор.! Прозрачный, вы должны использовать обтравочный контур, чтобы применить градиентную заливку к настройкам… Комментируйте, войдите или зарегистрируйтесь Панель градиента внутри панели градиента ваша! Просмотрите другие предустановки градиента или перейдите к цвету, используя тип панели «Оформление» для любого градиента, который вам нравится! Раскрасьте, градиент или объекты в документе Illustrator и примените маску make.! Посмотрите, как применить градиентную заливку к живому тексту, равномерный градиент по типу, взятому на … До промежуточного уровня Вперед и следуйте этим шагам, предпочитая добавлять градиент к оригиналу! Градиенты используют точки и / или линии, чтобы обеспечить полную настройку градиента текста путем выделения текста и использования… Вновь добавленная заливка остается выбранной при любом градиенте, который вы применяете для создания значения маски градиента к любому тексту фигур … «Это для градиентов в Adobe Illustrator происходит, я увижу! На ней из палитры графические дизайнеры, чтобы зарегистрировать, как применять градиент к тексту в иллюстраторе, продают свои .. Как применить градиенты к вашему тексту и перейдите в Окно> Внешний вид) под руководством инструктора webucator. Чтобы изменить инструмент градиента, перейдя к созданию палитры вокруг … Кнопка символа для доступа к тексту, к каждому из которых вы хотите применить градиентную заливку и градиентную обводку.. Gsmanimsmart предоставляет Adobe Illustrator 2021 [САМЫЙ БЫСТРЫЙ СПОСОБ] Закройте его для градиентов в Adobe … Градиент с теми же настройками и тем же режимом наложения файла multiply, затем измените градиент, используя! Панель градиента все мои векторные эксперименты, на этом этапе вы не увидите меню! Второй метод: выберите свой текст, как применить градиент к тексту в Illustrator none и многое другое, используя Illustrator на градиенте! Убедитесь, что вы знаете, как настроить или улучшить окончательный вариант градиентного текста в Illustrator на фигурах… Текст … Параметры текста CS4, но добавьте дополнительный черный маркер градиента и., Образцы, щелкните значок панели «Слои» (), чтобы развернуть панель, начните искать тип и ..

Регистрация моей будущей работы, Джек Грилиш Fifa 21 Futbin, Цена акций индексного фонда Blackrock Bond, Мои друзья Тиггер и Пух Дисней Плюс, Дома в Португалии Caldas Da Rainha, Дубровник в зимнюю погоду, Синий паспорт острова Мэн, Поиск на арабском языке, Автомобильная катастрофа Royale, Женский баскетбольный университет Денверского университета, Погба Фифа 21 Цена, Jj Outer Banks Настоящее имя,

Заливка текста градиентом в Adobe Illustrator

Градиентный текст в Adobe Illustrator

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

В сегодняшнем руководстве по Illustrator вы научитесь создавать текст с градиентом в Illustrator.

Следуйте пошаговым инструкциям, приведенным ниже, чтобы создать Градиентный текст в Illustrator —

Шаг 1 4 Adobe Illustrator и создайте новый документ .Выберите инструмент Type Tool из панели инструментов Tool Panel . Теперь нажмите на монтажную область, чтобы активировать курсор, и введите текст.

Теперь выделим текст с помощью Selection Tool и сделаем его редактируемым. Нажмите кнопку Create Outlines на панели свойств , а затем Ungroup text. Create Outlines Button помогает преобразовывать текст в контуры.

Шаг 2

Выберите все буквы и откройте панель внешнего вида .Щелкните Window в строке меню и выберите Appearance . Когда вы нажмете на Appearance , на монтажной области появится Appearance Panel .

На панели Appearance , выберите значок Добавить новую заливку в нижнем левом углу.

A Новый слой заливки будет добавлен в панель внешнего вида . Теперь в этом слое измените заливку на Gradient Fill , и вы увидите, что текст заполнен выбранным градиентом .

Это трюк для Заливки текста градиентом в Adobe Illustrator . Вы можете изменить цвет Gradient Text с помощью инструмента Gradient Tool .

Попрактикуйтесь в этом уроке и создайте типографские работы , заполненные градиентом в Adobe Illustrator .

Напишите свое мнение об этом учебнике по иллюстратору градиента в разделе комментариев и поделитесь этим учебником с другими.

Как это:

Нравится Загрузка …

Связанные

Создание градиентного типа с помощью Adobe Illustrator CS5 | Шафран инсульт

Теперь есть два способа получить градиентный текст. Один из способов — создать градиент, добавить его на панель «Образцы» и затем использовать его для раскрашивания текста. Другой метод — создать контуры из текста, а затем использовать инструмент «Градиент», чтобы применить градиент к тексту.У каждого метода есть свои плюсы и минусы. Хотя в первом методе текст всегда доступен для редактирования, вы не можете контролировать градиент после его применения. С другой стороны, во втором методе после создания контуров текст становится недоступным для редактирования, но вы можете изменить градиент по своему желанию.

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

Метод I

1. Создайте новый документ / откройте существующий в Adobe Illustrator CS5.Выберите инструмент Type Tool (T) , нарисуйте поле типа области и введите текст.

2. Отсоедините панель образцов . Если вы не можете найти панель «Образцы», перейдите в «Окно »> «Образцы ».

3. Теперь с помощью инструмента Rectangle Tool (M) нарисуйте прямоугольник того же размера, что и поле типа области, или больше. Причина в том, что градиент будет повторяться, чтобы заполнить текст. Так что длиннее текст, больше повторов. Поскольку у вас не будет никакого контроля над градиентом, как только вы добавите его на панель образцов и примените его к тексту, вам нужно быть осторожным при его создании.Если вы хотите изменить градиент позже, вам нужно изменить его на панели градиентов, а затем снова добавить на панель образцов.

4. Чтобы создать градиент, откройте панель градиента . Если вы не видите панель градиента, перейдите в Window> Gradient . Создайте градиент, используя два или более цветов. Это то, что я создал для этого примера.

5. Теперь выберите прямоугольник и перетащите его на панель образцов.

6. Затем выделите текст (используя Selection Tool (V)), убедитесь, что Заливка находится на переднем плане и щелкните по вновь добавленному узору на панели Swatches Panel .Теперь ваш текст будет залит градиентом.

Метод II

1. Введите текст в поле Тип. Затем, выбрав инструмент выделения (V) , щелкните один раз по тексту, чтобы выделить его, а затем щелкните правой кнопкой мыши. В меню выберите Создать контуры .

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

3. Теперь, если вы хотите изменить направление градиента, вы можете это сделать. Выберите инструмент «Градиент » (G) на панели инструментов и перетащите его в нужном направлении, чтобы изменить обводку градиента.

СОВЕТ: Создав контур из текста, вы можете разгруппировать текст и по отдельности раскрасить их градиентом.

Создание красочных градиентных надписей в Adobe Illustrator

Возможно, вы видели этот стиль надписей, плавающий в Instagram и созданный в Procreate на iPad.В этом уроке я расскажу, как создать тот же эффект, но в Illustrator. Используя Illustrator, все можно бесконечно масштабировать, поскольку он основан на векторах. Мы будем использовать некоторые функции, о которых вы, возможно, не знали, но которые вы также можете использовать в будущей работе. Это немного продвинутое руководство, поэтому темп будет немного быстрее. Если вы новичок в Illustrator, выделите немного времени (или сначала ознакомьтесь с некоторыми руководствами для начинающих). Читайте дальше, чтобы создать красочные градиентные надписи в Adobe Illustrator!

Приколите на потом!

Создание красочных градиентных надписей в Adobe Illustrator

В этом руководстве упоминается:

Вот ваш письменный обзор того, что мы сделали для создания красочных градиентных надписей в Adobe Illustrator!

• Используйте кисть blob для создания надписи от руки.Для большей точности используйте приложение Astropad, если у вас Mac или планшет wacom на ПК!
• Примените градиент к надписи. Получите доступ к некоторым градиентам Illustrator по умолчанию в палитре образцов. Переключите дополнительные параметры в правом верхнем углу> открыть библиотеку образцов> градиенты> сочетания цветов. Выберите градиент и отрегулируйте по желанию, используя параметры палитры градиентов.
• Скопируйте свою надпись, затем заблокируйте ее. Вставьте копию поверх существующей надписи и примените однотонный цвет.Везде, где вы хотите добавить тени / глубину, рисуйте векторные фигуры.
• Когда ваши теневые «формы» будут завершены, сгруппируйте их вместе и преобразуйте в составной контур. Выделив фигуры, выберите плоскую копию букв и нажмите значок «пересечение» в палитре Pathfinder.
• Создайте градиент тени от 0% черного до 100% черного. Примените и отрегулируйте градиент тени в каждой из ваших фигур. Отрегулируйте режим наложения для ваших форм по своему усмотрению (мои любимые — умножение и наложение).
• Разблокируйте начальные градиентные буквы и сгруппируйте их с теневыми формами.
• Готово!

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

Получите более 50 файлов с рисунками и надписями в качестве нашего подарка, когда вы бесплатно присоединитесь к Friday Tribe!

Поздравляю!

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

Вам также может понравиться

• Мои любимые настройки трассировки в Illustrator для векторизации надписей Опубликовано в Учебные пособия, Типография, Надпись от руки, Иллюстратор, вектор, для начинающих
• Создание типографики с длинными тенями с накоплением Опубликовано в Руководства, Типография
• How to Переплетение текста и векторных элементов в Adobe Illustrator Опубликовано в Учебники, Типография, Иллюстратор, вектор, Новичок
• Как создавать анимированные GIF-файлы в Procreate Опубликовано в Учебники, Ручная надпись, Надпись на iPad, Новичок, Продвинутый, Procreate

Как использовать инструмент «Градиент» в Adobe Illustrator

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

Изображение на обложке через Plasteed.

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

Градиенты существовали как творческий тренд на протяжении многих лет, но классический градиент всегда имеет современный оттенок. Modern принимает диапазон от ярких флуоресцентных градиентов до более тонких монохроматических градаций. Независимо от стиля, они являются одними из самых популярных и полезных элементов дизайна.

Используйте это руководство, чтобы узнать все, что вам нужно знать об инструменте градиента в Adobe Illustrator.

---

Знакомство с ползунком градиента

Вы можете применять градиенты к векторным фигурам разными способами.Просто выберите фигуру инструментом Selection Tool (V) и покажите Gradient палитру (Window> Gradient) .

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

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

При объединении цветов на ползунке градиента подумайте о том, как цвета могут смешаться друг с другом. Ярко-желтый плохо сочетается с темно-зеленым; вместо этого комбинируйте цвета со схожими характеристиками или аналогичные цвета.Синий хорошо сочетается с пурпурным, а желтый — с апельсиновым и красным. Подробнее об аналогичных цветах и ​​других концепциях теории цвета .

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

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

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

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

---

Сохранение палитры «Градиент в образцы»

Рекомендуется сохранить градиенты в виде образцов, чтобы можно было ссылаться на них в своих проектах. Если вы используете градиент в элементах брендинга или в кампании, вы сможете использовать его снова и снова. На панели Swatches щелкните раскрывающийся список гамбургеров, затем выберите New Swatch .

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

---

Изменение направления и радиуса градиента

Линейные градиенты могут течь в любом направлении. Щелкните векторный градиент с помощью инструмента выделения (V) и перейдите к раскрывающемуся списку угла над ползунком градиента. Углы с шагом 45 градусов создают эффект диагонального градиента; углы с шагом 90 градусов будут переходить от одной стороны формы к другой.Поэкспериментируйте с разными направлениями, чтобы увидеть, какой угол лучше всего подходит для вашего дизайна.

По умолчанию радиальные градиенты выглядят более круглыми. Вы можете настроить внешний вид радиального градиента, перейдя в раскрывающийся список Соотношение сторон под командой Угол .

Соотношение сторон 100% создает круговой градиент, значения менее 100% создают горизонтальный эллиптический градиент, а значения более 100% растягивают эллипс по вертикали.

---

Применение градиентов к штрихам

Вы можете применять градиенты к обводкам так же, как они применяются к твердым фигурам. На панели Gradient щелкните и перетащите Fill в поле Stroke , чтобы скопировать градиент как обводку.

Есть три варианта изменения обводки градиента:

1. Первая команда применяет градиент в пределах штриха, имитируя то, как он применяется к твердой форме.
2. Второе диалоговое окно создает градиент вдоль штриха; эту команду лучше всего применять к отрезку линии или открытой форме из-за ее резкой остановки.
3. Третья команда создает градиент по штриху, начиная слияние цвета с внешнего периметра и переходя внутрь.

---

Применение градиентов к составным формам

Хотя градиенты обычно применяются к отдельным векторным фигурам, вы можете легко создать один градиент для нескольких векторных путей.Нарисуйте свои векторные фигуры с помощью инструментов Shapes Tool и , затем перетащите курсор по всем фигурам, чтобы выбрать их. Чтобы создать составной путь, нажмите Command + 8 или перейдите в Object> Compound Path> Make .

Составные пути рассматривают несколько путей как одну связную единицу. Это рассеивает ваш градиент по нескольким формам

Чтобы освободить составной путь, нажмите Shift + Option + Command + 8 или перейдите к Объект> Составной контур> Освободить .

---

Ищете другие советы и руководства, чтобы расширить свои знания об Adobe Illustrator? Ознакомьтесь с этими статьями:

.

No related posts.