Эти удивительные создания, порхающие в саду и на лугу, как цветы сорванные ветром, вызывают восхищение своей неповторимой красотой. С бабочками связано много мифов и легенд. На востоке считается, что бабочка, залетевшая в дом, приносит благополучие и удачу. Яркие, легкокрылые бабочки вдохновляют и художников, и поэтов.
В программе Фотошоп можно тоже создавать много интересных вещей с бабочками. В летних открытках и коллажах очень популярна анимация бабочки. Разноцветные изящные бабочки придают коллажу легкость и своеобразную прелесть.
В этом уроке будет создавать бабочку с движениями крыльев.
Создадим пустой файл с прозрачным фоном , размер 400х300.
1-Файл- создать.
Зальем файл каким-либо цветом.
2- Редактирование -выполнить заливку. В появившемся окне выбрать любой цвет.
Откроем изображение бабочки на прозрачном фоне.
3-Файл- открыть.
4- На вертикальной панели инструментов выбрать инструмент"перемещение" и перетащить бабочку на файл с фоном.
В окне слоев два слоя.
Немного повернем бабочку, чтобы удобнее было работать.
5-Редактирование-свободное трансформирование.
Подвести мышку к верхнему маячку и повернуть изображение.
Теперь будем трансформировать крылья для анимации. Но, чтобы у бабочки было неподвижно туловище, нужно его выделить и вырезать на новый слой. Выделять будем с помощью быстрой маски.
Увеличим бабочку для удобства выделения.
6-На панели инструментов выбрать инструмент "лупа", на горизонтальной панели кликнуть по лупе с плюсом
и кликнуть по изображению бабочки один раз.
7- Выделение-редактировать в режиме быстрой маски.
8-На панели инструментов выбрать кисть, жесткую, 6 пик. и закрасить туловище бабочки и усы.(Если где-то больше закрасили, чем надо, можно стереть ластиком)
9-На панели инструментов выбрать лупу, вверху кликнуть по лупе с минусом
и один раз кликнуть по изображению бабочки, чтобы вернуть ее в первоначальный размер.
10-Выделение-редактировать в режиме быстрой маски. На картинке появится выделение.
11-Слой-вырезать на новый слой. Получится отдельно слой 2 с туловищем бабочки и слой 3 с крыльями. Слой с туловищем всегда должен стоять ниже слоев в крыльями.
Теперь займемся трансформированием крыльев. Анимация бабочки будет на пяти слоях.
12-Слой -создать дубликат слоя. (В окне слоев активен слой 3 ). Появится еще один слой с крыльями.
Теперь активен слой 3 копия.
13-Редактирование-свободное трансформирование. Уменьшить только значение ширины до 90 %.
14- Слой-создать дубликат слоя.
15- Редактирование-свободное трансформирование. Уменьшить ширину до 90%.
16- Слой-создать дубликат слоя.
17-Редактирование-свободное трансформирование. Уменьшить ширину до 90%.
18-Слой-создать дубликат слоя. И этот слой уменьшить до 90 % (ширина)
Итак, у нас пять слоев с крыльями, слой с туловищем и фон.
Переходим в окно анимации.
20-На первом кадре поставить время 0,1 сек.
и сделать еще четыре кадра, нажав на значок копирования.
21-Кликнуть по первому кадру в окне анимации,
а в окне слоев выключить глазки у четырех верхних слоев.
22-В окне анимации кликнуть по второму кадру,
а в окне слоев включить глазок на слое 3 копия и выключить на слое 3.
23- В окне анимации кликнуть по третьему кадру,
а в окне слоев включить глазок на слое 3 копия 2 и выключить на слое 3 копия и на слое 3.
24-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на слое3 копия 3 и выключить на слое3 копия 2 и на слое 3.
25-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазок на слое 3 копия 4. и выключить на слое 3 копия 3 и слое 3.
26-В окне анимации кликнуть по значку пуск
и смотрим, как получилась анимация бабочки.
А получилось не очень хорошо, движения крыльев резковаты. Сделаем махи крыльями плавнее.
27- В окне анимации выделить все кадры.( Кликнуть по первому кадру, затем, нажав Shift, по последнему.) Все кадры выделятся.
28- В этом же окне нажать на маленький треугольник (выделение кадров не снимать)
и в появившемся окне выбрать "скопировать кадры", снова нажать на треугольник, выбрать "вставить кадры" и в новом окошке "вклеить кадры" нажать OK.
Получится такое окно анимации.
Выделение не снимать.
29- Еще раз нажать на треугольник справа вверху и выбрать " обратный порядок кадров".
Нажимаем на значок пуска
и смотрим.
Уже лучше, но медленно. Поменяем время на кадрах.
30 Выделить все кадры, нажать на первом кадре на треугольник, выбрать "другое" и поставить время 0,07.
Теперь уже хорошо..
Чтобы сохраненная анимация бабочки была на прозрачном фоне, нужно в окне слоев удалить нижний слой с фоном.
31- В окне слоев кликнуть по нижнему слою , затем правой кнопкой мыши и выбрать "удалить слой.
Затем сохранить анимацию для web и устройств в формате Gif.
Теперь эту анимацию бабочки можно добавлять в любой коллаж. Как вставить анимацию бабочки на открытку смотрите "Весенний коллаж"
Спасибо за прекрасный урок. Бабочка- просто, как живая. Я пыталась делать анимацию другим способом,но результатом не была довольна. Ваш метод гораздо профессиональнее. Еще раз благодарна, особенно, что Вы откликнулись на мою просьбу.
Спасибо за интересный и подробный урок!
спасибо за прекрасный урок !!!
удачи Вам …
с уважением …
Спасибо вам большое за хороший,качественный урок,я давно занимаюсь фотошопом,но точно еще не все знаю,и вот по крупице собираю хорошие уроки,взяла себе ваш урок,еще раз большое спасибо!!!!!
Спасибо!Для новичков прекрасный урок!Это моё первое знакомство с ФШ.Прекрасный сайт и отличные уроки!Процветание сайту!!
Благодарю за урок! Анимацию бабочек я тоже делала по другим урокам, но этот обязательно повторю. Знаю — у Вас, Надежда, отличные уроки.
Спасибо!!!
Спасибо за урок.
У меня всё получилось с первого раза!спасибо за пошаговой урок,для новичков так и надо!Теперь буду разбирать следующий Ваш урок!Удачи!Ждем новых уроков!!
Спасибо огромное,за подробный урок!!!Замечательный,всё супер получилось!!!
Спасибо,Лидия,что подсказали, какой урок написать, а то я застаиваюсь.
Спасибо,Nelya, за комментарий.
Рада, ttan, что Вам понравилось.
Спасибо, Ольга,за комментарий. Приятно, что урок Вам пригодился.
Спасибо, Любовь, за теплые слова.Не бросайте фотошоп. Это очень интересно.Успехов Вам в освоении фотошопа.
Спасибо, Галина,за Ваш отзыв.Вы правильно делаете, что осваиваите несколько методов.
Спасибо, Наталия, за комментарий.
Замечательно, Любовь, что у Вас сразу получился урок.Это и меня радует, что все понятно.
Очень рада, Диана,, что урок не вызвал затруднений.
После первого удачного опыта,я теперь Ваш постоянный благодарный ученик.Я бы хотела зарегистрироваться на ваши уроки,но не нашла где.
Подскажите,пожалуйста,а как сделать,чтоб бабочка как бы сидела на цветке.может у Вас такой урок есть с объяснениями.Заранее спасибо.
Здравствуйте, Любовь!Подписаться на уроки можно на сайте в форме справа вверху «Новинки блога». Введите свой E-mail, кликните «получать статьи» и на Вашу почту будут приходить мои новые уроки.
Любовь, посмотрите урок»Весенний коллаж». Там найдете пункт 31, скопируйте бабочку себе на компьютер (кликните по ней правой кнопкой мыши и выберете» сохранить изображение как»). Затем выполните пункт 32. Можно посадить бабочку в любое место.
Надежда, дорогая, большое Вам СПАСИБО за уроки, которые Вы так тщательно, с большой любовью, прорабатываете и излагаете в самой доступной форме! Даже новичкам под силу справиться с Вашими змечательными уроками. Сайт Ваш просто преобразился, а «Карта блога» помогает легко и просто перемещаться по сайту и находить все необходимое! Здоровья Вам и удачи всегда и во всем! С искренним уважением и почтением, И.Ф.В.
Спасибо, Инга, за такой замечательный отзыв. Я очень рада, что Вы не забываете меня и заходите в гости. Успехов вам в Вашем творчестве, здоровья и, чтобы на все хватало времени.
Спасибо за такой понятный,толковый урок.Пыталась сделать анимацию бабочки по другому уроку…увы…Хочу похвалиться результатом урока Фотографии в альбоме «Картинки на прозрачном фоне» на Яндекс.Фотках
Если возможно,хотелось бы увидеть урок с движение бабочки с цветка на цветок или что-то в этом роде
Татьяна, Ваша бабочка, как живая.