Создаем анимацию с помощью фильтра Sinedots II
Выполняю обещание, публикую урок создания анимации с помощью замечательного бесплатного фильтра Sinedots II, на графическом редакторе Adobe Photoshop.
Что такое фильтр Sinedots II и как с ним работать читайте пост «О фильтре Sinedots II»
Создаем новый документ, фон, размеры устанавливаем по своему желанию.

Заливаем наш фон темным цветом. Дважды кликнув на слое с фоном, растрируем слой, даем ему название и нажимаем «ОК».

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

Почему именно 12?
Дело в том, что в фильтре Sinedots II, мы будем изменять положение Х2, настройка которого очень похожа на циферблат часов и чтобы плавно изменять эти настройки, достаточно передвигать стрелочку каждый раз, примерно, на «час» вперед. Думаю, что движение стрелки в часах всем прекрасно известно, тут уж не запутаешься.
Делаем активным первый прозрачный слой и открываем фильтр Sinedots II – «Фильтр» => «DragonFly» => «Sinedots II».

Делаем настройки. Вначале настраиваем цвет, потому, что после других настроек цвет уже не меняется.

Затем передвигаем стрелочку настроек оси координат Х2 на значение примерно равное тому, которое занимает часовая стрелка в 1 час времени.

Нажимаем «ОК».
Далее делаем активным второй слой и стрелочку передвигаем уже примерно на 2 часа времени, при настройке третьего слоя стрелочку передвигаем на 3 часа и т. д.
Легко запомнить.

Проделав все настройки со всеми 12 слоями, возвращаемся на слой 1.
Выделяем его, а у всех слоев выключаем видимость, оставляем видимость только в слое с фоном и в первом слое.

После этого включаем анимацию – «Окно» => «Анимация». Как делать анимацию на графическом редакторе Adobe Photoshop смотрите пост «Создаем анимационный блеск в Adobe Photoshop».

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

Проделываем эту операцию со всеми 12 слоями поочередно. Проставляем время смены кадров, одинаковое для всех.

Запускаем анимацию.
Если где-то ошиблись, вернитесь назад «Окно» => «История» и сотрите все шаги, которые вы совершили ошибочно, переделайте их.

Если все вас устраивает, то сохраните созданное.
Сохранять анимацию нужно в формате GIF, «Файл» => «Сохранить для Web и устройств…» (Alt + Shift +Ctrl +S).



Вот и все.
Можно сделать эту же анимацию с движущимся фоном или усложнить как-то по-другому.
Да и сами фигуры выбирайте по своему вкусу, фильтр Sinedots II предоставляет нам огромный выбор всевозможных сеточек, ленточек, решеток, загогулинок. Все это извивается, струится, трансформируется…
Есть где применить воображение, дерзайте.

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



интересный эффект получился))
я даже до простых gif не добралась в освоении, у меня декретный отпуск закончился
Галина, у меня в закладках уже столько ваших уроков!!! прямо хоть опять в декрет идти )))
Не смеши меня, Ирина.
Я только что на судьбу жаловалась, что ничего не успеваю.
эх, время неподвластная субстанция, как не организуйся… Думаю, это Интернет «виноват» — столько возможностей открыл, что не объять все ))
Огромное спасибо!!! Надо изучить эту тему полностью, наверное можно создавать и цветные такие анимации?
Галя, я вот Адоб не очень люблю. В основном использую Corel PaintShop Photo Pro X3. Не поскажите, если в нем анимация??? Уже все перерыла, не могу найти
А программку эту просто обожаю.
Зоя, не отчаивайтесь, на Corel тоже можно сделать анимацию, стоит только к этому занятию приложить смекалку. По крайней мере, я сегодня ее сделала. В ближайшее время, скорее всего, после праздников, все оформлю и опубликую.
Спасибо, Галя. С Удовольствием почитаю. А каким именно Корелом вы пользовались?
У меня пока 4, но нужно обновить на 5, там есть приложение для анимации Corel R.A.V.E.
Очень интересно получается, продолжим разбираться, спасибо большое!
С наступающим Новым годом!
Мой фотошоп не хочет сохранять анимацию. Как только нажимаю — сохранить для веб устройство — хлоп и фотошоп закрывается.
Таня, не могу сказать почему так получается, у меня ни разу так не было ни на одном компе. Все проходило гладко.
Скорее всего у тебя фотошоп такой, видимо взломанная и неполная версия.
Галина, с наступающим Новым годом Вас! Успехов Вам, исполнения желаний, здоровья и счастья!
У меня до этого наверное никогда очередь не дойдет.
У каждого свои приоритеты, а мы все занятые люди и все, к счастью, разные. Представляю, как было бы неинтересно жить на свете, если бы у всех было бы одинаковое хобби.
Я как-то создавал баннеры с анимацией, тогдашний мой компьютер с трудом справлялся с этим, зависал, сохранял работу минут двадцать… Сейчас, на новом компе, все происходит практически мгновенно и работает как часы.
Отличный урок, надо будет тоже себе так сделать, как раз себе на сайт тоже захотел что-то интересное сделать. Спасибо за статью.
С Крещеньем вас спешу поздравить
И пожелать вам чистоты
Всех помыслов и всех стремлений,
Здоровья, счастья и любви!
Пусть Ангелы вас охраняют
И стерегут ваш крепкий сон
Пусть горя близкие не знают
И будет рядышком Господь!
Спасибо девочки. Вас тоже поздравляю с праздником!