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

 

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

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

 -Статистика

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


Изготовление анимированных аватар (способ 1)

Среда, 12 Сентября 2007 г. 19:02 + в цитатник
Рил все записи автора

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

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


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


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


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


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


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


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


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


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

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


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

Рубрики:  Делаем аватары


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

Lady_Elora   обратиться по имени Среда, 12 Сентября 2007 г. 19:59 (ссылка)
Ааааааааа!!!! У МЕНЯ ПОЛУЧИЛОСЬ! РИЛ, ТЫ - ЗОЛОТЦЕ! ДАЙ Я ТЕБЯ РАСЦЕЛУЮ!


 (150x150, 31Kb)
Ответить С цитатой В цитатник
Рил   обратиться по имени Среда, 12 Сентября 2007 г. 20:46 (ссылка)
Lady_Elora, красота)
*дает себя на целования*
Я за тебя безумно рада!
Ответить С цитатой В цитатник
Lady_Elora   обратиться по имени Среда, 12 Сентября 2007 г. 22:31 (ссылка)
Ааааа!!! Я умею делать блестяшки! :D:D:D
Главное было показать мне принцип, а дальше меня и саму "понесло". :D Спасибище огроменное ещё раз!

Ответить С цитатой В цитатник
Рил   обратиться по имени Среда, 12 Сентября 2007 г. 23:28 (ссылка)
Lady_Elora, я обязательно расскажу, как делать такие аватарки, как у меня главная стоит... и с текстом как можно играться)
Но я думаю, ты до этого раньше додумаешься)
Ответить С цитатой В цитатник
Lady_Elora   обратиться по имени Четверг, 13 Сентября 2007 г. 01:23 (ссылка)
Ыыыы! :D Она моргает. :D:D:D */радуется как дитё малое и прыгает до потолка/*

Ответить С цитатой В цитатник
У_ловка   обратиться по имени Пятница, 14 Сентября 2007 г. 11:25 (ссылка)
Очень полезно. На самом деле в сети очень мало информации о том, как делать анимированные гифки, а те, кто это умеет, информацию почему-то берегут пуще глаза и не выдают даже под пытками.

Спасибо :)
Ответить С цитатой В цитатник
Suzaku_Kurururgi   обратиться по имени Воскресенье, 16 Сентября 2007 г. 18:44 (ссылка)
У меня почему-то не получается.
Когда выскакивает окно "анимация"там только один слой..а остальные не вставляются? Чо делать-то? О_о
Ответить С цитатой В цитатник
Рил   обратиться по имени Воскресенье, 16 Сентября 2007 г. 19:15 (ссылка)
У_ловка, пожалуйста. Рада помочь)

-Sabaku_no_Temari-, а ты нажимала на треугольничек, который в правом верхнем углу окна "Анимация", и после этого жала на "Создать кадры из слоев"?
Ответить С цитатой В цитатник
Аноним   обратиться по имени Среда, 19 Сентября 2007 г. 00:41 (ссылка)
а у мя ваще нет окна Анимация, 4 с верху у мя Действия, но там нет команды создать кадры из слоев. У меня 8 фотошоп. помогите плиз!
Ответить С цитатой В цитатник
У_ловка   обратиться по имени Среда, 19 Сентября 2007 г. 00:56 (ссылка)
А посмотреть сообщением выше - "Изготовление анимированного аватара для тех, у кого фотошоп 8.0 и 9.0" не судьба?
Ответить С цитатой В цитатник
Аноним   обратиться по имени Среда, 19 Сентября 2007 г. 00:59 (ссылка)
У_ловка, я смотрела, но просто подумала, что эфект разный. не обращайте внимание на мой тупизм, я в фотошопе даже не ноль,а -1))
Ответить С цитатой В цитатник
У_ловка   обратиться по имени Среда, 19 Сентября 2007 г. 10:20 (ссылка)
Нет, эффект везде одинаковый. По сути мы делаем мультик из небольшого числа кадров. Просто в разных версиях фотошопа это технически осуществляется по-разному.

Пользуясь этим принципом можно сделать и мерцающие аватарки, и блестяшки, и фрагменты фильмов или мультиков - принцип везде один. Слой=кадр. Что будет в кадре - решать тебе. Если хочется фрагмент из фильма, то это будет набор последовательных скриншотов. Для мерцающей аватары - меняем яркость того, что будет мерцать. Для пропадающей и появляющейся надписи делаем ее на тех кадрах, где она должна быть и не делаем на остальных и т.п.
Ответить С цитатой В цитатник
CloudRockstage   обратиться по имени Пятница, 26 Октября 2007 г. 20:51 (ссылка)
у меня получилось!
 (699x465, 239Kb)
Ответить С цитатой В цитатник
CloudRockstage   обратиться по имени Пятница, 26 Октября 2007 г. 20:52 (ссылка)
ой,а чё она не мерцает?
Ответить С цитатой В цитатник
сЛёзы_АнгелА_2008   обратиться по имени Понедельник, 12 Ноября 2007 г. 19:17 (ссылка)
у меня получилось!!!!!!!! смарите
 (130x130, 21Kb)
Ответить С цитатой В цитатник
сЛёзы_АнгелА_2008   обратиться по имени Понедельник, 12 Ноября 2007 г. 21:38 (ссылка)
а!!!!!!!это мой первый авик. и если учитывать то, что мне пару дней назад установили фотошоп и у меня его никогда до этого не было, то это класно!!!!!! спасибо большое, ток хотелось бы побольше уроков, где новые всякие штучки бы рассказала...спасибки!!!
 (66x32, 9Kb)
Ответить С цитатой В цитатник
LAVOCHKA   обратиться по имени Понедельник, 10 Декабря 2007 г. 13:16 (ссылка)
меня получилось!!!Но не так как у вас,но все равно не плохо..))Сматрите:
 (100x100, 10Kb)
Ответить С цитатой В цитатник
Jeannot   обратиться по имени Суббота, 08 Марта 2008 г. 22:25 (ссылка)
У мну получилось:
Ответить С цитатой В цитатник
Melianna   обратиться по имени Вторник, 11 Марта 2008 г. 17:31 (ссылка)
класс ))) у меня получилось )))
Ответить С цитатой В цитатник
Melianna   обратиться по имени Вторник, 11 Марта 2008 г. 17:51 (ссылка)
мое творение )
 (150x150, 16Kb)
Ответить С цитатой В цитатник
Zarisabel   обратиться по имени Среда, 10 Сентября 2008 г. 14:10 (ссылка)
Ой, Рил, спасибо огромное за такой хороший урок
Вот мой результат:
 (120x120, 22Kb)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Воскресенье, 28 Декабря 2008 г. 11:03 (ссылка)

Ответ на комментарий Lady_Elora

А возможно показать урок,с блестяшками(глиттерами) только не с текстом а с картинками.Что бы мерцала не вся картинка а некоторые её части,или контор.Заранее спасибо!!!
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Четверг, 01 Января 2009 г. 23:01 (ссылка)
Спасибо все получилось, подскажите как сделать чтоб они блестели?????
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Воскресенье, 03 Января 2010 г. 20:14 (ссылка)
Есть вопрос. Допустим я хочу сделать урок с глиттерами. Как сделать картинки фотошопа?
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени /// Воскресенье, 03 Января 2010 г. 20:23 (ссылка)
Очень интересует этот вопрос
Ответьте плииииз!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Понедельник, 04 Января 2010 г. 15:46 (ссылка)
Буду Вам очень благодарна, если Вы ответите на этгот вопрос
Ответить С цитатой В цитатник
his_daughter   обратиться по имени Воскресенье, 28 Марта 2010 г. 18:30 (ссылка)
Ах...))) Что за прекрасный урок))) Спасибо огромное)))
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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