ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Анимированные изображения (от создания до обработки)


Анимированные изображения (от создания до обработки)

Сообщений 1 страница 10 из 31

1

Как создается анимация?

Вообще элементарно! http://i.smiles2k.net/aiwan_smiles/wink.gif

Шаг 1.

http://s48.radikal.ru/i119/0903/e0/564b7deec786.gif

Файл > Новый
создаем определенное количество одинаковых по размеру картинок.
у вас они могут быть какими угодно, я для наглядности нарисовала циферки:

http://i064.radikal.ru/0903/ae/e1db2aedeb11.gif

Шаг 2.

http://s46.radikal.ru/i114/0903/a2/84999fd5b7dc.gif

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

http://s49.radikal.ru/i124/0903/2f/78c617492665.gif

Шаг 3.

Открываем Acrobe ImageReady CS

Файл > Импортировать > Файлы как Фреймы

http://s49.radikal.ru/i126/0903/0d/3488a8ef1e1a.gif

Выбираем папочку с нашими рисунками.

Потом нужно выбрать с каким промежутком времени будут "прощелкиваться" наши картинки:

http://s44.radikal.ru/i104/0903/dd/fdcf4f1bf41c.gif

Сохраняем через оптимизацию:

http://s42.radikal.ru/i098/0903/f3/9589cc59567a.gif

Мы получили вот такую гифку:

http://i044.radikal.ru/0903/d4/25ebb795a395.gif

0

2

Редактирование анимированных изображений

Размер изображения

Допустим мы хотим сделать из нашего изображения размеров 100х100 пкс иконку размером 40х40.
Все элементарно. http://i.smiles2k.net/aiwan_smiles/grin.gif

Перетаскиваем гифку в Acrobe ImageReady CS

http://s59.radikal.ru/i164/0903/07/458883bb71c0.gif

затем Image > Size и устанавливаем нужный размер

http://s60.radikal.ru/i168/0903/2c/40aae8248904.gif

Получилось: http://s50.radikal.ru/i130/0903/ce/446f2f09ffa8.gif

Изменить порядок слайдов

Это можно сделать простым перетаскиванием:

http://i061.radikal.ru/0903/b5/52b20f0b8fe6.gif

Зажимаете мышкой фрагмент и перетаскиваете на этой панельке его в то место, где вы бы хотели его видеть.

+1

3

Видоизменение анимированного изображения.

1. Для этого сначала нужно перетащить его в Acrobe ImageReady CS

Затем жмете Файл > Экспорт > Фрагменты анимации как файлы

http://s47.radikal.ru/i116/0903/eb/4ae1309b3fa8.gif

Там выбираем папочку, в которую нам нужно сохранить файлы.

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

3. Снова экспортируем видоизмененные файлы в Acrobe ImageReady CS
Затем выбираем интервал показа слайдов и сохраняем. (как это все делается см. предыдущие посты)
Вот что у меня получилось: http://s40.radikal.ru/i087/0903/04/d781bf15ae20.gif

0

4

http://i.smiles2k.net/aiwan_smiles/good.gif спасибо а то да меня никак не доходило)

0

5

Плавное растворение/переход

шаг 1.

берем нужные нам картинки.
я опять беру мои стандартные схематические циферки:

http://i064.radikal.ru/0903/ae/e1db2aedeb11.gif

шаг 2.

Делаем так, чтобы первая картинка у нас плавно появлялась.

Для этого заходим в настройки слоя и настраиваем прозрасность:

http://i072.radikal.ru/0904/3b/812549e6eb69.gif

нам нужно сделать фрагменты с разницой диапазона прозрачности, идущей на увеличение.
Это значит, что 1 фагмент, у нас должен быть с матовостью 0%, второй больше, третий еще больше и т.п.

я сделала фрагменты с матовостью 0, 20, 40, 60, 80 и 100% (обычно так и делаю, это вообще оптимально, нет смысла по 1% прибавлять)

http://s53.radikal.ru/i141/0904/d2/f15e908ce7f7.gif http://s43.radikal.ru/i102/0904/0c/8b325c9d0866.gif http://s52.radikal.ru/i135/0904/cf/ad33f1aaec77.gif http://s41.radikal.ru/i091/0904/51/6ffe7d5943ec.gif http://s43.radikal.ru/i099/0904/6a/1f52881b62e2.gif http://s52.radikal.ru/i136/0904/66/06c06d3d7573.gif

шаг 3.

Делаем плавный переход рисунка № 1 в рисунок № 2.

Делается это благодаря все тем же настройкам. Только делать можно это по разному. Можно, например, сначала первый рисунок в обратном порядке растворить. (для этого в моем случае надо сделать еще 6 штук фрагментов с матовостью: 100, 80, 60, 40, 20 и 0%). Можно заставить новый рисунок плавно появляться, а старый одновременно с ним растворяться (для этого нужно для второго рисунка поставить матовость на увеличение, а для предыдущего наоборот постепенно уменьшать).

Я решила сделать самое простое для примера - просто плавное появление нового слоя поверх старого.
Для этого я в новом слове сделала такие же настройки для каждого фрагмента, как и для предыдущего: матовость 0, 20, 40, 60, 80, 100 %.

Вот что получилось:

http://i070.radikal.ru/0904/6a/7edaffbffcc2.gif http://i055.radikal.ru/0904/91/914ebb47dfcf.gif http://s51.radikal.ru/i134/0904/da/492ddb031580.gif http://s49.radikal.ru/i123/0904/97/ba2d56eec2b2.gif http://s48.radikal.ru/i119/0904/b2/e783c7da9611.gif http://s53.radikal.ru/i140/0904/c9/3e09456d6776.gif

Потом необходимо повторить это со всеми теми картинками, которые нужно чередовать.

шаг 4. (дизайнерские излишества)

Для красоты нужно придать изображению цикличности.
Это значит, что ряд фрагментов длжен начинаться с того же кадра, которым и заканчивается.
Видим, например вот такую финальную картинку:

http://s53.radikal.ru/i140/0904/c9/3e09456d6776.gif

а начиналось, все вот с такой картинки:

http://s53.radikal.ru/i141/0904/d2/f15e908ce7f7.gif

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

делаю анимацию на убывание, при этом удаляю все-все нижние слои (кроме фона):

http://s55.radikal.ru/i147/0904/39/ee58a3a92d42.gif http://i017.radikal.ru/0904/6c/995f154b7c2a.gif http://s44.radikal.ru/i105/0904/3f/cf280c49ee39.gif http://s59.radikal.ru/i163/0904/20/dc24f4b6865e.gif http://s60.radikal.ru/i170/0904/2a/d09ae678a2f1.gif

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

(заглючил image reader, из дома вечером выкину результат)

0

6

а где эту матовость взять?что на второй картинке красным подчёрнута

0

7

Lady GaGa

двойной щелчок по слою, например.

0

8

Герда
щёлкала,нет матовости

0

9

А у мя импотироваь есть ,а вот что дальше надо нажимать нет!

0

10

Lady GaGa

ну ты же умеешь открывать окошко, где можно напраивать всяческие эффекты, типа теней или свечения?

вот это тоже самое окошко.

еще матовость можно вот здесь настроить:

http://s51.radikal.ru/i134/0904/6e/d65366ae0045.gif

прямо в окошке со слоями.

Devil of night

не поняла, у тебя что и нет выбора, что нужно импортить?
А просто импортировать нажать пробовала?

0


Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Анимированные изображения (от создания до обработки)