Как нарисовать Angry Birds

Здравствуйте, уважаемые друзья. Наверно каждый из вас играл в популярную игрушку под названием Angry Birds, или как ее еще называют на русском языке – злые птицы.

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

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

Скачать бесплатно GIMP можно с официального сайта Gimp.org, также можно посмотреть уроки для начинающих, которые помогут вам в освоении этой графической программы.

Материал для размышления я вам дал. Перед началом урока скажу еще пару слов, что в сегодняшнем уроке продемонстрирована самая распространенная техника рисования в редакторе с помощью мощного инструмента под названием «Контуры».

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

1. Создание нового прозрачного слоя
2. Рисование элемента с помощью инструмента «Контуры»
3. Перевод созданного элемента в выделение
4. Закрашивание выделения выбранным цветом из палитры.

Видите, все просто. Так что, если вы готовы, то мы преступаем к уроку.

Шаг 1. Запускаем графический редактор. Далее через меню «Файл – Создать», создаем новый проект

В открывшемся диалоге задаем параметры холста проекта

Шаг 2. Теперь переходим в меню «Изображение – Направляющие – Новая направляющая»

И в открывшемся диалоге вводим значение 250,

Далее еще раз заходим в этот пункт, но в настройках выбираем «Вертикаль»

В результате у нас получится так

Шаг 3. Переходим в меню «Слой – Создать слой» и в открывшемся диалоге нажимаем ОК.

В результате у нас в списке слоев добавится новый слой.

Шаг 4. Теперь на панели инструментов выбираем «Эллиптическое выделение»

В настройках инструмента задаем следующие параметры: Рисовать из центра, Лини по центру, Размер 380×340.

И закрашиваем созданное выделение черным цветом. Чтобы это сделать просто нажмите на пиктограмму с черным цветом и перетащите ее на рабочее пространство.

Снимаем выделение через «Выделение – Снять»

Шаг 5. Создаем новый прозрачный слой, выбираем инструмент «Контуры»

и рисуем, как на скриншоте.

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

Шаг 6. Создаем выделение из контура, для этого нажимаем на кнопку «Выделение из контура» в свойствах инструмента.

Шаг 7. Закрашиваем выделение черным цветом

и объединяем два слоя между собой. Для этого щелкаем правой кнопкой мыши по верхнему слою и в выпавшем меню выбираем «Объединить с предыдущем».

Шаг 8. Создаем еще один прозрачный слой, на котором нарисуем хвост птицы. Также для этой операции воспользуемся инструментом «Контуры».

Шаг 9. Выделяем в стопке слоев слой с туловищем и правой кнопкой вызываем контекстное меню, где выбираем пункт «Альфа-канал в выделение»

Далее переходим в меню «Выделение – Уменьшить»

и в открывшемся диалоговом окне вводим значение 3 px.

Создаем новый прозрачный слой и закрашиваем выделение красным цветом (cb1e31)

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

Шаг 10. Рисуем глаза птицы. Для начала создадим две направляющие через меню «Изображение – Направляющие – Новая направляющая» и в открывшемся окне вводим следующие параметры.

Аналогично создаем вертикальную направляющую с размером 360

Шаг 11. Создаем новый прозрачный слой и выбираем инструмент «Эллиптическое выделение» в настройках которого указываем «Рисовать из центра» и рисуем круг с размерами 75 на 75.

Закрашиваем созданное выделение черным цветом. Далее уменьшаем выделение через «Выделение – Уменьшить» на 3 пикселя и закрашиваем его белым цветом. Снимаем выделение через «Выделение – Снять»

Давайте нарисуем второй глаз. Для этого создадим вертикальную направляющую 290 и аналогично предыдущему шагу нарисуем круг.

Шаг 12. На следующем шаге нарисуем зрачки у глаз. Размер зрачков 24 на 24 пискеля

Шаг 13. Создадим еще один прозрачный слой, на котором также с помощью инструмента «Контуры» нарисуем знаменитые нахмуренные брови птички.

Шаг 14. Создадим еще один слой, на котором нарисуем верхнею часть клюва, также с помощью инструмента «Контуры». Для данного примера, я временно отключил видимость остальных слоев

