LXF83:Inkscape - История изменений

Yaleks: /* Inkscape. Оживите свой рисунок */

2008-07-09T13:24:48Z

‎Inkscape. Оживите свой рисунок

Heeppy в 07:30, 21 апреля 2008

2008-04-21T07:30:28Z

Внесённые изменения

Heeppy в 09:44, 11 апреля 2008

2008-04-11T09:44:52Z

Внесённые изменения

Yaleks в 13:40, 19 марта 2008

2008-03-19T13:40:02Z

Yaleks: «LXF83:InkScape» переименована в «LXF83:Inkscape»

2008-03-19T13:38:42Z

«LXF83:InkScape» переименована в «LXF83:Inkscape»

Bellycat77: /* Добавим цвет */

2008-03-10T07:33:13Z

‎Добавим цвет

Bellycat77: /* Расслоение текста */

2008-03-10T07:32:56Z

‎Расслоение текста

Bellycat77: /* Изогнутые слова */

2008-03-10T07:32:37Z

‎Изогнутые слова

Bellycat77: /* Нарисуем оставшиеся кадры */

2008-03-10T07:32:24Z

‎Нарисуем оставшиеся кадры

Bellycat77: /* Штриховка */

2008-03-10T07:31:38Z

‎Штриховка

@@ Строка 8: / Строка 8: @@
 * Если вам нравятся шероховатые линии инструмента Каллиграфическое перо, но в рисовании вы не сильны – можно достичь впечатляющих результатов, просто обводя готовые рисунки. Импортируйте изображение на ваш холст, сделайте его полупрозрачным, затем рисуйте поверх него, стараясь выделить самые важные места и игнорируя остальное.
 * Для сборки анимированного GIF вместо программы convert из ImageMagic можно воспользоваться Gifsicle ([http://www.lcdf.org/gifsicle www.lcdf.org/gifsicle]). Её преимущество в том, что она может, оптимизируя анимацию, уменьшить размер файла.
-* Если вы хотите создать анимацию в формате Flash, то самый простой способ сделать это – конвертировать SVG в статические SWF-кадры (например, с помощью svg2swf от [http://robla.net/1996 http://robla.net/1996<!-- svg2swf!-->]), затем собрать кадры в анимацию, для чего я рекомендую SWF Tools ([http://www.swftools.org www.swftools.org], см. [[LXF80]]).
+* Если вы хотите создать анимацию в формате Flash, то самый простой способ сделать это – конвертировать SVG в статические SWF-кадры (например, с помощью svg2swf от [http://robla.net/1996 http://robla.net/1996<!-- svg2swf!-->]), затем собрать кадры в анимацию, для чего я рекомендую SWF Tools ([http://www.swftools.org www.swftools.org], см. [[LXF80:Flash и PDF|LXF80]]).
 |Ширина=250px}}

← Предыдущая		Версия 13:40, 19 марта 2008
Строка 1:		Строка 1:
		+	{{Цикл/Inkscape}}
	== Inkscape. Оживите свой рисунок ==		== Inkscape. Оживите свой рисунок ==
	'' '''ЧАСТЬ 2 Дмитрий Кирсанов''' покажет, как создать простую GIF-анимацию. Скажем, аватар форума LXF?''		'' '''ЧАСТЬ 2 Дмитрий Кирсанов''' покажет, как создать простую GIF-анимацию. Скажем, аватар форума LXF?''

@@ Строка 43: / Строка 43: @@
 === Добавим цвет ===
-Окрасим по-разному фон каждого кадра, чтобы получить эффект
+Окрасим по-разному фон каждого кадра, чтобы получить эффект дискотеки со стробоскопическим освещением. Залейте прямоугольник исходным цветом и используйте диалоговое окно Tile Clones (Расположение клонов) для разложения его на несколько оттенков (А). Раскрасьте надпись «dance!» контрастным ярким цветом и тоже варьируйте его от кадра к кадру (В). Наконец, добавьте эллиптический градиентный «блик» на заднем плане, передвигая, изменяя размеры и поворачивая его от кадра к кадру, придав им дополнительную энергию (С). Окончательную версию см. на диске (final.gif). Удачи!
-дискотеки со стробоскопическим освещением. Залейте прямоуголь-
-ник исходным цветом и используйте диалоговое окно Tile Clones
 (Расположение клонов) для разложения его на несколько оттенков
 (А). Раскрасьте надпись «dance!» контрастным ярким цветом и тоже
 варьируйте его от кадра к кадру (В). Наконец, добавьте эллиптический
 градиентный «блик» на заднем плане, передвигая, изменяя размеры и
 поворачивая его от кадра к кадру, придав им дополнительную энергию
 (С). Окончательную версию см. на диске (final.gif). Удачи!

@@ Строка 40: / Строка 40: @@
 === Расслоение текста ===
-Теперь сделайте две копии текстового объекта, изогните их в противо-
+Теперь сделайте две копии текстового объекта, изогните их в противоположные стороны, как развевающийся флаг, затем интерполируйте их (А). Затем, точно так же, как мы делали с танцующей фигурой, вставьте по одному кадру в каждый слой, помещая их на холст выше фигуры (В). Чтобы видеть, где находится изображение предыдущего слоя, используйте функцию контроля интенсивности в диалоговом окне слоёв, чтобы временно сделать предыдущий слой полупрозрачным. Снова экспортируйте и соберите анимированный GIF (with-banner.gif).
-положные стороны, как развевающийся флаг, затем интерполируйте их
 (А). Затем, точно так же, как мы делали с танцующей фигурой, вставьте
 по одному кадру в каждый слой, помещая их на холст выше фигуры (В).
-Чтобы видеть, где находится изображение предыдущего слоя, исполь-
-зуйте функцию контроля интенсивности в диалоговом окне слоёв, чтобы
-временно сделать предыдущий слой полупрозрачным. Снова экспорти-
-руйте и соберите анимированный GIF (with-banner.gif).
 === Добавим цвет ===

@@ Строка 37: / Строка 37: @@
 === Изогнутые слова ===
-Следующая задача – добавить к нашей анимации текстовый баннер.
+Следующая задача – добавить к нашей анимации текстовый баннер. Чтобы текст двигался вместе с нашей фигуркой, а не стоял неподвижно – попробуем ещё одно новое свойство Inkscape 0.44, сдвиг узлов. Создайте текстовый объект в вашем любимом шрифте (А), преобразуйте его в кривые, переключитесь в инструмент Node (Узел), затем выделите все узлы (Ctrl+A) (В) и при нажатой Alt потяните за один из них. Вся надпись плавно изогнётся и растянется, словно знамя на ветру (С).
-Чтобы текст двигался вместе с нашей фигуркой, а не стоял неподвиж-
-но – попробуем ещё одно новое свойство Inkscape 0.44, сдвиг узлов.
 Создайте текстовый объект в вашем любимом шрифте (А), преобразуйте
-его в кривые, переключитесь в инструмент Node (Узел), затем выдели-
-те все узлы (Ctrl+A) (В) и при нажатой Alt потяните за один из них. Вся
 надпись плавно изогнётся и растянется, словно знамя на ветру (С).
 === Расслоение текста ===

@@ Строка 34: / Строка 34: @@
 === Нарисуем оставшиеся кадры ===
-Теперь другие кадры. Золотое правило аниматора – «не копируй»!
+Теперь другие кадры. Золотое правило аниматора – «не копируй»! Перемещение и масштабирование частей или всей фигуры, вместо рисования её всякий раз заново, постепенно убивает ощущение естественности, а ваша анимация «деревенеет». Не ленитесь: чем больше вы рисуете, тем легче становится это делать. Закончив, можете просмотреть свою анимацию, раскрыв все слои, выделив всю группу фигурок и поместив их в нужное место холста (см. rough.gif.).
 Перемещение и масштабирование частей или всей фигуры, вместо
-рисования её всякий раз заново, постепенно убивает ощущение естест-
-венности, а ваша анимация «деревенеет». Не ленитесь: чем больше вы
-рисуете, тем легче становится это делать. Закончив, можете просмот-
-реть свою анимацию, раскрыв все слои, выделив всю группу фигурок и
 поместив их в нужное место холста (см. rough.gif.).
 === Изогнутые слова ===

@@ Строка 31: / Строка 31: @@
 === Штриховка ===
-Закончив, удалите первоначальный скелет, он вам больше ни к чему.
+Закончив, удалите первоначальный скелет, он вам больше ни к чему. Результат (А) неплох, но выглядит как-то сиротливо на безукоризненно белом фоне. Давайте исправим это. Уменьшите ширину штриха до 1 и добавьте несколько случайных штрихов вокруг танцора, чтобы подчеркнуть движения его тела и теней на полу (В). Когда вы увидите его танцующим, случайность штрихов покажется живой и естественной.
 Результат (А) неплох, но выглядит как-то сиротливо на безукоризненно
 белом фоне. Давайте исправим это. Уменьшите ширину штриха до 1 и
-добавьте несколько случайных штрихов вокруг танцора, чтобы подчерк-
-нуть движения его тела и теней на полу (В). Когда вы увидите его танцу-
-ющим, случайность штрихов покажется живой и естественной.
 === Нарисуем оставшиеся кадры ===