Paint.net

Для более подробного просмотра перейдите на сайт youtube.com и смотрите урок в улучшенном качестве.

Компьютерная растровая графика: подсказки для сдающих, но не сдавших

Поздравляю тех, кто успешно сдал зачёт (или получил его "автоматом"), а тем, кто не сдал, даю подсказку.

Для успешной сдачи зачёта по растровой графике вам нужны уроки
Прямоугольник, лассо и волшебная палочка
Слои
Корректирующие слои
Удаление мелких дефектов
А также необходимо помнить, как работает режим трансформации: стоя на слое с объектом, входите в режим трансформации (CTRL+T), далее, зажимая клавишу SHIFT, тянете изображение за угловой маркер вниз или вверх и, достигнув нужного размера, нажимаете клавишу Enter.
Почему-то именно с трансформацией у нас возникло больше всего затруднений. Да еще с "волшебной палочкой", которая не только в сказках, но и в графике может решить множество проблем одним кликом - если уметь ею пользоваться.

Пересдать или досдать зачёт можно до 1 июня.

Темы, необходимые для сдачи зачета по Adobe Photoshop

Обращаю ваше внимание на видеоуроки, необходимые для сдачи весеннего зачета! Это:

Adobe Photoshop: начало
Инструменты выделения
Инструменты выделения. Продолжение
Слои
Корректирующие слои
Коррекция дефектов

Зачет по растровой графике будет проходить с 18 по 22 апреля по вашему обычному расписанию. Пересдача - с 25 по 29 апреля или после майских праздников.
Также напоминаю, что вне зависимости от сдачи зачета, занятия по растровой графике для всех желающих будут продолжаться вплоть до июня (кроме тех дней, когда в наших кабинетах будут происходить экзамены, ГИА, ЕГЭ и т.д.).

Выравнивание горизонта и перспективы в GIMP

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

Или даже такими:

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

 Иван Ашарин, 5Б

 Анастасия Голикова, 5А

Анастасия Голикова, 5А

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

GIMP: выделение, слои и фильтры

Gimp. Световорот

Выравнивание горизонта и перспективы

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

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

Вот ваш результат. При желании можете создать еще одну, две, сколько угодно рамок, выделять их пипеткой и перекрашивать.

Корректирующие слои

Как раскрасить черно-белую фотографию

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

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

 Анастасия Голикова, 5А

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

Скромный автор, не подписавший свою работу

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

Устранение дефектов в Adobe Photoshop

Орнамент в Adobe Photoshop

Adobe Photoshop: работаем с контурами

На уроке мы делали этот рисунок гораздо проще: рисовали баночки без крышки. В этом уроке вы можете увидеть, как это задание выглядит на сайте http://www.photoshop-master.ru. А здесь можете найти его самый полный вариант.

Шаг1. Создаём новый документ размерами 800x800 с разрешением 72.

Анимация: мяч

Анимация: маяк

Adobe Photoshop: инструменты выделения и... здравый смысл

Зачёт показал, что все вы прекрасно владеете инструментами выделения.
Но вот вопрос: какие инструменты в каких случаях использовать целесообразнее?
Подумайте и ответьте: каким инструментом (или инструментами?) выделения вы будете выделять фон на этих картинках?

 

 

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

А использовать его нужно так:

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

Скоро зачёт!

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

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

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

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

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

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

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

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

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

Adobe Photoshop: слои

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

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

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

 

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

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

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

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

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

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