Создадим выделение из контура и закрасим созданное выделение черным цветом, далее уменьшим выделение на 2 пикселя и закрасим на этом же слое выделение желтым цветом (f2b42b). Должно получиться так.

Шаг 15. Аналогично предыдущего шага, нарисуем нижнею часть клюва

Шаг 16. Создадим еще один прозрачный слой на котором также с помощью инструмента «Контуры» нарисуем грудь птицы. Закрасим созданное выделение из контура цветом (ddbfa5)

Шаг 17. Вот мы постепенно приближаемся к финалу урока. На этом шаге нарисуем на птице несколько пятен. Для этого вновь создадим дополнительный слой и на нем с помощью «Эллиптического выделения» создадим три пятна и закрасим их темно красным цветом (9a2025)

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

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

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

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

С уважением, Антон Лапшин!

Для этого понадобится — баклажан, пластилин, лимон, зубочистка и нож. Смотрите видео-инструкцию.

Ролик сделан с использованием следующих свободных программ:

• Запись и редактирование звука — Audacity
• Монтаж видео — Kino

В ролике использовалась свободная музыка от проекта ExitProject, а именно http://exitproject.ru/music/demo2006/charged_water-demo.mp3

Сделаете своих баклажанных пингвинов — фотографируйтесь с ними и пишите в комментариях ссылки на фотографии.

Сергей Косаченко, учитель информатики Каргасокской средней школы №2, а также победитель конкурса «Код свободы» в Томской области, поделился с нами инструкцией «Как сканировать в Linux», которую он использует для уроков.

Инструкция по сканированию в Linux

Например, пингвин — единственная птица, которая может плавать, но не может летать. Кроме того, это единственная птица, которая держит позвоночник вертикально, когда ходит.

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

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

Пора обустраивать пространство вокруг — следующий урок посвящён «выращиванию» ёлочки. Тем более Новый год скоро, деревце актуальное. Автор урока — Дмитрий Гриценко.

Ёлочка получилась, на первый взгляд, примитивная, но тем больше пространства для вашего творчества. Заняться веточками или шарами и гирляндами — решайте.

Урок запакован в архив (2.4 Мб).

О чем попросим сделать следующий урок? Предлагайте в комментариях!

Началось всё с того, что Нижегородский LUG (Linux User Group) пригласил нас на Linux Install Fest, рассказать о школьном проекте и, вообще, о свободном ПО. В Нижний Новгород отправился Тарас Абламский. который является одним из организаторов Волгоградской LUG.

Казалось бы, кого Тарас мог встретить в Нижнем?

Как выяснилось, туда же приехали его земляк Дмитрий Гриценко (компания «Иллюзионикс») и Андрей Изранцев из Рязани, автор проекта V-Ray/Blender. В рамках Install Fest’а ребята проводили мастер-класс по Blender’у, редактору 3D графики. Мы таких творческих людей не упускаем, Тарас оперативно договорился о проведении аналогичного мастер-класса в рамках выставки Softool 2008.

А уже на Softool’е они попались мне. Какой-то десяток секунд порхания пальцев, и на экране возник симпатичный домик с крышей и окном…

— Вы можете урок сделать для freeschool с этим домиком? — попросила я.

В результате вашему вниманию предлагается урок Алексея Калачёва («Иллюзионикс») «Конструируем домик».

Скачать урок (архив, 1.6 Мб).

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

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

За вдохновение к созданию урока благодарю Лебедева Артёма из Череповецкого ЛУГа.

Итак…

1. Файл/Создать. Параметры: ширина 200px, высота 100px.

2. Выбираем пару оттенков одного цвета для цветов переднего плана и фона.

3. Выбираем инструмент Прямоугольное выделение. Выделяем область будущей кнопки.

4. Делаем закругление углов: Выделение/Закруглить прямоугольник.

5. Выбираем инструмент Градиент и заливаем выделение так, чтобы более светлый тон был внизу.

6. Выделение/Уменьшить, скажем, на 5px.

7. Применяем Градиент в обратную сторону, чтобы светлый тон был вверху.

8. Добавляем тень: Фильтры/Свет и тень/Отбрасываемая тень. Параметры: смещение по оси X — 4, смещение по оси Y — 4, радиус размывания — 4.

9. Добавляем текст и кнопка готова.