-Цитатник

Без заголовка - (11)

С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...

Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)

Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...

Без заголовка - (7)

Создай страничку Памяти... У каждого из нас, я уверена, есть человек, про которого мы го...

Без заголовка - (47)

ПОЖАЛУЙСТА МАКСИМАЛЬНЫЙ ПЕРЕПОСТ! КРЫМУ НУЖНА ИНФОРМАЦИОННАЯ ПОДДЕРЖКА!БОЛЬШАЯ ПРОСЬБА ОТ ВСЕГО ПОЛУ...

Без заголовка - (0)

С завтрашнего дня номера экстренных служб станут трехзначными В нынешний понедельник, 27 января, ...

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Егорова_Таня

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.02.2010
Записей:
Комментариев:
Написано: 32761

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

Четверг, 28 Октября 2010 г. 03:18 + в цитатник
Смайлик пишет текст


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






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

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


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

 

Подготовка



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

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


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


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


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


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

1. 2. 3.


 

Шаг 1


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


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

Pics.kz


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


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

Pics.kz


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


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

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

 

Шаг 2


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

Pics.kz


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

Pics.kz


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

 

Шаг 3



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

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

Pics.kz



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

Pics.kz


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

 

Шаг 4



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

Pics.kz


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

Pics.kz


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

Pics.kz


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

Pics.kz


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

Pics.kz


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

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

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

 

Вот и всё!


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

Процитировано 55 раз
Понравилось: 9 пользователям



JIEHYIIIKA   обратиться по имени Четверг, 28 Октября 2010 г. 03:39 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
ЛюдоМилка   обратиться по имени Четверг, 28 Октября 2010 г. 07:15 (ссылка)
Ответить С цитатой В цитатник
GDiN   обратиться по имени Четверг, 28 Октября 2010 г. 07:34 (ссылка)
Спасибо! Жаль, что фотошопом я не владею.
Ответить С цитатой В цитатник
valentuka   обратиться по имени Четверг, 28 Октября 2010 г. 08:27 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
ShaNura3   обратиться по имени Четверг, 28 Октября 2010 г. 09:07 (ссылка)
Спасибо!Супер!
Ответить С цитатой В цитатник
Родиоша   обратиться по имени Про смайлик, который пишет.... Четверг, 28 Октября 2010 г. 09:42 (ссылка)
Большое спасибо! Мне - к Вам.Я ничего этого не умею, а наследникам, как всегда, не до стариков!
Ответить С цитатой В цитатник
Родиоша   обратиться по имени Четверг, 28 Октября 2010 г. 09:44 (ссылка)
Раз уж на то пощло, не поможете освоить запись в свои документы из ю-туба?
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 28 Октября 2010 г. 12:03ссылка
Это ролик вставить с Ютуба сюда ?
Перейти к дневнику

Четверг, 28 Октября 2010 г. 19:41ссылка
Имеется в виду, скачать с ютуба в свой компьютер. Ну, а потом перенести в свой дневник.
Перейти к дневнику

Четверг, 28 Октября 2010 г. 20:27ссылка
Родиоша, раньше это просто делалось.Через спец. сайт.А сейчас Ютуб запретил такое скачивание.Я скачиваю специальной программой RealPleer.Удобная штукенция!
Перейти к дневнику

Четверг, 28 Октября 2010 г. 21:53ссылка
Спасибо за ответ.
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Четверг, 28 Октября 2010 г. 10:11 (ссылка)
БОЛЬШОЕ СПАСИБО.
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Четверг, 28 Октября 2010 г. 11:13 (ссылка)
Ответить С цитатой В цитатник
Таша_З   обратиться по имени Четверг, 28 Октября 2010 г. 11:36 (ссылка)
Спасибо, Танечка!
Ответить С цитатой В цитатник
Оксана_Пилипенко   обратиться по имени Четверг, 28 Октября 2010 г. 11:52 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Ялеля   обратиться по имени Четверг, 28 Октября 2010 г. 12:41 (ссылка)
Танечка ,спасибо больщое, вот бы еще освоить это недоступный фотошоп.
Ответить С цитатой В цитатник
kohka55   обратиться по имени Четверг, 28 Октября 2010 г. 13:04 (ссылка)
Прикольно!
Ответить С цитатой В цитатник
goldmetel   обратиться по имени Четверг, 28 Октября 2010 г. 13:11 (ссылка)
EgorovaTatiana, Татьяна, класс! Хотя сам я такого, конечно, сделать никогда не смогу.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 28 Октября 2010 г. 14:15ссылка
Это только кажется не смогу.Я сама так год назад думала))))
Перейти к дневнику

