ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
6 ответов. 3877 просмотров.
   
 мужчина  torm0z 12 Ноября 2017, 13:20
Пост №1 * 12 Ноября 2017, 13:20
Ответ с цитированием этого сообщения

Размышляющие
290 постов
56°
Возраст: 47
Регистрация: 27.08.2009
Проживает: Казань
Сверкающий редактируемый текст


• Программа: Adobe Illustrator CS5
• Сложность: простой
• Темы: текст-эффекты, паттерны, кисти, стили
• Затраченное время: 30 минут

Сверкающий редактируемый текст

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

Финальное изображение

Сверкающий редактируемый текст

Шаг 1

Создаем документ 600х600px (File ► New… (Ctrl + N))

Сверкающий редактируемый текст

C помощью Rectangle Tool (M) создадим фон, растянув прямоугольник на всю рабочую область. Применим радиальную градиентную заливку

Сверкающий редактируемый текст

Нажав соответствующую кнопку на панели активируем инструмент Type tool (T) печатаем «СЛОВО» (в моем случае «DEMIART»).
Шрифт: MyriadPro (у меня — по-умолчанию… пусть будет) ► Bold ► 100pt

Сверкающий редактируемый текст

Выделяем текст (Selection Tool (V)), отключаем обводку и заливку.

Сверкающий редактируемый текст

Шаг 2

В меню Appearance выбираем новую заливку. Изменяем сплошную заливку линейным градиентом (угол градиента 90°):

Сверкающий редактируемый текст

Шаг 3

В панели APPEREANCE дублируем созданную заливку (кнопка Duplicate Selected Item). Переходим (выделяем) на нижнюю заливку. Применяем к ней сплошную белую заливку. Добавляем эффект Add New Effect ► Path ► Offset Path… (заливка должна быть активна/выбрана), установив Offset (смещение) = 1 px

Сверкающий редактируемый текст

В панели APPEREANCE вновь дублируем заливку (кнопка Duplicate Selected Item). Переходим (выделяем) на нижнюю. Заливаем ее линейным градиентом (угол градиента 90°)

Сверкающий редактируемый текст

Устанавливаем значение Offset эффекта Offset Path равной 4px (щелкаем по соответствующему эффекту данной заливки)

Сверкающий редактируемый текст

Шаг 4

В панели APPEREANCE выделяем (делаем активной) верхнюю заливку, дублируем ее (кнопка Duplicate Selected Item). Зальем продублированную заливку паттерном: панель SWATCHES ► Swatch Library Menu ► Patterns ► Basic Graphics ► Basic Graphics_Textures ► USGS 21 Intricate Surface. В панели APPEREANCE щелкаем по свойству заливки Opacity, устанавливаем режим смешивания Multiply, Opacity (Непрозрачность) 69%

Сверкающий редактируемый текст

Шаг 5

Дублируем верхнюю заливку (кнопка Duplicate Selected Item).

Сверкающий редактируемый текст

Займемся приготовлением паттерна для созданной заливки:
В панели Basic Graphics_Textures (мы ее открыли на шаге 4) ищем паттерн Mezzontint, хватаем его мышкой и тащим на рабочую область документа

Сверкающий редактируемый текст

Дважды щелкаем по нашему объекту (Selection Tool (V)) – переходим в режим редактирования группы. Для удобства работы увеличиваем масштаб. Выделяем все объекты (прямоугольной областью либо Ctrl + A ). Удерживая клавишу Shift щелкаем по прямоугольной области границы паттерна — снимаем с него выделение. Заливаем оставшиеся выделенными объекты белым цветом

Сверкающий редактируемый текст

Дважды кликаем вне объектов нашей группы — выходим из режима редактирования группы. Выделяем группу (Selection Tool (V)) перетаскиваем в панель SWATCHES или переходим в меню Edit ► Define Pattern…, даем нашему отредактированному паттерну имя (в моем случае Mezzontint_white) и сохраняем

