-Цитатник

Без заголовка - (10)

Победа Ивана Грозного, которую запретили на века. Мало кто знает об этой битве. Почему? Победа ...

Поздравление от Любаши К ☺ - (4)

С Новым годом, мои друзья и подписчики! Серия сообщений "Мои коллажи-10": Часть 1 ...

Милоты вам на Лиру! - (20)

Олешек - поёт мой сын Андрей

Без заголовка - (12)

С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...

Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)

Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Егорова_Таня

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.02.2010
Записей:
Комментариев:
Написано: 34604


Создать анимацию онлайн

Воскресенье, 17 Ноября 2013 г. 12:15 + в цитатник

СОЗДАНИЕ АНИМАЦИИ ОНЛАЙН


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



Как я делала анимашку смотрите в ролике.




Подробнее

Для создания такой анимашки желательно подготовить картинки одного размера по ширине и высоте. Но это не обязательно.
Я отобрала 7 изображений разного размера(см. фото 1)
<


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

Теперь расскажу о настройках анимации.

Жмем СЮДА,чтобы попасть на сайт.

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

ФОТО А.


1. Галочка возле этого Режима масштабирования вырежет из всех картинок центральную часть(одного размера), но может обрезать то, что Вам нужно.
Галочка около другого режима оставит картинки без изменений.

2. Размер. Можно поставить галочку в Авто, тогда размер анимашки подстроится под самое большое изображение. Размеры 100х100, 200х200, 300х300 подойдут для создания аватарок и баннеров.

3. Галочка в Указать позволяет задать ширину и высоту анимашки самостоятельно и нужного размера.

4. Указываем нужные размеры.

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

ФОТО Б.


1. Круглые углы. Чем больше значение в окошке, тем круче будет закругление на углах. Вот пример

Сдвинув до упора влево ползунок, Вы избавитесь от закруглений.

2. Длительность кадров. Чем выше значение, тем дольше отображается картинка. Здесь задается одно-общее время для всех кадров.

3. Длительность эффектов. Чем больше значение, тем дольше или медленнее отображение переходных кадров.

4. Если Вы поставите галочку в Использовать все эффекты, то они будут появляться все какие есть один за одним.
Пример.

Галочку можно убрать совсем и не выбирать эффектов. Тогда кадры будут отображаться резко, скачками

5. Убрать галочку и кликнуть на 1-2 или выборочно на несколько эффектов. Только выбранные эффекты будут появляться на анимации.

ФОТО В.


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

1. Нажимаем на Текст.

2. При необходимости выставляем толщину обводки шрифта. Она позволит лучше выделить текст на пестром фоне.

3. Выбираем шрифт текста.

В поле Цвет вызываем кликом генератор цвета и выбираем нужный.

4. Выделяем на картинке (удерживая левую кнопку мышки и растягивая вправо вниз по диагонали) место для текста. Пишем текст. При необходимости изменить размер, кликаем по тексту 2 раза, и удерживая рамку текста за угол уменьшаем его или увеличиваем. Перемещать текст в нужное место на картинке можно, захватив его левой кнопкой мышки.

5. Сохраняем и закрываем окно.

Очень интересный эффект получается, если загрузить 2 (или несколько) одинаковых картинок. Одну оставить без изменений, на других написать текст. Выбрать один первый эффект перехода. И вот что получается - плавное появление текста на картинке. Пример. Загрузила 3 одинаковых картинки. На одной написала "Здравствуй", на другой "зимушка-зима". И вот что получилось



ФОТО Г.


1. Рисовать.

2. Здесь выставляем размер кисти.

3. Цвет выбираем через генератор цвета

4. Рисуем, удерживая левую кнопку мышки.

5. Сохраняем и закрываем окно.

***********


Для сохранения своей анимации кликаем на кнопку Создать анимацию. Ждем когда картинка загрузится на сайт. Кликаем по появившейся надписи "Ваша анимация готова! Смотрите анимацию по этой ссылке". Снова ждем пока загрузится. Когда анимационная картинка полностью откроется, кликаем по ней правой кнопкой мышки и потом в выпадающем меню левой кнопкой по Сохранить картинку как... Сохраняем на комп.

Очень удобно пользоваться сайтом для создания открыток, аватарок, баннеров, фонов и подписей для рамочек, музоткрыток.

Вот и всё!

Удачи!

Код поста для Mail.ru тут
еще разные уроки
Что можно скачать бесплатно
Метки:  

Процитировано 310 раз
Понравилось: 124 пользователям

