7 класс: векторная графика 07 из 12
учебно-методический материал по информатике и икт (7 класс)

Балашов Егор Александрович

Практическая работа в стиле "Туториал".

Скачать:

ВложениеРазмер
Microsoft Office document icon prakticheskaya_rabota_inkscape_7.doc424 КБ

Предварительный просмотр:

Практическая работа inkScape 7

Создание фигурных надписей

И мы уже умеем:

  • Запускать inkScape, создавать и сохранять рисунок как растровую картинку
  • Создавать основные объекты и на их основе строить изображения
  • Работать с кривыми Безье
  • Редактировать узлы и направляющие
  • Перемещать объекты на нужный слой рисунка
  • Выбирать цвет для заливки и границы объектов
  • Группировать объекты
  • Работать с Булевыми операциями
  • Вставлять и обрабатывать текстовые объекты
  • Использовать градиенты

Сегодня на уроке мы немного поиграем с шрифтами: сделаем красивые артистичные надписи.

Пример 1:

Тигровый шрифт

В этом уроке Вы увидите, как при помощи самого обычного шрифта Times New Roman написать в Inkscape текст с тигровой окраской. Где использовать такой текст? Это уже решать Вам, мое же дело научить, как его сделать :)

1

Для начала, создадим в Inkscape пустой файл, выберем инструмент Текст и используя шрифт Times New Roman напечатаем простой текст (в нашем примере это текст Tigger Fonts.

Напечатаем в Inkscape простой текст

2

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

Нарисуем в Inkscape несколько зигзагообразных линий, используя произвольные контуры

3

Выделяем наш зигзаг и выполняем «контур – оконтурить объект». Вы можете не увидеть никаких внешних изменений, но наша линия теперь преобразована в контур.

4

Выделяем наш текст и линию (обводим прямоугольным выделением оба объекта или кликаем по каждому из них с зажатой клавишей Shift). После этого выбираем в меню Inkscape Контур / Разность). После этой операции наш текст стал полосатым как на картинке ниже.

Делаем текст полосатым

5

Выделите полосатый текст и нажмите несколько раз щелкаем по «контур – упростить (комбинация Ctrl+L) для его упрощения. Теперь отдельные кусочки нашего текста имеют более закругленные формы. Вызовем диалог Inkscape «Заливка и обводка» при помощи комбинации Shift+Ctrl+F и на вкладке Заливка назначим тексту оранжевый цвет. Теперь тем же размером шрифта напишем рядом тот же текст. Выделим оба варианта текста (обычный и полосатый), вызовем диалог Выровнять при помощи команды «объект – выровнять и расставить» (комбинации Shift+Ctrl+A) и выровняем оба объекта по горизонтали и по вертикали относительно первого выделенного объекта. Наш текст совместился, но вероятнее всего черный текст оказался выше оранжевого. Чтобы переместить его ниже, выделим его и нажмем клавишу Page Down. Вот теперь наш тигровый текст готов.

Наш тигровый текст готов, урок окончен, спасибо Inkscape!

Пример 2:

Отражение текста в Inkscape

Отражение текста в своих работах сегодня не использует только ленивый. Подобный эффект уже давно стал одной из основных «гламурных штучек в стиле Web 2.0». Как проще и эффективней всего создать подобный эффект в Inkscape, мы и рассмотрим в сегодняшнем уроке.

1

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

Фон для создания отраженного текста в Inkscape

2

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

Создание текста в Inkscape

3

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

http://www.openarts.ru/plugins/content/jumultithumb/Li4vLi4vLi4vL2ltYWdlcy9zdG9yaWVzL2lua3NjYXBlLXR1dG9yaWFscy90ZXh0LWVmZmVjdHMvcmVmbGVjdGVkLXRleHQtMDMucG5nJmFtcDt3PTUwMCZhbXA7aD0xMDAwJmFtcDtxPTkw.jpg

4

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

Смена шрифта и размера текста в Inkscape

5

Не снимая выделения, продублируйте текст при помощи комбинации «Ctrl+D». Затем отразите полученный дубликат по вертикали (клавиша «V»).

Дублирование и отражение текста в Inkscape

6

Переместите отраженный дубликат под нормальный текст, зажав клавишу «Ctrl» (чтобы перемещение было четко по вертикали).

7

Теперь, не снимая выделения с дубликата, выберите инструмент создания градиента, щелкните чуть выше дубликата и не отпуская ЛКМ, потяните курсор вниз. Для того, чтобы четко выдержать вертикаль, можно удерживать при этом клавишу «Ctrl».

Создание постепнного затухания отражения в Inkscape при помощи градиента

В общем-то это все. Основная работа выполнена, наш отраженный текст готов. Теперь можно поэкспериментировать с дополнительными эффектами.

8

Выделите текст и отражение при помощи инструмента выделения, обведя оба объекта с зажатой левой клавишей мыши, либо щелкнув поочередно на оба объекта с зажатой клавишей «Shift». Сгруппируйте оба объекта (Объект - сгруппировать). Выделив полученную группу и кликнув по ней еще раз, мы можем повращать текст в какую-либо сторону.

Вращение текста в Inkscape

9

Либо же, используя соответствующую стрелочку, можно перекосить текст нужным нам образом, добившись в итоге своеобразного 3D- эффекта.

Работа с текстом в Inkscape

Пример 3:

Детский шрифт в Inkscape

Делаем прикольный шрифт в Inkscape

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

1

Для начала, используйте шрифт Sans, чтобы написать какой-нибудь простой текст в Inkscape. В нашем примере это текст Kiddy Fonts.

Используя шрифт Sans, пишем простой текст в Inkscape

2

Теперь при помощи инструмента Рисовать кривые Безье и прямые линии (Shift+F6) нарисуйте небольшую дугу как на рисунке ниже. Надеюсь, с этим сложностей не возникнет.

После этого выделите оба объекта (текст и кривую) - в Inkscape это можно сделать, обведя прямоугольным выделением оба объекта, либо кликнуть по каждому из них с зажатой клавишей Shift. Теперь разместим текст по контуру при помощи команды в меню Текст / Разместить по контуру.

Рисуем дугу в Inkscape и размещаем текст вдоль нее

3

Следующим этапом урока выделите текст и нажмите несколько раз «контур – упростить контур». После этого текст автоматически преобразуется контур, а полученный контр будет упрощен (того же эффекта можно добиться комбинацией клавиш ctrl+L). После этой операции нашу дугу можно удалить. Вот теперь наш шрифт уже гораздо больше похож на детский!

Преобразуем наш текст в контур и немного упрощаем его

4

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

Добавляем несколько простых эффектов в Inkscape


По теме: методические разработки, презентации и конспекты

7 класс: векторная графика 01 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 02 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 03 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 04 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 05 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 06 из 12

Практическая работа в стиле "Туториал"....

7 класс: векторная графика 08 из 12

Практическая работа в стиле "Туториал"....