-Музыка

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Alirik

 -Сообщества

Читатель сообществ (Всего в списке: 1) blogart

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.01.2009
Записей: 41
Комментариев: 708
Написано: 1342


Без заголовка

Суббота, 10 Января 2009 г. 18:13 + в цитатник
Цитата сообщения Пятнистый_Щасвирнус Анимация аватара: Мягкое мерцание



Это несложный урок по изготовлению анимированного аватара с эффектом легкого мерцания для тех, у кого установлен 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:




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

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



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

Yana_Gontier   обратиться по имени Суббота, 10 Января 2009 г. 18:16 (ссылка)
ой млииин)))
легко)
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку