Не знаю правильно или нет я сделала эту анимашку,
скорее всего есть и другие способы.
Но как сделала сама,так уж расскажу и покажу.
[показать]
Ролик разбит на 4 части.Так как у меня комп сломан (нет микрофона),а значит я не могу давать пояснения в ходе создания видеоурока,то здесь я дам разъяснения к каждому шагу.
Сначала нам надо из анимированного смайлика
[показать] взять один кадр.
В программе Фотошоп создаем новый,прозрачный слой.
Нажимаем ФАЙЛ-НОВЫЙ-задаем размер слоя 4Х4.
[показать]
Теперь нажимаем на ФАЙЛ-ОТКРЫТЬ-выбираем наш смайл.
Когда он откроется,берем инструмент ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ
[показать]
Выделяем изображение смайлика.Берем инструмент ПЕРЕМЕЩЕНИЕ
[показать]
Захватываем,зажав левую кнопку мышки, смайлик и перетаскиваем его на новый слой.
Можно работать и с таким маленьким смайлом,а можно его и увеличить.
Нажимаем РЕДАКТИРОВАНИЕ-ТРАНСФОРМИРОВАНИЕ-МАСШТАБИРОВАНИЕ.
Размеры ставим 200Х200
[показать]
Жмем на любой значок,например,опять на "перемещение".
На запрос ПРИМЕНИТЬ ТРАНСФОРМИРОВАНИЕ?,нажимаем ПРИМЕНИТЬ.
Новое изображение сохраняем в формате PNG.
ФАЙЛ-СОХРАНИТЬ КАК...выбираем в окошке ТИП ФАЙЛА-PNG.
Я сделала свой смайлик(с ручкой в руке) и дальше буду показывать работу с ним.
Если кому то надо,то можете сейчас скопировать все 3 смайла,
которые нам пригодятся для работы.
Тогда первый шаг можно пропустить.
[показать] |
[показать] |
[показать] |
Откроем наш смайлик 1,который мы переносили на новый слой.
Возьмем инструмент ПИПЕТКА и кликнем на смайлик в центр,чтобы взять образец цвета.
[показать]
Теперь берем инструмент КИСТЬ
[показать]
и закрашиваем ею глаза смайлику.
Должна получиться вот такая картинка.
[показать]
Сохраняем ее,задав новое название,в формате PNG.
Опять берем "кисть" и закрашиваем центр смайлика полностью.
Затем берем ЛАСТИК
[показать]
и стираем,если надо,все лишнее.
Должно получиться изображение смайлика,повернутого к нам спиной.
[показать]
Опять сохраняем.
Теперь надо где-то,например,на рабочем столе,создать НОВУЮ ПАПКУ,
в которую мы будем сохранять все последующие изображения для анимашки.
Дальше открываем в программе Фотошоп все наши 3 изображения,с которыми и будем работать.
Опять создаем новый слой с размером,например,25Х5.
Я сделала его прозрачным,но можно задать любой цвет.
Кликаем на значок ГОРИЗОНТАЛЬНЫЙ ТЕКСТ
[показать]
Задаем гарнитуру шрифта,цвет,размер.
Пишем нужный нам текст.
Затем захватываем наш первый смайлик
и перетаскиваем в самый конец нашего текста.
Сохраняем кадр в НОВУЮ ПАПКУ,
задав номер 35(номера будут задаваться с конца в начало счета).
Теперь берем смайл 2 и перетаскиваем его прямо на смайл 1,так,чтобы они совпали.
Затем в слоях снимаем значок "глазик" около смайлика 1.
[показать]
Сохраняем изображение в ту же НОВУЮ ПАПКУ,поставив название 34.
Снова включаем "глазик" около смайла 1,а отключаем около смайла 2.
Сохраняем картинку.
Так делаем столько раз,сколько хотим,чтобы смайл моргал в конце текста.
Главное не забывать переключать слои.
Дальше берем смайлик 3 и ставим его к самому последнему знаку в тексте.
Отключаем значки "глазик" около смайлов 1 и 2.Сохраняем.
Теперь будем работать только со слоем смайла 3 и слоем текста.
Значком "перемещение" сдвигаем смайл 3 выше по букве,
переключаемся на слой текста,берем "ластик" и стираем часть буквы.
Сохраняем.
И так до конца записи.В ролике это хорошо видно.
Когда сотрем весь текст,то включаем "глазик" около смайла 1
и переносим его на место ПЕРЕД стертой записью.
Отключаем смайл 3.Сохраняем.
Так же включаем смайл 2 и переносим точно НА смайл 1.
Проделываем действия для анимации моргания смайла, как рассказано выше.
Не забываем переключать слои и сохранять.
Все сделали.
В НОВОЙ ПАПКЕ должны сохраниться,
например,как у меня,вот столько изображений.
[показать]
Дальше кликаем на значок внизу панели инструментов
[показать]
который переместит наше изображение из Adobe Photoshop в Adobe ImageReady.
Удаляем наше перемещенное изображение,
нажимаем на ФАЙЛ-ИМПОРТ-ПАПКУ КАК КАДРЫ...
Находим нашу НОВУЮ ПАПКУ с изображениями смайлов и кликаем ОК.
Все наши изображения соберутся в анимашку.
На панели анимации нажимаем последовательно на каждый кадр с первого
и смотрим- по-порядку ли встали наши картинки.
[показать]
Бывает,что кадры перепутываются.
Тогда, на панели анимации, захватываем кадры и перемещаем в нужное место.
Выставляем время отражения кадров.
В данном случае 0,2 сек.Чем больше время,тем медленнее двигается анимация.
И выбираем как должна отображаться анимация- ВСЕГДА.
[показать]
Включаем предпросмотр.
[показать]
Если все получилось,то можно сохранить.
Нажимаем справа на панели на ОПТИМИЗАЦИЯ и выставляем формат GIF,
смотрим чтобы все значения были как на фото ниже.
[показать]
Нажмем на значок интернета (у Вас другой может быть)
[показать]
Анимашка откроется в отдельном окне и ее можно скопировать обычным способом.
Можно сохранить и по-другому.
Так же выставляем в ОПТИМИЗАЦИИ формат GIF.
Потом ФАЙЛ-СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК...
К сожалению,в портативной версии Adobe Photoshop нет Adobe ImageReady.
Вместо смайлика,естественно,можно использовать
и другие картинки(ручки,перья,карандаши...)
[показать]
[261x376]