Все игры
Запись

АНИМИРОВАННЫЕ КАРТИНКИ

Метки: анимация

Нравится

Вы не можете комментировать, т.к. не авторизованы.


Игорь Акимов      07-01-2010 14:53 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ

+
Для работы с анимацией есть несколько программ.

Анимация бывает в разных форматах:

1. FLASH — используется чаще всего как элемент вэб-страниц. Это такие анимированные баннеры. Иногда в ней делают короткие мультики, например такие, как всем известная Масяня.
Сама программа называется Adobe Flash (ранее разрабатывалась фирмой Macromedia, затем была куплена фирмой Adobe). Программа довольно сложная для освоения всех функций, но есть возможность делать несложные анимации в других программах — см. ниже

2. *.gif — принцип в том. что в одном файле лежит несколько слоев с разными картинками, которые меняются с определенной скоростью. Таким образом достигается эффект анимации.
Самые простенькие анимации можно делать в программе Image Ready, входящей в комплект Adobe Photoshop
Есть специальзированные программы, типа EasyGifAnimator

Я же рекомендую установить и освоить программу XaraXtreme , в которой можно делать и то и другое.
Там есть даже видеоуроки. Они, правда на английском языке, но можно не слушать пояснения, т.к. все понятно — показывают, куда ткнуть мышкой и так далее.

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

http://blogs.mail.ru/mail/i...

А вот видеоролик, в котором показано, как сделать простенькую GIF-анимацию.
Это для того, чтобы вы поняли, что это довольно просто:



Комментирую (перевожу), если не понимаете по-английски:

Открываете новый документ File - New - Animation
Затем открываете FrameGallery - кнопка с изображением кинопленки.
Создаете первый кадр - просто что-то рисуете на странице (в ролике - крупная цифра 1)
Затем нажимаете на FrameGallery кнопку COPY - создается второй кадр, как ТОЧНАЯ копия первого.
Изменяете этот кадр (в ролике заменяют цифру 1 на 2)
Опять даете команду COPY - создается новый кадр и т.д.
Есть кнопка Preview - для предварительного просмотра и
есть кнопка Properties - для изменения свойств каждого кадра (главное свойство - время показа этого кадра)

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

File - Save as

Затем даете команду File - Export Animation (или кнопка на панельке вверху)
В стандартном окне сохранения (в данном случае - экспорта) выбираете имя файла и формат.
Для простой анимации - это GIF

Перед нажатием кнопки СОХРАНИТЬ зайдите в OPTIONS - кнопка справа
Там можно задать дополнительные параметры:

Галочка "Make Background Transparent" - делает прозрачным фон рисунка
А на вкладке "Animation Loop and Speed" задаются параметры скорости (speed) и повтора/зацикливания (loop) отображения кадров.

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

Ну, и ценная возможность (опять же ПЕРЕД нажатием на кнопку СОХРАНИТЬ) - предпросмотр в браузере - последняя вкладка.
Запускается Internet Explorer в новом окне или вкладке.
Игорь Акимов      07-01-2010 15:01 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
+
Выше описана простейшая анимация.
Когда освоите простейшие методы, можно научиться добавлять различные эффекты — то, что применяют другие.
Но даже с простейшими инструментами можно получить нечто стоящее.
Вот посмотрите мою работу — приглашение на предновогодний концерт:

Курятник-1-7_0.5sec-backgr-rotate_480px

Оригинал — в сообщении здесь:
http://my.mail.ru/community...
Игорь Акимов      07-01-2010 15:09 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
+
А вот как делают FLASH в XaraXtreme:



Перевод комментария:

1. Самое главное замечание там, что для создания FLASH-анимации требуется каждый новый объект НАИМЕНОВАТЬ (т.е. присвоить ему новое имя) - нажатием кнопки NAME GALLERY

