воскресенье, 16 октября 2016 г.

Векторная графика, занятие второе. 6 классы

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

Конечно же я повторю этот материал для тех, кто не смог просмотреть урок на сайте, но тем, кто просмотрит, на уроке будет все-таки намного легче:)



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

Растровая графика, продолжение. 5 классы

В школе продолжается Декада информатики и ИКТ, поэтому на этой неделе мы снова проведем урок заочно. Напоминаю, что с 24 октября у нас начинаются очные занятия, мы сразу же приступим к практике, поэтому читайте теорию внимательно и запоминайте.

Кратко повторим то, что вы уже должны знать на сегодня.

Двухмерная компьютерная графика делится на растровую, векторную и фрактальную (эту последнюю в школах обычно не изучают).

Растровая компьютерная графика состоит из точек, которые называются "пиксели" или "растры".

Разрешением называется количество пикселей в дюйме изображения.

В растровом изображении всегда определенное количество пикселей, поэтому при увеличении картинки или её растягивании эти пиксели становятся видны. Почему? Потому что когда вы заставляете компьютер увеличивать изображение определенного размера, ему, бедняжке, приходится как бы "дорисовывать" недостающие пиксели самостоятельно, а получается у него это не очень хорошо, компьютер все-таки не художник) Так и выходит, что увеличенное растровое изображение выглядит после увеличения как-то так:

А теперь внимание: новая информация. 

понедельник, 10 октября 2016 г.

Компьютерная векторная графика. 6 классы

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

В отличие от растровых векторные изображения состоят не из пикселей, а из целых элементов, которые еще называют графическими примитивами. То есть, если растровую картинку мы можем сравнить с мозаикой, векторная, скорее, похожа на конструктор Лего:)

Вот так это выглядит на практике:


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

Однако у векторной графики есть свои большие "плюсы"!

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

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

Что же это за графические примитивы, из которых состоят векторные изображения? Графическими примитивами называют фигуры, линии и текст. Присмотритесь - и увидите: всё на этом векторном рисунке является или фигурой, или линией, или текстом.


Бонус для тех, кто дочитал до конца :) Большая коллекция декоративных кириллических (русских) шрифтов, которая находится здесь. Установить шрифт очень просто: скачиваете, открываете и нажимаете "установить". Открываются эти шрифты потом и в векторных редакторах тоже, так что качайте, пригодится:)

воскресенье, 9 октября 2016 г.

Компьютерная графика. 5 класс. Начало

Начнем с того, что компьютерная графика окружает и сопровождает нас буквально на каждом шагу. На экране телевизора, на рекламном плакате, на странице любого журнала вы без труда увидите изображение, созданное при помощи компьютера. А что уж говорить об Интернете! Практически ни один сайт не обходится сегодня без компьютерной графики: ведь именно на изображение пользователь обращает внимание прежде всего!
Делится компьютерная графика на двухмерную и трехмерную. Мы в школе пока изучаем только двухмерную (то есть, не объемную, плоскую) графику, которая, в свою очередь, делится на растровую, векторную и фрактальную. Именно растровую, самую распространенную графику мы и будем изучать в 5-м классе.

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

Как же создается эта разноцветная мозаика? Компьютер хранит информацию о каждом пикселе изображения в виде комбинации битов. Например, для кодирования пикселей черно-белого изображения вполне хватает одного бита памяти - двух значений: 0 и 1. Если цвет пикселя определяется двумя битами, то возможных комбинаций уже больше: 00, 01, 10 и 11. А вот 24 бита памяти могут закодировать целых 16 777 216 различных цветовых оттенков!

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

Вторым недостатком растровой графики являются уже упомянутые искажения при трансформации. Отсюда вывод: копируя изображения в Интернете, обращайте внимание на его размер. Маленький растровый рисунок нельзя растягивать слишком сильно - он сразу же превратится в пиксельную мозаику!

Задание. Справа от данного изображения вы видите несколько его вариантов разного размера. Какой из них вы возьмете для печати на листе А4 (обычный печатный лист), а какое выберете для того, чтобы вставить в презентацию? Есть ли тут такой размер, который можно было бы распечатать и наклеить на стену в качестве фотообоев?



Ну а для тех, кто дочитал до конца, сюрприз - маленькая, легкая, быстрая, простая, но симпатичная программа для рисования Tux Paint! Графический редактор, повышающий настроение)) Рисуйте с улыбкой!