|
Как сделать анимированную аватарку
|
|
| {Kailina} | Дата: Вторник, 17.08.2010, 00:59 | Сообщение # 1 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус:  | Цель этого урока - чтобы вы поняли, как создавать и регулировать анимацию.
Я использовала самый распространенные виды анимаций.   Сразу предупреждаю, что от количества кадров зависит размер вашей анимации. Так что первое изображение, как аватар нашего сайта, не подойдет, так как ее размер превышает допустимы.
| |
|
|
| {Kailina} | Дата: Вторник, 17.08.2010, 01:47 | Сообщение # 2 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | 7. Приступаем к работе с самой анимацией: создадим новый кадр. Для этого нажимаем на икноку нового листа внизу панели анимации.   8. Теперь на втором кадре убираем видимость верхнего слоя. 
9. Чтобы получился эффект плавного перехода, нажимаем на иконку Эффектов внизу понеди анимации.
Обратите внимание, что я уже работаю с первым кадром. В первом поле выбираем Следущий кадр, во втором пишем 11.
(количество кадров вы можете выбрать сами. Это зависит от того, какого размера изображение вы хотите сделать)  10. Выбираем второй кадр, и проделываем то же самое. Только в первом поле нужно выбрать Первый кадр. 
11. Устанавливаем интервал времени в 1 секунду на этом и на первом кадре.   12. Для того, чтобы просмотреть анимацию нажмите на иконку Play.  13. Теперь сохраняем получившуюся анимацию: Файл - Сохранить оптимизованнй как... (вроде так должно быть написано  ) И выбираем формат gif.  
Сообщение отредактировал {Kailina} - Вторник, 17.08.2010, 01:48 | |
|
|
| {Kailina} | Дата: Вторник, 17.08.2010, 01:57 | Сообщение # 3 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | Этот способ отличается от первого ишь тем, что на первом кадре нижний слой не виден. 
Опять же делаем плавный переход.
Чтобы аватар подходил по размру к допустимому сайтом, можно добавить максимум 4 кадра.   Устанавливаем интервал в 1 секунду на основных кадрах.  И сохраняем тем же способом.  Надеюсь, что мне удалось все понятно объяснить и помочь вам. Если возникли какие-либо вопросы или трудности, пишите. Постараюсь на все ответить. :)
Сообщение отредактировал {Kailina} - Вторник, 17.08.2010, 01:59 | |
|
|
| [BatmanКА] | Дата: Среда, 18.08.2010, 18:29 | Сообщение # 4 | ![]( "[BatmanКА]")
Группа: Creative Group
Сообщений: 1432
Награды: 211 +
Статус: | Я не могу сделать пятый шаг  У меня нету этого ImageRedy...
| |
|
|
| {Kailina} | Дата: Четверг, 19.08.2010, 00:13 | Сообщение # 5 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | ЯпростоЯ, какй у тебя фотошоп? В некоторых панель анимации в самом фотошопе. Нажми на Окно - анимация.
| |
|
|
| [BatmanКА] | Дата: Четверг, 19.08.2010, 20:05 | Сообщение # 6 | ![]( "[BatmanКА]")
Группа: Creative Group
Сообщений: 1432
Награды: 211 +
Статус: | Quote ({Kailina}) какй у тебя фотошоп?
Adobe Photoshop CS3 Quote ({Kailina}) Окно - анимация
Я нажимаю, а там вылазит окно, которое в шестом шаге, а сама картинка не открывается в том окошке, что у тебя...
| |
|
|
| {Kailina} | Дата: Четверг, 19.08.2010, 22:33 | Сообщение # 7 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | ЯпростоЯ, там должны появляться все изображения, на которые ты кликаешь. Ты точно выбираешь Анимация? Проверь все еще раз.
Хмм, а у тебя вообще есть кнопка 5 пункта? Возможно тебе нужно загрузить ImageReady. У тебя лицензионный фотошоп?
| |
|
|
| [BatmanКА] | Дата: Суббота, 21.08.2010, 13:53 | Сообщение # 8 | ![]( "[BatmanКА]")
Группа: Creative Group
Сообщений: 1432
Награды: 211 +
Статус: | Я сделала анимацию, у меня все получилось, кроме одного: я не могу сохранить...Все перепробовала, никак...
| |
|
|
| {Kailina} | Дата: Суббота, 21.08.2010, 23:23 | Сообщение # 9 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | ЯпростоЯ, открой Окно - оптимизировать(Window - optimize) В правом верхнем углу появится панель, там выбери Gif. А потом просто сохрани через Save optimized as(Сохранить оптимизованный как). Попробуй.
| |
|
|
| [BatmanКА] | Дата: Среда, 25.08.2010, 10:05 | Сообщение # 10 | ![]( "[BatmanКА]")
Группа: Creative Group
Сообщений: 1432
Награды: 211 +
Статус: | Я сделала!!!!!
Вот
| |
|
|
| {Kailina} | Дата: Среда, 25.08.2010, 11:33 | Сообщение # 11 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | ЯпростоЯ, урррраааа!!! Наконец-то у тебя все получилось! Молодец! А что в обратную сторону не сделала? 
| |
|
|
| [BatmanКА] | Дата: Среда, 25.08.2010, 15:34 | Сообщение # 12 | ![]( "[BatmanКА]")
Группа: Creative Group
Сообщений: 1432
Награды: 211 +
Статус: | {Kailina}, а я то как рада была
Quote ({Kailina}) А что в обратную сторону не сделала?
Ой, забыла.
Вот, вроде правильно сделала...
| |
|
|
| {Kailina} | Дата: Четверг, 26.08.2010, 00:17 | Сообщение # 13 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | ЯпростоЯ, молодец! Олично получилось!!!
| |
|
|
| Shalimor | Дата: Четверг, 26.08.2010, 22:37 | Сообщение # 14 | ![]( "Shalimor")
Группа: Команда Эдварда
Сообщений: 1531
Награды: 260 +
Статус: | {Kailina}, спасибо за урок 
странно но у меня ImageRedy только в английской версии работает.... вот что у меня получилось....
 {Kailina}, а какой максимальный размер анимированной авы здесь на сайте?