Сверкающий редактируемый текст

Группу можно удалить. Выделяем текст (Selection Tool (V)), в панели APPEREANCE выделяем (делаем активной) верхнюю заливку, заливаем ее созданным паттерном. Щелкаем по свойству заливки Opacity, режим смешивания Normal, Opacity (Непрозрачность) 80%

Сверкающий редактируемый текст

Шаг 6

Рисуем белый круг без обводки диаметром 3px (в панели инструментов выбираем Ellipse Tool (L) и щелкаем на нашем темном фоне).
В панели инструментов щелкаем по Selection Tool (V) и перетаскиваем наш круг на кнопку Brushes и кидаем в область раскрывшейся панели. В открывшемся окне New Brush выбираем Scatter Brush ► Ok

Сверкающий редактируемый текст

Даем название и настраиваем кисть

Сверкающий редактируемый текст

Применим созданную кисть к нашему тексту:
Выделяем текст (Selection Tool (V)), переходим в панель APPEREANCE, выделяем Stroke (Контур/обводка) она должна быть поверх всех заливок, если ее нет — добавляем (нижняя левая кнопка Add New Stroke). Переходим в панель Brushes и выбираем созданную кисть Circles

Сверкающий редактируемый текст

На самом деле создавая кисть Scatter Brush я сначала применил настройки по-умолчанию, а затем уже настраивал кисть, добиваясь нужного результата. Очень удобно, кстати, при этом отключить видимость заливок.


Отредактировано: Dark Wood — 12 Ноября 2017, 21:39
ключевые слова: СВЕРКАЮЩИЙ РЕДАКТИРУЕМЫЙ ТЕКСТ
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  torm0z 12 Ноября 2017, 13:32 (спустя 12 мин.)
Пост №2 * 12 Ноября 2017, 13:32 (спустя 12 мин.)
Ответ с цитированием этого сообщения

Размышляющие
290 постов
56°
Возраст: 47
Регистрация: 27.08.2009
Проживает: Казань
Шаг 7

Создадим еще одну кисть:
В панели инструментов выбираем Line Segment Tool (\), рисуем вертикальную белую линию: щелкаем на нашем темном фоне. В открывшемся окне выставляем значения Length = 10px, Angle = 0°. Устанавливаем для нее профиль толщины Width Profile 1, размер 1px

Сверкающий редактируемый текст

Преобразовываем контур в фигуру: не снимая выделения идем в меню Object ► Expand Appereance. Копируем с поворотом на 90° нашу фигуру: Object ► Transform ► Rotate, набираем 90°, жмем Copy

Сверкающий редактируемый текст

Выделяем обе фигуры (Selection Tool (V)), удерживая Shift кликаем по невыделенной фигуре), перетаскиваем выдленные фигуры на кнопку Brushes и кидаем в область раскрывшейся панели. В открывшемся окне New Brush выбираем Scatter Brush ► Ok. Даем название кисти и настраиваем ее, примерно так

Сверкающий редактируемый текст

Применим созданную кисть Snowflake к новому контуру/обводке (Stroke) нашего текста:
Выделяем текст (Selection Tool (V)), в меню APPEREANCE кликаем по кнопке Add New Stroke. Окрываем панель Brushes и выбираем созданную кисть Snowflake. Смотрим, что получилось

Сверкающий редактируемый текст

Не совсем то, чего бы хотелось:
В панели APPEREANCE отключим видимость всех заливок (Fill) кроме заливки с синим градиентом и обводки, созданной в предыдущем шаге (кистью Circles). Обводка/контур кистью Snowflake должна быть выделена. Далее раскрываем панель Brushes, дважды щелкаем по кисти Snowflake — переходим в редактирование кисти. Галочкой помечаем Preview, меняем настройки и наблюдаем изменения. По достижение желаемого результата жмем Ok. И в открывшемся окне предпреждения о том, что кисть используется в обводках, с запросом на применение принятых изменений к этим обводкам, жмем Apply To Strokes

