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

 

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

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

 -Статистика

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


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

Среда, 12 Сентября 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:




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

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



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


Процитировано 11 раз

Танцующая_со_звездами   обратиться по имени Среда, 12 Сентября 2007 г. 19:33 (ссылка)
Здорово! Но если поставить время на нолик, то мерцание как-то заметнее )))


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

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

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

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

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

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