2. Далее - для использования функции ARRANGE-ClipView (обрезанное представление, когда большой рисунок над черным прямоугольником виден не весь, а как бы в обрезанном (clip) виде), надо выбрать последний кадр и выделить прямоугольник на заднем плане ВМЕСТЕ с рисунком на переднем (об этом в ролике сказано как-то не очень внятно - вероятно, предполагается, что эту операцию пользователь уже знает из других ранее просмотренных роликов).
Это совместное выделение происходит так:
Сначала выделяете одним щелчком прямоугольник, затем нажимаете на клавиатуре SHIFT и, не отпуская кнопку, щелкаете мышью по рисунку на переднем плане. А уже затем даете команду в меню ARRANGE-ClipView.

3. В конце ролика учительница открывает другой документ
(команда меню WINDOW - ДРУГОЙ_ДОКУМЕНТ), который был, вероятно, предварительно создан в программе. Так и вы можете переключаться между разными открытыми документами - запомните эту команду.
Так вот, в этом другом документе показаны 7 кружков синего цвета, демонстрирующие 6 различных трансформаций, которые можно использовать при изготовлении FLASH- анимации в XARA (а седьмой показывает все шесть сразу, примененные к нему)

Вот эти трансформации:

MOVE - двигать
RESIZE - изменять размеры
ROTATE - поворачивать
SQUASH - сплющивать (слово переводится, как "КАБАЧОК")
Re-COLOR - изменять цвет
TRANSPARANSY - делать прозрачным

А применять их можно к следующим объектам:

SHAPES - формы (это основное понятие в программе, вспомните слово "шейпинг")
LINES - линии
TEXT - текст
PHOTOS - фотографии (с дополнительным указанием, что желательно в формате JPG того же разрешения, как и рисунок в целом)

По поводу SHAPES (это очень важное понятие!)
Часто для изменения или сохранения работы необходимо использовать команду
ARRANGE - CONVERT TO EDITABLE SHAPES.

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

Другой пример:
Если вы, создав стандартную фигуру (прямоугольник или звезду) захотите ее изменить как-то, используя другие инструменты, зачастую у вас это не получится, пока вы ее не преобразуете ее в "редактируемую форму" (см. выше) - Запомните это!!!

Вернемся к ролику:
Далее говорится, что другие возможности FLASH, такие, как ActionScript (программирование состояний объектов для создания фильмов и игр) и TimeLine (временная шкала для того же), пока не поддерживаются, но большинству, возможно, будет и этого достаточно.


Нина Левоева      06-10-2010 20:53 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
Большое спасибо! У меня что- то получается. Это так классно
     27-02-2011 19:21 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
Спасибо
Игорь Акимов      23-05-2013 23:52 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
+
Ссылка в тексте на описание программы, к сожалению, не работает...

Вот ссылка на восстановленную статью (с очень небольшими исправлениями)
http://my.mail.ru/community...

Учтите, что данный пост довольно старый (2008 год) и я вдруг обнаружил, что он почему-то удалён администрацией проекта «как спам» — предполагаю, что из-за ссылок на скачивание, которые в оригинале были в теле поста
(поэтому я теперь вынес их в комментарий)

Другая важная мысль связана с прогрессом — уже есть более новые версии данной программы, в том числе полностью русифицированные и портабельные притом (т.е. не требующие установки — просто распаковал архив и работай).

Сам я пользуюсь в основном версией Xara Designer Pro 7 (у программы немного изменилось название и прибавилось функционала. Только для этой версии я не нашёл пока портабельного варианта.

Поэтому, когда требуется быстро что-то слепить, например, чертёжик для решения задачки, типа вот такого:

Задача - Дан квадрат ABCD-решение

... я использую портабельную Xara Xtreme Pro 5.1.0.9131 Rus Portable

Вот предлагаю её скачать отсюда в виде двух частей архива (для распаковки надо полностью скачать оба файла в одну и ту же папку и щёлкнуть дважды по первому):

Xara Xtreme Pro 5.1.0.9131 Rus Portable.part1.rar
http://iakim.rusfolder.net/36536565 (49 Mb)
Xara Xtreme Pro 5.1.0.9131 Rus Portable.part2.rar
http://iakim.rusfolder.net/36536566 (12 Mb)

Рустам Гиниятов      01-06-2015 14:04 (ссылка)
Re: АНИМИРОВАННЫЕ КАРТИНКИ
заказать производство анимационного ролика http://probro.ru/videoproiz... в студии Пробро ру