Форум Восточного портала (http://oriental.ru/cgi-bin/forum/YaBB.pl)
Общее >> Технический раздел >> как сделать анимационный гиф...
(Message started by: Сат Абхава на 24.10.04 в 10:26:34)

Заголовок: как сделать анимационный гиф...
Прислано участником Сат Абхава на 24.10.04 в 10:26:34
1. Готовим "кадры" нашего анимационного иероглифа. Для этого из уже готового изображения удаляем по одной черте в обратном порядке с сохранением в новый файл, т.е.:

http://satabhava.hobi.ru/forum/rad071.gif rad071.gif  --->
http://satabhava.hobi.ru/forum/rad071_1.gif rad071_1.gif  --->
http://satabhava.hobi.ru/forum/rad071_2.gif rad071_2.gif  --->
http://satabhava.hobi.ru/forum/rad071_3.gif rad071_3.gif  --->
http://satabhava.hobi.ru/forum/rad071_4.gif rad071_4.gif  --->

2. Загоняем кадры в обратной последовательности в программу UnFREEz (freeware: http://www.whitsoftdev.com/unfreez/) и выставляем опции нашей анимации.

http://satabhava.hobi.ru/forum/unfreez.jpg


3. Жмем на "Make" и сохраняем наш анимационный гиф:

http://satabhava.hobi.ru/forum/rad071.a.gif


Вот так до безобразия просто сделаны "шедевры" анимации на моем сайте... ;D

Заголовок: Re: как сделать анимационный гиф...
Прислано участником azuma на 24.10.04 в 11:24:46
Блестяще! Чрезвычайно удобно, информативно и полезно..

Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 24.10.04 в 12:02:23
Принцип ясен. Однако стоит пояснить всё подробно по шагам. Так как я ни разу ни делал ничего подобного.
1. Как убирать по одной черте из иероглифа? Или может быть это уже готовые картинки где то есть, и нужно их только занести в программу.
2. Программу я скачал. Она "весит" всего лишь 19 кб.
И конечно же я не смог в неё ничего вставить, так как незнаю как это делается. Или её вовсе ненужно скачивать, и она намного больше весит находясь в интернете?
3. Как вообще нужно присваивать названия картинкам, и вводить их в программу?

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Arthur на 24.10.04 в 13:05:54
Сначала делают заготовку из такого количества изображений, сколько в иероглифе черт (например, для  王 будет четыре одинаковых изображения), затем в каждой удаляется те черты которые "не нужны" (простой "резинкой", например в Photoshop), ну а дальше выставляется каждая картинка в последовательности анимации (в любой анимационной программе, например Flash или After Effects).

Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 24.10.04 в 13:34:00
Немного разобрался с программой. Её можно смело качать, хоть она и 19 кб. Вставляются картинки тоже просто. Их нужно всего лишь перетащить мышью в окно программы, и в нём отобразятся названия.

Вот ещё вопрос по названиям картинок. Какие цифры нужно вводить и названия, чтобы всё работало. А то я просто пользовался теми названиями, которые скопировал выше.
И как можно задавать скорость чередования изображений?

Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 24.10.04 в 13:44:16
И ещё очень важный вопрос. Как выставлять на форум эти меняющиеся изображения. Да и вообще, как выставляются изображения на форуме?

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 24.10.04 в 14:40:45

on 10/24/04 в 13:44:16, globj wrote:
И ещё очень важный вопрос. Как выставлять на форум эти меняющиеся изображения. Да и вообще, как выставляются изображения на форуме?

сложно  ;)
вот почитайте тему  :)
http://www.oriental.ru/cgi-bin/forum/YaBB.pl?board=tech;action=display;num=1043675562;start=0#0

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 24.10.04 в 15:25:46
Как говорится, разжевываю на пальцах... :)

1. Открываете MS PAINT и создаете в нем новый файл.

2. "Рисуете" в этом файле иероглиф.

3. Сохраняете файл в формате gif

4. Открываете справочник с последовательностью написания черт данного иероглифа.

5. "Берете в руки" ластик и стираете у Вашего иероглифа его последнюю черту.

6. Сохраняете результат как новый файл в формате gif (т.е. сохраняете его с другим именем)

7. Проделываете операции  4-6 до тех пор, пока не сотрете последнюю черту иероглифа и не получите чистый лист.

8. Сохраняете этот чистый лист тоже отдельным файлом в формате gif.

9. Открываете UnFREEz.

10. Нажимаете на кнопку "Add".

11. Выбираете файл с Вашим "кадром" (начиная с файла чистого листа).

12. Проделываете операции 10-11, вводя "кадры" в обратной последовательности от той, в которой Вы их производили и сохраняли, т.е. от чистого листа - до полного иероглифа (по "кадру" с очередным добавлением следующей черты).

13. Устанавливаете галочку у опции "Loop" (если хотите, чтобы Ваша мультипликация "крутилась" по кругу, а не всего один раз).

