Пароли, адреса, явки

Логин на LearningApps.org: stu8a80. Пароль: blatt69


среда, 23 мая 2018 г.

Самые странные места в интернете

СЕГОДНЯ МЫ ПОСЕТИМ САМЫЕ СТРАННЫЕ МЕСТА ИНТЕРНЕТА!


ГОТОВЫ???


Тогда вперед!


1. Incredibo — управление музыкальным коллективом

2. The Million Dollar Homepage — домашняя страничка ценой в миллион

3. BallDroppings — мелодия падающих шариков

4. Humanclock — часы из тысяч фотографий

5. www.pointerpointer.com - укажи пальцем!

6. snapbubbles.com - любите лопать пупырышки?

7. cat-bounce.com - больше котиков!

8. tholman.com/texter - рисование текстом

9. the-secret-door - секретная дверь

10. geoguessr.com - квест - путешествие по всем миру

среда, 16 мая 2018 г.

Графические форматы


Результаты тестирования:

Фамилия, имя
Оценка
Рубцов Дмитрий Приймак Женя Костырин Игорь
9
Сорокин Илья Горбаренко Маруся
8
Олещенко
7
Рудаков Денисов Довгань
7
пОЛУШИН Моксим и Марк Декун
7
Робота Овдиенко Левенец
8
Левушкина
10
Динькаева Пастернак
10
Креминь Пилипенко Круцяк
10

Откройте форму "Растровая графика" и пройдите тест:




Упражнение "Горячий текст"


Шаг
Действия
Результат
1
Создайте новое изображение с черным фоном. Напишите на нем ваш текст.


2
Удерживая Ctrl, кликните на слое с текстом в панели слоев, чтобы выделить ваш текст. Копируйте его в буфер (Ctrl+C). Отмените выделение (Ctrl+D). Размойте (Фильтр > Blur > Gaussian Blur) текст на 3-5пикселей.


3
Вставьте из буфера скопированный текст (Ctrl+V) НАД размытым слоем. Измените Настройки смешивания этого слоя на Экран.


4
Примените фильтр Фильтр > Blur > Radial Blur. С параметрами:
Amount:74
Blur Method: Zoom
Quality:Good.



5
Снова вставьте из буфера текст (Ctrl+V). Переместите его НАД размытыми слоями.
6
Дайте команду Изображение > Регулировки > Кривые и деформируйте кривую так, как показано на скриншоте


7
Теперь дайте команду: Изображение > Режим > Черно-белый. В выскочившем окошке нажмите Объединение . Затем: Изображение > Режим > Индексированные цвета и наконец Изображение > Режим > Палитра, где в меню Table выберите пункт Black Body.


8
Теперь изменим  цвет текста. Для этого дайте команду Изображение – Регулировки – Оттенок/Насыщение и, двигая ползунки установите желаемый цвет, не забыв установить "галочку" на Colorize.




Упражнение "Расплавленный золотой текст" 


Шаг
Действия
Результат
1
Создайте новое изображение размером 400х400пикселей с черным фоном. Напишите какой-либо текст белым цветом. Соедините слои (Слой > Склеить слои).


2
Размойте изображение на 2 пикселя (Фильтр > Blur > Gaussian Blur).


3
Примените к изображению фильтр Solarize (Фильтр > Stylize > Solarize). Затем Изображение > Регулировки > Автоуровни (Shift + Ctrl + L).


