Създаване и обработка на векторни изображения:
- описва същността на векторната графика
- използва основни средства на графичен редактор за създаване на векторно изображение
- манипулира основни характеристики на векторен обект в пециализиран редактор за векторна графика (контур, пълнеж, сянка, прозрачност)
- обработва текст в програма за векторни изображения
- преобразува растерно изображение във векторно
- записва векторни изображения в различни растерни формати
Векторна графика. Графични редактори за създаване на векторна графика!
1. Какво е векторно изображение?
Векторните изображения са съставени от геометрични примитиви като полигони, линии, криви, кръгове и правоъгълници, изградени на базата на математически формули.
Векторните изображения са съставени от геометрични примитиви като полигони, линии, криви, кръгове и правоъгълници, изградени на базата на математически формули.
В зависимост от своя тип векторните обекти притежават различни свойства:
В основата на Векторната графика стои представянето на геометрични фигури, изградени чрез линии. Един от най-популярните начини за построяване и редактиране на линии в този вид графика е чрез криви. Построяването на такива криви става с двойка допирателни, прекарани към линията в нейните възли. В програмите тези допирателни се представят като отсечки, краят на които съвпада с възела на линията. Чрез промяна на позицията на допирателната се променя и самата крива.
- линиите разполагат с форма, дебелина, цвят, вид (плътност, пунктир, шарка и др.);
- затворените линии притежават свойството запълване с цвят, текстура и шарка.
В основата на Векторната графика стои представянето на геометрични фигури, изградени чрез линии. Един от най-популярните начини за построяване и редактиране на линии в този вид графика е чрез криви. Построяването на такива криви става с двойка допирателни, прекарани към линията в нейните възли. В програмите тези допирателни се представят като отсечки, краят на които съвпада с възела на линията. Чрез промяна на позицията на допирателната се променя и самата крива.
2. Предимство на векторните изображения пред растерните.
Векторните изображения може да се мащабират, без това да се отразява на качеството на изображението.
Векторните изображения не разполагат с вътрешна разделителна способност. Те се визуализират с възможностите на разделителната способност на устройството, което ги представя - принтер, екран и др.
Векторните изображения може да се мащабират, без това да се отразява на качеството на изображението.
Векторните изображения не разполагат с вътрешна разделителна способност. Те се визуализират с възможностите на разделителната способност на устройството, което ги представя - принтер, екран и др.
3. Редактори за векторна графика
Векторен графичен редактор е програма, която позволява създаването и редактирането на векторни графични изображения. По правило такива програми се използват от дизайнери и илюстратори за професионални цели.
Векторен графичен редактор е програма, която позволява създаването и редактирането на векторни графични изображения. По правило такива програми се използват от дизайнери и илюстратори за професионални цели.
a) Free Vector Graphics Software - vectr.com/
б) Inkscape
Inkscape е отличен графичен софтуер за създаване и обработка на векторна графика, който работи nog Windows, Mac OS X и Linux. Софтуерът използва W3C отворен стандарт SVG (Scalable Vector Graphics) като свой собствен формат, безплатен е и е софтуер с отворен код. Той може да импортира и експортира различни файлови формати, включително SVG, Al, EPS, PDF, PS и PNG.
Запознаване с интерфейса на програмata за векторна графика - Inkscape
Слоеве (Layers)
Слоевете във векторните графични редактори са аналогични на слоевете в редакторите за обработка на растерни изображения. Диалоговият прозорец на Layers може да се визуализира от менюто Layer --> Layers...
Той позволява:
|
Настройки на работния лист
Лента с инструменти
Задача 1
Omвopeme файла Ladybug.svg и подредете елементите така, че да се получи изображение на калинка. Ако е необходимо, дублирайте част от фигурите (меню Edit --> Duplicate или от контекстното меню на мишката).
Omвopeme файла Ladybug.svg и подредете елементите така, че да се получи изображение на калинка. Ако е необходимо, дублирайте част от фигурите (меню Edit --> Duplicate или от контекстното меню на мишката).
Задача 2. Използвайки програмата Inkscape, създайте флага на България.
Размерът на знамето да бъде:
от менюто File --> Import... Съхранете файла под име flag_Bulgaria. Експортирайте файла във формат PNG. Т.е. трябва да създадете два файла:
|
Задача 3. Създайте емблемата на БНТ:
- квадратът с цифрата 1 със страна 8 см
- квадрати с буквите БНТ - 2,5 см - цвят на запълване за квадратите в RGB: 128, 8, 30 Изчертаване на 1:
Т.е. трябва да създадете два файла:
|
Задача 2. Създайте пътния знак Светофар. Размерът на страната триъгълника на знака да бъде:
Трите окръжности: дебелина на очертание – 1 px (пиксел), радиус – 1.2 см, цвят на очертание – черен. Съхранете файла под име svetofar-клас-номер. Експортирайте файла във формат PNG (т.е. трябва да създадете два файла - svetofar.svg и svetofar.png). |
Задача 3. Създайте емблемата на BTV:
- елипсата - широчина 8 см и височина 5,6 см
- цвят на запълване за квадратите в RGB: 0, 85, 65
- правоъгълник - широчина 2,6 см и височина 1,2 см
- окръжност - диаметър 1,2 см
- правоъгълник - широчина 3,4 см и височина 3,2 см
- окръжност - диаметър 3,2 см
Съхранете файла под име btv. Експортирайте файла във формат PNG, т.е. трябва да създадете два файла - btv.svg и btv.png.
- цвят на запълване за квадратите в RGB: 0, 85, 65
- правоъгълник - широчина 2,6 см и височина 1,2 см
- окръжност - диаметър 1,2 см
- правоъгълник - широчина 3,4 см и височина 3,2 см
- окръжност - диаметър 3,2 см
Съхранете файла под име btv. Експортирайте файла във формат PNG, т.е. трябва да създадете два файла - btv.svg и btv.png.
Стъпки за изчертаване на емблемата на bTV >>
Inkscape разполага c набор от шест възможности за комбиниране на фигури.
Те се намират в менюто Path:
Те се намират в менюто Path:
- Union - обединение на една или повече фигури.
- Difference - разлика на две фигури. Областта на горната пътечка се премахва от долната.
- Intersection - пресичане (сечение) на две или повече фигури. Новата пътечка обхваща общата зона на оригиналните пътечки.
- Exclusion - изключване на две или повече фигури.
- Division - разделяне на две фигури. Създават се две или повече нови пътечки.
- Cut Path - изрязване по две фигури. Първата пътечка е отрязана от втората пътечка. Създават се две или повече нови пътечки.
Логотипи
Изрязване на части от обект:
- Избиране на двата обекта
- Меню Path (Пътека) --> Difference (Разлика)
В задачата се използва обединяване на фигури,
- Union - обединение на една или повече фигури.
Възли и пътечки
Задача 1. Сърце - стъпки за създаване >>
1. Създаване на възли и пътечки
Възловите точки са част от кривите на Безие. Те съединяват два сегмента. Може да бъдат плавни (гладки) и ъглови (остри). Плавните възлови точки имат две допирателни линии, а ъгловите може да имат две, една или нито една
Възловите точки са част от кривите на Безие. Те съединяват два сегмента. Може да бъдат плавни (гладки) и ъглови (остри). Плавните възлови точки имат две допирателни линии, а ъгловите може да имат две, една или нито една
2. Действия с възли
- Добавяне на възел
- Изтриване на възел
- Разделяне/прекъсване на възел
- Комбиниране/присъединяване на възли
3. Трансформиране в перспектива
От меню Object избираме командата Transform. В страницата Skew определяме с колко хоризонтално и вертикално да се трансформира обекта
Криви на Безие
- основно се работи с режимите:
обикновен път на Безие.
Спиро път
|
Задача. Да се конструира векторно изображение на картинка на гъба (изтеглете) по готов растерен модел.
Работа с текст
- Изтегляне на безплатни шрифтове: Google Fonts
- Идеята на задачите е да използвате инструмента за поставяне на текста по крива (в случая окръжност). Това може да го постигнете като изберете от менюто Text командата Put on Path.
Задача 1.
Направете проект за изработка на печат на Артхотел „Буги и Драко“. Използвайте файла stamp.svg.
Направете проект за изработка на печат на Артхотел „Буги и Драко“. Използвайте файла stamp.svg.
Съхранете файла под име pechat_cat. Експортирайте файла във формат PNG, т.е. създайте два файла:
- pechat_cat.svg
- pechat_cat.png
Задача 2. Създайте печат на 134 СОУ "Димчо Дебелянов"
Важно! I начин: За да направите текста СОФИЯ, поставен по окръжност, но обърнат изпълнете стъпките:
Съхранете файла под име pechat_134SOU. Експортирайте файла във формат PNG. Т.е. трябва да създадете два файла:
|
II начин:
- маркирате текста и окръжността и избирате Text -> Put on Path
Видео
Полезно!
Inkscape for Beginners: Logo Design Tutorial
|
Inkscape Tutorial: Vintage Logo Design
|
Упражнение
Задача 1: Да е създаде флаер.
Изображението на училището изтеглете от тук >>
Изображението на училището изтеглете от тук >>
Изисквания:
Полезно!