Урок по созданию анимации в фотошопе «Вращающийся шар».

11

Сегодня я хочу рассказать и показать вам, как сделать анимацию вращающийся шар. В этом уроке главное понять принцип создания такой анимации, поэтому особого внимания самой «структуре» внешнего вида шарика я уделать не буду и ограничусь самым простым видом. Вы же можете создать узор для шарика свой или найти подходящий узор на просторах Интернета.

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

Итак, начнем.
1- Создаем новый файл размером 600 на 450 пкс

2- Выбираем узор для нашего шарика. Для этого заходим в верхнее меню фотошопа «Редактирование» и выбираем закладку «Выполнить заливку». В открывшемся окне выставляем параметры, так как показано у меня на фото ниже:

анимация вращающийся шар-01

Заказной узор из библиотеки узоров выбирайте по своему усмотрению, пользуясь критериями, о которых я написала в начале урока.

3- Дальше тонируем полученный узор. Меню «Изображение/ Коррекция/ Цветовой тон-Насыщенность/» и в открывшемся окне выставляем галочку в окошке «Тонировать» и при помощи ползунков «Цветовой тон- Насыщенность- Яркость» подбираем «раскраску» нашего заказного узора на свой вкус!

анимация вращающийся шар-02

4- Создаем дополнительно три дубликата слоя 1. В результате у нас получается 4 слоя , а значит, будет и 4 кадра анимации.

5- Дальше закрываем три верхние копии слоя 1 и создаем новый слой 2, на котором рисуем окружность инструментом «Овальная область», удерживая клавишу Shift. Круг заливаем любым цветом при помощи инструмента «Заливка».

анимация вращающийся шар-03

6- Не убирая выделение, закрываем этот слой 2. И переходим на слой 1. Выделение остается видным на этом слое в виде пунктира. (надеюсь, что видно).

vrashayushijsya-shar-04

7- Далее выбираем фильтр «Искажение/ Сферизация». Получается вот такая картинка.

анимация вращающийся шар- 05

8- После этого выбираем в строке меню «Выделение/ Инверсия» и нажимаем клавишу Delite.

Всё, первый кадр анимации создан. Снимаем обязательно выделение!!!(Выделение/ Отменить выделение).

vrashayushijsya-shar-06

9- Для создания последующих кадров нам необходимо смещать заказной узор по оси Х на равные небольшие расстояния . Я выбрала шаг -20 пкс.
Закрываем первый слой, переходим на второй (слой 1 копия 1). Выбираем меню «Редактировать/ Масштаб с учетом содержимого» и в верхней командной строке меняем координату Х с 300 (у меня в этой строке именно эта цифра, у вас может быть иная, в зависимости от размера анимации) на 320 пкс. Картинка смещается. Два раза нажимаем клавишу Enter и наша картинка закрепляется. Видите, слева образовалось пустое проле шириной в 20 пкс.

vrashayushijsya-shar-07

10- Теперь включаем «глазок» на слое 2 ( где нарисована наша окружность). Инструментом «Волшебная палочка» выделяем синий круг. Не снимая выделения, закрываем слой 2 и переходим на второй слой нашей анимации – (Слой 1 копия 1) . И дальше действуем как и в предыдущем случае: выбираем фильтр «Искажение/ Сферизация», затем «Выделение/ Инверсия» и нажимаем клавишу Delite. Получается второй кадр анимации. Отменяем выделение и переходим к следующим кадрам.

11- Аналогичным образом создаются третий и четвертый кадры анимации, только координата Х соответственно для них меняется на 340 и 360 пкс.

12- После этого устанавливаем время анимации на каждом кадре 0,1 с и получаем вот такой вращающийся шарик!

урок анимации вращающийся шар

Если вы будете смещать заказной узор не по оси Х, а по оси Y, то у вас получится вращение в другой плоскости, если будете не прибавлять, а отнимать одинаковые величины смещения в пикселях по оси Х, то вращение будет в другую сторону. попробуйте- поэкспериментируйте!

Если что-то не очень понятно в тексте, то обязательно посмотрите видео. Просто невозможно каждое движение проиллюстрировать на фото, хотя я старалась! отвечу на все вопросы, так что не стесняйтесь их задавать 🙂 А теперь обещанное видео:

Творческих успехов вам!!!И до новых встреч! А для поднятия настроения предлагаю прочитать короткие стихи про лето. Хотя я и писала их для детей, но ведь в каждом из нас всегда живет ребенок 🙂

TEXT.RU - 100.00%

Если статья Вам понравилась, поделитесь в соц. сетях


podpiska-na-email Введите адрес вашей электронной почты:

11 комментариев

  • Людмила Винокурова

    Очень интересно! Мне понравилась статья, но только мой фотошоп на английском — сложно разобраться где что находится.

    • Лора Лора

      Если посмотреть видео, то разобраться будет легче)) К тому же тут всего несколько «движений». Наверное, надо было писать и английский перевод, но мне показалось, что по скринам и видео все видно… Спасибо, Людочка, за отзыв и подсказку— буду исправляться))

  • Эмили

    Гипнотический шарик получился, невозможно взгляд оторвать)))
    Очень интересный урок, спасибо, Лора. Хочется с разными узорами попробовать!

    • Лора Лора

      Я тоже поигралась с разными узорами и даже с картой))) Но не хотела нагружать свой сайт, все же гифки немало «весят»))) Спасибо, Эмили, за отзыв. рада, что тебе шарик понравился)))

      • Эмили

        И как с картой, получилось? Я изучала урок об анимации земного шара, но там был иной принцип — с разверткой. Хотя все это части единого целого… И все это мне нравится)

        • Лора Лора

          Вот из карты что получилось)) если сделать не 4, а кадров 6-7, и увеличить «шаг» на который сдвигать сферу, то можно получить «полное «вращение) Я так думаю, но пока вот только такой эксперимент сделала)))

          вот тут посмотри

          • Эмили

            Успешный эксперимент, молодец, Лора! Для маленького шарика вполне достаточно такого вращения. А если еще усовершенствовать, как ты говоришь, получится красота!

  • Laralaram

    симпатично получилось! Хороший урок!

    • Лора Лора

      Здесь я поработала только с самым простым фоном)) думаю, что можно получить более интересные варианты)) а если еще добавить немного «блеска» и готовый «шарик» перенести на какой-нибудь соответствующий фон ( дискотеки, например), то вообще можно получиться сказку)) но тут уж каждый экспериментирует для себя)))
      Спасибо,Лорочка, за отзыв!!!

  • Laralaram

    Ммм, тут поиграться можно! интересно!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Рейтинг@Mail.ru