Делаем анимашки
Две темы в одном уроке в Фотошопе CS5 !

1. Создаем анимацию с помощью шума.
2. Делаем двух кадровую анимацию.

Здравствуйте дорогие друзья и гости моего блога!
Сегодня я вас научу делать не сложную анимацию.
Для этого вам понадобится... время, терпение,
внимательность и желание научится.

И так начнем первый урок.
Тема " Создаем анимацию с помощью шума."

1. Изображение - savepic.ru — сервис хранения изображений

2. Изображение - savepic.org — сервис хранения изображений

3. Изображение - savepic.org — сервис хранения изображений
1. Выделение. 2 Цветовой диапазон.

4. Изображение - savepic.ru — сервис хранения изображений
Вот тут очень внимательно!!! Берем 1-ю пипетку и этой пипеткой
жмем на край фужера! Не нажимаем ОК
Это если Вы будете учится на этой картинке! А вообще наводите пипетку на
ту часть картинке, которую вы хотите анимировать шумом.


5. Изображение - savepic.org — сервис хранения изображений
Берем 2-ю пипетку и жмем на лимон в графине. Не нажимаем ОК

6. Изображение - savepic.ru — сервис хранения изображений
Берем 3-ю пипетку и жмем на фужер там, где фон немного
зеленоватый и только после этого мы нажимаем ОК.

7. Изображение - savepic.org — сервис хранения изображений
У вас после нажатия ОК должны забегать черно-белые черточки,
как у меня на картинке.

8. Изображение - savepic.ru — сервис хранения изображений
Создаем дубликаты слоя, нажимаем CTRL + J - 3раза.
Далее приступим к анимации. Для этого жмем
1. окно 2. анимация. У вас появится окошко.

9. Изображение - savepic.org — сервис хранения изображений
В окошке анимации жмем на квадратик в квадратике
для создания двух копий.

10. Изображение - savepic.org — сервис хранения изображений
Далее становимся на первый кадр в окошке анимации,
а в слоях выключаем два верхних глазика.

11. Изображение - savepic.org — сервис хранения изображений
Далее жмем ФИЛЬТР в появившемся окошке, жмем
ШУМ и в маленьком выбираем ДОБАВИТЬ ШУМ

12. Изображение - savepic.org — сервис хранения изображений
Теперь выставляем эффект шума! Вы можете
воспользоваться моими параметрами или
установить свои! Все остальное ставим как у меня!

13. Изображение - savepic.org — сервис хранения изображений
И все тоже самое делаем с остальными кадрами!
Внимательно смотрите скриншоты!

14. Изображение - savepic.org — сервис хранения изображений

15. Изображение - savepic.org — сервис хранения изображений

16. Изображение - savepic.org — сервис хранения изображений

17.Изображение - savepic.org — сервис хранения изображений
Теперь, когда вы все сделали нам надо установить
частоту мерцания! Для этого становимся на первую
анимацию, нажимаем черный треугольник и выбираем
в окне частоту! И так проделываем для остальных
двух кадров! Вы можете выбрать как одну частоту,
так и разные для каждого! Чтобы посмотреть, что
получилось, нажмите плэй!

18. Изображение - savepic.org — сервис хранения изображений
Вот и все! Анимация шумом готова! Можем сохранять!
ФИЛЬТР и выбираем СОХРАНИТЬ ДЛЯ Web УСТРОЙСТВ

Второй урок.
Тема " Двух кадровая анимация."

19. Изображение - savepic.org — сервис хранения изображений
Встаем на главный слой! Нажимаем левою кнопку мыши
в появившемся окошке выбираем пункт СОЗДАТЬ ДУБЛИКАТ СЛОЯ
и жмем ОК.

20. Изображение - savepic.org — сервис хранения изображений
Становимся на первый кадр в окне анимации,
а в слоях на главный слой! У копии глазик
закрываем. Если вы будете делать урок, как
и я на той же картинке, то глазики выключаем
у всех слоем кроме главного, на котором стоим.

Далее берем инструмент ОСВЕТЛИТЕЛЬ и начинаем
осветлять ту часть картинки, которую вы хотите.
В моем случаи это будет солнышко!