Сверкающий редактируемый текст

Включаем видимость всех заливок (Fill) и обводок (Stroke). Для верхней заливки применим эффект Inner Glow: в панели APPEREANCE выделяем верхнюю заливку (Fill), жмем кнопку Add New Effect ► Stylize ► Inner Glow. Устанавливаем следующие значения для эффекта: цвет черный, Mode (Режим смешивания) – Multiply, Opacity (Непрозрачность) – 75%, Blur (Размытие) = 3px

Сверкающий редактируемый текст

Выделив текст и перетащив его мышкой в окно Graphic Styles (кнопка Graphic Styles на панели APPEREANCE) сможем применять сохраненный стиль к другим объектам. Добавим пару штрихов с использованием созданных кистей

Сверкающий редактируемый текст

Спасибо за внимание,
Автор: torm0z


Отредактировано: Dark Wood — 12 Ноября 2017, 21:41
0
 мужчина  z_ivan 13 Ноября 2017, 23:28 (спустя 1 день 9 часов)
Пост №3 * 13 Ноября 2017, 23:28 (спустя 1 день 9 часов)
Ответ с цитированием этого сообщения

Размышляющие
3 199 постов
284°
Возраст: 48
Регистрация: 5.02.2008
Проживает: скрывает
torm0z, спасибо за урок!

Сверкающий редактируемый текст
Гильдия Трёхмерщиков
+3
 мужчина  ank237 17 Ноября 2017, 16:23 (спустя 3 дня)
Пост №4 * 17 Ноября 2017, 16:23 (спустя 3 дня)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Фрактальщиков»
3 828 постов
69°
Возраст: 83
Регистрация: 8.11.2011
Проживает: Жуковский
красивый и полезный урок :clap:
0
 женщина  vitalia812 24 Ноября 2017, 15:31 (спустя 6 дней)
Пост №5 * 24 Ноября 2017, 15:31 (спустя 6 дней)
Ответ с цитированием этого сообщения

Дебютанты
8 постов
Возраст: скрывает
Регистрация: 27.09.2011
Проживает: Рига
torm0z, спасибо за урок! Простой и полезный.

Сверкающий редактируемый текст



Отредактировано: vitalia812 — 24 Ноября 2017, 15:38
+1
 мужчина  torm0z 25 Ноября 2017, 12:35 (спустя 21 час 3 мин.)
Пост №6 * 25 Ноября 2017, 12:35 (спустя 21 час 3 мин.)
Ответ с цитированием этого сообщения

Размышляющие
290 постов
56°
Возраст: 47
Регистрация: 27.08.2009
Проживает: Казань
Цитирую (vitalia812)

Отличный результат и очень рад, что урок был полезен )
0
 женщина  Tatik 16 Октября 2019, 20:02 (спустя 1 год)
Пост №7 * 16 Октября 2019, 20:02 (спустя 1 год)
Ответ с цитированием этого сообщения

Дебютанты
5 постов
Возраст: 53
Регистрация: 16.10.2007
Проживает: Москва
Сверкающий редактируемый текст
+1
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Позолоченный редактируемый текст
torm0z 2 2241 +11 4 Ноября 2017 - 10:33
» к последнему сообщению
Редактируемый металлический текст
Create An Editable Metal Type Treatment
Vichka 38 33271 +14 24 Ноября 2017 - 15:48
» к последнему сообщению
Отрисовка. Часть 3. Редактируемые стили для текста
Авторский урок
Dark Wood 7 9865 +4 3 Августа 2015 - 22:32
» к последнему сообщению
Редактируемый золотой текст с алмазной обработкой
torm0z 7 3053 +4 2 Июля 2019 - 10:32
» к последнему сообщению
Создание редактируемого текстового оттиска
Creating Editable Letterpress Styled Tex
Vichka 92 56026 +19 4 Октября 2019 - 19:17
» к последнему сообщению

1 посетитель в этой теме
, 1 гость