Текст книги "Открытые и бесплатные программы для Windows"

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

Я завел себе Sodipodi, будучи готовым нести ответственность за того, кого приручил, и имея представление, на что могу рассчитывать. А рассчитывал я на простой векторный редактор для создания и редактирования файлов формата SVG (Standard for Vector Graphics). Это открытый, основанный на XML формат для описания векторной графики. Впервые поддержка SVG была реализована в коммерческом редакторе Adobe Illustrator 9. Несмотря на то что первую версию стандарта разработали программисты Adobe, консорциум W3C одобрил и рекомендовал SVG в качестве стандарта векторной графики для Веб. Частично его возможности демонстрирует браузер-редактор Ашауа того-же консорциума, но этот редактор трудно назвать удобным. Обычно пользователи хотят иметь более дружественный инструментарий для визуального редактирования и просмотра SVG-графики.

Усовершенствованный консорциумом W3C формат SVG обрел дружную поддержку векторными редакторами десятого поколения: Adobe Illustrator 10, CorelDRAW 10 и Macromedia FreeHand 10. Но несмотря на хороший старт на сегодняшний день этот формат так и не получил широкого распространения. А зря! Простота, удобство и привычный, напоминающий HTML, синтаксис этого языка позволяют писать для него открытые и, как следствие, хорошо переносимые приложения.

Первым открытым инструментом для работы с SVG стал векторный редактор эстонского происхождения с интригующим японским названием Sodipodi. Он разработан с использованием интерфейсного инструментария GNOME, поэтому, если вы решили установить Windows-версию Sodipodi, убедитесь, что у вас установлены библиотеки GTK+ 2.0.

Sodipodi вполне "бел и пушист", но пользователи отмечают наличие небольшой проблемки при заведении этого Эстонского Длинношерстного. После установки зачем-то требуется найти файл zlibl.dll и переименовать его в zlib-l.dll. Либо разработчики недоглядели, либо хотят ограничить круг пользователей более или менее опытными (такое в мире Open Source встречается). В любом случае, это небольшая плата за право иметь под рукой такого красивого котика.

Я говорю красивого потому, что интерфейс этой программы действительно интуитивно понятный, особенно учитывая входящую в дистрибутив полную локализацию. Программа поддерживает русский, английский, китайский, украинский и т. д. На большой и удобной панели инструментов я обнаружил все нужные мне инструменты и смог немедленно приступить к рисованию, не тратя времени на изучение и привыкание. Функционально программа тоже оказалась на высоте. Наиболее часто используемые функции работают прекрасно. На стабильность жаловаться тоже не приходится. Мне, например, удалось открыть в программе около пяти десятков файлов прежде, чем она рухнула. Скорее всего, из-за нехватки памяти. На рис. 9.31 можно увидеть, как Sodipodi справляется с выводом одного из самых популярных векторных изображений. Голова тигра – довольно сложный векторный рисунок, импортированный из EPS. Она также используется интерпретатором Ghostscript в качестве теста работоспособности.

Рис. 9.31. В хороших руках Sodipodi становится верным инструментом для редактирования векторной графики формата SVG

Функционально эта программа если и уступает CorelDRAW, то не намного. Работа с текстом, например, не доработана, да и градиенты могли бы быть лучше. Существует такая же, как и в GIMP странная проблема при масштабировании. Его почему-то можно осуществлять только с определенным шагом. Я даже начал подозревать, что это недостаток библиотеки GTK+, но, как потом выяснилось, напрасно.

Вместе с программой Sodipodi настоятельно рекомендуется скачать набор демонстрационных картинок под названием Sodipodi Clipart 2.1. Это свободно распространяемые рисунки, созданные при помощи Sodipodi. Они дадут прекрасное представление о возможностях формата SVG вообще и редактора Sodipodi в частности. Эти рисунки вы можете использовать без каких-либо ограничений. На сайте Sodipodi их лицензионный статус определен как "общественное достояние".

