Test

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

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


Вы здесь » Test » Другие уроки » Анимация из разных частей картинки + как сделать простую анимацию


Анимация из разных частей картинки + как сделать простую анимацию

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

1

By Ro

1. Открываем картинку. Желательно, чтобы на ней было несколько деталей (то есть не односложный цветочек на белом фоне). Я взяла такую (автор указан).
Файл --> Открыть...
http://s001.radikal.ru/i193/1003/5c/fc26ee06fc4dt.jpg

2. Выбираем детали, из которых будет состоять анимация. Я выбрала  "дерево", "небо", "кончики волос" и, разумеется, "лицо". Cначала разберемся с "деревом".
Выделяем нужную часть (инструмент Прямоугольная область):
http://s16.radikal.ru/i191/1003/33/1a0a6e10efcbt.jpg
Старайтесь сделать размер выделенной части примерно "аватарочным".))

Редактирование --> Скопировать или Ctrl+C

3.

Файл --> Создать... или  Ctrl+N. Т.к. делаем стандартную аватарку, размер 100х100 пикс.
Получаем вот что: Скрин

Редактирование --> Вставить или Ctrl+V
Инструментом Перемещение подгоняем вставленную картинку так, как нам нужно:
http://i037.radikal.ru/1003/3b/62e46b3decf1t.jpg

4.
Файл --> Сохранить как... или Shift+Ctrl+S . Сохраняем обязательно в формате JEPEG (на мой взгляд, так куда легче).

5. То же самое проделываем с остальными деталями анимации. Алгоритм тот же: Выделить --> Скопировать --> Создать новый файл --> Вставить -- > Сохранить.
После того, как все скопируете и сохраните, главную картинку  можно будет закрывать.

6. У вас получается несколько маленьких картинок 100х100. Вы их все открываете.
http://i060.radikal.ru/1003/1b/ef77cdfa42cdt.jpg

7. Выберите какую-нибудь одну. Остальные надо будет открыть и целиком скопировать.
http://s11.radikal.ru/i183/1003/2a/78d1378d8276t.jpg

Редактирование --> Скопировать или Ctrl+C

8.Затем открываем нашу избранную картинку и вставляем только что скопированную:
Редактирование --> Вставить или Ctrl+V

Получаем вот что:
http://s003.radikal.ru/i203/1003/70/821344e2bbe3t.jpg

Если вставилось криво (хотя у меня такого не происходит), то поправляем всё инструментом Перемещение .

Со всеми остальными картинками проделываем то же самое: копируем --> вставляем на одну и ту же выбранную.

9.

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

http://s56.radikal.ru/i152/1003/d9/310c45beabbet.jpg

10. Идем в Окно --> Анимация
http://s41.radikal.ru/i094/1003/b0/1a8a9f1f980et.jpg

Появляется маленькое такое окошечко (надо открыть на неём  вкладку Анимация(покадровая)).
Нажимаем на значок http://s004.radikal.ru/i207/1003/15/dbd087b62fa4.bmp на один меньше раз, чем у вас кадров для анимации. В итоге получается 4 кадра, если у вас 4 картинки, 5, если 5 и.т.п.

http://s006.radikal.ru/i213/1003/e0/da8c8129534et.jpg

11. Выбираем первый кадр, и в разделе Слои убираем глазки возле всех картинок, кроме той, которую вы хотите видеть первой. Скрин. Затем тоже самое - со вторым кадром, третьим...

12.
В итоге получаем вот что:
http://s006.radikal.ru/i215/1003/07/e4c5703dbe03t.jpg
Все кадры получились разные. Если интересно, как анимация выглядит на данном этапе, нажмите на Play.
Жутко.

На каждой ставим время (Без задержки меняем на 0,1).

Затем  мы нажимаем на значок http://s15.radikal.ru/i188/1003/71/e7239958ad78.bmp - Промежуточные кадры. Ставим где-то 5-7.Между первым и вторым кадром появилось нечто туманное. Находите второй кадр и между 2 и 3 тоже вставляете промежуточные кадры. Так со всеми, кроме последнего. На него тоже надо сделать промежуточные кадры, но поставив в окошке "Первый кадр":
http://s39.radikal.ru/i083/1003/9c/7ce8fa6dbf49t.jpg

13.
Собственно, теперь осталось только сохранить. Сохранить как... --> В формате GIF!!!!
Для тех, у кого CS4 - Сохранить для Web и устройств

15.
Вот и все. Наверное, добавить можно только то, чтона фрагменте, который более важен (лицо, например), время можно поставить больше, чем  у других.

Примеры:

http://i002.radikal.ru/1003/66/77031408f085.gif

0

2

как получилось  ток я напутал и просто анимацию сделал

0

3

вот терь правильно (сначала исходник потом работа)

увеличить

0

4

.кYка
Вообще-то и та, и та получились хорошо.       )

0

5

спасибо))

0


Вы здесь » Test » Другие уроки » Анимация из разных частей картинки + как сделать простую анимацию


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC