Совет 1: Как создать GIF анимацию самостоятельно

Заниматься разработкой анимированных GIF-рисунков можно в самых разных графических редакторах. Но, по мнению многих специалистов, лучше всего для этого подходит программа CorelDraw. Ее широкие функциональные возможности позволяют создать GIF анимацию достойного качества даже дизайнеру-любителю.



Начинаем работу

Создавать анимацию можно в CorelDraw любой версии. Запускайте эту программу и открывайте в ней новый файл. Наберите в нем любое слово, к примеру – love. Для этого необходимо кликнуть по кнопке Text Tool на панели графики и установить курсор мыши непосредственно в поле документа. После этого нажимайте левую кнопку мыши и набирайте love.

Затем вам нужно преобразовать написанное вами слово в кривые. Для этого необходимо выбрать в меню пункт Convert To Curvers. Далее попробуйте поменять цвет надписи love. Выделите его, щелкните по окну заливки и выберите нужный вам цвет. Сделав это, нажмите на кнопку ОК.




Инструкция как создать GIF анимацию


Выбрав цвет, сделайте семь копий с данной надписи и расположите их горизонтально в одну линию. При этом разверните каждую копию со второй по восьмую с разницей в 45 градусов при помощи поля Angle of Rotation. Это поможет вам создать GIF анимацию с эффектом движения. После этого сохраняйте каждый фрагмент в самостоятельный GIF- файл. Таким образом, вы получили восемь элементов будущей анимации в виде GIF-картинок. Теперь вам останется соединить их воедино, в целостный анимированный объект.






Чтобы сделать GIF анимацию, используйте GIFCon32


Для продолжения разработки GIF-анимации запустите программу GIFCon32. Создайте в ней новый документ и добавьте в него модуль Image с помощью команды Insert-Image. После этого в появившемся окне выбирайте самый первый GIF-файл из восьми и кликните ОК. Затем устанавливайте переключатель на Use a local palette for this image. Точно таким способом добавляйте остальные 7 GIF-файлов.

Чтобы сделать GIF анимацию, осталось совсем чуть-чуть. Перед модулем Image1 вставляйте модуль Control, выделив  модуль Loop и выполнив команду Insert-Control. Затем таким же способом вставляйте 7 оставшихся модулей Control.

Приступив к редактированию свойств всех модулей Control, выделите один из них и выполните команду Blok-Edit. В новом окне нажмите на пункт Transparent color и кликните по цвету, который станет полностью прозрачным. Затем установите Background в строке Remove by, а в поле Delay поставьте величину 20. Нажимайте на ОК и повторите всю процедуру для всех оставшихся модулей Control.

Теперь вам осталось лишь отредактировать свойства всех модулей Image. Для этого нужно выделить первый модуль и кликнуть по команде Blok-Edit. Установите параметр 0 для свойства Image left и 40 для Image top. Затем нажмите кнопку ОК и повторите всю процедуру для оставшихся 7 модулей Image. Вот и все, GIF анимация готова!

Видео по теме

Совет 2 : Как сделать красивую анимацию

В наше время ни одна серьезная презентация не обходится без визуального и звукового сопровождения, которое может быть в форме документального фильма, видеоролика или мультимедийного слайд-шоу. Создание последнего доступно сегодня практически каждому пользователю, так как сделать красивую анимацию для выступления можно в известной программе "PowerPoint".
Как сделать красивую анимацию
Вам понадобится
  • Программа "Microsoft PowerPoint".
Инструкция
1
Щелкните правой кнопкой мыши по рабочему столу вашего компьютера. В появившемся списке команд выберите «Создать» - «Презентация Microsoft PowerPoint». Данная программа предназначена для создания мультимедийных презентаций. "PowerPoint" входит в стандартный пакет "Microsoft Office". Вы также всегда сможете ее открыть через меню «Пуск», в разделе «Все программы», папке "Microsoft Office". Когда программа "PowerPoint" откроется, вы увидите знакомый интерфейс, напоминающий окно текстового редактора "Word". Перейдите в верхнюю строку меню и нажмите вкладку «Главная». Создайте новую мультимедийную презентацию из нескольких слайдов. Наполните каждый слайд полезной информацией. Используйте для быстроты и удобства уже готовые макеты.
2
Найдите в строке меню раздел «Анимация». Там вы сможете задать всевозможные эффекты для целого слайда, а также для отдельных элементов слайда. Первым делом установите способ смены страниц презентации. Он может быть самым различным – «шахматы», «растворение», «вспышка», «жалюзи», «появление из центра» и т.д. После этого слайды будут сменяться самым необыкновенным образом – выплывать сбоку, вылетать в виде спирали, растворяться и возникать в форме красивых узоров. Для того, чтобы страницы презентации сменялись автоматически, поставьте галочку напротив команды «Автоматически после». Задайте параметры смены слайдов – скорость перехода, время показа, звук перехода, воспроизведение по щелчку или автоматически.
3
Перейдите к самому тексту, что содержится на каждом слайде. Если хотите сделать так, чтобы надписи грациозно двигались, эффектно возникали, перемещались и пропадали, то вам понадобится их выделить. Далее щелкните по кнопке «Настройка анимации». Она располагается на левой боковой панели, в самом верху. После нажатия на кнопку возникнет маленькое служебное окошко. Выберите стрелочкой команду «Добавить эффект». Появится дополнительный список функций. Настройте эффекты входа, выхода, выделения, путей перемещения и другие. После этого все эффекты анимации будут воспроизводиться в выбранном вами режиме – «по щелчку», «с предыдущим», «после предыдущего» (т.е. автоматически). Для начала презентации кликните верхнюю вкладку «Показ слайдов», затем команду «С начала».
Видео по теме
Полезный совет
Рекомендуется всегда использовать для глубины восприятия звуковые эффекты и фоновую музыку. Во время проигрывания слайдов они создадут приятную атмосферу и подчеркнут лучшие моменты презентации. Звук настраивается в разделе «Анимация» - «Звук перехода».

Совет 3 : Как редактировать анимацию

Чтобы редактировать анимацию в GIF-формате, достаточно наличие установленного графического редактора Adobe Photoshop. Чтобы понять, как это работает, сначала создадим эту анимацию, а затем внесем в нее некоторые правки.
Как редактировать анимацию
Инструкция
1
Откройте редактор Adobe Photoshop и создайте новый документ. Для этого щелкните пункт меню «Файл» (File) > «Создать» (New) или нажмите комбинацию клавиш Ctrl+N. В появившемся окне укажите произвольные ширину и длину, например, по 300, и нажмите ОК. В рабочей области программы появится новый документ.
2
Выберите инструмент Rectangle tool и создайте квадрат в центре вновь созданного документа. Откройте окно анимации: нажмите пункт меню «Окно» (Window) > «Анимация» (Animation). В нем уже существует один кадр. Кликните по нижней части этого кадра и в выпадающем меню укажите 0.1 секунды (seconds).
3
Создайте еще один кадр, нажав на кнопку Duplicates selected frames, она расположена в нижней части окна анимации. Выделите вновь созданный кадр, кликнув по нему левой кнопкой мыши. Возьмите инструмент «Перемещение» (Move) и передвиньте квадрат в нижнюю часть изображения. Нажмите на кнопку Tweens animations frames и в появившемся окошке, в поле Frames to add укажите, к примеру, 5. Эти добавятся к уже существующим двум и будут отвечать за перемещение квадрата из центра вниз. Нажмите ОК. Чтобы посмотреть результат, нажмите на кнопку Play.
4
Сохраните результат: кликните «Файл» (File) >Save for web & devices или нажмите на клавиатуре Alt+Ctrl+Shift+S. В появившемся окне в настройке «Параметры повторов» (Looping options) укажите «Постоянно» (Forever) и нажмите «Сохранить» (Save). В следующем окне выберите путь для файла и тоже нажмите «Сохранить». Анимация готова.
5
Закройте документ, нажав на Ctrl+W. В следующем окне можно с чистой совестью нажать «Нет» (No), потому что созданный проект, мягко говоря, не очень трудоемкий. Откройте документ, сохраненный в четвертом шаге инструкции: нажмите клавиши Ctrl+O, выберите файл и нажмите «Открыть». Далее будет описано, собственно, редактирование: квадрат вместо низа будет перемещаться из центра вверх.
6
Если окно анимации закрыто, снова откройте его. Как это сделать, написано во втором шаге инструкции. При помощи кнопки Deletes selected frames (она находится в нижней части окна анимации) удалите все кадры, кроме самого первого. Проделайте те же самые действия, что и в третьем шаге инструкции, только перемещайте квадрат не вниз, а вверх.
Видео по теме
Источники:
  • как это работает анимация

Совет 4 : Как сделать анимированую картинку

Анимация позволяет украсить обычные графические изображения, например, аватар. В виде анимированных изображений делаются сейчас все рекламные баннеры на веб-страницах. Создать живую картинку своими руками не так уж сложно, для этого вам понадобится лишь установить специальное программное обеспечение.
Как сделать анимированую картинку
Вам понадобится
  • - компьютер;
  • - Adobe Photoshop;
  • - Adobe Image Ready.
