Анимация

Microsoft GifAnimator

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

Не будем вдаваться во все подробности. Здесь я опишу лишь самые начальные вещи, которые, тем не менее, позволят вам создавать свои анимированные изображения.

Анимированная GIF-картинка, в отличие от статичных, представляет собой "слоеный пирог", где каждый слой является самостоятельной картинкой (кадром). И эти кадры меняются с заданным временным интервалом. Чем больше кадров, тем сложнее можно сделать анимацию, конечно, за счет увеличения размера файла. Таким образом, вам понадобятся картинки для каждого кадра. Где их взять? Это ваше дело, где вы их возьмете, можете нарисовать сами в Photoshop, можете найти на просторах интернет.

Итак, вам понадобятся изображения для каждого кадра изображения.

Создайте новый проект в GifAnimator, добавьте в него все кадры. Обратите внимание, что и сами кадры должны иметь формат GIF. Поменять порядок кадров вы сможете в любой момент, просто перетащив кадр в требуемую позицию. Перейдите на закладку "Анимация" и включите режим повтора кадров. На закладке "Изображение" для каждого кадра укажите время отображения в сотых секунды. Вы можете задать равное время отображения для всех кадров или нескольких одновременно, предварительно выделив их, удерживая нажатой клавишу Shift или Ctrl. Посмотреть, что получилось можно, не сохраняя, нажав кнопку Предосмотр (Preview).

Для начала этого достаточно!

Есть и свои хитрости. Поскольку каждый кадр является самостоятельным изображением, суммарный размер полученного файла никак не может быть меньше общего размера всех составляющих его кадров. Что можно сделать? Можно один кадр сделать статичным фоном, а в кадрах анимации добавлять лишь изменения основного фона, например, эффекты, как-то всякие блестючки, капли дождя, падающие снежинки и тому подобное. Естественно, такие изменения должны быть размещены на прозрачном фоне, задать который можно на закладке "Изображение".

Раз уж, изначально цель этого проекта ставилась как создание своих смайликов для размещения на сайте Одноклассники, остановлюсь на создании анимации именно для этого сайта.

Требуемый размер смайла или фрагмента паззла должен быть не больше 32 точки по высоте и 40 по ширине. Хорошо ли, плохо ли, много ли, мало ли, примем это ограничение как должное.

Имеем, например, для каждого кадра картинку размером 160*200 точек. С помощью программы

PicCut

Понятно, что чем больше фрагменты по объему в килобайтах, тем медленнее они будут загружаться с сайта. Избежать этого можно, не добавляя анимацию в те фрагменты, которые не меняются от кадра к кадру. Например, у вас со всей картинки только в одном фрагменте мигает звездочка, ну и сделайте анимированным только один этот фрагмент!

Вы, конечно, можете возразить, а почему "ущербный" GifAnimator, а не профессиональный Photoshop. Ваше право, я не настаиваю. Хотите Photoshop, пусть будет Photoshop - пользуйтесь! Я лишь ставил цель добиться результата, что называется, малыми кровями. И, мне кажется, эту задачу я выполнил.

PicCut

Разбиение картинки

Программа предназначена для разбиения изображения на фрагменты заданного размера.

1. Загрузите изображение в формате GIF, BMP или JPG, размер исходного изображения будет отображен в окне программы, а справа будет отображен эскиз самой картинки.

2. Укажите размер фрагмента в точках. Посмотреть, как будет разбито изображение можно, нажав кнопку "Сетка".

3. Нажмите кнопку "Разбить".

Фрагменты, на которые будет разделено изображение сохраняются в папке с исходным изображением или в той папке, которую вы укажете. Формат фрагментов BMP или JPG. При разбивке анимированной GIF-картинки будут сохранены фрагменты анимации. Как правило, достаточно JPG. Однако, если вы разбиваете на фрагменты слой анимированной картинки, может понадобиться формат BMP. Это обусловлено тем, что JPG использует алгоритм сжатия с интерполяцией цветов. В результате вместо черного прозрачного фона вы можете получить массу оттенков серого. И восстановить прозрачность в будущем будет если не невозможно, то очень трудоемко. BMP же сохраняется в исходном виде, без компрессии и, следовательно, потери качества. Фрагменты сохраняются с именами X-Y, где X - номер строки, а Y - номер столбца, соответствующие размещению фрагмента в исходном изображении.

СКАЧАТЬ

Программа предназначена для разбивки BMP или JPG изображения на фрагменты заданного размера.

Версия программы 1.1 от 17.12.2010

Скачать

Программа распространяется бесплатно.

Microsoft GifAnimator

Бесплатная программа для создания анимированных GIF-изображений.

Для руссификации программы запустите руссификатор из папки с установленной копией GifAnimator.

Скачать GifAnimator
Скачать руссификатор

Многие стали пользоваться на сайте "Одноклассники" пользовательскими смайликами. Не буду спорить, это занятие затягивает. Но следует заметить, что основная масса просто бережно переносит с форума на форум чужие картинки. Плохого здесь, конечно, ничего нет, если бы авторы стремились или хотели сохранить свои права, то не выкладывали бы свои шедевры в общий доступ. Даже больше, авторы напротив стремятся, чтобы их произведения тиражировались, таким образом поднимая самомнение.

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

