Урок расчитан на такого же, как я сам, ламера и рассказывает о том, как подступиться к вопросу таким образом, каким я проделываю это сам. Методология не моя экспертная область, и все изложение, возможно, напомнит попытки поэта Бездомного доверить наболевшее бумаге ("...Берлиозом, который попал под трамвай... Не композитором...") Посему не обессудьте, на все возможные вопросы и пожелания постараюсь ответить здесь.


Делаем смайлик.

  

- Папа, а откуда беруться смайлики?
- Ну...Эта...хммм...Спроси у мамы.


Процесс создания анимированного смайлика состоит из следующих фаз (условно):


       С идеей более-менее понятно - каждый из нас большой народный умелец в этой области, посему переходим сразу ко второй фазе. Для тех, у кого с воображением туго, а порисовать ну просто жуть как хочется - загляните сюда.

       Замысел - визуализация идеи в грубой форме на бумаге, рисовыми зернышками, конструктором Лего и пр. Я препочитаю бумагу - простенько и опрятно.
Вот как это выглядит:



*Эта фаза обязательной не является - может быть вы одареннее меня и вам оно нужно как запасная дырка в колесе.

О программах.

Автор статьи программным обеспечением не обеспечивает!


       Существует масса программ для анимации о которых я рассказывать не стану - не знаю, а врать, хоть и люблю, но не буду. Как-нибудь в другой раз. Расскажу лучше о том, чем пользуюсь сам - oб Adobe Photoshop 7 и встроенном в него аниматоре ImageReady.

Вот так выглядят используемые для наших целей палитры Photoshop-a (для тех, кто не видел):

Tools
(инструменты)

Layers
(слои)

Swatches
(образчики цвета)

*Эта палитра оптимизирована и сохранена мною специально для смайликов.



...и в дополнение к предыдущим палитрам, которые для обеих программ практически одинаковы - палитры в ImageReady:


Animation
(анимация)



Optimization
(оптимизация)

Color Table
(таблица цвета)



Все остальные палитры можно позакрывать, чтоб не путались под ногами.

Занимательные факты

Знаете ли вы, что исправить промах можно воспользовавшись закладкой History в палитре Layers, позволяющей вернуться на 20 шагов назад? Тот же резльтат достигается клавишами Ctrl+Z.



Введение | Реализация | Анимация 1 | Анимация 2 | Оптимизация | Обрезание | Презентация



Скачать урок : zip [400Kb]







Home