• Авторизация


Без заголовка 14-09-2007 11:46 к комментариям - к полной версии - понравилось!

Это цитата сообщения Пятнистый_Щасвирнус Оригинальное сообщение

Анимация аватара: Мягкое мерцание

Это несложный урок по изготовлению анимированного аватара с эффектом легкого мерцания для тех, у кого установлен Photoshop 8.0 и 9.0)



Начнем с того, что войдем в Фотошоп и откроем ту картинку, из которой мы хотим сделать аватар.
Если ваша картинка по размеру больше, чем аватар, то вот тут рассказано, как сделать простой аватар с нужными размерами.

Шаг 1. Подготовим себе место. У вас должны быть открыты два окна: с вашей картинкой и окно слоев (если оно закрыто, нажмите F7)

[показать]

Шаг 2. Чтобы получить анимированный аватар, нужно изготовить недостающие кадры. Например, для эффекта мерцания на аватаре необходимо создать более яркий кадр, чем мы сейчас и займемся.

а) Продублируйте слой с изображением. Для этого нажмите Ctrl+J.
Посмотрите на окно слоев: у нас появился новый кадр, но пока он выглядит так же, как и предыдущий.

[показать]

б) Сделаем второй слой-кадр поярче и посветлее. Для этого в окне со слоями поменяем режим смешивания (Blending Options) с Нормальный (Normal) на Осветление (Screen).

в)Посмотрите на картинку, она стала гораздо ярче. Если мы оставим ее такой, то наш аватар получится слишком контрастным, и смотреть на него будет неприятно, поэтому немного притеним второй слой-кадр. В окне слоев уменьшим прозрачность (Opacity) яркого слоя-кадра до 30%.

[показать]

Теперь у нас есть два кадра, отличающихся яркостью и мы перейдем к анимации. Для этого нам нужно перейти из Photoshop в Image Ready (нажмите Shift+Ctrl+M)

Теперь мы находимся в программе, с помощью которой превратим наш бездвижный аватар в анимированный. Подготовимся: увас дожны быть открыты 3 окна: с картинкой, со слоями-кадрами (открывается нажатием F7) и окно анимации (открывается нажатием F11).

[показать]

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

[показать]

и отключим видимость верхнего слоя в окне слоев, нажав на изображение глазика:

[показать]

Просмотреть, что получилось, можно нажав на кнопку воспроизведения в окне анимации:

[показать]

Наш аватар замерцал! Но мерцание его пока очень быстрое. Его можно замедлить, выставив более длинное время показа кадра:

[показать]

Но мы на этом не остановимся и сделаем мерцание аватара более плавным не с помощью времени показа кадра (оставьте его на 0c.), а с помощью промежуточных кадров. Чтобы их получить, нажмем на данную кнопку в окне анимации:

[показать]

В появившемся диалоговом окне выставим следующие значения:

[показать]

И посмотрим, что получилось, снова нажав на кнопочку воспроизведения.
Теперь наш аватар мерцает более плавно и не раздражает глаза. :)

Если хотите сделать мерцание еще более медленным и плавным, до в диалоговом окне промежуточных кадров поставьие не 5, а 7 или 10... Но помните о том, что это существенно увеличит вес нашего аватара!!!

Теперь сохраним наш аватар в формате gif. Для этого в меню Файл (File) выберем пункт Сохранить Оптимизированный Как... (Save Optimized As...) и сохраните ваш аватар в ту папку, в какую желаете.

[показать]

Проследите за тем, чтобы форматом файла был выбран gif:

[показать]


Вполне возможно, что после того, как вы нажмете на кнопку Сохранить, программа предупредит вас о возможной несовместимости этого формата с некоторыми серверами... Не пугайтесь, и нажмите Да. :)))

Вот что должно получиться у нас в итоге:

[показать]

Удачи! Это мой первый урок, поэтому обращайтесь с вопросами!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | gammalia - Дневник gammalia | Лента друзей gammalia / Полная версия Добавить в друзья Страницы: раньше»