Реклама
Архивы
Статистика
Camtasia Studio 9

camtasia

Анимация бабочки.

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

В программе Фотошоп можно тоже создавать много интересных вещей с бабочками. В летних открытках и коллажах очень популярна  анимация бабочки. Разноцветные изящные бабочки придают коллажу легкость и своеобразную прелесть.

В этом уроке  будет создавать бабочку с движениями крыльев.

 

butterfly4a

 

Создадим пустой файл с прозрачным фоном , размер 400х300.

1-Файл- создать.

file

 

Зальем файл каким-либо цветом.

2- Редактирование -выполнить заливку. В появившемся окне выбрать любой цвет.

 

fon

 

Откроем изображение бабочки на прозрачном фоне.

3-Файл- открыть.

 

butterfliy

 

 

4- На вертикальной панели инструментов выбрать инструмент"перемещение" move и перетащить бабочку на файл с фоном.

 

butterfly1

 

В окне слоев два слоя.

 

layer

 

Немного повернем бабочку, чтобы удобнее было работать.

5-Редактирование-свободное трансформирование.

 

butterfliy2

 

Подвести мышку к верхнему маячку и повернуть изображение.

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

Увеличим бабочку для удобства выделения.

6-На панели инструментов выбрать инструмент "лупа",  lupa на горизонтальной панели кликнуть по лупе с плюсом

lupa1

и кликнуть по изображению бабочки один раз.

 

butterfliy3

 

7- Выделение-редактировать в режиме быстрой маски.

8-На панели инструментов выбрать кисть, brushжесткую, 6 пик. и закрасить туловище бабочки и усы.(Если где-то больше закрасили, чем надо, можно стереть ластиком)

 

butterfliy4

 

9-На панели инструментов выбрать лупу, lupa  вверху кликнуть по лупе с минусом

и один раз кликнуть по изображению бабочки, чтобы вернуть ее в первоначальный размер.

 

butterfliy5

 

10-Выделение-редактировать в режиме быстрой маски. На картинке появится выделение.

 

butterfliy5a

 

11-Слой-вырезать на новый слой. Получится отдельно слой 2 с туловищем бабочки и слой 3 с крыльями. Слой с туловищем всегда должен стоять ниже слоев в крыльями.

 

layer1

 

Теперь займемся трансформированием крыльев. Анимация бабочки будет на пяти слоях.

12-Слой -создать дубликат слоя. (В окне слоев активен слой 3 ). Появится еще один слой с крыльями.

 

layer2

 

Теперь активен слой 3 копия.

13-Редактирование-свободное трансформирование. Уменьшить только значение ширины до 90 %.

size

 

butterfliy6

 

14- Слой-создать дубликат слоя.

15- Редактирование-свободное трансформирование. Уменьшить ширину до 90%.

 

butterfliy7

 

16- Слой-создать дубликат слоя.

 

layer3

 

17-Редактирование-свободное трансформирование. Уменьшить ширину до 90%.

 

butterfliy8

 

18-Слой-создать дубликат слоя. И этот слой уменьшить до 90 % (ширина)

 

butterfly9

 

Итак, у нас пять слоев с крыльями, слой с туловищем и фон.

layer4

 

 

Переходим в окно анимации.

20-На первом кадре поставить время 0,1 сек.

 

cadr

 

и сделать еще четыре кадра, нажав на значок копирования.

 

cadr1

 

21-Кликнуть по первому кадру в окне анимации,

 

cadr2

 

а в окне слоев выключить глазки у четырех верхних слоев.

 

layer5

 

22-В окне анимации кликнуть по второму кадру,

 

cadr3

 

а в окне слоев включить глазок на слое 3 копия и выключить на слое 3.

 

layer6

 

23- В окне анимации кликнуть по третьему кадру,

 

cadr4

 

а в окне слоев включить глазок на слое 3 копия 2 и выключить на слое 3 копия и на слое 3.

 

layer7

 

24-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на слое3 копия 3 и выключить на слое3 копия 2 и на слое 3.

 

layer7a

 

25-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазок на слое 3 копия 4. и выключить на слое 3 копия 3 и слое 3.

 

layer7b

 

26-В окне анимации кликнуть по значку пуск

 

cadr2a

 

и смотрим, как получилась анимация бабочки.

 

butterfly1a

 

А получилось не очень хорошо, движения крыльев резковаты. Сделаем махи крыльями плавнее.

27- В окне анимации выделить все кадры.( Кликнуть по первому кадру, затем, нажав Shift, по последнему.) Все кадры выделятся.

 

cadr5

 

28- В этом же окне нажать на маленький треугольник (выделение  кадров не снимать)

 

cadr5a

 

 

и в появившемся окне выбрать "скопировать кадры", снова нажать на треугольник, выбрать "вставить кадры" и в новом окошке "вклеить кадры" нажать OK.

 

