Магия Фотошопа

Объявление


Последние новости на форуме !!!
Задание в мини-школе - Чистка заднего фона!
Ищем нового модератора в ОДНОКЛАССНИКАХ!!!!!!
Будь в курсе наших новостей - Рассылка форума !!!


Пользовательского поиска

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Анимация » Урок - Вращаем, уменьшаем, передвигаем!


Урок - Вращаем, уменьшаем, передвигаем!

Сообщений 1 страница 6 из 6

1

Часть первая:
Анимация вращения
.

Шаг первый:
Создаем новый файл (настройки 300-300 пкс, фон прозрачный):
http://img0.liveinternet.ru/images/attach/c/0//53/679/53679280_01.jpg

Берем инструмент "горизонтальный текст":
http://img1.liveinternet.ru/images/attach/c/0//53/679/53679455_01.jpg

Настройки у меня:
http://img0.liveinternet.ru/images/attach/c/0//53/679/53679365_01.jpg

Пишем текст:
http://img1.liveinternet.ru/images/attach/c/0//53/679/53679706_01.jpg

Растрируем текст (можно правой клавишей по файлу и выбрать в выпавшем окне - "растрировать слой":
http://img1.liveinternet.ru/images/attach/c/0//53/679/53679927_01.jpg

применяем к нему стили слоя, например (это по желанию, можно не применять :-) )
http://img1.liveinternet.ru/images/attach/c/0//53/680/53680063_01.jpg

Все, подготовительный этап закончен, - переходим к трансформации, - вращению.

Шаг второй:
Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )

Вокруг текста появилась рамка трансформации:
http://img1.liveinternet.ru/images/attach/c/0//53/680/53680283_01.jpg

Теперь решаем на какой угол мы хотим повернуть наш текст. (360 градусов должно делиться на этот угол без остатка, если мы хотим, чтобы вращение было равномерным). Допустим - на 30 градусов за один кадр. Вводим число 30 сюда смотрим вверху программы):
http://img1.liveinternet.ru/images/attach/c/0//53/680/53680403_01.jpg

Как видим, у нас образовался новый слой с текстом, текст , в свою очередь, повернулся на 30 градусов:
http://img1.liveinternet.ru/images/attach/c/0//53/680/53680547_01.jpg

Жмем клавишу Enter для выхода из режима трансформации.

