ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
1 ответ. 7953 просмотра.
   
 женщина  Snezhnaya 24 Ноября 2013, 23:55
Пост №1 * 24 Ноября 2013, 23:55
Ответ с цитированием этого сообщения
модератор

Мастера
4 900 постов
316°
Возраст: скрывает
Регистрация: 17.11.2006
Проживает: Москва
Quick Tip: How to Use Typography to Create a 3D Text Effect
Совет: как использовать типографику для создания эффекта 3Д текста

Текст из 3Д-слов, Quick Tip: How to Use

Автор - Diana Toma
• Программа: Adobe Illustrator CS3 +
• Уровень сложности: средний
• Общее время выполнения: 2 часа

[ скрытый текст ]
(прим.пер. - хоть автор и поставила уровень урока - средний, в конце урока она признается, что это простой урок smile.gif , но требующий времени и усидчивости на этапе расстановки слов на буквах)


Последуйте этому совету и узнайте, как использовать типографику для создания эффекта 3Д текста. Это может показаться сложным, но потребуется только несколько шрифтов, 3D -опции и некоторые дополнительные корректировки в конце. Давайте начнем!

Шаг 1
Сначала откройте новый веб-документ. Возьмите инструмент Type Tool (T) и напишите «Vector» или любое другое слово. В качестве шрифта я использовала Becker Black NF , который расположен здесь . Перейдите в меню Object и выберите Expand , а затем разгруппируйте командой Ungroup. Мы будем использовать эти буквы только в качестве форм-оснований для расстановки на них слов.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 2
Перед тем как приступить к выстраиванию новых слов, сделанных из слов, позвольте объяснить каким способом и какими инструментами мы будем это делать. На картинке ниже представлены 5 примеров. Как показано в первом примере, можно просто взять инструмент Type Tool (T) и начать ввод любого слова, по вашему желанию. То же самое относится к словам, написанным вертикально с помощью инструмента Vertical Type Tool (T) (пример 2). В третьем примере было использовано вертикальное написание слова с помощью инструмента Vertical Type Tool (T), а затем слово было повернуто на 90 градусов. Тоже самое было сделано в 4 примере, только на этот раз слово повернуто на -20 градусов, или поверните его на столько, сколько нужно, чтобы слово совпало с краем формы буквы, на которую оно помещается. Пятый пример: нарисуйте путь, используя Pen Tool (P), затем перейдите на инструмент Type on a Path Tool, щелкните на пути и начните печатать. Все остальные слова были написаны с помощью одного из этих пяти способов.
В панели Character (меню Window > Type > Character), кроме типа и размера шрифта, который вы используете, важным является набор отслеживания расстояния между выбранными символами (Set the tracking for the selected characters). Выберите положительное значение, если вы хотите увеличить пространство между буквами или отрицательного значения, если хотите расстояние уменьшить, в зависимости от того, как вы расположите слова, чтобы они заполнили всю форму.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 3
Теперь Вы можете начать заполнять форму буквы "V" различными словами. Я рекомендую начать с больших (длинных) слов и оставить более короткие слова под конец.

Текст из 3Д-слов, Quick Tip: How to Use

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

Текст из 3Д-слов, Quick Tip: How to Use

Среди шрифтов, показанных на картинках, есть Indochine NF, который можно найти здесь и Anja Eliane тут . Все остальные шрифты имеются в списке шрифтов программы Illustrator.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 4
Продолжим заполнение словами на букве «Е».

Текст из 3Д-слов, Quick Tip: How to Use

Далее показаны следующие две буквы:

Текст из 3Д-слов, Quick Tip: How to Use

