7 класс: векторная графика 07 из 12
учебно-методический материал по информатике и икт (7 класс)
Практическая работа в стиле "Туториал".
Скачать:
Вложение | Размер |
---|---|
prakticheskaya_rabota_inkscape_7.doc | 424 КБ |
Предварительный просмотр:
Практическая работа inkScape 7
Создание фигурных надписей
И мы уже умеем:
- Запускать inkScape, создавать и сохранять рисунок как растровую картинку
- Создавать основные объекты и на их основе строить изображения
- Работать с кривыми Безье
- Редактировать узлы и направляющие
- Перемещать объекты на нужный слой рисунка
- Выбирать цвет для заливки и границы объектов
- Группировать объекты
- Работать с Булевыми операциями
- Вставлять и обрабатывать текстовые объекты
- Использовать градиенты
Сегодня на уроке мы немного поиграем с шрифтами: сделаем красивые артистичные надписи.
Пример 1:
Тигровый шрифт |
В этом уроке Вы увидите, как при помощи самого обычного шрифта Times New Roman написать в Inkscape текст с тигровой окраской. Где использовать такой текст? Это уже решать Вам, мое же дело научить, как его сделать :) 1 Для начала, создадим в Inkscape пустой файл, выберем инструмент Текст и используя шрифт Times New Roman напечатаем простой текст (в нашем примере это текст Tigger Fonts. 2 Затем, используя произвольные контуры или кривые, нарисуем несколько зигзагообразных линий поперек текста, как на рисунке ниже. 3 Выделяем наш зигзаг и выполняем «контур – оконтурить объект». Вы можете не увидеть никаких внешних изменений, но наша линия теперь преобразована в контур. 4 Выделяем наш текст и линию (обводим прямоугольным выделением оба объекта или кликаем по каждому из них с зажатой клавишей Shift). После этого выбираем в меню Inkscape Контур / Разность). После этой операции наш текст стал полосатым как на картинке ниже. 5 Выделите полосатый текст и нажмите несколько раз щелкаем по «контур – упростить (комбинация Ctrl+L) для его упрощения. Теперь отдельные кусочки нашего текста имеют более закругленные формы. Вызовем диалог Inkscape «Заливка и обводка» при помощи комбинации Shift+Ctrl+F и на вкладке Заливка назначим тексту оранжевый цвет. Теперь тем же размером шрифта напишем рядом тот же текст. Выделим оба варианта текста (обычный и полосатый), вызовем диалог Выровнять при помощи команды «объект – выровнять и расставить» (комбинации Shift+Ctrl+A) и выровняем оба объекта по горизонтали и по вертикали относительно первого выделенного объекта. Наш текст совместился, но вероятнее всего черный текст оказался выше оранжевого. Чтобы переместить его ниже, выделим его и нажмем клавишу Page Down. Вот теперь наш тигровый текст готов. |
Пример 2:
Отражение текста в Inkscape |
Отражение текста в своих работах сегодня не использует только ленивый. Подобный эффект уже давно стал одной из основных «гламурных штучек в стиле Web 2.0». Как проще и эффективней всего создать подобный эффект в Inkscape, мы и рассмотрим в сегодняшнем уроке. 1 Первым делом создайте подложку (фон) для нашего будущего текста, нарисовав на холсте большой черный прямоугольник. Напоминаю, что изменить цвет выделенного элемента можно при помощи диалога «Заливка и обводка». 2 Выберите инструмент «Текст», кликните поверх нарисованного прямоугольника и введите произвольный текст. В нашем примере это текст «screencast». Вероятно, вы не увидите набираемого текста, поскольку он, как и подложка, будет черного цвета. После окончания набора задайте ему другой цвет. 3 При желании вы можете поменять шрифт для написанного текста через меню «текст – текст и ширфт». 4 Менять размер шрифта удобней всего, потянув за стрелочку при активированном инструменте выделения. Для сохранения пропорций шрифта при изменении размеров удерживайте клавишу «Ctrl». 5 Не снимая выделения, продублируйте текст при помощи комбинации «Ctrl+D». Затем отразите полученный дубликат по вертикали (клавиша «V»). 6 Переместите отраженный дубликат под нормальный текст, зажав клавишу «Ctrl» (чтобы перемещение было четко по вертикали). 7 Теперь, не снимая выделения с дубликата, выберите инструмент создания градиента, щелкните чуть выше дубликата и не отпуская ЛКМ, потяните курсор вниз. Для того, чтобы четко выдержать вертикаль, можно удерживать при этом клавишу «Ctrl». В общем-то это все. Основная работа выполнена, наш отраженный текст готов. Теперь можно поэкспериментировать с дополнительными эффектами. 8 Выделите текст и отражение при помощи инструмента выделения, обведя оба объекта с зажатой левой клавишей мыши, либо щелкнув поочередно на оба объекта с зажатой клавишей «Shift». Сгруппируйте оба объекта (Объект - сгруппировать). Выделив полученную группу и кликнув по ней еще раз, мы можем повращать текст в какую-либо сторону. 9 Либо же, используя соответствующую стрелочку, можно перекосить текст нужным нам образом, добившись в итоге своеобразного 3D- эффекта. |
Пример 3:
Детский шрифт в Inkscape |
Подарите себе радость, превратив с помощью Inkscape и этого простого урока самый обычный шрифт Sans в радужный и веселый детский шрифт! Полученный текст вполне можно использовать на каком-нибудь сайте детской тематики или в других подобных областях. 1 Для начала, используйте шрифт Sans, чтобы написать какой-нибудь простой текст в Inkscape. В нашем примере это текст Kiddy Fonts. 2 Теперь при помощи инструмента Рисовать кривые Безье и прямые линии (Shift+F6) нарисуйте небольшую дугу как на рисунке ниже. Надеюсь, с этим сложностей не возникнет. После этого выделите оба объекта (текст и кривую) - в Inkscape это можно сделать, обведя прямоугольным выделением оба объекта, либо кликнуть по каждому из них с зажатой клавишей Shift. Теперь разместим текст по контуру при помощи команды в меню Текст / Разместить по контуру. 3 Следующим этапом урока выделите текст и нажмите несколько раз «контур – упростить контур». После этого текст автоматически преобразуется контур, а полученный контр будет упрощен (того же эффекта можно добиться комбинацией клавиш ctrl+L). После этой операции нашу дугу можно удалить. Вот теперь наш шрифт уже гораздо больше похож на детский! 4 При желании можно добавить несколько простых эффектов, в Inkscape это можно сделать достаточно быстро. Например, разукрасить все буквы в разные цвета, добавить небольшое свечение и тень, небольшое фоновое изображение - и наш детский шрифт готов! |
По теме: методические разработки, презентации и конспекты
7 класс: векторная графика 01 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 02 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 03 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 04 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 05 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 06 из 12
Практическая работа в стиле "Туториал"....
7 класс: векторная графика 08 из 12
Практическая работа в стиле "Туториал"....