Донецкий техникум промышленной автоматики

СМАЙЛИКИ В "Однокласниках" 3 .. Обговорення на LiveInternet

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

Не будемо вдаватися в усі подробиці. Тут я опишу лише самі початкові речі, які, тим не менш, дозволять вам створювати свої анімовані зображення.

Анімована GIF-картинка, на відміну від статичних, являє собою "листковий пиріг", де кожен шар є самостійною картинкою (кадром). І ці кадри змінюються з заданим тимчасовим інтервалом. Чим більше кадрів, тим складніше можна зробити анімацію, звичайно, за рахунок збільшення розміру файлу. Таким чином, вам знадобляться картинки для кожного кадру. Де їх взяти? Це ваша справа, де ви їх візьмете, можете намалювати самі в Photoshop, можете знайти на просторах інтернету.

Отже, вам знадобляться зображення для кожного кадру зображення.

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

Для початку цього достатньо!

Є і свої хитрощі. Оскільки кожен кадр є самостійним зображенням, сумарний розмір отриманого файлу ніяк не може бути менше загального розміру всіх складових його кадрів. Що можна зробити? Можна один кадр зробити статичним фоном, а в кадрах анімації додавати лише зміни основного фону, наприклад, ефекти, як-то всякі блестючкі, краплі дощу, які падають сніжинки тощо. Природно, такі зміни повинні бути розміщені на прозорому тлі, задати який можна на закладці "Зображення".

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

Необхідний розмір смайла або фрагмента пазла повинен бути не більше 32 точки по висоті і 40 по ширині. Добре це чи погано, чи багато, чи мало, приймемо це обмеження як належне.

Маємо, наприклад, для кожного кадру картинку розміром 160 * 200 точок. За допомогою програми

розбиваємо її на фрагменти розміром, наприклад, 32 * 40, всього виходить по 25 фрагментів для кожного кадру. Якщо кожен кадр є самостійним зображенням, а не доповненням основного фону, то формат фрагмента не важливий. Якщо ж кадри є доповненням фону (ефекти), то зберігати потрібно в форматі BMP, щоб уникнути інтерполяції кольорів. Далі фрагменти конвертуються в GIF-формат і за допомогою GifAnimator компонуються в анімовані зображення, які вже можна завантажувати на сайт Однокласники.

Зрозуміло, що чим більше фрагменти за обсягом в кілобайтах, тим повільніше вони будуть завантажуватися з сайту. Уникнути цього можна, не додаючи анімацію в ті фрагменти, які не змінюються від кадру до кадру. Наприклад, у вас з усією картинки тільки в одному фрагменті блимає зірочка, ну і зробіть анімованим тільки один цей фрагмент!

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

Розглянемо створення анімованої паззл-картинки для однокласників на прикладі.

Припустимо, ви десь знайшли шаблон картинки, вставили туди необхідний фрагмент своєї фотографії, додали блестючкі, на різних кадрах свої, зберегли це все окремими файлами. Як я писав раніше, я не ставлю за мету навчити когось, в даному випадку вас, працювати в Photoshop. Тому це питання просто пропускаю. Отже, у нас є картинки для кожного кадру ( кадр 1 , кадр 2 , кадр 3 ), Програмою

розбиваємо кожен кадр на фрагменти 32 * 40, і перетворимо їх у GIF-формат. Зауважу, що, використовуючи безкоштовну перетворення формату файлу зображення робиться не просто, а дуже просто , Досить в провіднику ткнути на файл правою кнопкою мишки і вибрати формат!

Отримуємо купу файлів з іменами на кшталт "01-5.gif", перейменовуємо їх в "01-5-1.gif" остання цифра означає не більше, ніж номер фрагмента. Як швидко перейменувати кілька файлів, знову ж таки, не буду розповідати - моя мета, показати, як просто зробити свої смайли для Однокласників, а не вчити когось азам комп'ютерної грамотності. Для зручності подальшої роботи зберігаємо всі фрагменти в одній папці. За допомогою

перетворимо фрагменти кадрів в анімовані фрагменти і ...

ОСЬ РЕЗУЛЬТАТ!












Де їх взяти?
Що можна зробити?