Смайлик пишет текст

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

Если здесь плохо видно то,что происходит на экране,то идем вот СЮДА
и смотрим в полноэкранном режиме просмотра.

  Как это делается

Ролик разбит на 4 части.Так как у меня комп сломан (нет микрофона),а значит я не могу давать пояснения в ходе создания видеоурока,то здесь я дам разъяснения к каждому шагу.

 

Подготовка

Сначала нам надо из анимированного смайлика взять один кадр.

В программе Фотошоп создаем новый,прозрачный слой.
Нажимаем ФАЙЛ-НОВЫЙ-задаем размер слоя 4Х4.
 

Теперь нажимаем на ФАЙЛ-ОТКРЫТЬ-выбираем наш смайл.
Когда он откроется,берем инструмент ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ
 

Выделяем изображение смайлика.Берем инструмент ПЕРЕМЕЩЕНИЕ
 

Захватываем,зажав левую кнопку мышки, смайлик и перетаскиваем его на новый слой.
Можно работать и с таким маленьким смайлом,а можно его и увеличить.
Нажимаем РЕДАКТИРОВАНИЕ-ТРАНСФОРМИРОВАНИЕ-МАСШТАБИРОВАНИЕ.
Размеры ставим 200Х200
 

Жмем на любой значок,например,опять на "перемещение".
На запрос ПРИМЕНИТЬ ТРАНСФОРМИРОВАНИЕ?,нажимаем ПРИМЕНИТЬ.
Новое изображение сохраняем в формате PNG.
ФАЙЛ-СОХРАНИТЬ КАК...выбираем в окошке ТИП ФАЙЛА-PNG.
Я сделала свой смайлик(с ручкой в руке) и дальше буду показывать работу с ним.
Если кому то надо,то можете сейчас скопировать все 3 смайла,
которые нам пригодятся для работы.
Тогда первый шаг можно пропустить.
 

1.

2.

3.

 

Шаг 1

Откроем наш смайлик 1,который мы переносили на новый слой.
Возьмем инструмент ПИПЕТКА и кликнем на смайлик в центр,чтобы взять образец цвета.
 

Теперь берем инструмент КИСТЬ
 

и закрашиваем ею глаза смайлику.
Должна получиться вот такая картинка.
 

Сохраняем ее,задав новое название,в формате PNG.
Опять берем "кисть" и закрашиваем центр смайлика полностью.
Затем берем ЛАСТИК
 

и стираем,если надо,все лишнее.
Должно получиться изображение смайлика,повернутого к нам спиной.
 

Опять сохраняем.
Теперь надо где-то,например,на рабочем столе,создать НОВУЮ ПАПКУ,
в которую мы будем сохранять все последующие изображения для анимашки.

Дальше открываем в программе Фотошоп все наши 3 изображения,с которыми и будем работать.

 

Шаг 2

Опять создаем новый слой с размером,например,25Х5.
Я сделала его прозрачным,но можно задать любой цвет.
Кликаем на значок ГОРИЗОНТАЛЬНЫЙ ТЕКСТ
 

Задаем гарнитуру шрифта,цвет,размер.
Пишем нужный нам текст.
Затем захватываем наш первый смайлик
и перетаскиваем в самый конец нашего текста.
Сохраняем кадр в НОВУЮ ПАПКУ,
задав номер 35(номера будут задаваться с конца в начало счета).
Теперь берем смайл 2 и перетаскиваем его прямо на смайл 1,так,чтобы они совпали.
Затем в слоях снимаем значок "глазик" около смайлика 1.
 

Сохраняем изображение в ту же НОВУЮ ПАПКУ,поставив название 34.
Снова включаем "глазик" около смайла 1,а отключаем около смайла 2.
Сохраняем картинку.
Так делаем столько раз,сколько хотим,чтобы смайл моргал в конце текста.
Главное не забывать переключать слои.
Дальше берем смайлик 3 и ставим его к самому последнему знаку в тексте.
Отключаем значки "глазик" около смайлов 1 и 2.Сохраняем.
Теперь будем работать только со слоем смайла 3 и слоем текста.
Значком "перемещение" сдвигаем смайл 3 выше по букве,
переключаемся на слой текста,берем "ластик" и стираем часть буквы.
Сохраняем.
И так до конца записи.В ролике это хорошо видно.

 

Шаг 3

Когда сотрем весь текст,то включаем "глазик" около смайла 1
и переносим его на место ПЕРЕД стертой записью.
Отключаем смайл 3.Сохраняем.
Так же включаем смайл 2 и переносим точно НА смайл 1.
Проделываем действия для анимации моргания смайла, как рассказано выше.
Не забываем переключать слои и сохранять.

Все сделали.
В НОВОЙ ПАПКЕ должны сохраниться,
например,как у меня,вот столько изображений.
 

Дальше кликаем на значок внизу панели инструментов
 

который переместит наше изображение из Adobe Photoshop в Adobe ImageReady.

 

Шаг 4

Удаляем наше перемещенное изображение,
нажимаем на ФАЙЛ-ИМПОРТ-ПАПКУ КАК КАДРЫ...
Находим нашу НОВУЮ ПАПКУ с изображениями смайлов и кликаем ОК.
Все наши изображения соберутся в анимашку.
На панели анимации нажимаем последовательно на каждый кадр с первого
и смотрим- по-порядку ли встали наши картинки.
 

Бывает,что кадры перепутываются.
Тогда, на панели анимации, захватываем кадры и перемещаем в нужное место.
Выставляем время отражения кадров.
В данном случае 0,2 сек.Чем больше время,тем медленнее двигается анимация.
И выбираем как должна отображаться анимация- ВСЕГДА.
 

Включаем предпросмотр.
 

Если все получилось,то можно сохранить.
Нажимаем справа на панели на ОПТИМИЗАЦИЯ и выставляем формат GIF,
смотрим чтобы все значения были как на фото ниже.
 

Нажмем на значок интернета (у Вас другой может быть)
 

Анимашка откроется в отдельном окне и ее можно скопировать обычным способом.

Можно сохранить и по-другому.
Так же выставляем в ОПТИМИЗАЦИИ формат GIF.
Потом ФАЙЛ-СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК...

К сожалению,в портативной версии Adobe Photoshop нет Adobe ImageReady.
Вместо смайлика,естественно,можно использовать
и другие картинки(ручки,перья,карандаши...)

 

Вот и всё!


Еще уроки по фотошопу тут