Совет 1: Как в сайт поставить анимацию

Анимированные изображения сильнее привлекают внимание посетителей сайтов, чем статические. Такие изображения бывают форматов GIF и SWF. Некоторые современные браузеры поддерживают также анимации формата SVG.
Инструкция
1
Выбор формата для анимированного изображения осуществляйте исходя из собственных возможностей. Анимации форматов GIF и SVG можно создавать при помощи бесплатных программ (соответственно, GIMP и Inkscape), в то время, как для получения анимированного апплета формата SWF придется использовать платный программный пакет Adobe Flash (не путать с бесплатным проигрывателем Adobe Flash Player). Также учтите, что просмотр анимаций формата GIF возможен практически во всех браузеров, кроме некоторых мобильных, формата SWF - только при установленном Flash Player, а формата SVG - только в современных браузерах, в основном, для настольных компьютеров.
2
Если вы не желаете создавать анимированную картинку самостоятельно, воспользуйтесь услугами одного из бесплатных банков таких изображений. Анимации формата GIF можно взять, например, на сайте AnimatedGifs, формата SWF - на сайте Free Flash Animations, а формата SVG - на сайте Wikimedia Commons в категории Animated SVG. При доведении изображений до всеобщего сведения соблюдайте условия лицензий.
3
Для помещения в веб-страницу анимированного изображения формата GIF используйте HTML-код, аналогичный тому, который используется для вставки статических изображений. Если картинка находится в той же папке сервера, что и HTML-файл, используйте такой код: <img src=animatedimage.gif>. Если ;t она расположена в другой папке того же сервера, или на другом сервере, видоизмените код следующим обрезом: <img src=http://site.domain/folder/otherfolder/animatedimage.gif>. Файлы формата SVG вставляйте аналогичным образом, с той лишь разницей, что у них другое расширение: не gif, а svg.
4
Не пытайтесь осуществить вставку файла формата SWF при помощи тега img src. Для этого применяется тег embed, а код становится заметно более громоздким: <embed src="animatedimage.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="320" height="270" allowScriptAccess="sameDomain" allowFullScreen="True"></embed>, где animatedimage.swf - имя SWF-файла (или полный путь к нему), 320 - ширина, 240 - высота (эти числа можно менять по своему усмотрению).

Совет 2: Как создать 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 анимация готова!

Видео по теме

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

Анимационные файлы сейчас повсеместно используются для оформления веб-страниц, создания рекламных баннеров, мультфильмов и игр. Сделать своими руками файл в формате swf не так сложно. Для этого вам понадобится специальная программа, например, SwishMAX.
Вам понадобится
  • - программа SwishMAX.
Инструкция
1
Запустите программу SwishMAX, чтобы сделать swf-анимацию. Например, вы можете сделать баннер с анимационным эффектом. В данном приложении содержится библиотека шаблонов, на их основе вы можете сделать баннер стандартных размеров. Для этого выберите меню File, щелкните по команде New From Template, из списка выберите шаблон Full Banner (468x60). Далее перейдите в окно Scene, во вкладку Movie, установите цвет фона – белый.
2
Выберите инструмент Text, выделите прямоугольную область, чтобы задать направление для текста. Если щелкнуть по рабочей области мышью, текст будет расположен вертикально, но для нашего баннера это не подходит. Перейдите во вкладку настроек текста в окне Scene.
3
Впишите необходимый текст, подберите размер, цвет и тип шрифта, а также начертание. Щелкните на нем правой кнопкой мыши, чтобы выбрать эффект для баннера. Выберите эффект Surfin-Pass The Bucket из группы Looping Countinuously, он отобразится на шкале анимации.
4
Щелкните дважды по эффекту на шкале анимации, чтобы выполнить его настройку: измените скорость протекания, амплитуду движения эффекта, направление. В этом же окне можно просмотреть результат изменения настроек. Щелкните по кнопке More Options, чтобы получить доступ к детальным настройкам выбранного эффекта. Сохраните полученный файл, для этого перейдите в меню File, выберите команду Export, формат файла – Swf.
5
Выполните создание кнопки в формате Swf. Для этого откройте новый документ, с помощью инструментов Rectangle, AutoShape либо Ellipse нарисуйте форму для кнопки. Далее добавьте поверх формы необходимый текст. Установите нужные настройки в окне Scene. Далее в окне Layout перейдите на вкладку Script, щелкните по кнопке Add Script, выберите команду Browser/Network, далее щелкните getURL(...).
6
В данном поле введите ссылку, которая будет открыта после того, как пользователь нажмет кнопку. Нажмите Enter. Для проверки ссылки щелкните по кнопке Play Movie, попробуйте нажать кнопку. Если открылся браузер и произошел переход по нужной ссылке, значит осталось сохранить кнопку в формате SWF.
Видео по теме
Источники:
  • как создать баннер swf

Совет 4: Как в папке поставить картинку

Операционная система Windows обладает дружественным интерфейсом и достаточно богатыми возможностями по настройке. В частности, пользователь может изменить стандартный значок папки, вставив в него изображение.
Инструкция
1
С тем, как выглядят папки Windows с установленными изображениями, пользователи Windows уже знакомы на примере таких папок, как «Мои документы», «Мои рисунки», «Мои видеозаписи», «Моя музыка». В некоторых случаях появляется необходимость выделить подобным образом какую-то другую важную папку.
2
Для того чтобы в Windows XP изменить рисунок папки, нажмите на нее правой кнопкой мышки, выберите в контекстном меню пункт «Свойства». В открывшемся окне кликните вкладку «Настройка». Здесь вы можете настроить вид папки для двух режимов: при просмотре в виде эскизов и в остальных режимах.
3
Настройка просмотра в виде эскизов осуществляется очень просто - нажмите кнопку «Выбор рисунка» и укажите картинку, которую вы хотите вставить. Рекомендуется заранее найти в интернете изображения с расширением *.png или *.ico. Примените изменения. Теперь при просмотре папок в виде эскизов измененная папка будет отображаться с выбранным вами рисунком.
4
Чтобы поставить на папку картинку для других режимов просмотра, выберите пункт «Сменить значок» в нижней части окна. Вы можете применить один из уже имеющихся значков или установить свой. Помните, что в этом случае вам нужны только значки иконок – то есть изображения с расширением *.ico. В операционной системе Windows 7 смена изображения папки происходит точно так же.
5
Для комфортной работы в Windows рекомендуется настроить правильное отображение папок Windows. В частности, обязательно должен быть включен показ расширений файлов – по умолчанию он обычно отключен. Если пользователь видит расширения файлов, он сможет своевременно замечать некоторые угрозы безопасности. Например, если вы видите изображение или папку с расширением *.exe, то перед вами зараженный файл. Не видя расширения, вы можете попытаться такой файл открыть.
6
Включить отображение расширений очень легко: откройте любой диск или папку, выберите в меню «Сервис» - «Свойства папки» - «Вид» и снимите птичку со строки «Скрывать расширения для зарегистрированных типов файлов».
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500