4
Примените эффект ветра (Фильтр > Stylize > Windс параметрами:
Method: Wind;
Direction: From the Left.
Поверните изображение на 90 градусов (Изображение > Повернуть холст > 90 CW). Примените фильтр еще раз (Ctrl+F). Снова поверните изображение на 90 градусов... и.т.д., пока вы не повторите это действие для всех 4-х сторон.


5
Примените фильтр Glowing edges (Фильтр > Stylize > Glowing Edges) с параметрами:
Edge width: 1
Edge Brightness:7
Smoothness: 6.


6
Дайте команду Изображение – Регулировки – Оттенок/Насыщение (Ctrl+U). Установите "галочку" на Colorize. Измените значение Оттенок на 43, Насыщение на 50, а Яркость на 0.


вторник, 1 мая 2018 г.

Цветовые палитры

Материалы для практической работы "Фальшивый доллар":



Видеоурок по практической работе:



Результаты практической работы "Фальшивый доллар":

Фамилия, имя
Оценка
Филоненко, Круцяк
10
Сорокин Костырин
9
Пастернак Жмур
8
Марк Декун и Полушин Максим
10
Левенец
10
Илья Рожко
10
Горбаренко Низимова
8
Голев Динькаева
11
Приймак и Левушкина
10
Rudakov
11
Cтасейчук и Робота
10
Аноним
10















Цветовые модели


Цветовая модель — термин, обозначающий абстрактную модель описания представления цветов в виде кортежей чисел, обычно из трёх или четырёх значений, называемых цветовыми компонентами или цветовыми координатами. Вместе с методом интерпретации этих данных множество цветов цветовой модели определяет цветовое пространство.

RGB

RGB - аббревиатура английских слов Red, Green, Blue — красный, зелёный, синий. 

Разложение цветов в модели RGB


Аддитивная (Add, англ. - добавлять) цветовая модель, как правило, служащая для вывода изображения на экраны мониторов и другие электронные устройства. Как видно из названия – состоит из синего, красного и зеленого цветов, которые образуют все промежуточные. Обладает большим цветовым охватом.

Как на экране формируется изображение в цветовой модели RGB


Главное, что нужно понимать, это то, что аддитивная цветовая модель предполагает, что вся палитра цветов складывается из светящихся точек. То есть на бумаге, например, невозможно отобразить цвет в цветовой модели RGB, поскольку бумага цвет поглощает, а не светится сама по себе. Итоговый цвет можно получить, прибавляя к исходной черной (несветящейся) поверхности проценты от каждого из ключевых цветов.

CMY(K)

CMYK - Cyan, Magenta, Yellow, Key color - субтрактивная (subtract, англ. - вычитать) схема формирования цвета, используемая в полиграфии для стандартной триадной печати. Обладает меньшим, в сравнении с RGB, цветовым охватом.

Разложение цветов в модели CMYK


CMYK называют субстрактивной моделью потому, что бумага и прочие печатные материалы являются поверхностями, отражающими свет. Удобнее считать, какое количество света отразилось от той или иной поверхности, нежели сколько поглотилось. Таким образом, если вычесть из белого три первичных цвета - RGB, мы получим тройку дополнительных цветов CMY. «Субтрактивный» означает «вычитаемый» — из белого вычитаются первичные цвета.
Key Color (черный) используется в этой цветовой модели в качестве замены смешению в равных пропорциях красок триады CMY. Дело в том, что только в идеальном варианте при смешении красок триады получается чистый черный цвет. На практике же он получится, скорее, грязно-коричневым - в результате внешних условий, условий впитываемости краски материалом и неидеальности красителей. К тому же возрастает риск неприводки в элементах, напечатанных черным цветом, а также переувлажнения материала (бумаги).

Сравнение цветовых моделей CMYK и RGB

LAB

В цветовом пространстве Lab значение светлоты отделено от значения хроматической составляющей цвета (тон, насыщенность). Светлота задана координатой L (изменяется от 0 до 100, то есть от самого темного до самого светлого), хроматическая составляющая — двумя декартовыми координатами a и b. Первая обозначает положение цвета в диапазоне от зеленого до пурпурного, вторая — от синего до желтого.

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

Разложение цветов в модели LAB

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

HSB

HSB - модель, которая в принципе является аналогом RGB, она основана на её цветах, но отличается системой координат.

Разложение цветов в модели HSB

Любой цвет в этой модели характеризуется тоном (Hue), насыщенностью (Saturation) и яркостью (Brightness). Тон - это собственно цвет. Насыщенность - процент добавленной к цвету белой краски. Яркость - процент добавленной чёрной краски. 

Итак, HSB - трёхканальная цветовая модель. Любой цвет в HSB получается добавлением к основному спектру чёрной или белой, т.е. фактически серой краски. Модель HSB не является строгой математической моделью. Описание цветов в ней не соответствует цветам, воспринимаемых глазом. Дело в том, что глаз воспринимает цвета, как имеющие различную яркость. Например, спектральный зелёный имеет большую яркость, чем спектральный синий. В HSB все цвета основного спектра (канала тона) считаются обладающими 100%-й яркостью. На самом деле это не соответствует действительности.



Хотя модель HSB декларирована как аппаратно-независимая, на самом деле в её основе лежит RGB. В любом случае HSB конвертируется в RGB для отображения на мониторе и в CMYK для печати,а любая конвертация не обходится без потерь.

вторник, 17 апреля 2018 г.

Копирование и вставка фрагментов изображений

Как нарисовать шахматную доску, используя только возможности Paint? Смотрите обучающее видео!

При просмотре включите субтитры





Операции "Вырезать, копировать, вставить" с фрагментами рисунка Paint

Для создания копии рисунка или его части используется команда копирования. При выборе команды Вырезать программа Paint удалит фрагмент с рисунка и поместит его в буфер обмена,а если использовать команду Копировать, то рисунок не не изменится,и в буфер обмена будет помещена копия фрагмента. 

Для перемещения фрагмента рисунка:


  • Выделить фрагмент рисунка.
  • Навести указатель на выделенную часть рисунка.
  • Нажать левую кнопку мыши и не отпуская переместить в нужное место рисунка.
Инструменты выделения в Paint


Чтобы размножить фрагмент рисунка:

  • Выделите его.
  • Ухватите его указателем мыши и , удерживая нажатой клавишу Shift, перемещайте фрагмент по области рисования. Количество копий зависит от скорости перемещения мыши.
  • Чтобы скопировать и вставить фрагмент рисунка необходимо:
  • Выберите инструмент Выделение, чтобы выделить прямоугольную область, либо Выделение произвольной области, чтобы выделить область произвольной формы.
  • Перетащите указатель, чтобы определить область, которую требуется скопировать.
  • Выберите способ вставки:
    • для использования непрозрачного фона;
    • для использования прозрачного фона.
  • В меню Правка выберите команду Копировать.
  • В меню Правка выберите команду Вставить.
  • Перетащите выделенный фрагмент на новое место.
Команда Вставить в Paint
Примечания: 
При выбранном инструменте ввода надписей вставка рисунков невозможна. Удерживая нажатой клавишу CTRL при перетаскивании объекта на новое место, можно вставить несколько копий объекта. Данную процедуру можно повторить любое число раз. Чтобы отменить три последних изменения, выберите в меню Правка команду Отменить для каждого изменения. Чтобы снять выделение, щелкните за пределами выделенной области.


Выделение, копирование и вставка в Adobe Photoshop





И еще один видеоурок:


пятница, 30 марта 2018 г.

Виды компьютерной графики

Результаты самостоятельной работы "Логотип":

Фамилия,имя
Оценка
Денисов
10
Филоненко
10
Шпаляренко
9
Круцяк
11
Рожко
11
Овдеенко
8
Робота
11
Стасейчук
9
Костырин
11
Турло
11
Лузганова
11
Сорокин
11
Аноним 1
11
Аноним 2
8
Аноним 3
11
Жмур
10
Горбаренко
10
Ключников
11
Рубцов
10
Лёвушкина
8
Низимова
11
Приймак
11
Пастернак
11
Голев
11
Креминь
11
Пилипенко
11
Полушин
8
Декун
6
Динькаева
11



































Компьютерная графика – это область информатики, занимающаяся методами создания и редактирования изображений с помощью компьютера. Она применяется людьми самых разных профессий: дизайнеры, конструкторы, фотографы, художники и другие.

Растровая графика

  Растровое изображение   состоит из точек-пикселей, определенным образом размещенных в координатной плоскости.
    Изображение описывается положением и цветом всех точек, из которых, как из мозаики, складывается единый объект.

Растр – это порядок расположения точек.Изображение формируется построчно, поэтому, разрешение изображения – линейная величина
Схема растра

Качество растрового рисунка зависит от его разрешения, которое измеряется в точках на дюйм изображения. Обозначается dpi (dots per inch). 1 дюйм  = 2,54 см.Для экранного просмотра файла достаточно 72 dpi, для печати  не менее 300 dpi.

Достоинства растровой графики:

  • Возможность получения изображения  очень  высокого качества. 
  • Фотореалистичность.

Недостатки растровой графики:

  • Большой объем файла, соответственно, велико время его   обработки.
  • Любые трансформации рисунка  (поворот, наклон, масштабирование и т.д.) сопровождаются искажениями, потерей качества. 
  • При сильном увеличении растрового изображения наблюдается эффект пикселизации

Пример пикселизации файла

Как получить растровое изображение?

  • Цифровые фото и видео.
  • Сканирование рисунка.
  • Растровые графические редакторы (Paint, Photoshop).
  • Снятие копии с экрана.


Векторная графика


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

В векторном изображении   объект описывается векторами -линиями.

В векторной графике объем памяти, занимаемый линией, не зависит от размеров линии (т.е. от количества пикселей, составляющих изображение), поскольку линия представляется в виде формулы (нескольких параметров). Перед выводом на экран каждого объекта программа производит вычисления координат экранных точек в изображении объекта, поэтому векторную графику иногда называют ВЫЧИСЛЯЕМОЙ ГРАФИКОЙ.

Каждая линия  обладает стандартным набором свойств:
  • Координаты начальной и конечной точки.
  • Толщина.
  • Цвет.
  • Прерывистость (например, пунктирность).
  • Форма.
  • Замкнутость. 

Каждый замкнутый контур может быть залит цветом, текстурой, картой (любым рисунком). Типичный пример ВГ – шрифты TrueType

Пример векторного шрифта из библиотеки True Type

Область применения
  • чертежно-проектные  работы, 
  • логотипы, 
  • мультипликация,
  • иллюстрация детских книг
Достоинства векторной графики:

  • Относительно небольшой размер файла по сравнению с растровым.
  • Широкие возможности по искривлению, трансформации и созданию объемных изображений на плоскости.
  • Изменение размеров изображения без потери качества, т.к. у каждой линии один и тот же набор свойств.

Недостатки:
  • Процесс создания реалистичных (многоцветных) изображений трудоемкий, требует большого опыта работы.
Растровые и векторные линии при увеличении



Отличия растровых рисунков от векторных

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

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

Как получить векторное изображение?

  • Векторные графические редакторы (Corel Draw, Adobe Illustrator, FreeHand).
  • Языки программирования.
  • Технология Flash.

Фрактальная графика


Как и векторная это вычисляемая графика, но отличается от нее тем, что никакие объекты НЕ ХРАНЯТСЯ в памяти компьютера. Фрактальное изображение   строится по уравнению (или по системе уравнений), поэтому, кроме формулы, ничего хранить не надо. Создается изображение с помощью различных языков программирования.

Пример фрактала

Фигуры последующих поколений наследуют свойства родительских структур.  Процесс наследования можно продолжать до бесконечности.

Фрактал "дерево Пифагора"

Способность ФГ моделировать образы живой природы вычислительным путем часто используют для автоматической генерации необычных иллюстраций. Фрактальные алгоритмы лежат в основе роста кристаллов и растений

Лист папоротника - пример фрактала в живой природе