Так что же нужно, чтобы делать свои собственные смайлы или паззлы?

Первое, конечно, творческий подход. Если вы читаете эти строки, будем считать, что он у вас есть. Второе необходимое условие - чтобы была подключена услуга "платные смайлы". Наконец, необходимо пользоваться браузером Mozilla Firefox. Последнее требование, конечно, спорно, но тот же Internet Explorer не позволяет видеть в форме ввода картинки, только текст. Но будем считать, что все эти условия выполнены.

Итак, у вас есть картинка, которую вы хотите разместить на форуме. Но просто так вы ее туда не поместите.

Рассмотрим все по порядку.
1. Картинку необходимо разбить на фрагменты размерами не более 32 точки по высоте и 40 по ширине - таковы требования "Одноклассников". Сделать это можно многими способами. И первое, что советуют на многих сайтах, посвященных этому вопросу - воспользоваться Photoshop: выделяете нужный фрагмент, копируете его в буфер обмена, создаете новый файл (благо хоть его размер автоматически выставляется равным размеру изображения в буфере), вставляете в него скопированное ранее изображение и сохраняете на диске. И так 100 раз! Не радужная перспектива, не так ли? Можно, конечно, воспользоваться ImageReady, там все проще, но и там все фрагменты нужно указывать вручную. Может, именно из-за этой рутинной работы так мало именно авторских работ?
2. Вам нужно загрузить полученные фрагменты на сайт в раздел личных смайликов. И после одобрения модератором вы сможете ими пользоваться.

Не буду останавливаться на деталях, как именно добавлять смайлики в сообщение, как сделать так, чтобы изображение после сохранения не "рассыпалось".

Можно ли облегчить жизнь, сократив или вообще избавиться от необходимости вручную разбивать картинку? Легко! При этом вам даже не понадобятся тяжелые программы типа Photoshop.

Для разбивки изображения специально была написана программа PicCut, которая сделает за вас всю работу. Вам остается лишь загрузить в нее свою картинку, выбрать размер фрагментов и указать, куда сохранить полученные фрагменты. Программа может таким образом обработать изображения в формате BMP или JPG и сохранить их тоже, соответственно в формате BMP или JPG. А что делать с другими форматами? Правильно, преобразовать их в BMP или JPG тем же Photoshop. А можно и воспользоваться бесплатными программами, например, XnView, где преобразование форматов выполняется буквально за пару кликов мышкой! Вернемся к фрагментам, PiCut сохранит их с именами X-Y, где X - номер строки, а Y - номер столбца, соответствующие размещению фрагмента в исходном изображении. Вам остается лишь загрузить их на сайт и ждать решения модератора.

Со статичными картинками все ясно и просто. Но хочется добавить изюминку в виде анимации? Не вопрос!

Немного теории. Анимированная GIF-картинка, в отличие от статичных, представляет собой "слоеный пирог", где каждый слой является самостоятельной картинкой (кадром). И эти кадры меняются с заданным временным интервалом, создавая эффект движения. Чем больше кадров, тем сложнее можно сделать анимацию, конечно, за счет увеличения размера файла. Таким образом, вам понадобятся картинки для каждого кадра. Где их взять? Это ваше дело, где вы их возьмете, можете нарисовать сами в Photoshop, можете найти на просторах интернет. Дальше вы можете воспользоваться Photoshop или ImageReady для компоновки. Но и здесь есть альтернатива. Есть совершенно простенький бесплатный Microsoft GifAnimator, который прекрасно справится с поставленной задачей. Почему я постоянно упоминаю бесплатные программы? Да потому что они, во-первых, проще в использовании, во-вторых, потому что они бесплатные, вы же не хотите нарушать авторские права их производителей!? Да, есть программы, генерирующие раскадровку, но не буду говорить о них. Повторю: это ваше дело, где и как вы возьмете изображения кадров!

Итак, у вас есть картинки с кадрами, вы можете скомпоновать их в анимированный файл, но... На сайт вы их не сможете загрузить! Ведь ваша картинка наверняка больше 32*40 точек! И как быть? Правильно - разбить каждый кадр на фрагменты, фрагменты объединить в анимированный GIF-файл, который уже и загружать в свои смайлики!

Наконец, немного хитростей.

Поскольку ваша картинка, как правило, "мигает" не вся, есть статичные области, нет смысла и на них делать многослойный анимированный GIF, достаточно однослойного.

Вы нашли в интернет картинку, но не можете ее сохранить? Причин может быть много, вплоть до того, что картинка порезана на кусочки, несколько полупрозрачных картинок одна над другой, создающих нужный эффект... Многие советуют использовать специальные программы, сохраняющие в файл фрагмент экрана. Зачем? Нажмите Alt-PrintScreen, выделенное окно скопируется в буфер обмена со всем своим содержимым, откройте тот же Paint и вставьте в него скопированное окно, удалите ненужное. Так просто? Да, так просто!

Удачи!Если интересно,продолжу..