C наступающим Новым годом!

Ловите ссылки на два совершенно бесплатных редактора, в которых можно рисовать и обрабатывать изображения онлайн! А что самое чудесное, так это то, что оба очень похожи на "фотошоп", то есть, разобраться вам в них будет совсем не трудно)

http://online-photoshop.org/edit
https://pixlr.com/editor (нажмите на стрелку внизу и выберите EDITOR Launch Web App)

Скоро зачёт!

Итак, напоминаю, что для зачета вам необходимы следующие темы.

Для зачета по растровой графике:
Adobe Photoshop: начало
Инструменты выделения
Инструменты выделения. Продолжение
Операции со слоями
Маска слоя
Само собой разумеется, что для успешной сдачи зачета вы должны уметь трансформировать объекты (уменьшать, увеличивать), а также открывать нужные окна и находить нужные инструменты.

Для зачета по векторной графике понадобятся:
Знание интерфейса и основных операций
Копирование с вращением
Операции формирования
Сообразительность и умение логически мыслить.
Также вам понадобится владение инструментом "Нож", который мы проходим на этой неделе.

Adobe Photoshop: ёлочные шарики

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

 Софья Рощупкина, 5Б

Adobe Photoshop: деформация

Это предновогоднее задание позволило нам не только повторить маску слоя, трансформацию, волшебную палочку и другие темы, но и применить к объекту на шарике деформацию. 
Деформация позволяет изменить форму объекта - например, как бы "натянуть" его на шарик. Находится эта полезная функция здесь:

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

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

Помните, что после деформации - как и после любой трансформации объекта - необходимо завершить процесс нажатием клавиши Enter.

Векторные снежинки

 

Полина Жильцова

Как мы применяли маску слоя

  

Александра Картавцева, 5А

CorelDraw: работаем с текстом

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

 Эмиль Азимов

Adobe Photoshop: маска слоя

Текст в CorelDraw

CorelDraw: свободная форма

CorelDraw: снова формирование и немного контуров

 Урок по теме контуров ("свободной формы", "кистей", "Безье" и прочего) смотрите выше.

 

Роман Прапро, 6Б

Выравнивание и распределение

Главная идея урока: абсолютно бессмысленно пытаться поставить объекты на равном расстоянии друг от друга или строго по вертикали или по горизонтали в графическом векторном редакторе "на глазок"! У нормального редактора, как правило, есть для этого специальные инструменты. Вот, где они находятся:

Если вдруг эти волшебные строчки - "выравнить влево", "выравнить вправо", "выравнить по верху" и т.д. - у вас светло-серые, то есть неактивные, это значит, что у вас выделен только один объект или не выделено вообще ничего. Выравнивание и упорядочивание можно делать только с двумя и более фигурами.

Обратите внимание, что за командой "выравнять и распределить" в самом конце меню скрывается еще одно окно, позволяющее, например, расставить выделенные объекты на равном расстоянии друг от друга по вертикали или по горизонтали, выравнять по центру, по левому и по правому краю и так далее.

Формирование в CorelDraw

CorelDraw: формирование и выравнивание на практике

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

Роман Прапро, 6Б

Adobe Photoshop: слои

Adobe Photoshop: слоёные фоторамки:)

Тема недели: слои!
Выше смотрите видеоурок по теме, а здесь - несколько наиболее аккуратных работ.

Елизавета Радзивелюк, 5В

Волшебная палочка: практика

 Кира Теплицкая, 5Б

Волшебная палочка: повторение

Поскольку "волшебная палочка" - инструмент сложный и волшебный а зачёт уже скоро, повторение не будет лишним!

Итак, "волшебная палочка" - инструмент, который одним кликом выделяет область одного цвета. Буквально: кликаете по какому-то цвету на картинке - и выделяется вся область этого цвета!

 

Но вот проблема! Иногда нам действительно нужно выделить вот именно этот самый цвет, а иногда - этот и еще его оттенки! Посмотрите на рисунок наверху: красное "окошечко" - всё-таки не совсем чисто красное, правда? Как же "волшебная палочка" распознала, что выделять, а что нет?

При помощи опции "допуск"! Это окошко появляется наверху, как только вы выбираете "волшебную палочку". И если вы поставите в нем ноль, "волшебная палочка" станет очень строгой и будет выбирать только тот цвет, по которому вы кликнули.

