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


Анимация аватара: Мягкое мерцание 12-09-2007 19:18 к комментариям - к полной версии - понравилось!


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


Вот, например, мой аватарчик )))
 (122x135, 26Kb)
Танцующая_со_звездами, спасибо! Совет и был оставить время на нуле, а мерцание смягчить промежуточными кадрами. :)))
Lady_Elora 12-09-2007-20:03 удалить
Пятнистый_Щасвирнус, умничка! ;) Вот видишь, справилась. Жаль только у меня нет ImageReady.
Lady_Elora, спасибо!!! :) А как это нет имадж??? Он же вроде как вместе с фотошопом устанавливается...
Или у тебя десятый фотошоп???
Рил 12-09-2007-21:28 удалить
Пятнистый_Щасвирнус, вы облегчили мне задачу, ведь этот урок - именно то, что я хотела обозначить под "Способом 2")
Рил, ой, я не знала про это...
Прошу прощения, если нарушила планы...
Кстати, можно на "ты"... :)))
Lady_Elora 12-09-2007-21:48 удалить
Пятнистый_Щасвирнус, а у меня некорректно хакнутая версия. Там ИР нет. :\

Рил, Пятнистый_Щасвирнус, девушки, думаю, вам есть, чем поделиться и без того. ;) Так что ничего страшного.
Lady_Elora, ну, а качнуть нормальную версию-то?... Сейчас много где выложено безвозмездно-то-есть-даром... :)))
Рил 12-09-2007-22:06 удалить
Пятнистый_Щасвирнус, да нет, планы не нарушила, а, наоборот, облегчила мне жизнь)))
Lady_Elora 12-09-2007-22:26 удалить
Пятнистый_Щасвирнус, и опять все плагины/пресеты по новой устанавливать? :shock: Ну уж нет! :D
Lady_Elora 12-09-2007-22:28 удалить
Пятнистый_Щасвирнус, кстати, цветочные кисточки тоже весьма хотелось бы заиметь. ;) ...В общем, девчонки, сливаем все кисти, которые у нас есть! Я завтра вложений 5 выложу. Честное пионерское! Одним постом. И вы давайте. ;)
Bankrobber 22-09-2007-14:12 удалить
Я уже много раз пыталась сделать анимированный аватар, но всегда останавливалась на том...перетащить аватар в имейдж реди...я могу перетащить из Image Ready в Photoshop, а наоборот не могу =((( почему???
YERTY, какая у тебя версия фотошопа???
Если 8.0 или 9.0, то я впервые о таком слышу.
А не пробовали открыть картинку в ИР, потом перетащить ее в ФШ, сделать все необходимые манипуляции и вернуться обратно в ИР?
Bankrobber 22-09-2007-15:09 удалить
Пятнистый_Щасвирнус, Фотошоп у меня 8.0...а открывать картинку в ИР пробывала...и ничего =(
YERTY, тогда причина, скорее всего в том, что у вас либо случилась довольно редкостная вещь - не активированы оба элемента программы - ИР и ФШ (такое редко, но случается...), либо какие-то неполадки с установкой программы.
Советую переустановить программу или вообще скачать и установить новую.
а у меня получилось не совсем то что я хотела,аватар то мерцает а вот текст-нет.Как сделать так что бы и текст мерцал?
 (110x102, 23Kb)
Melianna 11-03-2008-17:50 удалить
хм.....здорово ))) мне понравилось )
 (150x150, 91Kb)


Комментарии (2): вверх^

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

Дневник Анимация аватара: Мягкое мерцание | Photoshop_Tricks - ~Трюки Фотошопа~ | Лента друзей Photoshop_Tricks / Полная версия Добавить в друзья Страницы: раньше»