14. Устанавливаете время смены кадров в цифровом значении в опции "Frame delay" (я использую значение 50).

15. Нажимаете на кнопку "Make Animated GIF".

16. Сохраняете конечный файл.

Что еще тут может быть непотнятным?  ??? Программа-то всего в три кнопки и две опции! Или Вы ни слова по-английски не знаете?  :)

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 24.10.04 в 15:56:27

on 10/24/04 в 15:25:46, Сат Абхава wrote:
Как говорится, разжевываю на пальцах... :)
2. "Рисуете" в этом файле иероглиф.

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


Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 24.10.04 в 20:12:11

on 10/24/04 в 15:56:27, Jin Jie wrote:
так это надо же хорошо рисовать... а нельзя ли картинки у кого позаимствовать.. а то криво будет, если каждый начнет рисовать :)


Неужели Вы думаете, что я все эти иероглифы рисую?  ;D Тоже мне нашли Репина!  ;D  ;D  ;D А китайские фонты на что?  ;)

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 24.10.04 в 20:35:17

on 10/24/04 в 20:12:11, Сат Абхава wrote:
Неужели Вы думаете, что я все эти иероглифы рисую?  ;D Тоже мне нашли Репина!  ;D  ;D  ;D А китайские фонты на что?  ;)

да вот я бы подумала, но как-то сомневаться стала  ;) ну вот теперь рассказывайте про фонты.. а как в фонтах можно по чертам??? :-/


Заголовок: Re: как сделать анимационный гиф...
Прислано участником Дмитрий Н. на 24.10.04 в 21:34:48
Вот что получилось:
 
http://www.ljplus.ru/img/qwe/long.gif

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 24.10.04 в 22:15:09

on 10/24/04 в 21:34:48, Дмитрий Н. wrote:
Вот что получилось:
http://dandao.narod.ru/lung.gif

приятненько так  :) только быстро, а помедленее чуть-чуть нельзя?

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Дмитрий Н. на 24.10.04 в 22:25:43

on 10/24/04 в 22:15:09, Jin Jie wrote:
приятненько так  :) только быстро, а помедленее чуть-чуть нельзя?

Можно, но к сожалению я уже рисунки удалил, а заново делать неохота. :)

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 24.10.04 в 23:19:30

on 10/24/04 в 21:34:48, Дмитрий Н. wrote:
Вот что получилось:


Вижу, что Вы меня поняли правильно... :) Зачет сдан!  ;D

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 24.10.04 в 23:21:46

on 10/24/04 в 20:35:17, Jin Jie wrote:
да вот я бы подумала, но как-то сомневаться стала  ;) ну вот теперь рассказывайте про фонты.. а как в фонтах можно по чертам??? :-/


А чего про них рассказывать-то?  ??? Фонты как фонты.  ;D И никакое "по чертам" в них никак нельзя... А при чем тут одно ко второму?  ???

Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 25.10.04 в 05:56:33
Итак я разобрался как этот шедевр создаётся, и даже сделал один. Однако выставляется он у меня в виде крестика.
Я и свойства копировал, и просто название вставлял. И даже пытался перетащить мышью. Правда вот только сайта не пробовал открыть , для хранения картинок.
Прошу помочь. Ведь нужные теги я устанавливал во всех случаях.

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 25.10.04 в 09:01:01

on 10/25/04 в 05:56:33, globj wrote:
http://GIF 50
Итак я разобрался как этот шедевр создаётся, и даже сделал один. Однако выставляется он у меня в виде крестика.
Я и свойства копировал, и просто название вставлял. И даже пытался перетащить мышью. Правда вот только сайта не пробовал открыть , для хранения картинок.
Прошу помочь. Ведь нужные теги я устанавливал во всех случаях.

:) а зря сайта не пробовали))) только так и можно..
пришлите мне на почту jinjie@yandex.ru
я сделаю


Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 25.10.04 в 14:00:08

on 10/25/04 в 05:56:33, globj wrote:
http://GIF 50
Итак я разобрался как этот шедевр создаётся, и даже сделал один. Однако выставляется он у меня в виде крестика.
Я и свойства копировал, и просто название вставлял. И даже пытался перетащить мышью. Правда вот только сайта не пробовал открыть , для хранения картинок.
Прошу помочь. Ведь нужные теги я устанавливал во всех случаях.


Прочитайте еще раз внимательно тему о том, как вставляются картинки на форум!  ;D Что это Вы за URL-адрес между тэгами указали? GIF 50 !!!  :o  :o  :o И где прикажете скрипту форума искать эту картинку? У Вас на жестком диске?!  ;D  ;D  ;D

Посмотрите на адрес любой картинки, которая на форуме отображается. Например, первая картинка в моем первом постинге: http://satabhava.hobi.ru/forum/rad071.gif . Разницу видите?

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 25.10.04 в 14:06:29

