ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
 мужчина  Николай Михайлов 11 Января 2021, 13:14
Пост №1 * 11 Января 2021, 13:14

Размышляющие
34 поста
Возраст: скрывает
Регистрация: 31.03.2018
Проживает: скрывает
Inkscape Tutorial: Using Envelope Deformation To Manipulate Text

Этот урок посвящен тому, как придать тексту определенную форму с помощью эффекта деформации по огибающей (envelope) и вдохновлен постером в Flickr.

Урок по inkscape: рисуем словами цветок

Поехали!

Возьмем инструмент "Круг" (F5) и нарисуем круг. Размер и цвет обводки не имеют значения. Не давайте ему цвет заливки. Сделаем его контуром с помощью пункта меню Контур - Оконтурить объект либо нажав Shift + Ctrl + C.

Придайте ему форму листа с помощью инструмента "Редактировать контур" (F2). См. ниже рисунок (примечание; вы можете нарисовать эту форму по-своему):

Урок по inkscape: рисуем словами цветок

Наберите текст. Я решил напечатать такой же текст, как в примере выше. И первым я ввел слово "COMMERCIAL". Сами выбирайте шрифт. После этого измените размер текста, чтобы он почти полностью заполнял собой эллипс. Расположите его так, чтобы он держался внутри листа своими левым и правым краями.

Урок по inkscape: рисуем словами цветок

Теперь оконтурьте текст командой меню Контур - оконтурить объект. Затем откройте панель Контур - Контурные эффекты (Shift+Ctrl+7).

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

Урок по inkscape: рисуем словами цветок

Отключите чекбокс "Использовать верхний и нижний контуры". Чтобы изменить верхнюю границу текста, сделайте щелчок по значку Top bend path Урок по inkscape: рисуем словами цветок

Урок по inkscape: рисуем словами цветок

Вот теперь верхняя граница текста окружена зеленой линией. Перетащите эту линию таким образом, чтобы она совпадала с контуром листа. Сделайте тоже самое с нижней границей текста (сперва выбрав Bottom bend path).

Урок по inkscape: рисуем словами цветок


Урок по inkscape: рисуем словами цветок

Наконец, удалите контур листа, оставив деформированный текст на своем месте.

Далее, нарисуйте другой лист и другой текст, например, "RESIDENTIAL". Проделайте те же шаги, пока у вас не получатся желаемые "листья".

Урок по inkscape: рисуем словами цветок

Стеблем у нас будет обыкновенная кривая линия, нарисованная инстументом "Кривая Безье" (Shift+F6). Нарисовав ее, наберите текст "THE POSSIBILITIES AND ENDLESS". Поверните его на 90 градусов. Искривите текст подобно этой линии, выполнив над этими объектами операцию "Текст - Разместить по контору", предварительно их выбрав.

Уберите кривую, удалив ее обводку.

Было

Урок по inkscape: рисуем словами цветок

Стало

Урок по inkscape: рисуем словами цветок

Чтобы нарисовать цветок, выполните те же шаги, которые вы проделали для рисования листьев. Его лепестками станут еще восемь эллиптических фигур, содержащих слова ORGANIC, HOME-MADE, BENEFICIALLY, NATURAL, RECYCLING, GREENER, ENVIRONMENTALLY и CONVENIENT. Закрасте слова сплошным либо градиентным цветами. Затем удалите эллипсы.

Эллипсы еще не удалены

Урок по inkscape: рисуем словами цветок

Вот теперь нет никаких эллипсов

Урок по inkscape: рисуем словами цветок

Нарисуйте круг и окружите его лепестками. Как?

Во-первых, выберите первый лепесток и поверните его на 90 градусов. Расположите его над кругом.

Урок по inkscape: рисуем словами цветок

Сделайте двойной щелчок по этому лепестку. В его центре появится знак + . Переместите его в центр круга. Но сперва активируйте опцию "Прилипать центром вращения". Убедитесь, что у вас активна панель параметров прилипания (в меню Вид - Показать или скрыть - Панель параметров прилипания).

Откройте панель Трансформировать (Shift+Ctrl+M) и на ней перейдите на вкладку Вращение. Там установите угол вращения 45 и щелкните кнопку Применить.

Сделайте щелок по второму лепестку, переместите его центр (знак +) в центр круга и дважды поверните его на 45 градусов.

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

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

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

Урок по inkscape: рисуем словами цветок

Оригинал: Khadis
Перевод: Николай Михайлов
« Предыдущая тема · Уроки Adobe Illustrator · Следующая тема»
 Похожие темы
Урок по inkscape: рисуем траву
создавая узоры из клонов травинки
Николай Михайлов 7 377 +3 24 Января 2021 - 20:06
» к последнему сообщению
Урок по Inkscape: рисуем дерево
применяя отрисовку случайного дерева
Николай Михайлов 1 219 15 Января 2021 - 19:38
» к последнему сообщению
Урок по inkscape: рисуем костер
инструментом для создания узора изклонов
Николай Михайлов 0 150 18 Января 2021 - 18:50
» к последнему сообщению
Урок по inkscape: рисуем розу
применяя различные инструменты
Николай Михайлов 2 147 +1 23 Января 2021 - 10:44
» к последнему сообщению
Рисуем очаровательного ёжика в Inkscape
Create an Adorable Hedgehog in Inkscape
Dark Wood 5 12657 +6 10 Июля 2019 - 05:05
» к последнему сообщению

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