Теперь - мои любимые кнопочки :-)))
Нажимаем сочетание клавиш Ctrl + Alt + Shift + T ((Удобнее - с зажатыми клавишами Ctrl+Alt+Shift просто тыкать на клавишу T). Происходит примерно такое (я добавила фон, - не люблю обводку у гифок):
http://img1.liveinternet.ru/images/attach/c/0//53/681/53681015_0001.gif

360:30=12, значит мы жмем сочетание Ctrl + Alt + Shift + T 10 раз, ибо 2 слоя у нас есть уже, а надо - 12. В результате, у нас образуется 12 слоев:
http://img0.liveinternet.ru/images/attach/c/0//53/681/53681217_01.jpg

Все, - еще один этап позади. Осталось - анимировать. Советую создать какой-то фоновый слой, нижним, иначе - обводка эта(((

Шаг третий.
(У кого версия photoshop ниже CS 2 - переходим в имадж реди). Мы же открываем палитру анимации:
http://img0.liveinternet.ru/images/attach/c/0//53/681/53681428_01.jpg

Отключаем все слои кроме первого (и фонового, если Вы его создали):
http://img0.liveinternet.ru/images/attach/c/0//53/681/53681664_01.jpg

В панели анимации, сразу проставляем время кадра и "Forever- всегда":
http://img1.liveinternet.ru/images/attach/c/0//53/681/53681646_01.jpg

Кликом сюда (по стрелке) создаем новый кадр в панели анимации:
http://img1.liveinternet.ru/images/attach/c/0//53/681/53681823_01.jpg

В палитре слоев включаем второй текстовый слой и отключаем первый:
http://img0.liveinternet.ru/images/attach/c/0//53/681/53681940_01.jpg

Снова, - новый кадр в панели анимации:
http://img0.liveinternet.ru/images/attach/c/0//53/682/53682009_01.jpg

Снова включаем следующий текстовый слой и отключаем предыдущий:
http://img0.liveinternet.ru/images/attach/c/0//53/682/53682056_01.jpg

Аналогично поступаем со всеми остальными слоями.
У нас должно получится 12 кадров в панели анимации. У первого кадра тыкаем по стрелке:
http://img0.liveinternet.ru/images/attach/c/0//53/682/53682368_01.jpg

И ставим длительность кадра, допустим, - 2 секунды:
http://img0.liveinternet.ru/images/attach/c/0//53/682/53682281_01.jpg

Все, сохраняем файл как gif- анимацию. Вышло (я подрезала):

Можно ускорить, - уменьшить время кадров.
http://img0.liveinternet.ru/images/attach/c/0//53/682/53682512_0001.gif

Часть вторая:
Анимация вращения и уменьшения (увеличения).

Повторяем наш Шаг первый: из первой части урока. Опять повторяем это:
Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )

Вокруг текста появилась рамка трансформации:
http://img1.liveinternet.ru/images/attach/c/0//53/680/53680283_01.jpg

Проставляем, как в первой части урока угол , допустим 30 градусов и включаем цепочку соблюдения пропорций (по стрелке):
http://img1.liveinternet.ru/images/attach/c/0//53/682/53682870_01.jpg

И выбираем на сколько процентов мы хотим уменьшать. Допустим - 10, значит - ставим размер 90 процентов:
http://img0.liveinternet.ru/images/attach/c/0//53/683/53683045_01.jpg

Дальше все повторяем, как в первой части урока... нажимаем Enter, потом - сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным, - смотрим, чтобы картинка уменьшилась до нужного нам размера. Происходит такое (я опять добавила фоновый слой):
http://img1.liveinternet.ru/images/attach/c/0//53/683/53683287_0001.gif

Анимируем, как в первой части урока. Я начала включать слои, начиная с самого маленького (верхнего слоя), и самым длительным сделала нижний текстовый слой (и подрезала):
http://img1.liveinternet.ru/images/attach/c/0//53/683/53683758_0001.gif

Часть третья:
Анимация вращения, уменьшения (увеличения) и перемещения. (трансформация вручную).

Еще немного. Возьмем любую картинку в png:
http://s43.radikal.ru/i102/0912/43/e368bcfd3288.png

Снова откроем новый в фотошопе и затащим на него нашу картинку (фоновый слой я залила черным цветом). Встаем на слой с картинкой:
http://img1.liveinternet.ru/images/attach/c/0//53/684/53684118_01.jpg

Снова - Нажимаем сочетание клавиш Ctrl +Alt +T. С зажатой клавишей Shift немного уменьшаем картинку, отпускаем Shift, затем - немного поворачиваем, и немного передвигаем влево и вниз:
http://img1.liveinternet.ru/images/attach/c/0//53/684/53684535_01.jpg

Дальше все по первой части урока:
Жмем клавишу Enter, Нажимаем сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным (все зависит от нашего замысла) и анимируем:
http://img0.liveinternet.ru/images/attach/c/0//53/684/53684760_0001.gif

Пока все)) Теперь все зависит только от вашей фантазии и идей. Я рассказала только основной механизм работы. Можно двигать снежинки, звездочки, тексты, уменьшать и пр, пр. Всем удачи и творческого вдохновения : -)

Автор: inmira
Источник: liveinternet.ru

0

2

:smoke: легкотня)

0

3

AM написал(а):

:smoke: легкотня)

повтори это:

http://s46.radikal.ru/i113/1009/1d/96419af4f65e.gif

:P

0

4

Спасибо за урок , попробую  ;)

0

5

Вот мой результат по этому уроку
http://photostock.su/8430.gif

Отредактировано ЯЯночка (2011-04-09 20:23:32)

0

6

ЯЯночка
здорово получилось !!!

+1


Вы здесь » Магия Фотошопа » Анимация » Урок - Вращаем, уменьшаем, передвигаем!