Векторный редактор inkscape

30 января 2014
article466.jpg

       Не буду ни кого убеждать, что inkscape  круче чем CorelDraw  или Adobe Illustrator, но если вы не хотите тратить деньги на лицензионное ПО  и тем более не хотите нарушать авторские права приступая закон, тогда Inkscape  это то что нужно. Я не буду писать на отвлеченные темы, а буду описывать то, что мне приходится делать в рамках своей работы. Скажу сразу, я программист а не дизайнер. Но так как я занимаюсь сайтами и  штаного дизайнера у нас нет, то нагрузли меня. А так как я люблю учиться чему то новому, отказываться я не стал, а просто начал изучать возможности свободного програмного обеспечения, коим в частности и является inkscape.

 

И так приступим. Задача сделать анимированный  банер размером 468x60. Банер будет собираться из различых графических и текстовых элементов. В частности нужна вот такая плашка под адресный блок.

Шаг 1. Рисуем прямоугольник.  

 

2. Работа с контуром.

Выбираем и инструмент для создания прямоугольников, на скриншоте отмечен стрелкой под N1. После создания прямоугольника, жмем инструмент под стрелкой N2. Этот иструмент служит для выборки объектов. Если вам необходимо выбрать сразу несколько объектов, например для группировки, зажмите SHIFT  и после этого кликайте на объекте. Итак после того как объект выбран вам будет доступна панель для изменения размеров объекта. Установим высоту и ширину объекта. Стрелки  N3 и N5. Выставляем ширину 250 пикселей и высоту 60 пикселей. После выставления нужных нам размеров необходимо зафиксировать пропорции объекта. Для этого кликаем на инструмент под стрелкой N4. Замок на инструменте должен перейти в замкнутое состояние. Теперь, если мы будем изменять один из  параметров, другой будет изменяться пропорционально. Заметьте, что размеры можно выставлять  тремя способами. Растягивая его мышкой, кликая по флажкам на инструментах ширина и высота и задавая  конкретные размеры в поле цифровым значением.

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

И на заключительном этапе. Зажимая SHIFT кликаем по обеим объектам, таким образом выделив их и подготовив к следующей операции. В меню выбираем Контур->Разность либо жмем Ctrl+-.

3. Заливка градиентом. Умение работать с градиентом позволяет решать многие задачи в создании компьютерной графики. С помощью градиента  создаются эффекты света и тени, рисункам придается реалистичность.

В данной работе мы применим самый простой метод градиентной залики линейный градиент.

 

 

 

 

Комментарии (2)
Серж # 6 февраля 2014 в 10:58 0
Не плохой мануал. А продолжение будет ?
Администратор # 7 февраля 2014 в 01:34 0
Буду стараться по мере сил .