Рубрика: Рисование, Анимация
© Lesson by carlson
На самом деле, создание анимированных смайлов - не такая уж трудная задача, и я вам это докажу. Создавать мы будем двух анимированных смайлов - один помашет нам ручкой с экрана, а второй помигает глазами. Урок упрощен тем, что для двух этих эффектов мы будем использовать всего один шаблон смайла, но его нам придется нарисовать ручками.

Шаг 1. Создадим документ размером 60х60, прозрачный фон. Приблизьте ваш документ до 1200% и условно поделите документ на две половины, примерно там будет находиться центр, следовательно, и наш смайл нужно будет разместить по центру.

Шаг 2. Выберите документ "Карандаш" размером 1рх, цвет #56275c. Наша задача на данный момент - нарисовать контур нашего смайла. Вот так он должен выглядеть:

Количество клеточек - это соответственно количество пикселей. Начинать нужно с пят (горизонтальная линия), дальше идут 2рх, 1рх, 2рх и опять 5рх.

Шаг 3. Закрашиваем наш смайл. Цвета будем брать в таком порядке: #8a468a, #a453a4, #bd60bd, #d16bd1, #ec8cec, #f296f2, #ffa9ff.
Запутаться несложно, потому что каждый цвет хорошо виден на картинке:
#8a468a


#a453a4


#bd60bd


#d16bd1

#ec8cec

Продолжайте закрашивать смайл, пока не дойдете до самой середины. Итог должен быть таким:

Шаг 4. Но нашему смайлу также нужны еще и ручки. Создайте новый слой. Рядом с телом смайла нарисуйте по 2рх с каждой стороны цветом #56275c

Верхний левый угол закрасьте #a453a4, верхний правый и нижний левый - #ffa9f, нижний правый - #bd60bd.

Шаг 5. Дублируйте слой с только что нарисованной ручкой и перенесите его вправо.

Шаг 6. Наш последний шаг - глаза. Создаем новую группу, перемещаем её поверх всех слоев. В этой же группе создадим два новых слоя, на первом нарисуем вертикальные две линии по 6рх каждая, расстояние между которыми - 2рх.


На втором слое нарисуем горизонтальную линию в 6рх. Перед тем, как рисовать её, логично скрыть предыдущий слой, чтобы не мешал.

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

Если хотите, чтобы смайлик поморгал, создайте всего два кадра - один с открытым глазами, второй - наоборот.