21. Изображение - savepic.org — сервис хранения изображений
Теперь становимся на второе окошко в Окне анимации,
а в слоях становимся на слой - копию. Включаем глазик,
а у основного (на котором работали) выключаем!
Берем инструмент ОСВЕТЛИТЕЛЬ и начинаем
осветлять. В моем случаи я осветляю так же солнышко
только кисточку делаю больше. А можно осветлить
что-то другое! Это уже зависит от вашей фантазии.

После того как вы все сделали! Становимся на первый
кадр в окне анимации, а в слоях включаем все глазики
и нажимаем плэй! Дальше сохраняем. Вот и все!!!

Смотрим результат!!!

Было
Изображение - savepic.org — сервис хранения изображений

Стало
Изображение - savepic.org — сервис хранения изображений

Творческих Вам успехом!!! Пробуйте и у вас все получится!!!

Автор урока Valdiviya Для Сообщества Полезные уроки для Блога



Метки: анимашки Редактировать метки
Рейтинг
0



14-08-2011 20:33 (cсылка) Добавить в избранное Редактировать Удалить
Туришка
Сделать надпись на анимации

Подписать простую картинку можно в любом редакторе для фото! А вот найти сайт подписывающий анимированную картинку, гораздо сложнее. Конечно кто умеет работать в фотошопе, сделает это быстро и красиво. А тем кто этого не умеет, предлагаю учится это делать вместе.... Берем любую анимированную картинку.
http://stars-animals.narod.ru/cat.gif

И подписываем ее анимированным текстом. Текст можно ставить под любым углом и в любом месте.


Или простым


Теперь немного о сайте. Зайдя на сайт, нажимаем кнопку обзор, если грузим картинку с компа, или адрес этой картинки в интернете. После выбора картинки жмем кнопку ЗАГРУЗИТЬ.


Когда картинка загрузится, Нажимаем на кнопку ТЕКСТ,


И у нас выходит вот такая картинка. Здесь мы пишем свою надпись, стирая английскую,


Затем выбираем размер шрифта, цвет, угол наклона надписи и сам шрифт.


ВНИМАНИЕ РУССКИЙ ЯЗЫК ЗДЕСЬ ПОДДЕРЖИВАЕТ ТОЛЬКО ОДИН ШРИФТ а именно этот Verdana)


Далее нажав кнопку ПРОСМОТР, смотрим что у нас получилось. Если вас что то не устроило, то меняйте размер шрифта, переносите запись в другой угол картинки и прочее, нажимайте много раз предпросмотр, пока вас все не устроит. Тогда жмите КНОПКУ ГОТОВО. И картинку с надписью сохраняйте в комп, с помощью правой кнопки мыши СОХРАНИВ КАК...


Теперь посмотрим как подписать анимированным текстом. Жмем эту надпись


Так же стираем английский текст, и вписываем свой. Шрифт выбирать только ЭТОТ


Нажимаем на зелененький блестящий глитер-раскроется весь набор имеющихся в Вашем распоряжении глитеров(выбирайте цвет Вашего текста). Щелкайте по тому, который выберите. И жмите предпросмотр.


Готовый текст можно передвигать по картинке мышкой.

Если результат Вам не понравился ,то изменяем параметры,изменяем,изменяем... до тех пор,пока готовая картинка вам не понравится. Можно так же выбирать размер, наклон, цвет, тень и прочее. Когда все вас устроит жмем кнопку ГОТОВО


Ну вот и все. Успехов вам, надеюсь все понятно. Сохранять так же правой кнопкой мыши!
ЭТОТ ЗАМЕЧАТЕЛЬНЫЙ САЙТ ЗДЕСЬ
Из блога ГАЛИНЫ ШАДРИНОЙ





Метки: анимашки Редактировать метки
Рейтинг
3



18-07-2011 12:51 (cсылка) Добавить в избранное Редактировать Удалить
Туришка
флеш-игрушка


В большом размере-http://www.yapfiles.ru/files/202591/mitoza.swf





В большом размере-http://de.trinixy.ru/pics3/20080516/knopka.swf

Метки: анимашки Редактировать метки
Рейтинг
0



18-07-2011 12:44 (cсылка) Добавить в избранное Редактировать Удалить
Туришка
флеш-игрушка
Мультик про колобка-мутанта.

Смотреть в большом размере.http://flashca.moy.su/Flash/Kolobok.swf

Метки: анимашки Редактировать метки
Рейтинг
0