| |
|
|
| {Kailina} | Дата: Пятница, 27.08.2010, 01:12 | Сообщение # 15 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | Shalimor, действительно, странно!
Прикольно получилось! Сама я таким способом не делаю.
Максимальный - 200 кб, то есть семь вставленных кадров. Больше не загружает. Если ставить четыре с одной и четыре с другой уже превышает. Но можно просто менять картинки. 
| |
|
|
| Shalimor | Дата: Пятница, 27.08.2010, 20:24 | Сообщение # 16 | ![]( "Shalimor")
Группа: Команда Эдварда
Сообщений: 1531
Награды: 260 +
Статус: | Quote ({Kailina}) Прикольно получилось!
спасибо
и спасибо за информацию по поводу размера
| |
|
|
| {Kailina} | Дата: Суббота, 28.08.2010, 00:22 | Сообщение # 17 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | Shalimor, не за что! Обращайся, если что!
| |
|
|
| TwilightstarLove | Дата: Суббота, 04.09.2010, 12:04 | Сообщение # 18 | ![]( "TwilightstarLove")
Группа: Пользователи
Сообщений: 12
Награды: 1 +
Статус: | Получилось!!!Спасиб)))))) вот что получилось:  Для первого раза норм,буду ещё пробовать))))
Сообщение отредактировал TwilightstarLove - Суббота, 04.09.2010, 12:06 | |
|
|
| {Kailina} | Дата: Суббота, 04.09.2010, 23:02 | Сообщение # 19 | ![]( "{Kailina}")
.:Enlightened One:.
Группа: Creative Group
Сообщений: 2687
Награды: 271 +
Статус: | TwilightstarLove, я рада! Обязательно практикуйся, с каждым разом будет все красивее и красивее!
| |
|
|
