• Авторизация


Смайлик пишет текст 28-10-2010 03:18 к комментариям - к полной версии - понравилось!


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


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

[показать]




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

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


Ролик разбит на 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.
Вместо смайлика,естественно,можно использовать
и другие картинки(ручки,перья,карандаши...)

 

Вот и всё!
[показать]

Еще уроки по фотошопу тут
вверх^ к полной версии понравилось! в evernote
Комментарии (37): вперёд»
GDiN 28-10-2010-07:34 удалить
Спасибо! Жаль, что фотошопом я не владею.
Родиоша 28-10-2010-09:42 удалить
Большое спасибо! Мне - к Вам.Я ничего этого не умею, а наследникам, как всегда, не до стариков!
Родиоша 28-10-2010-09:44 удалить
Раз уж на то пощло, не поможете освоить запись в свои документы из ю-туба?
Ответ на комментарий Родиоша # Это ролик вставить с Ютуба сюда ?
galkapogonina 28-10-2010-12:32 удалить
Ответ на комментарий Оксана_Пилипенко # Спасибо!
Ялеля 28-10-2010-12:41 удалить
Танечка ,спасибо больщое, вот бы еще освоить это недоступный фотошоп.
goldmetel 28-10-2010-13:11 удалить
EgorovaTatiana, Татьяна, класс! Хотя сам я такого, конечно, сделать никогда не смогу.
взяла,но что-то мой фотошоп на нуле,никак не работает,спасибо, на про запас

(Добавил ссылку к себе в дневник)

Ответ на комментарий goldmetel # Это только кажется не смогу.Я сама так год назад думала))))
Ответ на комментарий Белянушка # На портативном не сделать.Или только отдельные кадры,а потом на спец. сайте собрать анимашку.
goldmetel 28-10-2010-14:27 удалить
Ответ на комментарий Егорова_Таня # EgorovaTatiana, нет, Татьяна, не кажется. Я иногда себе кажусь, сталкиваясь с такими вещами, невероятно тупым.
medissa71 28-10-2010-14:33 удалить
Очень интересно! Спасибо! Возьму попробую разобраться!
Родиоша 28-10-2010-19:41 удалить
Ответ на комментарий Егорова_Таня # Имеется в виду, скачать с ютуба в свой компьютер. Ну, а потом перенести в свой дневник.
Ответ на комментарий Родиоша # Родиоша, раньше это просто делалось.Через спец. сайт.А сейчас Ютуб запретил такое скачивание.Я скачиваю специальной программой RealPleer.Удобная штукенция!
Родиоша 28-10-2010-21:53 удалить
Ответ на комментарий Егорова_Таня # Спасибо за ответ.
Спасибо за урок.Будем разбираться.
Спасибо, Татьяна! Цитирую! Придется заняться обучением! . [261x376]
mimozochka 30-10-2010-16:33 удалить
Замечательный урок Танюша!


Комментарии (37): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Смайлик пишет текст | Егорова_Таня - Дневник Егорова Таня | Лента друзей Егорова_Таня / Полная версия Добавить в друзья Страницы: раньше»