copy

 

Получится такое окно анимации.

 

cadr6

 

Выделение не снимать.

29- Еще раз нажать на треугольник справа вверху и выбрать " обратный порядок кадров".

Нажимаем на значок пуска

 

cadr7

 

и смотрим.

 

butterfly2a

 

Уже лучше, но медленно. Поменяем время на кадрах.

30 Выделить все кадры, нажать на первом кадре на треугольник, выбрать "другое" и поставить время 0,07.

 

cadr8

 

Теперь уже хорошо..

 

butterfly3a

 

Чтобы сохраненная анимация бабочки была на прозрачном фоне, нужно в окне слоев удалить нижний слой с фоном.

31- В окне слоев кликнуть по нижнему слою , затем правой кнопкой мыши и выбрать "удалить слой.

 

layer8

 

 

Затем сохранить анимацию для web и устройств в формате Gif.

 

butterfly4

 

Теперь эту анимацию бабочки можно добавлять в любой коллаж. Как  вставить анимацию бабочки на открытку смотрите "Весенний коллаж"

 

 

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники

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

  • Lidiya:

    Спасибо за прекрасный урок. Бабочка- просто, как живая. Я пыталась делать анимацию другим способом,но результатом не была довольна. Ваш метод гораздо профессиональнее. Еще раз благодарна, особенно, что Вы откликнулись на мою просьбу.

  • Nelya27:

    Спасибо за интересный и подробный урок!

  • Ольга:

    Спасибо вам большое за хороший,качественный урок,я давно занимаюсь фотошопом,но точно еще не все знаю,и вот по крупице собираю хорошие уроки,взяла себе ваш урок,еще раз большое спасибо!!!!!

  • Любовь:

    Спасибо!Для новичков прекрасный урок!Это моё первое знакомство с ФШ.Прекрасный сайт и отличные уроки!Процветание сайту!!

    • admin:

      Спасибо, Любовь, за теплые слова.Не бросайте фотошоп. Это очень интересно.Успехов Вам в освоении фотошопа.

      • Любовь:

        После первого удачного опыта,я теперь Ваш постоянный благодарный ученик.Я бы хотела зарегистрироваться на ваши уроки,но не нашла где.

        • admin:

          Здравствуйте, Любовь!Подписаться на уроки можно на сайте в форме справа вверху «Новинки блога». Введите свой E-mail, кликните «получать статьи» и на Вашу почту будут приходить мои новые уроки.

  • Галина:

    Благодарю за урок! Анимацию бабочек я тоже делала по другим урокам, но этот обязательно повторю. Знаю — у Вас, Надежда, отличные уроки.
    Спасибо!!!

    • admin:

      Спасибо, Галина,за Ваш отзыв.Вы правильно делаете, что осваиваите несколько методов.

  • Наталия:

    Спасибо за урок.

  • Любовь:

    У меня всё получилось с первого раза!спасибо за пошаговой урок,для новичков так и надо!Теперь буду разбирать следующий Ваш урок!Удачи!Ждем новых уроков!!

    • admin:

      Замечательно, Любовь, что у Вас сразу получился урок.Это и меня радует, что все понятно.

  • Диана:

    Спасибо огромное,за подробный урок!!!Замечательный,всё супер получилось!!!

  • Любовь:

    Подскажите,пожалуйста,а как сделать,чтоб бабочка как бы сидела на цветке.может у Вас такой урок есть с объяснениями.Заранее спасибо.

    • admin:

      Любовь, посмотрите урок»Весенний коллаж». Там найдете пункт 31, скопируйте бабочку себе на компьютер (кликните по ней правой кнопкой мыши и выберете» сохранить изображение как»). Затем выполните пункт 32. Можно посадить бабочку в любое место.

  • Инга Владимирская:

    Надежда, дорогая, большое Вам СПАСИБО за уроки, которые Вы так тщательно, с большой любовью, прорабатываете и излагаете в самой доступной форме! Даже новичкам под силу справиться с Вашими змечательными уроками. Сайт Ваш просто преобразился, а «Карта блога» помогает легко и просто перемещаться по сайту и находить все необходимое! Здоровья Вам и удачи всегда и во всем! С искренним уважением и почтением, И.Ф.В.

    • admin:

      Спасибо, Инга, за такой замечательный отзыв. Я очень рада, что Вы не забываете меня и заходите в гости. Успехов вам в Вашем творчестве, здоровья и, чтобы на все хватало времени.

  • Татьяна:

    Спасибо за такой понятный,толковый урок.Пыталась сделать анимацию бабочки по другому уроку…увы…Хочу похвалиться результатом урока Фотографии в альбоме «Картинки на прозрачном фоне» на Яндекс.Фотках
    Если возможно,хотелось бы увидеть урок с движение бабочки с цветка на цветок или что-то в этом роде

Комментировать