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


Изготовление анимированных аватар (способ 1) 12-09-2007 19:02 к комментариям - к полной версии - понравилось!


Итак, здравствуйте, ярые энтузиасты и просто люди, которые хотят осваивать фотошоп!
Перейдем сразу к делу: сейчас я расскажу вам, как сделать анимированную аватару. Сделать это вы можете двумя способами:

1способ (у кого есть в наличии Photoshop CS2)
Честно говоря, способ этот мне чуть непривычен и всех тонкостей, как обходить неприятные углы, я не знаю. Пока что. Но с другой стороны он достаточно удобен и не требует использования Image Ready. Все, что от вас требуется, это подготовить достаточное количество слоев и приступить к работе.
Все мы знаем, как на просторах ли.ру девушки любят использовать аватарки, которые мигают. Именно на примере этих мигающих аватар, я расскажу вам, как делать анимацию.
Возьмем аватару (все мы помним, как делать аватары, потому что Siena объяснила это тут).


Затем нам надо сделать несколько копий уже имеющегося слоя. Жмем Ctrl+J два раза и получаем плюс 2 слоя.
Потом пользуемся волшебной палочкой (значок на панели инструментов -
) и кликаем на светлой области наших китайских фонариков. Волшебная палочка выделит нам область, которая имеет тот цветовой диапазон, что и место, на которое мы кликнули.


Но поскольку фонарик у нас не один, нам нужно изменить кое-что в настройках. А точнее сделать так, чтобы уже к выделенной области, добавлялась еще не выделенная. И заодно поставим настройки чувствительности, которые, почему-то в моем фотошопе называются "Допуск". Сделайте все так, как на картинке:

[376x152]


Чем меньше этот "допуск", тем больше чувствительность и тем меньше пространства будет выделяться, когда вы нажимаете на него волшебной палочкой. На следующей картинке я выделила все фонарики. Выделяйте столько, сколько вам вздумается. Не стесняйтесь пользоваться масштабом, который в правом верхнем окне "Навигатор". при масштабе 300% намного удобнее кликнуть именно туда, куда вам надо. Вот что вышло у меня:


Переходим на слой (кликаем по нему и он становится синим), который посередине:

[267x247]


Заходим в Изображение - Коррекция - Яркость/Контрастность. Т.к. у меня нет английский эквивалентов, смотрим по картиночке:

[576x220]


Ставим яркость (она сверху) на значение 20.
И делаем все по новой, правда, уже с верхним слоем. Который у меня "Слой 1 (копия)". Только яркость уже ставим на значение 40.
Вот и подошли к самому главному! Все остальное - лишь прелюдия (хе-хе).
Открываем, Окно - Анимация. На картиночке сверху видно, где Окно, а Анимация там четвертая строка сверху.
В появившемся окне нажимаем на треугольничек-стрелку (похож на значок Play), которая в правом верхнем углу и выбираем "Создать кадры из слоев" или "Make frames from layers" (кажется так...).

[350x160]


И все! Нажимаем на Play и проигрываем нашу анимацию! Можете также изменить время и сделать ее чуть помедленней. Нажмите туда, куда показано на картинке и выберите значения 0,2 с. То же самое проделайте с каждым кадром.

[500x168]


Последнее, но почти самое важное! Сохняем в формате GIF! Файл - Сохранить для Web (File - Save for Web). Открывается окно. Мы в окошке, где у нас написано JPEG выбираем GIF. Еще было бы хорошо, если бы вы выбрали Селективную или Адаптивную (Selective or Adaptive) редукцию, она сразу под выбором формата.

Вот что у меня получилось, не очень красиво, но наглядно:


Слушаю вопросы, т.к. это мой первый урок и я уверена, что где-то накосячила и недостаточно хорошо объяснила.

вверх^ к полной версии понравилось! в evernote
Комментарии (10):
Lady_Elora 12-09-2007-19:59 удалить
Ааааааааа!!!! У МЕНЯ ПОЛУЧИЛОСЬ! РИЛ, ТЫ - ЗОЛОТЦЕ! ДАЙ Я ТЕБЯ РАСЦЕЛУЮ!

 (150x150, 31Kb)
Рил 12-09-2007-20:46 удалить
Lady_Elora, красота) *дает себя на целования* Я за тебя безумно рада!
Lady_Elora 12-09-2007-22:31 удалить
Ааааа!!! Я умею делать блестяшки! :D:D:D Главное было показать мне принцип, а дальше меня и саму "понесло". :D Спасибище огроменное ещё раз! [показать]
Рил 12-09-2007-23:28 удалить
Lady_Elora, я обязательно расскажу, как делать такие аватарки, как у меня главная стоит... и с текстом как можно играться) Но я думаю, ты до этого раньше додумаешься)
Lady_Elora 13-09-2007-01:23 удалить
Ыыыы! :D Она моргает. :D:D:D */радуется как дитё малое и прыгает до потолка/* [показать]
У_ловка 14-09-2007-11:25 удалить
Очень полезно. На самом деле в сети очень мало информации о том, как делать анимированные гифки, а те, кто это умеет, информацию почему-то берегут пуще глаза и не выдают даже под пытками. Спасибо :)
Suzaku_Kurururgi 16-09-2007-18:44 удалить
У меня почему-то не получается. Когда выскакивает окно "анимация"там только один слой..а остальные не вставляются? Чо делать-то? О_о
Рил 16-09-2007-19:15 удалить
У_ловка, пожалуйста. Рада помочь) -Sabaku_no_Temari-, а ты нажимала на треугольничек, который в правом верхнем углу окна "Анимация", и после этого жала на "Создать кадры из слоев"?
19-09-2007-00:41 удалить
а у мя ваще нет окна Анимация, 4 с верху у мя Действия, но там нет команды создать кадры из слоев. У меня 8 фотошоп. помогите плиз!
У_ловка 19-09-2007-00:56 удалить
А посмотреть сообщением выше - "Изготовление анимированного аватара для тех, у кого фотошоп 8.0 и 9.0" не судьба?
19-09-2007-00:59 удалить
У_ловка, я смотрела, но просто подумала, что эфект разный. не обращайте внимание на мой тупизм, я в фотошопе даже не ноль,а -1))
У_ловка 19-09-2007-10:20 удалить
Нет, эффект везде одинаковый. По сути мы делаем мультик из небольшого числа кадров. Просто в разных версиях фотошопа это технически осуществляется по-разному. Пользуясь этим принципом можно сделать и мерцающие аватарки, и блестяшки, и фрагменты фильмов или мультиков - принцип везде один. Слой=кадр. Что будет в кадре - решать тебе. Если хочется фрагмент из фильма, то это будет набор последовательных скриншотов. Для мерцающей аватары - меняем яркость того, что будет мерцать. Для пропадающей и появляющейся надписи делаем ее на тех кадрах, где она должна быть и не делаем на остальных и т.п.
CloudRockstage 26-10-2007-20:52 удалить
ой,а чё она не мерцает?
у меня получилось!!!!!!!! смарите  (130x130, 21Kb)
а!!!!!!!это мой первый авик. и если учитывать то, что мне пару дней назад установили фотошоп и у меня его никогда до этого не было, то это класно!!!!!! спасибо большое, ток хотелось бы побольше уроков, где новые всякие штучки бы рассказала...спасибки!!!  (66x32, 9Kb)
LAVOCHKA 10-12-2007-13:16 удалить
меня получилось!!!Но не так как у вас,но все равно не плохо..))Сматрите:  (100x100, 10Kb)
Melianna 11-03-2008-17:31 удалить
класс ))) у меня получилось )))
Zarisabel 10-09-2008-14:10 удалить
Ой, Рил, спасибо огромное за такой хороший урок Вот мой результат:  (120x120, 22Kb)
28-12-2008-11:03 удалить
Ответ на комментарий Lady_Elora # А возможно показать урок,с блестяшками(глиттерами) только не с текстом а с картинками.Что бы мерцала не вся картинка а некоторые её части,или контор.Заранее спасибо!!!
01-01-2009-23:01 удалить
Спасибо все получилось, подскажите как сделать чтоб они блестели?????
03-01-2010-20:14 удалить
Есть вопрос. Допустим я хочу сделать урок с глиттерами. Как сделать картинки фотошопа?
03-01-2010-20:23 удалить
Очень интересует этот вопрос Ответьте плииииз!
04-01-2010-15:46 удалить
Буду Вам очень благодарна, если Вы ответите на этгот вопрос
his_daughter 28-03-2010-18:30 удалить
Ах...))) Что за прекрасный урок))) Спасибо огромное)))


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

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

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