Инструкция
1
Создайте исходники для анимации в Photoshop. Для создания анимированной картинки вам необходимо получить psd-файл с элементами изображения, разобранными по слоям. Для этого возьмите картинку, которую нужно оживить, создайте несколько слоев с ее копиями и выполните изменения каждой копии для имитации движения.
2
Используйте для создания анимации максимум 256 цветов, так как формат gif не может содержать больше цветов. Также вы можете использовать в своем исходнике. Таким образом, вы получили элементы картинки на отдельных слоях, а анимация заключается в появлении объектов на изображении. Этим же способом вы можете сделать баннер, показывать последовательную отрисовку картины, создать анимированную аватару или открытку, применять эффекты на картинках, склеить последовательные фотографии.
3
Преобразуйте текст, если он используется в вашей картинке, в растр. Для этого щелкните правой кнопкой мыши на текстовом слое, выберите опцию Rasterize Layer. Теперь текст тоже стал графическим элементом. Запустите программу Adobe ImageReady и откройте с помощью меню «Файл» – «Открыть» подготовленный в предыдущем шаге исходник, чтобы оживить картинку. В меню «Окно» выберите команду «Анимация».
4
Сделайте кадры для вашей анимации. Все слои, кроме подложки сделайте невидимыми. В опции «Анимация» щелкните по стрелочке в левом верхнем углу, в меню свитка выберите опцию «Новый фрейм». Аналогично выполните данное действие для каждого слоя вашего исходника. В результате у вас должно получиться столько фреймов (кадров), сколько было слоев в файле-исходнике.
5
Установите время, в течение которого каждый кадр будет отображаться на экране. Для этого вызовите свойства фрейма и выберите опцию Delay, выберите нужное значение. Это действие проделайте для каждого кадра. Если задержка должна быть одинаковая, значит выделите все кадры и установите нужное значение.
6
Далее установите параметр цикличности анимации, выберите опцию Forever, чтобы установить постоянную прокрутку изображения. Далее выберите вкладку Optimize, чтобы настроить нужные параметры. Установите в ней формат *.gif. Далее выберите меню «Файл» и выполните команду Save Optimized As. На этом создание анимированной картинки завершено.
Видео по теме

Совет 5 : Как самому сделать анимацию

Существует большой выбор программного обеспечения, с помощью которого можно сделать анимацию практически любой сложности. Классический пример – Adobe Photoshop. Программа предлагает пользователю возможности, ограниченные только его собственной фантазией.
Изображение взято с www.freeimages.com, автор: ba1969
Инструкция
1
Для того, чтобы создать анимацию на персональном компьютере, нужно приобрести и установить одну из версий Adobe Photoshop. Одним из популярных сегодня вариантов является версия CS6. Приобрести ее легально можно в одном из магазинов программного обеспечения. Конечно, в качестве альтернативного варианта – программу можно найти и скачать в интернете бесплатно, но следует понимать, что этот метод является неэтичным и противозаконным.
2
Первым делом после запуска Adobe Photoshop CS6 следует создать новый файл, который станет основой для анимации. Для этого на верхней навигационной панели в окне программы следует нажать меню «File» и выбрать пункт «New». В появившемся окне в поле «Width» можно задать ширину будущего изображения, а в поле «Height» - высоту. Единицей измерения по умолчанию является пиксель. После заполнения полей можно жать кнопку «ОК». На экране отобразится окно созданного файла с картинкой заданного размера с белым фоном.
3
Теперь нужно открыть блок со слоями, нажав клавишу меню «Window» и выбрав пункт «Layers». Здесь будут отображаться миниатюры так называемых «слоев» - кадров, из которых будет состоять анимация.
4
Затем можно переходить к созданию слоев. На данном этапе в соответственном блоке присутствует только один слой с белым фоном. Добавлять новые можно с помощью комбинации клавиш «Shift+Ctrl+N». Поскольку каждый слой отображает один кадр анимации, необходимое количество слоев определяется нужным количеством кадров.
5
После того, как слои будут добавлены, нужно нарисовать их содержимое в окне созданного файла. Это можно сделать с помощью инструментов, которые отображаются в левой части окна программы. Чтобы использовать в качестве слоев готовые изображения, их нужно загрузить через меню «File» и вариант «Open», а потом перетянуть в окно ранее созданного файла с помощью инструмента «Move Tool».
6
Когда слои готовы, можно формировать из них анимацию. Для этого нужно открыть блок с временной шкалой: меню «Window», пункт «Timeline». Затем в верхнем правом углу открывшегося блока следует нажать единственную из доступных здесь кнопку и выбрать вариант «Make Frames From Layers». После этого из созданных слоев вдоль временной шкалы отобразятся кадры будущей анимации. Под каждым из них можно задать длительность отображения. Здесь же кадры можно редактировать и проигрывать будущую анимацию.
7
Чтобы сохранить конечный результат своего труда, необходимо нажать «File», а затем выбрать «Save For Web». В открывшемся окне следует выбрать формат GIF, кликнуть на кнопку «Save» и следовать дальнейшим инструкциям системы.
Источники:
  • Adobe Photoshop на официальном сайте разработчика
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500