Автор урока , я - KitsuMiko.
 

И так, у многих возникает вопрос как делать анимированные авки, из АНИМЕ!!! В принципе по такой же схеме делается и обычная анимация на авках типа мигания =)))
Все эти уроки писала я сама из головы, никогда и нигде этому не училась, дошла до всего методом тыка >___<... Т.ч. прошу не копировать это в сообщки, сайты по фотошопам итд... и не говорить что я это где-то стыбзила т.к. я всё делаю сама и доходила до всего сама!!!!

Мой длинный урок как сделать из любимого аниме...
вот такую

И такую

Аватарки =) Вернее подобные им ^____^
 


И так, урок №1 =))) да, да... их у мя будет несколько =____=
И так...ВЫбрали исходник... Аниме сериал, мувик, спешал итд... я выбрала CLAMP in Wonderland... что то типа клипа от компании Clamp =))), там все их старые герои и.т.д... ну может многие его видели... чтобы долго не думать выбрала место которое хочу видеть у ся в авике =))) самое начало XD там где колобок белый прыгает мимо парня =____= ну не смотрела я X....!!! Зато смотрела другие их аниме, менее кровавые, Сукуру, Тсубасу, Чёбитов, Икс Холик... (пока тока мувик, а сериал попозжа), Арену Ангелов, хм... может я чтото забыла х___Х... так и вообще я не о том о___О отвлеклась от темы... ооо... ещё Мьюки чан смотрела =))) какраз это её сюжет =))) ток там кроли и Мьюи за ним в дыру летит, а тут колобок =Р
Значит так, я делаю кадры в проге BSplayer Pro... вот её панелька

Всё сфоткать не могу т.к. экран через Принт Скрин выходит черным =)))
Затем там в меню есть такая хрень... в меню попадаем правой кнопкой =):

Как видите там горячая клавиша Р.... жмём её и сохраняем, либо через меню каждый раз... так мы находим точку с которой хотим авик начать, пауза и жмём там Р..., затем  надо приноровится, чтобы быстро жать на паузу 2ды... чтобы отпустить её и сразу нажать.... эт чтоб следующий кадр получить... и так я нащёлкала весь путь шарика =)))
ВСе кадры сохранились в папку с программой и я лезу за ними =____=
(в других плеерах тоже есть подобные фотики =))) т.ч. ищите если у вас другой просмоторщик)
Лучше всего все кадры скинуть в отдельную папку... Я назвала свою Пуфик =Р
Вот один из кадров:

Надеюсь вы теперь поняли о каком колобке я говорила =)

Такс, теперь открываем ImageReady... Вы надеюсь знаете что существует такая программа, как приложение к Фотошопу... искать её надо в папке с Фотошопом =___=
Жмём Файл, Импорт, Папку как файлы...

У вас на экране должны открыться все эти кадрики... в одном файле... и должно всё выглядеть примерно так... + открыты все эти окна... Главное Слои и Анимация!!! В Анимации у вас уже все кадры друг за другом выстроились как были в папке по именам... можно нажать просмотр (стрелочка) и они быстро все промелькнут =___=, но такой результат нам не нужен...

Теперь... в Анимации щёлкаем на первый кадр, затем перевёртываем бегунок на последний и там щёлкаем по последнему с зажатой клавишей Shift. Выделяются все кадры. Жмём правой кнопкой по любому и меняем скорость с "без задержки изображения", на "0,1 сек"... хммм.. щелкаем именно по низу кадров, там где цыфорки =)

Теперь уменьшаем наше изображение...
Такс... Говорю сразу, что если кадров много то авка 150х150 не прокатит!!! Даж 100х100 трудно подойдёт!!! Т.ч. лучше всего 100х100 делать =))) хотя если движений мало, то и 150х150 хорошо.  И так... Глядим, есть ли у нас в кадрах субтитры =____=, если нет, то тута:

Устанавливаем размеры в высоту 100 пикселей... если сабы есть, то 120 или 125... Главное чтобы стояла галочка "Сохранить пропорции"...

жмём ок =) теперь у нас кадры вот такие мелкие...

Хммм.... как же сделать в ширину 100??? а очень просто =) создаём новый файл 100х100... и выделяем все кадры как я уже описывала в Анимации... После чего жмём на стрелочку в Анимации справа вверху и там в настройка выбираем Сохранить кадры.

