Test

Объявление

Шантажируемый Министр и давние орденские недоброжелатели придают всему делу новую огласку, обвиняя Орден Феникса в том, что те не могут успокоиться после войны, не могут передать дела профессионалам - аврорам, что продолжают искать славы и едва ли не сами первые будут рады, окажись как можно больше ПС на свободе, чтобы можно было продолжать быть героями.... После нападения ПС на замок, члены Отряда Дамблдора узнают что в школу вернулась Долорес Амбридж, и снова намерены противостоять ее режиму.
Уважаемые гости !
Администрация проекта рада приветствовать Вас, и надеется, что вы найдете что-то свое на этом форуме, как уже нашли несколько десятков довольных игроков. Наша игра готова предложить вам нестандартное продолжение любимого сюжета, новые приключения любимых героев и много позитива. Также здесь имеется и активная околофорумная жизнь - скучно не бывает. Регистрируйтесь и погружайтесь с головой в атмосферу, созданную мадам Ролинг.

Памятка
»Убедительная просьба при регистрации и после нее использовать свой активный e-mail, иначе Вы не сможете получить пароль и подтвердить регистрацию. С недавних пор Администрация Mybb сделала этот процесс обязательным.
» Активно ведется набор канонических персонажей, обновлены акции, нуждаемся в студентах гриффиндора и хаффлпаффа
» На сайте введены артефакты, которые Вы можете приобретать. Подробности
»Сюжет обновлен, новые квесты в наличии

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

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


Вы здесь » 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 » Другие уроки » Анимация из разных частей картинки + как сделать простую анимацию


Рейтинг форумов | Создать форум бесплатно