Кроме того, на эти картинки действительно приятно посмотреть. Тут и галерея сексапильных девчушек, выполненных в стиле аниме, и набор гравюр с раритетными моделями автомобилей, и даже логотипы основных проектов Open Source. Будучи открытыми (в коммерческом ли редакторе, в окне ли браузера, снабженного SVG-плагином), эти рисунки на примерах и четкой логике убедят вас в надежности и эффективности стандарта SVG.

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

• Sodipodi – бесплатный редактор векторной графики формата SVG.

• Операционная система: Win9x/NT/2K/XP, Mac OS X, Linux.

• Системные требования: процессор Pentium II.

• Размер дистрибутива: 5,4 Мбайт.

• Сайт: http://www.sodipodi.com,

• Оценка: ****+.

Редактор Inkscape называют прямым потомком Sodipodi. Первые версии этого редактора появились в конце 2003 г., и они действительно были основаны на исходном коде эстонского редактора. Но на сегодняшний день по функциональным возможностям и особенно по удобству в работе Inkscape вырвался далеко вперед – в полном соответствии с девизом «А котята еще выше!»

На рис. 9.32 можно увидеть, что интерфейс редактора Inkscape сильно напоминает CorelDRAW, даже назначения клавиш во многом совпадают с теми, что приняты в этой программе. Это настоящий подарок для тех, кто хочет использовать свободно распространяемый аналог CorelDRAW не только под Windows, но и в других операционных системах, включая Linux, UNIX и Mac OS X.

Рис. 9.32. Пожалуй, самый перспективный из открытых редакторов векторной графики – это Inkscape

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

В отличие от своего предка, Inkscape содержит массу полезных «наворотов». Среди них: булевы операции с формами (сумма, пересечение, разность, XOR), динамический offset, поддержка letter-spacing. Добавлены также возможности импорта векторных изображений формата Adobe Illustrator (AI), PostScript и Encapsulated PostScript (PS и EPS), Windows Metafile (WMF), Dia Diagram (DIA), Sketch Diagram (SK) плюс три десятка растровых. Сохранить векторный файл можно в формате SVG, PS, EPS, PDF, DXF и даже PovRay (POV), а вот растровый экспорт поддерживается почему-то только в формат PNG.

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

Кстати, масштабирование в Inkscape существенно лучше, чем, например, в GIMP или Sodipodi. Минимальный масштаб равен 3 %, максимальный – 25 600 %. Можно даже указать произвольный масштаб в процентах, правда, без дробей. В связи с этим фактом с библиотеки GTK+ пришлось срочно снять все подозрения в «масштабных» диверсиях.

Среди множества других удобных функций хочется особо отметить сохранение viewport вместе с документом и редкую для кроссплатформенных программ «фишку» – возможность полноэкранного редактирования (fullscreen). Эта функция была проверена лично мной и в Linux, и в Windows. Работает!

Перед началом работы следует убедиться, что вы используете правильный размер холста, нужные вам единицы измерения и пр. Все эти и многие другие параметры можно найти в диалоговом окне Файл | Свойства документа (<Shift>+<Ctrl>+<D>). На рис. 9.33 представлен вид этого диалогового окна с настройками по умолчанию.

Рис. 9.33. На вкладке Страница диалога Свойства документа большинство настроек оптимальны, если вы используете стандартный размер бумаги, но в выпадающем списке Единица измерения лучше выбрать более понятный – см или мм

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

Если ваш рисунок в конечном итоге окажется на физическом носителе (бумага, CD, рекламный щит), то я настоятельно рекомендую исправить эту абсурдную ситуацию путем выбора пункта cm или mm в выпадающем списке Единица измерения в области Общие на первой вкладке диалога Свойства документа. Фон лучше всего оставить прозрачным, но если вы все же решили выбрать цвет фона, то имейте в виду, что он будет учитываться при экспорте в растр.

Если вас чем-то не устраивает бумага формата А4, то в области Формат вы можете выбрать другой Размер холста, например, A3 или А2, если вы задумали нечто более масштабное и у вас есть, где это печатать. В целом, список доступных размеров насчитывает 32 позиции. Кроме ряда европейских и нескольких англо-американских форматов бумаги здесь есть даже формат стандартного баннера для Веб (648x60) и два формата иконок (16x16 и 32x32). У системного программиста такая трогательная забота почти наверняка вызовет умиление.

Вообще, если вы задумали создание рисунка с прицелом на последующую растеризацию (рекламные баннеры для Веб, обои рабочего стола), то вам лучше установить свой Свой размер холста в области Формат. Кроме того, лишь в этом случае в качестве Единицы измерения имеет смысл использовать пикселы (рх). Параметры области Кайма для наглядности рекомендуется оставить включенными.

Будь в курсе

Согласно исследованиям IAB (Internet Advertising Bureau, www.lab.net), баннеры формата 648x60 морально устарели. Вместо них они рекомендуют использовать так называемые башни (skyscrapers) формата 120x600 или 120x300 и разнообразные квадраты (squares) 120x120, 160x160, 200x200 и т. д. Впрочем, баннеры как таковые тоже не спешат выходить из моды, но их формат теперь существенно больше – от 600x90 до 800x120.

Вторая вкладка диалогового окна Свойства документа, под названием Сетка/Направляющие, служит для установки параметров специальных, невидимых на выходе элементов, облегчающих компоновку. Если вы готовите чертеж, то вам, вероятно, понравится возможность создания виртуальной «миллиметровки».

Для того чтобы украсить бумагу миллиметровыми клеточками, поставьте флажок Сетка, поменяйте Единицы измерения на mm и обнулите при необходимости параметры Точка отсчета по X и Точка отсчета по Y. Затем в полях Интервал по X (Y) пропишите по единице и укажите в параметре Основная линия сетки каждые 10 линий. У вас получится точная копия миллиметровой бумаги с более четкими сантиметровыми линиями с той лишь разницей, что при печати и экспорте в растр эти линии не будут видны. На рис. 9.34 приведены параметры еще одного варианта разлиновки – сантиметрового.

Рис. 9.34. Сетка может быть полезна тем, кому важна точность размещения объектов

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

Полезный совет

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

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

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

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

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

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

Для навигации по рабочему пространству (или холсту) в Inkscape замечательным образом задействовано колесо мыши. С его помощью можно крутить документ вверх-вниз и влево-вправо, если при этом нажать и удерживать клавишу <Shift>. С нажатой клавишей <Ctrl> колесо позволяет менять масштаб документа. Нажав непосредственно на колесико, вы сможете двигать холст под окном в любом направлении (инструмент – Рука). Чтобы прокручивать холст с клавиатуры, используйте <Ctrl>+стрелки.

Кстати

Многие действия над объектами можно совершать при помощи клавиатуры. В большинстве случаев стрелки используются для перемещения объектов или узлов, клавиши <←> и <→> увеличивают или уменьшают выбранные объекты, а <[> и <]> позволяют вращать их. Модификаторы <Shift> и <Ctrl> в сочетании с перечисленными клавишами меняют размер шага действия. Например, с нажатой клавишей <Shift> объект при перемещении окажется дальше, а удерживая <Ctrl>, вы сможете уменьшать и увеличивать объект сразу в два раза и вращать на 90 градусов. Полный справочник по клавишам можно вызвать через пункт меню Справка | Клавиатура и мышь.

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