Четверг, 28 Октября 2010 г. 14:27ссылка
EgorovaTatiana, нет, Татьяна, не кажется. Я иногда себе кажусь, сталкиваясь с такими вещами, невероятно тупым.
Белянушка   обратиться по имени Четверг, 28 Октября 2010 г. 13:53 (ссылка)
взяла,но что-то мой фотошоп на нуле,никак не работает,спасибо, на про запас

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

Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 28 Октября 2010 г. 14:16ссылка
На портативном не сделать.Или только отдельные кадры,а потом на спец. сайте собрать анимашку.
medissa71   обратиться по имени Четверг, 28 Октября 2010 г. 14:33 (ссылка)
Очень интересно! Спасибо! Возьму попробую разобраться!
Ответить С цитатой В цитатник
Alla_klass   обратиться по имени Четверг, 28 Октября 2010 г. 17:47 (ссылка)
Ответить С цитатой В цитатник
Bobza_De_Lioncourt   обратиться по имени Четверг, 28 Октября 2010 г. 23:15 (ссылка)
спасибо за урок
Ответить С цитатой В цитатник
ЕВГЕНИЯ_ГРАНДЕ   обратиться по имени Пятница, 29 Октября 2010 г. 12:19 (ссылка)
Спасибо за урок.Будем разбираться.
Ответить С цитатой В цитатник
тайная_надежда   обратиться по имени Пятница, 29 Октября 2010 г. 23:03 (ссылка)
Ответить С цитатой В цитатник
Быструшкина_Любовь   обратиться по имени Суббота, 30 Октября 2010 г. 13:47 (ссылка)
Спасибо, Татьяна! Цитирую! Придется заняться обучением!

.
 (261x376, 28Kb)
Ответить С цитатой В цитатник
mimozochka   обратиться по имени Суббота, 30 Октября 2010 г. 16:33 (ссылка)
Замечательный урок Танюша!
Ответить С цитатой В цитатник
ТИШИНА_500   обратиться по имени Среда, 03 Ноября 2010 г. 16:54 (ссылка)
Я случайно попала на эту страничку, много чего не понятно, создала себе дневник, но оформить его не знаю как. Буду учиться.Танюша, спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Ноября 2010 г. 19:32ссылка
Я сама здесь,на Лиру,новичок еще.Будем учиться вместе)))
Перейти к дневнику

Среда, 03 Ноября 2010 г. 21:48ссылка
Танюша, в дневнике у LVN есть урок Добавить картинку на фото.Я попробовала по уроку, вроде получилось, а где сохранять, я не знаю, и как сохранить фото на компютер?
Перейти к дневнику

Среда, 03 Ноября 2010 г. 23:45ссылка
А в какой программе делали?Во многих ФАЙЛ-СОХРАНИТЬ КАК...(Save as...)
Перейти к дневнику

Четверг, 04 Ноября 2010 г. 11:02ссылка
Танюша добрый день .Это по моему не програмка, а код. Вот по этому електр.адресу http://www.liveinternet.ru/users/lvn/rubric/683368/
Перейти к дневнику

Четверг, 04 Ноября 2010 г. 19:10ссылка
Приветик!Тот дневник закрыт для посторонних(((
Перейти к дневнику

Четверг, 04 Ноября 2010 г. 19:42ссылка
жаль, но ничего.
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку