Как опубликовать flash с прозрачным фоном? (transparent background)
Как сделать flash с прозрачным фоном?
Очень часто нужно сделать так, что бы flash была прозрачной. В этой статье я подробно покажу, как это сделать. Чтобы опубликовать flash с прозрачным фоном, вам нужно всего лишь правильно задать настройки публикации в Adobe Flash.
Итак, изначально у нас есть мультипликационный герой на черном фоне. Нам нужно сделать так, чтобы при публикации сквозь нашу flash просматривался фон html страницы.
Перед тем, как опубликовать эту работу через File>Publish(Shift+F12) зайдем в настойки публикации File>Publish Settings(Ctrl+Shift+F12)

Затем перейдите на вкладку HTML. Здесь нас интересует опция Windows Mode.

Откройте выпадающее меню Windows Mode и в раскрывающемся списке выберете Transparent Windowless.

Теперь публикуем документ, нажимая на кнопочку Publish. В каталоге у нас появляются два файла – html страница и swf файл.
Открываем HTML страничку в браузере. И видим, что фон страницы по умолчанию такой же, как и фон в Adobe Flash(в нашем примере черный) и поначалу может показать, что ни чего не получилось.

Откройте страницу в блокноте или в любом другом редакторе и пропишите другой цвет (или задайте фоновый рисунок) у html страницы, сохраните ее и снова откройте ее в браузере.

Как видите flash абсолютно прозрачная, сквозь нее просматривается другой фон html страницы.
- 3083 просмотра



Комментарии
Не очень понятно что в итоге должно получится, но урок скопирую.
Должен получиться прозрачный фон у флешки... это заметно, когда вы вставляете её на сайт. Представьте, что фон сайта фиолетовый?.. :)
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1
Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум
Товарищ Администратор!!! я не понял из этого урока ничиго! все операции по настройке Flash проделаны, но:
где искать этот HTML?
где этот каталог, если искать в нем?
и еще вопрос, данный урок показывает что можно изменить прозрачность фона, те сам рисунок остается прежним:
1.можно ли сделать так чтоб весь проект флеш был прозрачным например в дримвивере? (хочу сделать кнопки которые будут просвечивать бекграунд дримвивера)
2.как будет созданный фон реагировать на анимацию персонажа например того, который создан на этом уроке?
у каждого объекта можно менять уровень прозрасности (альфа) посредством настроек в соответсвующем меню (там, где выбирается цвет, когда еще только рисуешь объект, также прозрасность можно менять посредством ActionScript у мувиклипов и т.д.).
а по поводу "где искать HTML" тут все четко по порядку написано, каждая операция имеет по наглядной картинке, и учтите, что это Adobe Flash CS4(!)
Спасибо, хороший урок! Я думаю, кто хотел, тот понял:)
Прочитал, учел, буду пользовать!
СПАСИИИИИБООООО!
Спасибо за урок. Вовсю начал использовать)
С этим пошел дальше, Использую 3D графику на странице с прозрачным фоном!
Посмотреть что получилось можно на моем сайте- kovalenko_s.fatal.ru
спасибо!!!!!!!!!!!!!!!!!
Всем здравствуйте
Воспользовалась этим уроком, всё получается если на этой html-страничке поставить цветной Background
но если этот файл swf вставлять на другую страницу (новую) но она опять непрозрачная
Что делать?
Я сделал прозрачную флеш менюшку, а как всё это засунуть на сайт?
Класс!! Все вышло спасибо огромное. Причем с первого раза без всяких заморочек. Для ABY : код для вставки на свою страницу <EMBED pluginspage='http://www.macromedia.com/go/getflashplayer' src='путь к файлу/название.swf' width='длинна' height='высота' type='application/x-shockwave-flash' wmode="transparent" menu="false" ;; quality="high"></EMBED>
Что то не получаеться сделать=(((
Всё делаю как написано....а выходит не так как надо=(((
Вот посмотрите как выходит software4you.ucoz.ru
Здравствуйте, у меня такая проблема, в explorer не отображается прозрачность, показывается фон. Задача сделать сайт путем размещения флеш на html странице по середине. Вот код:
</HTML>
Подскажите есть ли возможность решения такой проблемы? спасибо
Отличный урок! спасибо огромное.
Странно, почему в проге нельзя установить прозрачность фона, слои без проблем, а фон...
т.е. неважно как сделана флеша wmode="transparent" сделает ее фон прозрачным ?
Т.е. я могу это параметр добавить просто в хтмл и все?
и еще я заметил что не всегда после копилирования задний фон флешки прозрачный
даже если ты укозал что б он был прозрачным! я долго с этим баролся и все-таки нашол выход может кому и поможет но мне помогло!!!
открываете хтмл код и ищете строку
params.wmode = "direct";
после миняете на
params.wmode = "transparent";
это после публикации кс 5.5 в предыдущих версиях что то похожее на это
' wmode',' direct '
я думаю вы дагодались что надо делать!!!
'wmode', 'transparent'
вот и все успехов и процветания!