CG/InkScape/Tux: различия между версиями

Материал из wiki.nntc.nnov.ru
Перейти к навигации Перейти к поиску
(Урок "Создаем ChibiTux в InkScape")
(Урок "Создаем ChibiTux в InkScape")
Строка 52: Строка 52:
 
|Если вам нужно изменить цвет градиента - щелкните по маркеру и выберите для него цвет.
 
|Если вам нужно изменить цвет градиента - щелкните по маркеру и выберите для него цвет.
  
На иллюстрации приведена панель редактирования градиента.  
+
На иллюстрации приведена панель редактирования градиента. На первом изображении видно как будет выглядеть вашь градиент. На втором изображены Стоп-точки. Стоп-точки - это узлы градиента, где вы можете делать настройки цвета. В нашем случае нам нужны 2 стоп-точки, одна белая, другая прозрачная. Параметр ''offset'' (смещение) перемещает стоп-точку в нужное место градиента. Этот параметр работает только при 3-х стоп-точках в градиенте. И, наконец, у нас есть блок с настройкой цвета в стоп-точках. Я предпочитаю использовать цветовую схему HSL на одноименной закладке, но вы можете использовать любую другую на ваш выбор. H - тон цвета, здесь вы выбираете цвет. S - насыщенность, L - степень освещенности. Вам понадобиться воспользоваться настройками этих параметров для получения нужного цвета и оттенка. Последний параметр A - прозрачность, чем меньше значения этого параметра - тем больше прозрачность в этом месте градиента.   
 
|}
 
|}
 +
 
   
 
   
+
После применения всех настроек у вас должно получиться что то похожее на это
 +
 
 +
[[image:tux2-5.png]]
 +
 
  
 
{|
 
{|

Версия 13:05, 14 октября 2013

Урок "Создаем ChibiTux в InkScape"

Перевод урока: "InkScape Tutorial - Chibi Tux" by BCK
Оригинал урока: http://r00tatw00t.blogspot.ru/2007/10/create-chibi-tux-penguin-with-inkscape.html
Перевод выполнил: Азовцев Юрий

В этом уроке мы постараемся создать что то похожее на это (надеюсь).

Tux1-1.png

Для начала запустите Inkscape, если вы этого еще не сделали.

Затем выполните настройки документа перейдя в меню Файл -> Свойства документа ... либо нажав Shift+Ctrl+D. В появившемся окне установить высоту листа в 800 пикселей, ширину в 1000 пикселей. Эти размеры я использовал для данного урока. Вы, если хотите, можете выбрать другие значения.

Теперь приступим к рисованию Тукса.

1. На панели инструментов слева выберите инструмент "Элипс" или нажмите клавишу F5 и написойте элипс подобный приведенному на иллюстрации.

Tux1-2.png

2. Отцентруйте его и добавьте еще один элипс. Расположите их аналогично иллюстрации.

Tux1-3.png

Не беспокойтесь по поводу цвета. Да, я использовал другой цвет что бы оба элипса были видны. Мы легко поменяем это в дальнейшем.

Наверняка вы заметили синии линии на моем рисунке - это направляющие. Они помогают распологать объекты симетрично и в точно определенных местах документа. Создать направляющую вы можете лекнув и удерживая левую кнопку мыши на линейке сверху либо слева. Затем просто "тащите" направляющую в то место в документе, где она вам нужна.

3. На панели инструментов слева выберите "Инструмент выделения" или нажмите F1. Щелкните по первому овалу, нажмите и держите клавишу Shift, щелкните по второму овалу. Оба объекта должны стать выделенными. Разверните меню "Контур" и выберите опцию "Деление" либо нажмите CTRL+/.

4. Выделите меньший элипс и измените его цвет, что бы он был более заметен. У вас должно получиться что то вроде изображения на иллюстрации.

Tux1-4.png

5. Снова, используя инструмент рисования Элипсов создайте следующие формы

Tux2-1.png

Tux2-2.png

6. Переключитесь в инструмент выделения. Выделите больший белый элипс и включите инструмент работы с градиентом на панели слева, либо нажмите Ctrl+F1.

Откройте панель "Заливка и Обводка" щелчком правой кнопки мыши по объекту, либо сочетанием клавиш Shift+Strl+F. Там перейдите в закладку Заливка и выберите Линейный градиент.

Вы должны увидеть чтото вроде этого

Tux2-3.png

Вы заметите что на овале появились рычаги с двуя маркерами слева и справа. Это маркеры управления градиентом (узлы градиента). Щелкните по левому маркеру и затем перетащите его наверх. Затем щелкните и перетащите правый вниз. Меняйте положение маркеров до получения нужного результата.

Tux2-4.png Если вам нужно изменить цвет градиента - щелкните по маркеру и выберите для него цвет.

На иллюстрации приведена панель редактирования градиента. На первом изображении видно как будет выглядеть вашь градиент. На втором изображены Стоп-точки. Стоп-точки - это узлы градиента, где вы можете делать настройки цвета. В нашем случае нам нужны 2 стоп-точки, одна белая, другая прозрачная. Параметр offset (смещение) перемещает стоп-точку в нужное место градиента. Этот параметр работает только при 3-х стоп-точках в градиенте. И, наконец, у нас есть блок с настройкой цвета в стоп-точках. Я предпочитаю использовать цветовую схему HSL на одноименной закладке, но вы можете использовать любую другую на ваш выбор. H - тон цвета, здесь вы выбираете цвет. S - насыщенность, L - степень освещенности. Вам понадобиться воспользоваться настройками этих параметров для получения нужного цвета и оттенка. Последний параметр A - прозрачность, чем меньше значения этого параметра - тем больше прозрачность в этом месте градиента.


После применения всех настроек у вас должно получиться что то похожее на это

Tux2-5.png


CG-inkscape-Tux1.png
CG-inkscape-Tux2.png
CG-inkscape-Tux3.png
CG-inkscape-Tux4.png