Хо хо хо.... а теперь в новом файле =) там же... ток Вклеить кадры жмём... и ставим галку на Заменить кадры...

Они вставились как видите не оч хорошо.... т.к. ширина длиннее... теперь выделяем тем же способом (зажатый шифт) Слои все в нашем новом проекте... и с нажатой черной стрелочкой двигаем их в лево... ну чтобы на середину попасть.... =))) ну вот примерно так...

А теперь посмотрим в просмотр... на панели анимации стрелочка =))) и убедимся, что всё удачненько =))) если что то мона правее или левее двинуть или лишнии кадры удалить... удаляют их там же где их копировали и вставляли =)
Затем смотрим на эту панель (оптимизация):

Поставьте примерно так настройки... Там где галочка должно быть обязательно указано ГИФ!!!, там где обведено... а это друзья мои - наш помощник... количество цветов... Когда кадров много, то файл получается увесистый...  а у нас авки больше 96 кб нивкакую =(((... в общем чем меньше укажешь цветов, тем меньше будет вес авки... Но и качество попортится... примерно до 60 если уменьшать то ещё нормально и незаметно, а вот ниже - заметно становится т.ч. если что удаляйте лишние кадры =)))....
Теперь сохраняем наше творение =))) вот так - Файл, Сохранить как оптимизированный...

Укажите сохранить как гиф, укажите папку и любуйтесь своею авкой.. не забудьте глянуть на вес, и если что пока не поздно промурыжить количество цветов и кадров =)))
вуаля =))) вот моя авка... неудачный немного момент, ну и ладно =))) эт чисто для того, чтобы вас научить =)

Хотя щас поглядела на авку... вышло-то ржачненько XD =))) колобок такой пацапёнка пугает =))) и всё прыгает и прыгает =Р


А вот продолжение урока... я таких авок ещё неделала, но как сделать представляю... и вроде делала для себя несколько... Опять САМОУЧКА =Р

Наверно это делается как-то проще, но вот так могу делать я =____=
И так всё оч мило... я не умею рисовать в Фотошопе =))) всмысле у мя ничего путного не выходит... в общем рисуем заготовочку... 150х150... подберите к кадру цвета =)... и рисуйте ими.... что-нить фигурами, кистями итд.... затем выберите где у вас будет располагаться движущийся кадр и сотрите там прямоугольничек.... мона подтереть мягкой стёркой для плавных краёв.... вот что у мя за бред вышел =____=

Теперь жмём на ЭТО:

И оно нас переведёт в Имэйдж Реадю... где у нас уже готов анимированный кадр... не тот что уже 100х100, а предыдущий...  прямоугольный...

глядим на наше анимированное чудо, а оно по размерам оч большое.. тогда примерно подгоняем по размерам к вырезанному прямоугольнику =)))... ну у мя к примеру т.к. сабов нет... ну вроде в высоту 80... у вас может по другому т.к. мона по разному прямоугольник вырезать =))) вернее разный шире, уже итд...
Теперь Копируем все кадры в Анимация, как это было показано выше (нажатая клавиша Шифт и затем на стрелочку - скопировать кадры), и вставляем их в нашу заготовку... тем же способом... И так у нас оно вставилось... тока теперь слой рамочки и текста... в общем все слои заготовки нада перенести на самый верх, чтобы они загораживали нашу анимацию... и в Анимация к каждому кадру добавить все эти файлы... вернее сделать их в каждом кадре видимыми.
ВОт так:

Хммм... теперь и ёжику понятно, что нам надо анимацию сдвинуть в середину - в нашу вырезанную часть... делаем также как указано было раньше.. Выделяем все слои анимации (только анимацции, рамку итд не трогаем) и двигаем, пока не поставим на место =)

Сохраняем как и раньше было сказано, как оптимизацию =)))
У мя вышла вот такая прикольная аватарка, где прыгает колобок =)))



Милые мои, я честно писала своими словами и.т.д т.ч. боюсь многое тут разъяснено не очень понятно, но я старалась сделать как можно понятнее, потому прилагала картинки =))) Надеюсь вам этот урок будет полезен и надеюсь вам он понравится =))))

Не забываем говорить спасибо =)))

С уважением ваша KitsuMiko.