wordpress themes.

Adobe Photoshop, Графика, Графические редакторы

Создаем анимацию с помощью фильтра 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 предоставляет нам огромный выбор всевозможных сеточек, ленточек, решеток, загогулинок. Все это извивается, струится, трансформируется…

Есть где применить воображение, дерзайте.



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

Станьте читателем моего электронного журнала - "Раскрываем тайны компьютерной графики", подпишитесь на мою бесплатную рассылку и получите Подарок!...

Добавь пост в Закладки:

Читайте на этом блоге...

Tags: , , ,

21 комментарий to “Создаем анимацию с помощью фильтра Sinedots II”

  1. On 23.12.2011 at 1:42 Cветлана responded with... #

    интересный эффект получился))

  2. On 25.12.2011 at 18:27 irina-se responded with... #

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

    • On 28.12.2011 at 20:44 Галина Долгих responded with... #

      :) Мечтай, мечтай… Детки тоже времени много отнимают. Так что не очень-то получится графикой заняться.

  3. On 25.12.2011 at 21:16 Галина responded with... #

    Не смеши меня, Ирина. :) Я только что на судьбу жаловалась, что ничего не успеваю.

    • On 28.12.2011 at 15:54 irina-se responded with... #

      эх, время неподвластная субстанция, как не организуйся… Думаю, это Интернет «виноват» — столько возможностей открыл, что не объять все ))

  4. On 27.12.2011 at 11:40 Татьяна responded with... #

    Огромное спасибо!!! Надо изучить эту тему полностью, наверное можно создавать и цветные такие анимации?

  5. On 27.12.2011 at 17:46 Зоя responded with... #

    Галя, я вот Адоб не очень люблю. В основном использую Corel PaintShop Photo Pro X3. Не поскажите, если в нем анимация??? Уже все перерыла, не могу найти :( А программку эту просто обожаю.

    • On 28.12.2011 at 0:02 Галина Долгих responded with... #

      Зоя, не отчаивайтесь, на Corel тоже можно сделать анимацию, стоит только к этому занятию приложить смекалку. По крайней мере, я сегодня ее сделала. В ближайшее время, скорее всего, после праздников, все оформлю и опубликую.

      • On 30.12.2011 at 2:22 Зоя responded with... #

        Спасибо, Галя. С Удовольствием почитаю. А каким именно Корелом вы пользовались?

        • On 02.01.2012 at 0:32 Галина responded with... #

          У меня пока 4, но нужно обновить на 5, там есть приложение для анимации Corel R.A.V.E.

  6. On 27.12.2011 at 22:23 Елена responded with... #

    Очень интересно получается, продолжим разбираться, спасибо большое!
    С наступающим Новым годом!

  7. On 28.12.2011 at 23:57 kladez-zolota responded with... #

    Мой фотошоп не хочет сохранять анимацию. Как только нажимаю — сохранить для веб устройство — хлоп и фотошоп закрывается.

    • On 29.12.2011 at 22:27 Галина Долгих responded with... #

      Таня, не могу сказать почему так получается, у меня ни разу так не было ни на одном компе. Все проходило гладко.

    • On 30.12.2011 at 6:18 Иван Евсеев responded with... #

      Скорее всего у тебя фотошоп такой, видимо взломанная и неполная версия.

  8. On 29.12.2011 at 20:11 Kupena responded with... #

    Галина, с наступающим Новым годом Вас! Успехов Вам, исполнения желаний, здоровья и счастья!

  9. On 30.12.2011 at 2:09 Надежда responded with... #

    У меня до этого наверное никогда очередь не дойдет.

    • On 02.01.2012 at 0:48 Галина Долгих responded with... #

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

  10. On 30.12.2011 at 6:20 Иван Евсеев responded with... #

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

  11. On 30.12.2011 at 18:39 Александр responded with... #

    Отличный урок, надо будет тоже себе так сделать, как раз себе на сайт тоже захотел что-то интересное сделать. Спасибо за статью.

  12. On 19.01.2012 at 18:11 Марина responded with... #

    С Крещеньем вас спешу поздравить
    И пожелать вам чистоты
    Всех помыслов и всех стремлений,
    Здоровья, счастья и любви!

    Пусть Ангелы вас охраняют
    И стерегут ваш крепкий сон
    Пусть горя близкие не знают
    И будет рядышком Господь!

Add your response

Get Adobe Flash player
Рейтинг блогов Рейтинг блогов Rambler's Top100 Рейтинг@Mail.ru Участник ePochta Blog Rating Карта Блоггеров Seo анализ сайта, оптимизация