ЯблочкоНаливное   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:19 (ссылка)
Спасибо! Унесла, в ФШ ещё делать могу только простую анимашку. Так что в хозяйстве пригодится
Ответить С цитатой В цитатник
Людмила_Андреева   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:23 (ссылка)
Спасибо! Беру себе!
Ответить С цитатой В цитатник
Фрэнси   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:26 (ссылка)
ЕгороваТатьяна, Спасибо.Танечка!Унесла с благодарностью...
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:28 (ссылка)
Славница, я и сама теперь буду пользоваться этим сайтом На нем быстрее можно сделать нужные переходы между кадрами
Ответить С цитатой В цитатник
Людмила_Вуколова   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:36 (ссылка)
Спасибо,Танечка!!!
Ответить С цитатой В цитатник
ligij   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:50 (ссылка)
Спасибо большое, интересный пост.
Ответить С цитатой В цитатник
Talya6   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:52 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
RozArija   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:54 (ссылка)
спасибо,Танюш
Ответить С цитатой В цитатник
Русанова   обратиться по имени Воскресенье, 17 Ноября 2013 г. 13:30 (ссылка)
Спасибо, Татьяна. Всегда что-то интересное отыщите и поделитесь. А я люблю новому учиться.
Ответить С цитатой В цитатник
Эстэри   обратиться по имени Воскресенье, 17 Ноября 2013 г. 13:41 (ссылка)
Благодарю ..Получилось .)) Ссылка интересная . Правда у меня не так немножко получилось , но смысл понятен .
1311170435191bc0f401ae01658f (300x300, 1159Kb)
Ответить С цитатой В цитатник
bolgarozka   обратиться по имени Воскресенье, 17 Ноября 2013 г. 14:57 (ссылка)
Спасибо,Танечка!!!!
Ответить С цитатой В цитатник
Nella__solneshko   обратиться по имени Воскресенье, 17 Ноября 2013 г. 15:00 (ссылка)
Спасибо,Танечка!!!
Ответить С цитатой В цитатник
Лариса_Виноградова   обратиться по имени Воскресенье, 17 Ноября 2013 г. 15:12 (ссылка)
Спасибо Танечка!
Ответить С цитатой В цитатник
Валентина_999   обратиться по имени Воскресенье, 17 Ноября 2013 г. 15:46 (ссылка)
Спасибо большое Татьяна . Я взяла к себе .
91660162_17101949js1PJK5R (500x520, 4330Kb)
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Воскресенье, 17 Ноября 2013 г. 16:18 (ссылка)
Эстэри, разберетесь потихоньку
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Воскресенье, 17 Ноября 2013 г. 16:19 (ссылка)
Валентина_999, у Вас получилось всё отлично!
Ответить С цитатой В цитатник
Галина_Новоселова   обратиться по имени Воскресенье, 17 Ноября 2013 г. 16:33 (ссылка)
Танечка! Большое спасибо, отличный сайт.
131117072626801e85a0876522d9 (300x225, 695Kb)
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Воскресенье, 17 Ноября 2013 г. 16:36 (ссылка)
Галина_Новоселова, здОрово получилось!
Ответить С цитатой В цитатник
Надежда_Заломина   обратиться по имени Воскресенье, 17 Ноября 2013 г. 17:03 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Фууксия   обратиться по имени Воскресенье, 17 Ноября 2013 г. 17:34 (ссылка)
Спасибо, Танюш, смысл понятен.Сайт интересный.
Ответить С цитатой В цитатник
Мечтающая_Ирина   обратиться по имени Воскресенье, 17 Ноября 2013 г. 17:49 (ссылка)
очень интересно Танюша спасибо
Ответить С цитатой В цитатник
Nadezhda55   обратиться по имени Воскресенье, 17 Ноября 2013 г. 18:31 (ссылка)
Спасибо,Танечка!Вроде все получилось...только текст никак не встал,как мне хотелось...(никак не могла увеличить....)
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Воскресенье, 17 Ноября 2013 г. 18:41 (ссылка)
Nadezhda55, рамку сразу поширше делай.Лучше потом уменьшить
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 17 Ноября 2013 г. 22:19ссылка
Так вроде и так широкую сделала...а текст - не увеличился...
ГалинаБирюковаКИРИЛЮК   обратиться по имени Воскресенье, 17 Ноября 2013 г. 19:02 (ссылка)
Спасибо !!!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Воскресенье, 17 Ноября 2013 г. 19:34 (ссылка)
Добрый вечер, Танечка! Спасибо огромное тебе!!!
Ответить С цитатой В цитатник
Tereirina   обратиться по имени Воскресенье, 17 Ноября 2013 г. 19:46 (ссылка)
Спасибо большое!!!
Ответить С цитатой В цитатник
LudmelaRU   обратиться по имени Воскресенье, 17 Ноября 2013 г. 20:14 (ссылка)
Танечка, приветик! Урок классный, осталось только, как
говорил Райкин-"на ум взять"! Благо тебе дорогая!
Ответить С цитатой В цитатник
Сергей_Тутуков   обратиться по имени Воскресенье, 17 Ноября 2013 г. 20:19 (ссылка)
Танюша,привет! Ты такая умная,что аж страшно! А ты помнишь,что ты не должна слишком много время сидеть за компом?
Ответить С цитатой В цитатник
НАТАЛЬЯ_Ж-58   обратиться по имени Воскресенье, 17 Ноября 2013 г. 20:47 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку