Отправлено: 22.06.10 14:46. Заголовок: Анимашка на вашей картинке(авторский урок)

Вам понравилась анимашка в интернете и вы хотите вставить её на свою картинку. Давайте попробуем это сделать.

Анимашка из интернета и моя картинка с этой анимашкой.




Скрытый текст

1.Открыть анимашку в фотошопе по слоям. В версиях ФШ выше CS2 приложение ImageReady нет. В программу встроена панель анимации и, чтобы открыть анимашку(файл в формате gif) по слоям, нужно импортировать файл. Для импорта файла на компьютере должна быть установлена программа QuickTime не ниже версии 7.1. При этом анимашка откроется с белым фоном и придётся этот фон удалять с каждого слоя. Морока да и только. Я решила эту проблему просто. Установила старенькую версию Photoshop CS, весом в 260мб, и получила в пользование приложение ImageReady. С моей рабочей версией программы CS4 нет никакого конфликта и приложение открыто одновременно с CS4. Места на компьютере достаточно, и меня сама программа Photoshop CS ничем не обременяет. Если кому нужно, то скачать Adobe Photoshop CS and ImageReady CS можно здесь<\/u><\/a> ( лекарство присутствует, это архив с моего пиратского диска(шёпотом [взломанный сайт] )) Итак, открываем в ImageReady анимашку ( меню – файл – открыть). <\/u><\/a> И сохраняем в формате psd (меню – файл – сохранить как…) 2.Переносим анимашку на картинку. 1)Открываем сохранённый psd файл в Фш. <\/u><\/a> 2)Чтобы перенести все слои анимашки на картинку их необходимо убрать в группу. Для этого, находясь на верхнем слое в панели слоёв и удерживая клавишу Shift, делаем клик по нижнему слою. Этим действием мы объединили все слои. 3)Топаем в меню – слои – новый – группа из слоёв – ок. Все слои собрались в группу. 4) Активируем инструмент «перемещение» и тянем группу из панели слоёв на картинку, устанавливаем на нужное место. <\/u><\/a> 3.Редактирование анимашки. Некоторые гиф файлы имеют неприятную особенность – рваные края изображения. Моя анимашка тоже имеет эту особенность. Есть возможность сгладить рваные края. 1)Активируем инструмент «размытие» ( настройки и размер кисти регулируйте по своему усмотрению) 2)Открываем группу с анимашкой и, находясь на верхнем слое, аккуратненько пройдёмся по границе изображения. <\/u><\/a> Пройтись по границам изображения нужно на каждом слое. Конечно, можно и не сглаживать рваные границы анимашки, но тогда ваша картинка будет выглядеть менее эстетично. 4.Анимация. Начинаем выставлять видимость слоёв анимашки по кадрам. 1)Открываем панель анимации и для первого кадра открываем видимость первого слоя анимашки. <\/u><\/a> 2)Создаём следующий кадр (вторая иконка справа внизу панели анимации) и открываем видимость следующего слоя анимашки, а видимость предыдущего слоя закрываем. <\/u><\/a> 3)Повторяем подпункт 2 для всех слоёв анимашки. В моём случае получилось 7 кадров. <\/u><\/a> Вот и вся премудрость. Сохраняйте в гиф формате вашу картинку с анимашкой. На анимашку можно добавлять всё, что вашей душе угодно. Я добавила на цветок блёстки, сделала блик на носу и мигающий блик на глазе. Так как на моей картинке есть ещё анимация и она предусматривает более быстрое действие, чем моргание анимашки, то я открывала видимость следующего слоя анимашки через кадр, т.е. на двух кадрах у меня видимость одного слоя, на следующих двух кадрах видимость следующего слоя и т.д. А для мерцающего блика глаза я создала дубликат первого кадра, сделала на нём блик ( меню – фильтр – рендеринг – блик) и добавила кадры для слоя с бликом. В итоге у меня 18 кадров, на которых я расставила видимость слоёв других анимаций. Прочитав один раз то, что я написала в последнем абзаце, вы про себя скажете – ничего не понимаю. Я с вами соглашусь. Но, если вы не поленитесь и не будете торопиться, и попробуете поэкспериментировать, то я уверена, что вы всё поймёте. А если не поймёте, то прочитайте ещё и ещё раз внимательно. Но уж если и после всех ваших усилий что-то будет непонятно – спрашивайте. Разберёмся. Автор - ваш Admin- Ольга Бор.<\/u><\/a>

 Отправлено: 22.06.10 16:10. Заголовок: Наконец-то узнала и..

Наконец-то узнала из Вашего урока, Оленька, как вставить анимашку на картинку. Да ещё, в придачу, - Фотошоп с Image... Огромная благодарность за этот великолепный подарок!

 Отправлено: 22.06.10 21:10. Заголовок: Iolanta пишет: Нако..

Iolanta пишет:

цитата:

Наконец-то узнала из Вашего урока, Оленька, как вставить анимашку на картинку. Да ещё, в придачу, - Фотошоп с Image... Огромная благодарность за этот великолепный подарок!

Пожалуйста.
Рада, что урок и презент пригодились.

 Отправлено: 25.08.10 19:32. Заголовок: Оленька, огромное сп..

Оленька, огромное спасибо за ImageReady!!! Установила, но русифицировался только Фотошоп. Для ImageReady он не предназначен или надо где-то в настройках поменять на русский язык?

 Отправлено: 02.12.12 21:14. Заголовок: Доброго времени суто..

Доброго времени суток, Олечка! Скачать Adobe Photoshop CS and ImageReady CS не удалось. А какая версия CS& Устарела ссылка? Требует пароль...