on 10/25/04 в 09:01:01, Jin Jie wrote:
:) а зря сайта не пробовали))) только так и можно..
пришлите мне на почту jinjie@yandex.ru
я сделаю


Уважаемая JJ! Как давно это Вы в "няньки" записались?! Ну что значит: "пришлите мне на почту ... я сделаю"?!  >:( Не мешайте человеку работать головой и руками! С такой Вашей "медвежьей услугой" он никогда ничему не научится!  >:(

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 25.10.04 в 16:48:06

on 10/25/04 в 14:06:29, Сат Абхава wrote:
Уважаемая JJ! Как давно это Вы в "няньки" записались?! Ну что значит: "пришлите мне на почту ... я сделаю"?!  >:( Не мешайте человеку работать головой и руками! С такой Вашей "медвежьей услугой" он никогда ничему не научится!  >:(

Ваша  правда  ;) мне проще самой сделать, чем объяснять.. :-[ тем более с работы..
больше не буду  :-* а мне все равно ничего не прислали  ;)


Заголовок: Re: как сделать анимационный гиф...
Прислано участником Дмитрий Н. на 25.10.04 в 20:03:44

on 10/24/04 в 23:19:30, Сат Абхава wrote:
Вижу, что Вы меня поняли правильно... :) Зачет сдан!  ;D


Я на седьмом  или на девятом небе от счастья :D, что наконец то Вы меня похвалили. Ура-а-а-а!!! ;D ;D ;D

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 25.10.04 в 20:10:56

on 10/25/04 в 20:03:44, Дмитрий Н. wrote:
Я на седьмом  или на девятом небе от счастья :D, что наконец то Вы меня похвалили. Ура-а-а-а!!! ;D ;D ;D


Вы это ёрничаете или серьезно?  :) Я по натуре человек достаточно прямой. Если есть за что, то не только на насмешки, но и на добрые слова не скуплюсь... Вообщем, Вы в курсе... ;)

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Дмитрий Н. на 25.10.04 в 20:22:05

on 10/25/04 в 20:10:56, Сат Абхава wrote:
Вы это ёрничаете или серьезно?  :) Я по натуре человек достаточно прямой. Если есть за что, то не только за насмешки, но и на добрые слова не скуплюсь... Вообщем, Вы в курсе... ;)

Я человек тоже прямой, предпочитаю бить сразу в лоб ;D, поэтому я действительно рад, как гора с плеч свалилась.

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jan на 25.10.04 в 22:56:59
Вот мой вариант. Скоропись  ;)

http://img.photobucket.com/albums/v154/gafas/dao-big10.gif



Заголовок: Re: как сделать анимационный гиф...
Прислано участником Сат Абхава на 26.10.04 в 08:51:39

on 10/25/04 в 22:56:59, Jan wrote:
Вот мой вариант. Скоропись  ;)

http://img.photobucket.com/albums/v154/gafas/dao-big10.gif


Шикарно получилось!

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jan на 26.10.04 в 09:01:02

on 10/26/04 в 08:51:39, Сат Абхава wrote:
Шикарно получилось!


Спасибо!  :)  :)


Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 27.10.04 в 04:37:34
http://clubmercury.narod.ru/tn_httpwww.gif

Неужели выставление созданных глифов на сайтах и страничках единственный способ закачки их сюда?

 

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 27.10.04 в 07:28:06

on 10/27/04 в 04:37:34, globj wrote:
 http://clubmercury.narod.ru
http://www.chinapage.org/logo308.gif

Неужели выставление созданных глифов на сайтах и страничках единственный способ закачки их сюда?

а зачем Вы такой упрямый?))) второй раз исправляю Вам адрес картинки  ;)
к сожалению, да..  :-[ у нас форум не поддерживает закачку с жесткого диска...только так  :)  

Заголовок: Re: как сделать анимационный гиф...
Прислано участником Jin Jie на 27.10.04 в 10:50:20
Сат Абхава и globj , я за вами уже наблюдаю  ;)

Заголовок: Re: как сделать анимационный гиф...
Прислано участником globj на 28.10.04 в 15:18:02

on 10/27/04 в 07:28:06, Jin Jie wrote:
а зачем Вы такой упрямый?))) второй раз исправляю Вам адрес картинки  ;)
к сожалению, да..  :-[ у нас форум не поддерживает закачку с жесткого диска...только так  :)  

Картинку я всё же выставил. Однако плохо что с жёсткого диска нельзя выставлять рисунки.
И кстати. Сначала она выставилась здесь в полном порядке, после опять в виде крестика. Это что то с "НАРОДОМ"?
Кому интересно можете увидеть её в действии, считав её адрес через свойства.

Заголовок: Re: как сделать анимационный гиф...
Прислано участником ilovejpgirl на 08.03.10 в 22:15:03
Большое спасибо за эту тему!
Как всё просто однако  :)



Форум Восточного портала » Проект дизайн-студии Индейское лето, 2000–2010