lwilis 21.12.2009 11:17
How-to`s — Создание логотипа в Inkscape
![logowelsmall.png](http://img704.imageshack.us/img704/8915/logowelsmall.png)
Картинки кликабельны.
История настоящей заметки началась с пустяка — мне захотелось сменить аватарку. Обрезать и масштабировать очередную фотку своего фейса показалось банальным. Тогда решил сделать лого для себя. Поиск идеи и ее воплощение на бумаге стоило нескольких дней и кучи исчерченных листов. Полагаю, что эту фазу каждому приятно пережить самостоятельно. А я расскажу об инструментарии и способе представления вашего творения в векторном виде.
Как я уже сказал, нам понадобится векторый редактор Inkscape. Об установке я здесь не упоминаю в надежде на то, что вы знаете как устанавливаются программы в вашей системе.
Запустим Inkscape. В центре окна видим рамку — это ограничение размера нашего документа. Формат по умолчанию соответствует листу A4. Белую область за пределами рамки обрамляет "линейка". Для начала нужно решить в каких единицах вы будете работать, как вариант — пиксели или миллиметры. Нажимаем Shift+Ctrl+D и попадаем в окно настройки параметров документа.
![snapshot03.th.png](http://img709.imageshack.us/img709/1770/snapshot03.th.png)
Как видите, в качестве основной единицы измерения я выбрал пиксель.
Выбираем инструмент для создания прямоугольников
![=select tool](http://img10.imageshack.us/img10/9187/selectl.png)
![snapshot05ed.th.png](http://img706.imageshack.us/img706/8793/snapshot05ed.th.png)
Выберем инструмент и сдвинем копии исходного квадрата.
Теперь отменим перемещения (Ctrl+Z) так, чтобы все три квадрата сливались снова в один. Теперь идем в диалог преобразований (Transform) Shift+Ctrl+M и выбираем масштабирование (Scale). Задаем по 50% от размеров исходного квадрата и применяем изменения. Результирующий квадрат расположен точно по центру, относительно двух остальных. Теперь зажимаем Shift и щелкаем по квадрату большего размера — таким образом мы выделили сразу два объекта. Делаем исключение одного объекта из другого (Ctrl+^).
![snapshot07.th.png](http://img704.imageshack.us/img704/7422/snapshot07.th.png)
Для проверки сдвинем получившийся объект.
![snapshot08.th.png](http://img705.imageshack.us/img705/4052/snapshot08.th.png)
И отменим сдвиг.
Теперь нам нужно совместить левый верхний угол пустой области внутри квадрата с "дыркой" и левый нижний угол последнего квадрата.
![=Это то, что нужно совместить](http://img8.imageshack.us/img8/5454/movecorners.png)
Сделаем три гид-лайна. Зажмем мышку в области горизонтальной "линейки" и сдвинем вниз — первый гид-лайн готов, также сделаем второй и еще один вертикальный. Зададим координаты гид-лайнов: 0 по X, 0 по Y для вертикального и горизонтального; затем 0 по X, 500 по Y для оставшегося горизнтального. Диалог установки параметров гид-лайна вызывается двойным кликом по гид-лайну. Осталось выделить наши объекты и тащить в нижний угол документа, в какой-то момент квадраты примагнитятся к гид-лайнам.
![snapshot09en.th.png](http://img704.imageshack.us/img704/7206/snapshot09en.th.png)
Теперь выделим квадрат с дыркой и тащим его вниз, совместим левый верхний угол пустоты, примагнитились? Если да, то основная часть работы сделана.
![snapshot11.th.png](http://img693.imageshack.us/img693/8265/snapshot11.th.png)
Делаем слияние (Union) Ctrl++ наших объектов. И опять обратимся к диалогу преобразований. Теперь нам понадобится вкладка сдвига (Skew). Сдвигаем на 45 градусов по вертикали. Переходим во вкладку поворота (Rotate) и поворачиваем на "-45" градусов.
![snapshot15.th.png](http://img709.imageshack.us/img709/6391/snapshot15.th.png)
Осталось выбрать основной цвет, цвет контура и ширину контура. В нижней части окна Inkscape находим палитру и кликаем на желаемый цвет (объект должен быть выделен). Теперь зададим ширину контура. По Shift+Cttl+F попадаем в диалог "Fill And Stroke", переходим во вкладку стиля контура и задаем ширину (и другие параметры по желанию). Цвет контура меняется кликом по палитре, но с зажатым Shift. Снова обращаемся к диалогу параметров документа и нажимаем кнопку "Fit page to selection"
![snapshot12q.th.png](http://img705.imageshack.us/img705/6530/snapshot12q.th.png)
Результат я решил раскрасить цветами из палитры Welinux:
![snapshot14.th.png](http://img705.imageshack.us/img705/3739/snapshot14.th.png)
К вопросу о том, что этот лого означает... Так уж вышло, что раньше я экспериментировал с разными никами — как результат их у меня стало много. В конце концов я решил оставить только один и форсить его везде, выбор пал на ник su6s. Если присмотреться, то соответствующие символы угадываются в лого. Ну а эмоциональная составляющая — движение (сдвиг), логическая завершенность (простые фигуры) и стремление к новому (совмещение фигур). Как-то так )
![](/media/style/figure.gif)
+ 1 -
все хорошо,но вот на вопрос что это лого означает? вы загнули =)
ну тогда вот и мое "художество" (от слова худо ;)
-- для домашней странички делал набросок
![Йа картинко !](http://img694.imageshack.us/img694/8862/homepage3overpre.png)
-- для домашней странички делал набросок
![Йа картинко !](http://img694.imageshack.us/img694/8862/homepage3overpre.png)
Не думал, что наберется столько рисовальщиков. Предлагаю оформить описание своих работ в виде постов — можно и блог создать специально для графики. Думаю, что будет интересно.
![=Логотип фирмы "ТЕХ ГАЗ МАФ"](http://tehgazmaf.ru/img/biglogo2.png)
Делал сайт людям, а оказалось, что у них почти нет логотипа, только что-то похожее на уже зарегистрированной фирменной печати. Пришлось в GIMP рисовать...
а гимповская графика пойдет? я немного к юбилеям рисовал)
=) до знакомства с GNU/Linux работал в основном с Photoshop и CorelDraw, что-то даже умею, с GIMP только начинаю знакомиться... да и Inkscape тоже.. поэтому идею отдельного блога всеми ногами и руками поддерживаю, хочется научиться и посмотреть, что умеют другие
О, коллега! Я CorelDraw пользуюсь уже более 5 лет. К Inkscape, к сожалению, никак не могу привыкнуть, но стараюсь. Проблема в том, что у CorelDraw интуитивно понятный интерфейс и просто чудеснейшие хоткеи, но градиенты мне больше нравятся у Inkscape. Да и при большом количестве фильтров у меня Inkscape немного подтормаживает. Вообщем редактор мне нравится, но нужно к нему привыкнуть. В начале освоиться с хоткеями помогла эта инструкция.
согласен, CorelDraw действительно очень понятен, жаль что версия для Linux как то умерла потехоньку =(, правда это было давно и неправда. Inscape буду пользоваться, потому что решил перелезть на Тукса.
Если честно, то логотип ужасный. Не рисуйте такие! Смысла никакого он не несет.
Темочка, перелогиньтесь ) и расскажите какие рисовать, да так чтоб прекрасно и со смыслом.
Если я Вас обидел чем, то простите меня, пожалуйста. Виноват. Такие комментарии лучше не писать!
Я преследовал две цели, публикуя пост: рассказать о своем опыте использования софта и получить критику относительно результата. Но именно критику, а не критиканство.
В остальном — я не из обидчивых.
В остальном — я не из обидчивых.
Темочка, перелогиньтесь ) и расскажите какие рисовать, да так чтоб прекрасно и со смыслом.