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, чтобы быть в курсе последних обновлений.

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

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

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

  • Режимы наложения в Adobe Photoshop
  • Разукрашиваем наложением в Adobe Photoshop
  • 3 D иконка для RSS-подписки в Inkscape
  •  Джим Уоррен — мастер воображения
  • О фильтре Sinedots II
  • Учимся рисовать смайлика в Inkscape
  • Делаем стеклянную кнопку в Adobe Photoshop

Tags: , , ,

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

  1. On 23 декабря 2011 at 1:42 Cветлана responded with... #

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

  2. On 25 декабря 2011 at 18:27 irina-se responded with... #

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

    • On 28 декабря 2011 at 20:44 Галина Долгих responded with... #

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

  3. On 25 декабря 2011 at 21:16 Галина responded with... #

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

    • On 28 декабря 2011 at 15:54 irina-se responded with... #

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

  4. On 27 декабря 2011 at 11:40 Татьяна responded with... #

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

  5. On 27 декабря 2011 at 17:46 Зоя responded with... #

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

    • On 28 декабря 2011 at 0:02 Галина Долгих responded with... #

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

      • On 30 декабря 2011 at 2:22 Зоя responded with... #

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

        • On 2 января 2012 at 0:32 Галина responded with... #

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

  6. On 27 декабря 2011 at 22:23 Елена responded with... #

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

  7. On 28 декабря 2011 at 23:57 kladez-zolota responded with... #

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

    • On 29 декабря 2011 at 22:27 Галина Долгих responded with... #

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

    • On 30 декабря 2011 at 6:18 Иван Евсеев responded with... #

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

  8. On 29 декабря 2011 at 20:11 Kupena responded with... #

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

  9. On 30 декабря 2011 at 2:09 Надежда responded with... #

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

    • On 2 января 2012 at 0:48 Галина Долгих responded with... #

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

  10. On 30 декабря 2011 at 6:20 Иван Евсеев responded with... #

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

  11. On 30 декабря 2011 at 18:39 Александр responded with... #

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

  12. On 19 января 2012 at 18:11 Марина responded with... #

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

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

Add your response

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