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

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





( Читать дальше )

Недавно я рассказывал, как работать с контурами в редакторе Gimp. В растровой графике контуры и узлы — факультативный инструмент, используемый не часто. А вот в векторной графике они — основа основ. Не случайно инструмент работы с узлами помещен на панели инструментов вторым. Выполним упражнение по прорисовке растрового логотипа с помощью векторного редактора InkScape.

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

Для начала «затащим» растровый образец в редактор, чтобы было с чем сравнивать. Поверх волн нарисуем полупрозрачный прямоугольник:





( Читать дальше )

Мало какой сайт обходится без растровой графики, котя, конечно, сейчас ей не так злоупотребляют, как на рубеже 90-х и 2000-х. Обычно художественные идеи в виде красивых букв, логотипов и т.п. декоративных элементов размещают в самом верху страницы. Ниже описывается примерная технология изготовления такой заголовочной части средствами редактора Gimp.

Для создания декоративного заголовка можно воспользоваться автоматикой, вызвав из меню «Файл -> Создание -> Логотипы» один из предустановленных скриптов:



Получается что-нибудь вот такое:



Однако автоматика есть автоматика: к таким «творениям» бывает трудно подобрать дополнительные цвета и подогнать другие элементы дизайна, так что лучше делать всё вручную.



( Читать дальше )

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

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

Рассмотрим технологию работы с контурами на примере рисования вот такого гламурного коктейльчика.





( Читать дальше )

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

В ходе выполнения вы освоите основные приемы работы с инструментами «Прямоугольное выделение» и «Заливка».

1) Создаем новое изображение размером 800х800 пикселей (меню «Файл -> Создать...», где заполняем параметры ширины и высоты):





( Читать дальше )

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

За десятилетия развития компьютерных средств обработки растровой графики сформировалось огромное количество файловых форматов. Вот, например, список, в диалоговом окне «Сохранить как...» редактора Gimp:



Однако большинство из них используется редко и для реальной работы нужно знать всего около десятка (см. под катом).


( Читать дальше )

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

Прежде всего напомню, что в состав Википедии входит проект Изображение дня, где собрано огромное количество прекрасных снимков высокого качества (в среднем шириной от 2000 пикселей). При этом всё это совершенно бесплатно и свободно можно использовать. Заходим на страничку «Изображение дня», выбираем понравившуюся картинку из сотен:




( Читать дальше )

Тысячи иконок в растровом (png) и векторном (svg) форматах можно найти в бесплатной библиотеке Open Icon Library. Здесь можно найти флаги, иконки интернет сервисов, приложений и многое другое. Полный архив — более 300Мб!