И последние две буквы:

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 5
Когда закончите расставлять слова, перейдите в меню Object и выберите Expand Appearance , а затем – Expand. (прим.пер. – или выделите все элементы, и в меню Object выберите Expand. После этого удалите формы букв-оснований ) Теперь вы должны организовать расположение слов по планам, расставить все слова так, как показано на букве "V". Потому что если вы оставите их в случайном порядке, после применения 3D эффекта все будет выглядеть неправильным. Сделайте то же самое для других букв.
(прим. переводчика – ориентируйтесь на картинку, слова на левой части и слова внизу – поместите на передний план, слова в середине – на задний план, а верхние слова – на самый нижний план.)

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 6
Выберите по три слова из каждой формы-буквы и залейте их тремя оттенками розового цвета или любого другого цвета. После этого сделайте цвет заливки всех остальных слов серым. Если хотите выполнить этот шаг побыстрее – выделите только одно из слов, написанных черным цветом, затем перейдите в меню Select > Same > Fill color. В результате этого действия будут выбраны все черные буквы и Вы можете заполнить их серым цветом все сразу.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 7
Теперь, когда все слова написаны, выделите их все, перейдите в меню Object и сгруппируйте ( Group ) . Затем перейдите в меню Effect > 3D и примените эффект Extrude&Bevel, используя настройки как на рисунке ниже. «Кликните» на кнопку More Options, чтобы открыть больше настроек и немного переместите область блика, установив его как на рисунке. Когда закончите - выберите Expand Appearance в меню Object .

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 8
Ранее мы использовали три оттенка розового. Выберите с помощью инструмент Direct Selection Tool (A) только одну из букв (на верхней стороне слова) из тех, что вы заполнили более светлым оттенком розового, затем перейдите в меню Select > Same > Fill color. В результате этого действия будут выделены все слова, которые были заполнены этим цветом, и вы можете заменить цвет заливки для всех этих слов сразу на показанный на рисунке ниже градиент. Установите значение угла -10 градусов.

Текст из 3Д-слов, Quick Tip: How to Use

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

Текст из 3Д-слов, Quick Tip: How to Use

Затем, используя Direct Selection Tool (A), выделите верхнюю поверхность одной из букв серого цвета, перейдите в меню Select > Same > Fill color и используйте показанный градиент в качестве заливки сразу всех серых букв. Теперь, перед тем как продолжить, проверьте, чтобы ни одна из не серых букв не была выделена.

Текст из 3Д-слов, Quick Tip: How to Use


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

Автор: Diana Toma
Оригинал: Quick Tip: How to Use Typography to Create a 3D Text Effect
Перевод: Snezhnaya


Отредактировано: Snezhnaya — 8 Декабря 2013, 19:14
ключевые слова: превратите одно слово в другое всякий раз заменяя по одной букве, слова заканчивающие на букву е, уроки фотошоп 3д буквы, все слова на букву д, слова с рисунками заканчивающие на букву д, 3д слова, слова РёР· трех Р±СѓРєРІ СЃ Р±СѓРєРІРѕР№ Рё, слова в 3д, делаем 3д слово, 3D слово сделать
  Google

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

 женщина  Snezhnaya 25 Ноября 2013, 00:02 (спустя 7 мин. 8 сек.)
Пост №2 * 25 Ноября 2013, 00:02 (спустя 7 мин. 8 сек.)
Ответ с цитированием этого сообщения
модератор

Мастера
4 900 постов
316°
Возраст: скрывает
Регистрация: 17.11.2006
Проживает: Москва
Шаг 9
Теперь выберите любую букву, залитую в предыдущем шаге, с помощью Direct Selection Tool (A), затем перейдите в меню Select menu > Same > Fill color. Если у вас все из этих букв выделились, скопируйте их ( Copy ) и вставьте ( Paste ), затем перейдите к меню Object> Compound Path> Make. Вы получите синий составной путь, показанный ниже.
Теперь выделите верх одной из букв, заполненных первым градиентом, показанным в шаге 8, и повторите процесс. Вы получите зеленый составной путь, как показано на рисунке. Продолжите этот процесс на буквах с двумя оставшимися градиентами, чтобы получить два других составных пути.
Примечание: Вы не сможете вставить их на передний план (хотя так было бы легче), потому что каждая буква принадлежит к другой группе, и вы получите предупреждение, когда будете пытаться сделать составной путь.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 10
Как только вы получили четыре составные пути, поместите их обратно, выше 3D-текста. Выберите все четыре пути и нажмите кнопку Add to shape area > Expand на панели Pathfinder. В результате вы получите один обобщенный путь, показанный черным цветом на картинке ниже.
(прим. пер. – можно сначала объединить все четыре пути в один, разместив его на белом пространстве документа, затем сделать копию и уже ее перемещать и ставить поверх нарисованного 3Д-текста. В дальнейшем отдельно расположенный путь будет легче выделять, чтобы сделать новые копии и работать с ними)