А вот поставим-ка целых сто! Тогда "волшебная палочка" заметно "добреет" и начинает выделять не только тот цвет, по которому вы кликнули, но еще и сто оттенков рядом.

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

Вспомним также про режимы выделения, которые работают со всеми инструментами выделения без исключения:

На уроке можете поэкспериментировать с этими значками самостоятельно.

Photoshop: превратим пасмурный день в солнечный

Такая работа была у нас на каникулах, и вот что вышло.:)

Исходное изображение

 Арина Бреева, 5В

Елизавета Радзивелюк, 5А

Копирование по кругу

До каникул на курсе векторной графики мы повторяли тему копирования и пробовали создать круговой узор из различных элементов. Вот некоторые из выполненных работ.

Илья Скрипкин, 6Б

Натюрморты с лассо

До каникул мы пробовали применить три вида лассо на практике. И вот что у нас получилось.

Иван Сергеев, 5А

Копирование с вращением

Прямоугольник, лассо и волшебная палочка

Краткое содержание предыдущих серий уроков. Поскольку растровое изображение представляет собой матрицу, состоящую из пикселей, порой нам приходится указывать редактору, с какими из этих пикселей мы собираемся работать дальше. То есть, какую именно часть этой матрицы-мозаики мы собираемся залить/изменить/удалить/тонировать и т.д.
Основными инструментами выделения Adobe Photoshop являются: прямоугольное/овальное выделение, лассо и волшебная палочка.  

Прямоугольное/овальное выделение выделяет прямоугольную или овальную область (см. последний видео-урок).  

Лассо бывает трех видов:
- простое
- прямолинейное
- магнитное


Простое лассо выделяет область, следуя за компьютерной мышью. Этим видом лассо вы можете выделить абсолютно любую область изображения, какую только сможете обвести. Однако обвести какой-либо объект достаточно точно вам этим видом лассо вряд ли удастся.


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


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



Волшебная палочка выделяет области изображения одного цвета.



ВАЖНО:
1. У каждого инструмента выделения есть свойства, которые настраиваются на панели свойств!
2. Опорные точки можно удалить клавишей "backspace". Но если вы кликнули по изображению и создали выделенную область (помните про "муравьиную дорожку"?), изменить выделение уже невозможно.

Инструменты выделения. Начало

Первые работы в CorelDraw

Начали мы с самого простого. Но это было не легко!
Мы научились строить симметричные фигуры (для этого при построении надо зажимать клавишу CTRL или CTRL+SHIFT), копировать их при помощи кнопок мыши (зажав левую кнопку, создаем копию, нажимаем правую - вставляем), копировать не просто так, а по горизонтали или по вертикали (снова клавиша СTRL!), а потом еще и выделять несколько объектов сразу, зажав клавишу SHIFT!
Такой простой рисунок - и столько операций!

Ну, и конечно же мы перепробовали все виды заливок - простую, градиентную, заливку узором и набор растровых заливок. Вот, что у нас получилось.

 Майя Гасанова, 6В

Первые работы в Photoshop

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

 Полина Шелухина, 5А

Растровая графика: инструменты выделения

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

Векторная графика: как построить многоэтажный дом

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

Все эти команды по выравниванию вы можете найти в меню "Упорядочить" - "Выравнять и распределить". Особое внимание обратите на то, что делают с выбранными объектами буквы C и E (английские, конечно же).

Буква С выравнивает объекты по вертикали.

Буква E выравнивает объекты по горизонтали.

Таким образом наши дома получились идеально ровными.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важной характеристикой растровой графики является разрешение. 

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

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

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

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

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

Наши карты

Самые подробные, законченные и подписанные карты последней недели.:)

  

Тимофей Мартынов, 5Б

Adobe Photoshop: рисуем сказочную карту

Оригинальный текст этого урока был опубликован здесь, однако я его немного упростила и заменила некоторые инструменты. Получилось у нас вот что.

Шаг 1. Открываем Adobe Photoshop и создаем новый документ.

Снимаем блокировку со слоя, дважды кликнув по замку.

Устанавливаем основной цвет (верхний) черный, а фоновый (то есть, нижний) - белый и создаем облака (Фильтр/Рендеринг/Облака).