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

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

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

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

Подробнее

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

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


Вы здесь » 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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

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

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

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, из дома вечером выкину результат)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

6

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

0

7

Lady GaGa

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

8

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

0

9

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

0

10

Lady GaGa

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

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

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

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

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

Devil of night

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

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0


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