Для начала проверим, сможет ли Inkscape правильно выводить текст на русском языке. Нажмите на панели инструментов кнопку с изображением буквы «А» – Создавать и править текстовые объекты (<F8>). Обратите внимание, что форма курсора мыши изменилась – вместо стрелочки по экрану двигается перекрестие с буквой «А». Вы можете создать два типа текстовых объектов: строка (простой щелчок) и блок текста (выделение прямоугольной области). Если вы создаете строку, то вам придется самостоятельно заботиться о переходе на следующую строчку. Блок текста позволяет четко определить границы, и текст будет переноситься в пределах очерченной области. Для начала создайте строчку – щелкните немного правее и ниже левого верхнего угла холста.

Это трепетный момент: не все редакторы хорошо работают с кириллицей. Переключитесь на русскую раскладку и наберите заголовок объявления, например, "Продается автомобиль". Замечательно! Русский текст появился сразу же. Редактор прошел главный тест по русскому языку, и ему присваивается статус ГТО (Готов к труду и обороне), а вы только что создали свой первый объект в открытом и бесплатном редакторе векторной графики. Теперь опробуем в деле основные функции модификации объектов.

Созданная нами надпись выглядит мелковато. По умолчанию Inkscape для Windows использует кегль 10 шрифта Arial. Этот размер подходит только для журнального текста, а нам нужен заголовок. Увеличить кегль можно двумя способами. Один из них – кнопка Т на панели редактирования, вызывает диалог Текст и шрифт, в котором вы можете просмотреть и изменить семейство шрифта, начертание, кегль, интерлиньяж и прочие характеристики. Если же нам нужно просто увеличить размер шрифта, то можно поступить проще.

При помощи первой кнопки на панели инструментов или клавиши <F1> переключитесь в режим Выделение и трансформация объектов. По углам и в середине каждой стороны выделенного объекта появятся узелки для растягивания. Потяните за правый нижний угол и вы увидите чудо – текст растягивается, как резиновый. Я рекомендую пользоваться этим инструментом осторожно, вы можете ненароком так изменить шрифт, что его мама родная не узнает. Например, путем сжатия по горизонтали тут очень просто превратить обычный Arial в какой-нибудь Compact. Чтобы сохранить пропорции шрифта или любого другого растягиваемого объекта, удерживайте клавишу <Ctrl>. Удерживая <Shift>, вы будете растягивать фрейм относительно центра.

Вернемся к нашим автомобилям. Итак, удерживая <Ctrl>, растяните фрейм с надписью "Продается автомобиль". Не мелочитесь. Пусть эта надпись займет всю ширину холста. Открою вам небольшой секрет: в наружной рекламе нельзя мельчить. Заголовок любого объявления должен быть читаем с расстояния в три метра.

Теперь создайте еще один текстовый фрейм и напишите название марки авто. Допустим, это автомобиль SKODA . Изображение машины можно вставить при помощи пункта меню Файл | Импортировать. Это может быть как растровое изображение в одном из распространенных форматов, так и векторный рисунок в формате SVG. В настоящий момент список импортируемых типов файлов насчитывает шестнадцать позиций. Среди них есть и широко распространенные BMP, GIF, ICO, JPEG, PNG, PCX, TGA, TIFF, и менее известные WBMP, XPB, XPM, RAS, PNM, и даже ANI (анимация).

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

В этом режиме вы можете не только изменять размеры объекта, но и поворачивать его под любым углом и даже перекашивать. Для этого надо щелкнуть по объекту один раз, чтобы появились узелки для растягивания, а затем второй раз. Главное – не перепутать это действие с двойным щелчком. Двойной щелчок на текстовом объекте переключит вас в режим редактирования текста. Поэтому щелкните на объекте один раз, повремените секунду, затем щелкните еще раз. Узелки поменяют свой вид и назначение, с помощью угловых «хваталок» вы сможете поворачивать фрейм, а те, что посередине каждой стороны, позволят перекосить объект.

Выполнять вращение объектов в Inkscape удобно при нажатой клавише <Ctrl> – наклон будет осуществляться с шагом в 15 градусов. Кроме того, чтобы повернуть объект на 90 градусов или отразить по горизонтали или вертикали, вам и вовсе не нужно переходить в режим свободного вращения.

В режиме выделения и трансформации объектов на панели параметров инструментов (вторая сверху) есть для этого специальные кнопки.

Давайте выделим фрейм с телефоном и повернем его на 90 градусов против часовой стрелки (первая кнопка на панели параметров инструментов в режиме выделения и трансформации). Это нам нужно для того, чтобы на основе этого фрейма создать набор отрывных купончиков. Теперь нужно несколько раз продублировать фрейм с телефоном. Для этого выделите его и нажмите <Ctrl>+<D>. Копия объекта в результате этой операции появляется точно поверх существующей, поэтому не пугайтесь, если внешне ничего не изменилось. Просто перетащите новый объект на другое место и вы заметите, что оригинал остался на месте. Повторите операцию еще несколько раз и выстройте фреймы с телефоном в нестройный ряд вплоть до правой границы холста.

Полезный совет

Для дублирования повторяющихся элементов в Inkscape предусмотрена еще одна шикарная возможность. Клонирование (Правка | Клоны | Создать клон или <Alt>+<D>) позволяет создавать объекты-копии, связанные с оригиналом таким образом, что изменение оригинала отражается на всех его клонах. Используя этот метод в нашем примере, вы сможете создать простой в использовании шаблон объявления. Телефон надо будет менять только в одном фрейме.

Теперь нам нужно придать всей конструкции опрятный и упорядоченный вид. Вы можете попытаться вручную выровнять все надписи, но все равно будут небольшие отклонения. Поэтому мы воспользуемся специальным инструментом Выровнять и расставить объекты. Его можно вызвать через пункт меню Объект | Выровнять и расставить или при помощи комбинациии клавиш <Shift>+<Ctrl>+<A>. На панели команд соответствующая кнопка – третья справа.

Внешний вид панели Выровнять и расставить представлен на рис. 9.36. Каждая кнопка дает наглядное представление о том, как будут расставлены объекты. Причем для текстовых объектов выравнивание предусмотрено не только по границам фрейма, но и относительно базовой линии текста. В приведенном примере я выделил четыре текстовых фрейма и выровнял их по левому краю. Следует иметь в виду, что в пределах выделенной области Inkscape всегда выравнивает объекты по крайнему с нужной стороны. Я обращаю на это ваше внимание потому, что некоторые другие программы (например, QuarkXPress) выравнивают все относительно последнего выделенного объекта.

Рис. 9.36. При помощи панели Выровнять и расставить вы сможете управлять расположением и распределять объекты не только относительно границ фреймов, но и по базовой линии текста

Еще одна шикарная функция этого инструмента заключается в способности аккуратно расставить объекты. Например, нам нужно не просто выровнять наши телефоны по верхушкам, но и распределить их по горизонтали так, чтобы между ними было одинаковое расстояние. Для этого выделите телефоны, нажмите <Shift>+<Ctrl>+<A> и на появившейся панели инструментов Выровнять и расставить нажмите кнопки Выровнять по верхним краям и Равноудаленно расставить центры объектов по горизонтали. Результат будет выглядеть так, как показано на рис. 9.37.

Рис. 9.37. С помощью панели инструментов Выровнять и расставить я подровнял телефончики по верхнему краю и распределил их равномерно по горизонтали

Еще одно важное и полезное свойство объектов Inkscape заключается в том, что их можно группировать. Это полезно в тех случаях, когда уже не нужно больше менять взаимное расположение нескольких объектов, а только всех вместе. В нашем примере упорядоченный ряд из клонов телефонов так и просится в группу. Выделите их и нажмите <Ctrl>+<G> (пункт меню Объект | Сгруппировать). Теперь это один объект и его, например, можно выровнять по левому краю вместе с заголовком объявления. Кроме того, в данном конкретном случае я рекомендую подогнать высоту всего объявления под половинку холста, объединить и сделать копию. Так вы сможете поместить два объявления на одном листе.