Компетентности като очаквани резултати от обучението на учениците от 11 клас ИТ
Обработка на растерни изображения:
- кадрира изображения, като създава композиционно издържани изображения
- променя размера на изображения
- използва различни техники за избор на част от изображенията (допълваща/изваждаща селекция, магическа пръчка, ласо, геометрични селекции)
- използва различни филтри за промяна на изображения
- коригира части от изображения с подходящи инструментални средства
- използва слоеве при обработка на изображения
- запазва обработено изображения в различни файлови формати
- създава колажи от няколко изображения
- създава текст в изображение
- прилага ефекти към част и цяло изображение
- използва преливки
- изброява основните правила за създаване на едностранни информационни материали (лого, банер, флаер, постер и др.)
- използва дизайнерски техники при изображения
- обяснява какво представлява цветовия кръг
- използва подходящи цветови комбинации при създаване на колаж
- запазва създаденото изображение в зависимост от неговото крайно предназначение
- комбинира по подходящ начин изображения за създаване на творчески продукт
Материали към задачите и упражненията от учебниците на издателство "Домино"
https://inftech.bgtest.eu/?dir=11class/module_2
https://inftech.bgtest.eu/?dir=11class/module_2
Техники при обработка на изображения
1. Компютърна графика - разглежда начините, методите и средствата за създаване и обработване на цифрови изображения. Според начина на построяване различаваме три вида двумерни изображения:
2. Растерна графика
Растерните изображения се използват основно при разработване на електронни и печатни материали. Те се състоят от множество елементи, наречени пиксели, подредени в правоъгълна решетка - растер.
Думата пиксел идва от английски pixel - picture (PIX) elements (EL) - елементи от картина. Това е най-малката градивна частица на растерното изображение. Всеки пиксел съдържа данни за своя цвят, яркост и местоположение в изображението.
Думата пиксел идва от английски pixel - picture (PIX) elements (EL) - елементи от картина. Това е най-малката градивна частица на растерното изображение. Всеки пиксел съдържа данни за своя цвят, яркост и местоположение в изображението.
Качеството на едно растерно изображение зависи от неговата разделителна способност (резолюция) - броя пиксели на един инч (измерва се в ppi - pixel per inch). Колкото повече пиксели има по дължината и ширината на едно изображение, толкова то е по-качествено. При увеличаване на размера на растерно изображение качеството се губи, а самият процес се нарича растеризиране или пикселизация.
3. Графичен редактор - е компютърна програма, с която потребителят създава и обработва изображения.
Растерните графични редактори са предназначени главно за редактиране на изображения, като предоставят възможност за корекция на цветовете, ретуширане и създаване на специални ефекти.
Растерните графични редактори са предназначени главно за редактиране на изображения, като предоставят възможност за корекция на цветовете, ретуширане и създаване на специални ефекти.
Задача 1.
Инсталирайте Paint.NET, като го изтеглите от адрес: - http://www.getpaint.net/ - https://www.dotpdn.com/downloads/pdn.html |
Програмата Gimp - изтеглете от адрес www.gimp.org или като използвате инсталационния файл в папка „Software" от приложените материали (учебник на изд. Домино).
rast_f_f.png | |
File Size: | 653 kb |
File Type: | png |
Интерфейс на програмата Paint.Net
Самоучител - Paint.Net >>
|
Онлайн програма: https://www.photopea.com/
1. Лента с менюта
структурата е следната:
|
Под лентата с менюта е разположена палитрата (панелът) с команди за бърз достъп (създаване на нов файл, отваряне, копиране, преместване и т.н.). В дясната част на интерфейса се намират миниизображения на отворените за обработка файлове, а под тях лентата за настройка на инструментите.
Инструкции за Paint.net >>
В панела Tools се намират инструментите за работа с изображението. Условно те могат да бъдат разделени на няколко секции:
Панелът History съхранява списък с последните действия на потребителя. С избора на елемент от списъка потребителят отменя и всички действия след този елемент. Панелът Layers служи за работа със слоеве. Панелът Colors служи за избор на цвят. В падащото меню с Primary е означен основният цвят, a с Secondary - цветът на фона. С бутона More се отваря разширеният панел, откъдето може да се прави настройка в цветовите режими RGB и HSV, както и да се задава прозрачност в секцията Opacity-Alpha. |
2. Селекция (инструменти 1)
Графичният редактор може да работи освен с цялото изображение, и само с част от него. За тази цел служи селекцията. Оформя се от една или от много затворени линии.
Има няколко инструмента, които ни помагат да направим селекция (разгледайте ги).
Графичният редактор може да работи освен с цялото изображение, и само с част от него. За тази цел служи селекцията. Оформя се от една или от много затворени линии.
Има няколко инструмента, които ни помагат да направим селекция (разгледайте ги).
Изтеглете и отворете файла photo1.jpg на компютъра си. Изрежете фотографията, така че да е композиционно издържана и да е подходяща за разпечатване на хартия с размер 15x10 см (стандартен размер на снимка).
За да решите задачата използвайте меню Imege (https://www.getpaint.net/doc/latest/ImageMenu.html)
За да решите задачата използвайте меню Imege (https://www.getpaint.net/doc/latest/ImageMenu.html)
3. Променя размера на изображения
Промяната на размера на едно изображение се нарича преоразмеряване.
За това действие в графичните редактори обикновено се използва командата Resize. За Pant.NET тя се намира в меню Image.
Промяната на размера на едно изображение се нарича преоразмеряване.
За това действие в графичните редактори обикновено се използва командата Resize. За Pant.NET тя се намира в меню Image.
Към работната област (платно) има възможност да се добавят празни области във всяка от четирите посоки. Командата за тази опция се нарича Canvas Size от менюто Image. Добавянето на област става с промяна на размера по ширина или височина на изображението. В секцията Anchor се определя посоката.
4. Кадриране
Изрязването на излишни части от краищата на изображение се нарича кадриране. За него се използва от менюто Image -> Crop to Selection в Paint.NET
Изрязването на излишни части от краищата на изображение се нарича кадриране. За него се използва от менюто Image -> Crop to Selection в Paint.NET
Задача 2.
Изтеглете и отворете файла Boy_1052.jpg на компютъра си. Изрежете фотографията, така както е показано: |
5. Работа със слоеве (меню Layers)
|
Помощните файлове изтеглете от тук: rosses.jpg, heart.jpg
Примерен видео урок е създаден от г-жа А. Узунова:
изгледайте от сайта: https://it-lessons.weebly.com/paintnet.html или https://youtu.be/z5MXDCHUOgI |
Селекция на част от изображение
Обработването на растерни изображения е немислимо без познаването на различните начини за селекция (техника за избор на част от изображение).
1. Инструментите за селекция (припомнете си >>)
В графичните редактори се използват: магическа пръчка (magic wand), ласо (lasso) и инструменти за геометрични селекции (rectangle и ellipse).
а) Magic Wand служи за селекция на области по цветовата информация. Важен компонент от настройките на инструмента е толеранс (tolerance). Тази настройка определя колко близко до избрания цвят трябва да са пикселите от изображението, за да бъдат включени в селекцията. Неговата стойност не трябва да е много голяма, за да не се включат ненужни пиксели. Възможно е да се селектират едновременно няколко области с натискане и задържане на клавиша Shift.
б) Lasso Select се използва за очертаване на селекция с произволна форма (селекция със свободна ръка). Очертаването започва от определена от потребителя точка и трябва да завърши отново в същата точка.
1. Инструментите за селекция (припомнете си >>)
В графичните редактори се използват: магическа пръчка (magic wand), ласо (lasso) и инструменти за геометрични селекции (rectangle и ellipse).
а) Magic Wand служи за селекция на области по цветовата информация. Важен компонент от настройките на инструмента е толеранс (tolerance). Тази настройка определя колко близко до избрания цвят трябва да са пикселите от изображението, за да бъдат включени в селекцията. Неговата стойност не трябва да е много голяма, за да не се включат ненужни пиксели. Възможно е да се селектират едновременно няколко области с натискане и задържане на клавиша Shift.
б) Lasso Select се използва за очертаване на селекция с произволна форма (селекция със свободна ръка). Очертаването започва от определена от потребителя точка и трябва да завърши отново в същата точка.
Отворете файла flower.jpg.
Замазване на фон с помощта на филтри. Целта на задачата е да отделим определен обект в изображение и да замъглим фона зад него. За целта ще приложим ефект „Blurs". Така се получава нещо подобно на ефекта „боке" при заснемане. Този метод се използва много често в софтуерите на съвременните смартфони за фотографиране в т.нар. „портретен" режим. |
Упътване:
Lasso Select – задържате Ctrl Edit → Invert Selectio приложете Effects → Blurs |
С помощта на инструмента Lasso селектирайте врабчето от файла Cernogusho livadarche.jpg и гълъба от файла Dove.jpg. Завъртете го хоризонтално огледално.
Отворете файла Dove_background.jpg и поставете гълъба в него. Запазете файла с име Dove_new.jpg. |
в) Геометричните селекции обикновено са два вида: Rectangle и Ellipse. Те очертават съответно правоъгълна и овална селекция. При работа с някоя от тях и натиснат клавиш Shift се селектира правилна форма - квадрат или окръжност. При правоъгълната селекция се дава възможност за избор на изчертаването: в свободен режим (Normal), фиксирано съотношение (Fixed Ratio) или фиксирани размери (Fixed Size).
2. Допълваща/изваждаща селекция
Филтри
Филтрите (ефекти) осигуряват неограничени възможности за художествено интерпретиране на изображението и могат да се прилагат върху цяло изображение или върху селектирана област от него.
1. Филтри в Paint.Net
1. Филтри в Paint.Net
- намират се в меню Effects
Те съдържат галерия от филтри с Възможности да се промени изцяло първоначалният Вид на изображението:
- Artistic - филтри, които имитират традиционни художествени техники: Ink Sketch (рисуване с мастило), Oil Painting (маслени бои) или Pencil Sketch (молив).
- Blur (замъгляване) - филтри, които намаляват контраста и мекотата на общия вид на изображението.
- Distort (изкривяване) - филтри, които изменят и изкривяват изображението.
- Noise (шум) - добавят случайни комбинации от пиксели или така наречения шум.
- Render - филтрите от тази група позволяват да се добавят природни обекти и явления, да се създават форми и управлява осветеността на обектите.
- Stylize (стилизиране) - създават разнообразни ефекти - от естествени до по-механични процеси.
Някои от графичните редактори предоставят възможност за добавяне на нови филтри под формата на plug-ins.
- Набор от добавки за Paint.net е изтеглен от форума на уебсайта Good-surf.ru в тази тема:
- Прочетете как да инсталирате плъгини тук: https://good-surf.ru/forum/index.php?id=1091001
Проверявайте периодично тази тема, за да имате винаги най-новите добавки.
- Вижте уроците на Paint.net тук https://good-surf.ru/forum/index.php?id=109
Прилагане на ефекти - презентация
Изображенията изтеглете от raster-imeges в Teams
Изображенията изтеглете от raster-imeges в Teams
Коригиране на изображение
1. Фотокорекиията
Коригирането на изображения включва както подобряване на вида на цялото изображение (осветеност, сенки, контраст и т.н.), така и корекции на част от изображението.
2. Инструментариум за постигане на различни фотокорекции.
Фотокорекциите се стартират от меню Adjustments (Корекции).
Те са:
Коригирането на изображения включва както подобряване на вида на цялото изображение (осветеност, сенки, контраст и т.н.), така и корекции на част от изображението.
2. Инструментариум за постигане на различни фотокорекции.
Фотокорекциите се стартират от меню Adjustments (Корекции).
Те са:
- Brightness/Contrast (Яркост/Контраст) - тази корекция въздейства върху изображението, като променя неговите цветови граници и наситеност на цветовете. По-голямата стойност на полето Контраст засилва границата между цветовите нюанси. Яркостта определя диапазона на действие на цветовете. Ако стойността е по-голяма, цветовете изсветляват в посока към белия цвят, а при по-малка стойност се приближават към черния.
- Curves (Криви) - корекция на изображението по отношение на основните цветове. Този тип редакция има два режима на работа: Luminosity и RGB. Първият задава едновременно насищане или избледняване на цветовете, а вторият може поотделно да редактира всеки от основните цветове.
- Hue/Saturation/Lightness (Цветови тон/Насищане/Изсветляване) - тази фотокорекция позволява най-голяма гъвкавост за цветови промени. Инструментът динамично определя цветовия диапазон, ярките тонове и наситеността на цветовете. Полето Цветови тон променя цветовете на изображението в две посоки, положителна и отрицателна. С положителна стойност цветовете се заменят към зелено и синьо, а с отрицателна - към червено и синьо.
- Black and White - автоматично преобразува цветовете в нюанси на сивия цвят;
- Invert Colors - заменя основните цветове в изображението с техните негативни;
- Sepia - автоматично променя цветовете в изображението в цветове с нюанси на кафявото, което придава старинен ефект;
Корекцията на част от изображение се нарича ретуширане. То може да включва поправка на дефекти по кожата на човек, премахване на фон и излишни обекти от изображението, възстановяване на повредени части и много други.
- Червени очи (Red Eye) - това е дефект, който се получава при снимане на хора и животни с използването на светкавица в недостатъчно добре осветено помещение. При слаба светлина зеницата се разширява и отразява светкавицата на фотоапарата. Независимо от името на дефекта отражението може да бъде и друг цвят - бял, син или зелен.
- Клониращ печат (Clone Stamp) - това е инструмент, който е предназначен за създаването на копие на определен фрагмент от изображението (клонинг). Източникът, който ще се клонира, се избира с помощта на комбинация - Ctrl (Paint.NET) и щракване върху обекта.
Задача.
Отворете файла rose.jpg. Премахнете излишните елементи (вляво, в горния десен ъгъл и частта от фотографско оборудване в средата), които са оградени на фигурата.
Отворете файла rose.jpg. Премахнете излишните елементи (вляво, в горния десен ъгъл и частта от фотографско оборудване в средата), които са оградени на фигурата.
Създаване на колаж. Текст и ефекти.
1. Колаж е техника в изобразителното изкуство, при която различни фрагменти, например текст, цветни хартии, изрезки от вестници и други, изграждат картинното пространство.
Под фотоколаж се разбира монтиране на снимка с помощта на компютърна програма. Той се използва, за да се направи една снимка от две или повече, а предназначението му е свързано с карикатури, реклама, мода и др.
Процесът, при който едно изображение се получава от изрязването, пренареждането и припокриването на две и повече снимки, се нарича фотомонтаж или фотоманипулация.
Основната разлика между фотомонтаж и фотоколаж е, че при монтажа изображението трябва да изглежда реалистично. За постигането на реализъм важно условие е добавянето на сянка към допълнителните елементи.
Под фотоколаж се разбира монтиране на снимка с помощта на компютърна програма. Той се използва, за да се направи една снимка от две или повече, а предназначението му е свързано с карикатури, реклама, мода и др.
Процесът, при който едно изображение се получава от изрязването, пренареждането и припокриването на две и повече снимки, се нарича фотомонтаж или фотоманипулация.
Основната разлика между фотомонтаж и фотоколаж е, че при монтажа изображението трябва да изглежда реалистично. За постигането на реализъм важно условие е добавянето на сянка към допълнителните елементи.
Добавяне на текст към изображение
Растерните графични редактори предоставят възможност за добавяне на текст към изображенията. При тях символите на текста се изграждат от пиксели и имат същата разделителна способност като файла.
Важно!
В графичния редактор Paint.NET може да се добавя текст, но не и да се редактира, след като се затвори текстовата кутия.
1. Форматирането на текст в Paint.net
Важно!
В графичния редактор Paint.NET може да се добавя текст, но не и да се редактира, след като се затвори текстовата кутия.
1. Форматирането на текст в Paint.net
- позволява да контролирате неговия външен вид, като шрифт, размер, подравняване и др. Ето как да форматирате текст в Paint.net:
- Изберете инструмента „Текст“ от лентата с инструменти.
- Кликнете върху изображението, където искате да поставите текста.
- Въведете желаният текст.
- Шрифт и размер: Използвайте падащите менюта на лентата с инструменти, за да изберете желания шрифт и размер на текста.
- Подравняване: Използвайте бутоните за подравняване (ляво, център, дясно) на лентата с инструменти, за да определите как да бъде подравнен текста спрямо полето за въвеждане.
- Цвят: Изберете основния цвят от палитрата, за да определите цвета на текста.
2. Допълнителни опции за форматиране
За повече ефекти към текст се инсталират допълнителни плъгини (приставки) към редактора.
За повече ефекти към текст се инсталират допълнителни плъгини (приставки) към редактора.
сайтове за изтегляне на шрифтове:
|
|
- Контур на текста - Видеоурок
- Въведете текста на нов слой.
- Уверете се, че текстовият слой е избран.
- Отидете в менюто "Ефекти" (Effects) и изберете "Обект" (Object) -> "Outline Object" (Контур на обект).
- Ще се появие прозорец с настройки.
- Ширина (Width): Контролира дебелината на контура.
- Мекота (Softness): Определя колко гладък ще бъде контурът.
- Настройте плъзгачите за Ширина и Мекота според вашите предпочитания.
- Кликнете върху "OK", за да приложите контура.
Как да създадете ефекти в Drop Shadow в Paint.NET - към статията >>
- Видео: Drop Shadow (youtu.be/OjhOhEuJ2Yk?si=ZoGlUzstMITbWyyb)
Въпреки че Paint.net няма специален ефект "Drop Shadow", можете да постигнете подобен вид, като използвате ефекта "Photo Glow" с някои настройки.
1. Подгответе вашия текст или обект:
1. Подгответе вашия текст или обект:
- Създайте текста си с инструмента Text tool "Текст" или поставете изображението си върху платното.
- Тази стъпка е по желание, но се препоръчва. Тя ви позволява да редактирате ефекта на сянката, без да засягате оригиналния елемент.
- Щракнете с десния бутон върху слоя в прозореца Layers "Слоеве" и изберете Duplicate "Дублиране".
- Изберете дублирания слой (или оригиналния слой, ако не сте го дублирали).
- Отидете на Effects > Photo > Glow (Ефекти > Снимка > Блясък).
- Brightness (Яркост): Задайте тази стойност на много ниска стойност (около -100), за да създадете потъмняващ ефект за сянката.
- Contrast (Контраст): Задайте тази стойност на висока стойност (около 100), за да създадете силен контраст между сянката и обекта.
- Radius (Радиус): Регулирайте радиуса, за да контролирате размера и размазването на сянката. Експериментирайте с различни стойности, за да намерите най-подходящия вариант.
Как да добавим сняг към снимка: paint-net.ru/forum/viewtopic.php?f=20&t=1946
Графична визия
1. Графичен дизайн - процес на създаване на визуално изображение, съчетавайки символи, цветове, изображения и текст. Това съчетание се нарича композиция (графична визия). Целта му е посредством визуална комуникация да предаде някакво съобщение или идея.
2. Видове изображения
Изображението може да е:
а) на физически носител (обикновено хартия): плакат, брошура, флаер, визитка и др.
Ето кратко описание на видовете изображения на физически носител:
УЕБ БАНЕР - графичен обект, който се помества в web страница или е- mail с рекламна цел.
Изображението може да е:
а) на физически носител (обикновено хартия): плакат, брошура, флаер, визитка и др.
Ето кратко описание на видовете изображения на физически носител:
- ЛОГО - графичен елемент или емблема, представящ по определен начин фирма, сдружение, организация, продукт или дори отделна личност. Логата са или изцяло графични, или с придружаващ текст, интегриран като част от логото.
- БАНЕР при външна реклама - окачващи се транспаранти от плат или пластмасово фолио.
- ФЛАЕР/ЛИСТОВКА - малък лист хартия с информация за продукт или събитие.
- ДИПЛЯНА - печатно издание, обикновено с рекламна цел, което представлява дълга лента, сгъната неколкократно до постигане на по-малък формат и на възможност за разглеждане като албум.
- ПОСТЕР - голям цветен плакат, афиш, който служи за реклама.
УЕБ БАНЕР - графичен обект, който се помества в web страница или е- mail с рекламна цел.
3. Правила
|
Правилата за изграждане на композиция в дизайна. Основните принципи за създаване на хармонична композиция в дизайна. Правилност на композиционните структури.
към статията >> |
Тъй като цветовете са основен елемент от графичния дизайн, то е много важно тяхното съчетание. За тази цел може да ни помогне цветният кръг.
Цветният кръг, състоящ се от 12 сегмента, е традиционен в областта на изкуството. Представлява логически подредена последователност от оттенъци, нюанси и тонове на цветовете. 12-те нюанса на цветния кръг са разделени на първични, вторични и третични цветове, смесването на които определя всички останали оттенъци.
Схема 1: Аналогична комбинация
Това е комбинация от 2-5 (в идеалния случай 2-3) цвята, които се намират един до друг в кръга. Тя създава успокояващо и привлекателно впечатление. Ето пример за подобна комбинация - жълто-оранжево, жълто, жълто-зелено, зелено, синьо-зелено. Схема 2: Допълваща се комбинация Допълващите се цветове (известни още като контрастиращи) се намират един срещу друг в цветния кръг. Комбинацията от тях създава ярък и енергизиращ ефект, особено когато са максимално наситени. Схема 3: Разделена допълваща се комбинация Вариация от допълващи се цветови комбинации. В този случай вземате един основен цвят и два допълващи се (става дума за цветовете, които се намират отстрани на основния, но са разположени на отсрещната страна на кръга). Ефектът, който се създава тук, е също толкова контрастиращ, колкото и в предходната схема, но е с една идея по-малко интензивен. |
Схема 4: Триада - комбинация от три цвята
Триадата е комбинация от три цвята, които са равностоящи един спрямо друг в кръга. С нея се постига контрастен ефект, но същевременно се запазва „хармонията". Подобна композиция изглежда жизнена дори тогава, когато използвате бледи и ненаситени цветове.
Схема 5: Комбинация от четири цвята
Това е схема, която включва един основен и два допълващи се цвята плюс един допълнителен, който подчертава акцентите. Пример: синьозелено, синьо-виолетово, оранжево-червено, оранжево-жълто.
Триадата е комбинация от три цвята, които са равностоящи един спрямо друг в кръга. С нея се постига контрастен ефект, но същевременно се запазва „хармонията". Подобна композиция изглежда жизнена дори тогава, когато използвате бледи и ненаситени цветове.
Схема 5: Комбинация от четири цвята
Това е схема, която включва един основен и два допълващи се цвята плюс един допълнителен, който подчертава акцентите. Пример: синьозелено, синьо-виолетово, оранжево-червено, оранжево-жълто.
Задача. Намерете определения за термините:
- отенък
- наситеност
- яркост
Как дизайнерите комбинират цветове
https://veroniquevecco.com/ - към статията >> |