Текст из 3Д-слов, Quick Tip: How to Use

Заполните этот черный составной путь градиентом, показанным на рисунке, и измените угол градиента на -70 градусов. Этот градиент называется Neutral 7 и его можно найти в меню палитры Swatch , открыв библиотеку образцов Swatch Libraries > Gradients > Neutrals. Также измените режим смешивания на Hard Light и уменьшите непрозрачность до 50%.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 11
Скопируйте ( Copy ) и вставьте на передний план ( Paste in front ) составной путь, с которым вы работали в предыдущем шаге, и удалите все его настройки. Выберите зеленый или любой другой цвет в качестве заливки. Еще раз скопируйте его ( Copy ) и вставьте на передний план ( Paste in front) и измените цвет заливки на черный, чтобы можно было отличать эти два пути друг от друга. Перед тем, как продолжить, перейдите в меню Edit > Preferences > General и установите значение Keyboard Increment 0,2 пикселя (0.2 px). Теперь немного переместите черный путь правее и вниз, щелкнув по одному разу на соответствующие стрелки на клавиатуре. Выделите зеленый и черный составные пути, потом нажмите Subtract в панели Pathfinder , а затем заполните полученный составной путь белым цветом. Измените режим смешивания на Soft Light.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 12
Чтобы создать фон, нарисуйте прямоугольник инструментом Rectangle Tool (M) ниже 3D-текста. Задайте прямоугольнику заливку серым цветом, затем откройте выпадающее меню в панели Appearance и добавьте новую заливку с помощью Add New Fill. Задайте такой же цвет заливки, а затем перейдите в меню Effect > Texture и примените эффект Grain. Измените режим смешивания на Soft Light, но только для этой, второй, заливки.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 13
Возьмите инструмент Ellipse Tool (L) и нарисуйте три овала, как показано ниже на рисунке, поверх прямоугольника фона, но ниже текста. Задайте им черную заливку, затем перейдите в меню Effect > Blur и примените размытие Gaussian Blur размером 15 пикселей (15 px) . Измените режим смешивания на Soft Light, и уменьшите непрозрачность, выбрав значение в диапазоне между 50 и 80%.
Чтобы спрятать выходящие за фон части овалов, скопируйте ( Copy ) и вставьте на передний план ( Paste in front ) прямоугольник фона, удалите все его настройки (чтобы он стал без заливки и без контура). Выделите эту форму и три формы овалов, затем перейдите в меню Object > Clipping Mask > Make.

Текст из 3Д-слов, Quick Tip: How to Use

Шаг 14
Теперь нужно добавить немного теней, и мы закончим урок. Выделите группу 3Д-слов (именно сами слова, в не два составных пути поверх них), перейдите в меню Effect > Stylize > Drop Shadow. Установите значения как показано на картинке, и наш текст-эффект готов.

Текст из 3Д-слов, Quick Tip: How to Use

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

Текст из 3Д-слов, Quick Tip: How to Use

Автор: Diana Toma
Оригинал: Quick Tip: How to Use Typography to Create a 3D Text Effect
Перевод: Snezhnaya


Отредактировано: Snezhnaya — 8 Декабря 2013, 19:14
+3
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Quick Tip: Create a Nice Award Medal Icon
Создаём иконку медали
TonyRow 34 13211 +7 8 Апреля 2017 - 12:15
» к последнему сообщению
«Жуткий» текст на Хэллоуин, How to Create Spooky
Halloween Theme Text in Illustrator
Snezhnaya 9 8109 +2 9 Ноября 2019 - 00:02
» к последнему сообщению
How to Create a Pencil and Paper Illustration
Простой "натюрмортик"
Frеya 39 22693 +5 5 Декабря 2012 - 01:51
» к последнему сообщению
How to draw Abstract Circuit Technology Board
vsstor 0 191 29 Ноября 2019 - 19:45
» к последнему сообщению
Нарезанный текст
Dolli 33 26812 +1 3 Марта 2012 - 10:09
» к последнему сообщению

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