Различия
Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
fullcircle:24:inkscape_ч_1 [2010/05/02 20:57] |
fullcircle:24:inkscape_ч_1 [2012/05/06 22:21] (текущий) [Вот что получилось в итоге:] |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== HOW-TO: Inkscape – Часть 1 ====== | + | ====== HOW-TO: Inkscape, Часть 1 ====== |
<style right> | <style right> | ||
//Автор – Йога Сукма (Yoga Sukma)// | //Автор – Йога Сукма (Yoga Sukma)// | ||
- | <style> | + | </style> |
+ | |||
+ | - [[..:24:inkscape_ч_1|Inkscape - часть 1]] | ||
+ | - [[..:25:inkscape_ч_2|Inkscape - часть 2]] | ||
+ | - [[..:26:inkscape_ч_3|Inkscape - часть 3]] | ||
+ | - [[..:27:inkscape_ч_4|Inkscape - часть 4]] | ||
В этом руководстве будет показано, как создать логотип Ubuntu при помощи Inkscape. На данном этапе я не буду слишком подробно объяснять назначение кнопок в Inkscape. Мне кажется, что показать, как эти инструменты работают, будет лучше тогда, когда они нам понадобятся. | В этом руководстве будет показано, как создать логотип Ubuntu при помощи Inkscape. На данном этапе я не буду слишком подробно объяснять назначение кнопок в Inkscape. Мне кажется, что показать, как эти инструменты работают, будет лучше тогда, когда они нам понадобятся. | ||
- | Начнём | + | ===== Начнём ===== |
Откройте программу и нарисуйте круг, используя соответствующую кнопку на панели в левой части экрана. Затем нарисуйте круг поменьше, поместив его в центр большого. Это должно выглядеть так: | Откройте программу и нарисуйте круг, используя соответствующую кнопку на панели в левой части экрана. Затем нарисуйте круг поменьше, поместив его в центр большого. Это должно выглядеть так: | ||
+ | {{ :fullcircle:24:inkskape1-1.png?350 }} | ||
Теперь эти два круга нужно объединить. Удерживая Shift, поочередно щёлкните мышкой по каждому кругу. Затем выберите Контуры > Разность (Path > Difference). Получится один круг с отверстием в центре. | Теперь эти два круга нужно объединить. Удерживая Shift, поочередно щёлкните мышкой по каждому кругу. Затем выберите Контуры > Разность (Path > Difference). Получится один круг с отверстием в центре. | ||
Нарисуйте прямоугольник, используя соответствующую кнопку на панели инструментов. Получившийся прямоугольник выделите и нажмите Ctrl+D, чтобы получить его точную копию. Сделайте две копии и расположите их таким образом: | Нарисуйте прямоугольник, используя соответствующую кнопку на панели инструментов. Получившийся прямоугольник выделите и нажмите Ctrl+D, чтобы получить его точную копию. Сделайте две копии и расположите их таким образом: | ||
+ | {{ :fullcircle:24:inkscape1-2.png?350 }} | ||
Строка 20: | Строка 26: | ||
Теперь, удерживая Shift, выделите круг и один из прямоугольников. Затем выберите Контуры > Разность (Path > Difference). Проделайте то же самое с остальными прямоугольниками. Результат должен выглядеть как на предыдущем изображении: | Теперь, удерживая Shift, выделите круг и один из прямоугольников. Затем выберите Контуры > Разность (Path > Difference). Проделайте то же самое с остальными прямоугольниками. Результат должен выглядеть как на предыдущем изображении: | ||
+ | {{ :fullcircle:24:inkscape1-3.png?350 }} | ||
- | Так уже интереснее | + | =====Так уже интереснее===== |
Теперь нужно добавить три круга поменьше. Нарисуйте круг, как раньше и сделайте две его копии. Разместите их вот так: | Теперь нужно добавить три круга поменьше. Нарисуйте круг, как раньше и сделайте две его копии. Разместите их вот так: | ||
+ | {{ :fullcircle:24:inkscape1-5.png?350 }} | ||
Теперь опять надо вырезать сегменты из большого круга. Для этого, удерживая Shift, выделите большой круг, затем один из маленьких, и выберите Контуры > Разность (Path > Difference). Так же поступите с остальными маленькими кругами. Выглядеть это должно так: | Теперь опять надо вырезать сегменты из большого круга. Для этого, удерживая Shift, выделите большой круг, затем один из маленьких, и выберите Контуры > Разность (Path > Difference). Так же поступите с остальными маленькими кругами. Выглядеть это должно так: | ||
+ | {{ :fullcircle:24:inkscape1-6.png?350 }} | ||
Теперь снова нарисуйте три круга, но ещё меньшего размера, чем раньше. Как? Я уверен, что теперь вы сможете нарисовать их самостоятельно. Разместите круги следующим образом: | Теперь снова нарисуйте три круга, но ещё меньшего размера, чем раньше. Как? Я уверен, что теперь вы сможете нарисовать их самостоятельно. Разместите круги следующим образом: | ||
+ | {{ :fullcircle:24:inkscape1-7.png?350 }} | ||
У нас получился логотип Ubuntu, который предстоит раскрасить. Но сначала разбейте его на части. Выделите все объекты с помощью Ctrl+A и в меню выберите пункт Контуры > Разбить (Path > Break Apart). | У нас получился логотип Ubuntu, который предстоит раскрасить. Но сначала разбейте его на части. Выделите все объекты с помощью Ctrl+A и в меню выберите пункт Контуры > Разбить (Path > Break Apart). | ||
Строка 33: | Строка 43: | ||
Каждый элемент логотипа поочерёдно залейте цветом, используя панель внизу экрана. Если вы не можете найти правильный цвет, то воспользуйтесь меню Объект > Заливка и обводка. Там можно выбрать правильный цвет. | Каждый элемент логотипа поочерёдно залейте цветом, используя панель внизу экрана. Если вы не можете найти правильный цвет, то воспользуйтесь меню Объект > Заливка и обводка. Там можно выбрать правильный цвет. | ||
- | Вот что получилось в итоге: | + | =====Вот что получилось в итоге:===== |
+ | {{ :fullcircle:24:inkscape1-8.png?300 }} | ||
Получившийся логотип сохраните, например, как ubuntu.svg (или под любым другим названием), потому что через месяц мы ещё немного над ним поработаем и сделаем его поэффектнее. | Получившийся логотип сохраните, например, как ubuntu.svg (или под любым другим названием), потому что через месяц мы ещё немного над ним поработаем и сделаем его поэффектнее. | ||
+ | |||
+ | --------------------------------------- | ||
+ | |||
+ | <style center> | ||
+ | //[[..:24|К содержанию номера]]// | ||
+ | |||
+ | //[[:fullcircle|К архиву журналов]]// | ||
+ | </style> | ||
+ | |||
+ | {{tag>howto графика Full_Circle}} |