03/28/2024

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

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

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

 

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
Опубликовать в Мой Мир
Опубликовать в Одноклассники

26 комментариев для “Анимация бабочки.

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

  2. спасибо за прекрасный урок !!!
    удачи Вам …
    с уважением …

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

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

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

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

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

  8. Спасибо,Лидия,что подсказали, какой урок написать, а то я застаиваюсь.

  9. Спасибо, Ольга,за комментарий. Приятно, что урок Вам пригодился.

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

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

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

  13. Очень рада, Диана,, что урок не вызвал затруднений.

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

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

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

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

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

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

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

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.