Как сделать анимацию в paint net
Итак, попробуем самостоятельно создать баннер наиболее популярного формата размером 468х60 точек.
Поскольку идеи для создания баннера у нас нет, то сделаем, как говориться баннер «ни о чем». В качестве изображения воспользуемся фотографией главных героев из фильма «Сумерки»
И изображение ночного города.
Поскольку заметно, что фотография, использованная нами для создания баннера, освещена справа, то разумно сделать правую часть баннера более светлой. Воспользуемся еще одним уроком от участника форума VanGog Рисуем логотип Windows и эффектные обои. Используя принципы, описанные VanGog’ом в этом уроке совсем несложно сделать наш баннер таким:
Анимацию сделанного нами баннера будем осуществлять путем использования возможностей формата анимированный GIF. Как вы уже, наверное, знаете, анимированный GIF представляет собой несколько изображений (кадров), сохраненных в одном файле. Веб-браузеры понимают, что анимированный GIF необходимо отображать как чередование имеющихся в нем кадров. Поэтому наша задача сводится к созданию этих самых кадров.
Теперь создаем кадры. Первым кадром будет просто баннер. Появление на нем надписи сделаем путем увеличения прозрачности слоя с надписью от 0 до 255. Пусть второй кадр будет представлять собой баннер с наложенной на него надписью с уровнем прозрачности 10. Копируем слой с текстом и слой с баннером. Помещаем копию слоя с тестом выше копии слоя с баннером. Устанавливаем в настройках слоя с копией текста прозрачность равную 10 и объединяем эти два слоя. Полученный слой можно назвать 2. Напомним, что первый кадр - это просто баннер, что соответствует уровню прозрачности текста 0.
В итоге мы сделали 9 (девять) кадров. Первый – баннер, второй - баннер с текстом прозрачностью 10, третий - баннер с текстом прозрачностью 30, четвертый - баннер с текстом прозрачностью 50, далее прозрачность 70, 100, 150, 200 и 255. Например, пятый кадр выглядит так:
В принципе после того как наше изображение содержит девять слоев, каждый из которых представляет собой отдельный кадр и расположены они по порядку от одного до девяти, считая снизу, то уже можно делать анимированный GIF-файл. Однако мы планируем, что наш баннер будет проигрываться в режиме нон-стоп, т.е. кадры будут чередоваться по кругу без остановки. Т.о. после девятого кадра с полной надписью следующим будет кадр номер один, где надписи нет. Т.е. появляясь плавно, исчезать надпись будет быстро. Давайте сделаем, что бы и исчезала надпись тоже плавно. Самый очевидный способ добавить кадры, такие как 2-8, после девятого кадра в обратном порядке. Наглядно можно увидеть в окне слои:
Вот результат. Уровень задержки delay мы установили 20. Количество повторений – параметр replay – ноль, что значит по кругу.
Для создания анимации вы можете использовать собственные рисунки или готовые изображения. В обоих случаях вам нужно будет создать ряд картинок, в которых постепенно изменяется положение в пространстве исходного объекта. Чем больше картинок вы создадите, тем более плавной будет анимация. В качестве примера можно рассмотреть полет воздушного шарика.
В правой части панели инструментов щелкните иконку фонового слоя, чтобы развернуть изображение. На панели слоев кликните пиктограмму «Добавить новый слой» и нажмите Ctrl+C, чтобы вставить рисунок воздушного шара. Зажмите его мышкой и переместите к нижнему краю фоновой картинки.
При зажатой клавише Shift подцепите мышкой один из угловых маркеров выделения вокруг шарика и протяните к центру, чтобы уменьшить размер рисунка. Нажмите Enter. Дважды щелкните по иконке слоя с шариком и уменьшите его непрозрачность приблизительно до 190. Получившееся изображение сохраните под именем 1.jpg, чтобы удобнее было ориентироваться в кадрах. При сохранении программа предложить слить все слои - подтвердите это действие. После сохранения изображения нажмите Ctrl+Z, чтобы снова разъединить слои.
На панели слоев опять щелкните «Добавить новый слой» и клавишами Ctrl+V вставьте изображение шарика самым верхним слоем. Уменьшите его размер, понизьте прозрачность и поместите выше предыдущего изображения. Учитывайте законы перспективы - чем выше поднимается шарик, тем меньше он кажется наблюдателю. К тому же, с учетом ветра, шарик не может подниматься вертикально вверх, а будет одновременно смещаться по оси Х. Уберите видимость предыдущего слоя, сняв галочку у правого края. Видимыми должны быть только фон и новый слой с шариком. Сохраните это изображение под именем 2.jpg.
Повторите эти действия несколько раз, каждый раз уменьшая изображение шарика и помещая его выше предыдущего положения. Не забывайте при сохранении картинки отключать видимость нижнего слоя, чтобы при анимации в одном кадре не оказалось сразу 2 шарика. В итоге у вас должно получиться несколько слоев с шариками разных размеров. На скриншоте включена видимость каждого слоя, чтобы вы могли представить, как изменяется положение шарика на фоновом изображении.
Запустите бесплатную программу UNFREEz и откройте папку с сохраненными gif-файлами. Мышкой перетащите поочередно изображения из файла в окно программы. В окошке Frame delay укажите интервал смены кадров и нажмите Make Animated GIF. По умолчанию анимация загрузится в папку с вашими gif-файлами. Для ее просмотра можно использовать любую программу для просмотра изображенией
Чтобы понять принципы создания анимации, лучше начинать с чего-нибудь простого, например, с надписей. На панели инструментов нажмите значок «Т», чтобы активировать инструмент «Текст».
На цветовой палитре укажите подходящий оттенок, на панели свойств – тип и размер шрифта. Щелкните на панели слоев по иконке «Добавить новый слой» и введите текст. Командой «Сохранить как…» из меню «Файл» сохраните изображение в нужную папку с расширением .jpg, например, 1.jpg. Это будет первый кадр анимации.
На панели слоев щелкните иконку «Создать копию слоя». Новый слой будет создан с тем же именем, что и копируемый. Если хотите переименовать слой, кликните по нему дважды на панели слоев и введите другое имя.
В меню «Эффекты» зайдите в группу «Искажения» и выбирайте команду «Вмятины». Установите для начала небольшие значения параметров искажений. Если результат вас устроит, нажмите ОК для сохранения. Для отмены неудачных изменений используйте команду «Отменить» в меню «Правка» или клавиши Ctrl+Z.
Сохраните новое изображение в ту же папку под именем 2.jpg, чтобы не перепутать последовательность кадров. При сохранении программа в первом шаге предложит выбрать уровень размытости и качество сохраняемого рисунка, во втором - объединить все слои или отказаться от объединения. Выбирайте «Объединить все слои». После сохранения изображения все слои будут слиты в один под названием «Фон». Нажмите «Отменить» в меню «Правка», чтобы снова их разделить.
Создайте еще одну копию слоя и увеличьте значения параметров искажения. Сохраните изображение как 3.jpg. Повторите операцию несколько раз. Чем больше кадров вы создадите, тем более плавной будет анимация.
Откройте папку с сохраненными gif-файлами. Запустите программу UnFREEz и поочередно перетащите мышкой рисунки в окно Frames. В окошке Frame delay выберите интервал времени для смены кадров и нажмите Make animated GIF. В ответ на запрос программы введите имя вашей анимации и папку для сохранения (по умолчанию будет предложена папка с сохраненными gif-файлами).
Создайте новый файл командой «Создать» из меню файл или откройте в качестве фона подходящее готовое изображение командой «Открыть». На панели слоев нажмите иконку «Добавить новый слой» и щелкните значок «Т» на панели инструментов. Выберите подходящий шрифт и размер, на палитре укажите цвет текста.
Создайте копию слоя с текстом, щелкнув по соответствующей иконке на панели слоев, или с помощью клавиш Ctrl+Shift+D. Отключите видимость первого слоя с текстом, сняв флажок у его правой границы, и перейдите на копию слоя. Нажмите на клавиатуре S и выделите текст прямоугольной рамкой. На панели инструментов выбирайте «Перемещение выделенной области», зажмите Shift, зацепите мышкой один из угловых маркеров перемещения и протяните к центру слоя, чтобы уменьшить размер текста. Нажмите Enter.
Создайте копию этого слоя и опять уменьшите размер текста. Повторите операцию несколько раз. Каждая копия станет кадром вашей анимации. Чем больше вы создадите кадров, тем плавнее будет анимация. Щелкните мышкой дважды по слою с самым маленьким изображением и присвойте ему имя «1». Следующие слои назовите последовательно «2», «3» и т.д.
Снимите видимость со всех слоев, кроме фонового и 1-го и сохраните изображение под именем 1.jpg командой «Сохранить как» из меню файл. Перед сохранением программа предложит объединить все слои. Щелкните по пункту «Объединить. ». Когда файл будет сохранен, нажмите Ctrl+Z, чтобы отменить объединение. Затем сделайте видимым 2-й слой, отключив видимость 1-го, и создайте второй кадр анимации 2.jpg. Повторите операцию со всеми слоями изображения, не забывая при этом отключать видимость предыдущего слоя.
Запустите программу UnFREEz и перетащите поочередно мышкой в окно Frames кадры вашей анимации из папки, куда вы их сохраняли. В окошке Frame delay установите интервал смены кадров. Если вы хотите, чтобы ролик крутился постоянно, отметьте флажком параметр Loop animation. Нажмите Make Animation GIF и укажите путь, куда будет сохранена анимация (по умолчанию она отправляется в папку с gif-файлами). Запустить ваш ролик вы можете любой программой для просмотра изображений.
Вы можете разместить все изображения не в одном и том же месте, а со смещением по осям координат: самое маленькое в верхний угол, самое большое - в нижний по диагонали. При создании анимации появится эффект приближения текста.
Можно менять не только всю надпись, но и отдельные буквы в ней - получится эффект «пляшущего» текста. Создайте столько копий слоя с текстом, сколько в нем букв. Активируйте первый слой. Щелкните на панели инструментов «Выбор прямоугольной области» и обведите рамкой букву. Если вы выбрали наклонный шрифт, вам нужно будет повернуть выделение на определенный угол. Для этого отметьте на панели инструментов «Перемещение области выделения», щелкните внутри выделения правой кнопкой и, не отпуская, протяните мышку. Рамка будет поворачиваться. Когда рамка повернется на нужный угол, тяните за маркеры перемещения при зажатой клавише Shift, чтобы изменить размер выделения.
Отметьте «Перемещение выделенной области» на панели инструментов. Зажмите Shift и тяните за маркеры для изменения размера буквы. Если вы хотите изменить ее цвет, нажмите S, установите на палитре нужный оттенок, выбирайте инструмент «Заливка» и щелкните выделенную букву. На следующем слое измените размер и цвет другой буквы, и т.д. Поочередно отключайте видимость копий слоя и сохраните изображения в формате gif, как описано в п.4.
wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 28 человек(а).
Используя простое программное обеспечение (такое, как Paint и Movie Maker), вы можете создавать свои собственные анимации для Youtube и других сайтов в интернете.Кроме того, эта статься познакомит вас с бесплатными (или очень дешевыми) программами, с помощью которых сделать анимацию гораздо проще, чем вы думали без изучения Флэш и других сложных программ.
Решите, что вы хотите анимировать. Перед тем, как начать рисовать, вам надо придумать хорошую (а лучше отличную!) историю. У Wikihow есть пару статей, чтобы помочь вам: «как написать короткий рассказ» будет хорошим стартом для вас. Помните, что хорошая история состоит из введения, кульминации и заключения.
Раскадруйте свой сценарий (перевод в серию нарисованных картинок). Смотрите статьи на Wikihow с советами по раскадровке.
Начинаем делать анимацию! Откройте MS Paint (или любое другое программное обеспечение для обработки изображений, например, JASC Paint Shop Pro). PSP является довольно простой программой, хотя есть небольшие трудности в обучении. Самое главное, что в PSP можно добавлять биты, которые будут двигаться в вашей анимации, в виде слоев. Затем, вы переместите слой, чтобы получить эффект движения (против перекройки всего кадра, или "cel").
Нарисуйте первый кадр (или импортируйте фотографию). Убедитесь, что вы сделали все так, как хотели, в противном случае, вас очень разозлит итог, и вы потеряете свое время.
Сохраните это в Изображения программы, которую вы использовали (или лучше скопируйте это в Анимации программы). GIF анимации (GIF-A) бесплатные, и рекомендуются для вашей первой анимации. Вы также можете посмотреть программу JASC аниматор («пробная» версия никогда не заканчивается). Анимационные программы ускорят процесс, во многих перечисленных отношениях.
Внесите коррективы, которые вы хотите сделать для следующего кадра. Это анимация, поэтому вы должны делать все пошагово. Каждый кадр, как правило, просто немного отличается от предыдущего. Если вы знаете о «слоях» и используете PSP, то вы можете добиться этого движением мыши.
Важно сохранять фотографии (или лучше анимационный файл) в Windows Movie Maker (MM). Сделайте это, когда заканчиваете сцену. Перетяните их вниз на панель раскадровки. Вы будете так делать много раз, пока не создадите свое творение.
Добавьте название и специальные эффекты. Как только все картинки станут такими, какими вы хотите их видеть, время добавлять специальные эффекты, части, названия, все, что вам необходимо.
Добавляем звук: это необходимо для зрелищного фильма. У ММ есть звуковой редактор, но он постоянно глючит, в нем трудно изменять, и может перезагрузиться без предупреждения (часто требует полную перезагрузку). Вы можете отредактировать звук в любой другой программе (например, в CoolEdit, но у нее должен быть подходящий пакет), затем перетащите готовый файл в ММ. Вы можете просто и бесплатно скачать необходимые вам звуки из сети.
Не забывайте про внешние звуки. Это случайный звуковой фон, обычно, что-то вроде тупого журчания; если у вас такого нет, то переход от «разговора» к полной тишине будет очень заметным. Вы можете вставить саундтрек, как фон, но если это невозможно, у вас никогда (практически никогда) не должно быть полного отсутствия звука. Для этого вам еще раз потребуется такая программа, как Cooledit, для обработки звука: вы вставляете фоновый (или музыкальный) саундтрек в один канал, а свою речь и звуковые эффекты в другой канал.
Читайте также: