Как опубликовать flash с прозрачным фоном? (transparent background)

Как сделать flash с прозрачным фоном?

Очень часто нужно сделать так, что бы flash была прозрачной. В этой статье я подробно покажу, как это сделать. Чтобы опубликовать flash с прозрачным фоном, вам нужно всего лишь правильно задать настройки публикации в Adobe Flash.

Итак, изначально  у нас есть мультипликационный герой на черном фоне. Нам нужно сделать так, чтобы при публикации сквозь нашу flash просматривался фон html страницы.

Перед тем, как опубликовать эту работу через File>Publish(Shift+F12)  зайдем  в настойки публикации File>Publish Settings(Ctrl+Shift+F12)

alt
 

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

alt
 

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

alt
 

Теперь публикуем документ, нажимая на кнопочку Publish.  В каталоге у нас появляются два файла – html страница и swf файл.

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

alt
 

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

alt
 

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

Похожие записи

Комментарии

Аватар пользователя ayazka

Не очень понятно что в итоге должно получится, но урок скопирую.

Аватар пользователя Fly

Должен получиться прозрачный фон у флешки... это заметно, когда вы вставляете её на сайт. Представьте, что фон сайта фиолетовый?.. :)

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя митяй_доскер

Товарищ Администратор!!! я не понял из этого урока ничиго! все операции по настройке Flash проделаны, но:
где искать этот HTML?
где этот каталог, если искать в нем?

и еще вопрос, данный урок показывает что можно изменить прозрачность фона, те сам рисунок остается прежним:
1.можно ли сделать так чтоб весь проект флеш был прозрачным например в дримвивере? (хочу сделать кнопки которые будут просвечивать бекграунд дримвивера)
2.как будет созданный фон реагировать на анимацию персонажа например того, который создан на этом уроке?

Аватар пользователя nobody0

у каждого объекта можно менять уровень прозрасности (альфа) посредством настроек в соответсвующем меню (там, где выбирается цвет, когда еще только рисуешь объект, также прозрасность можно менять посредством ActionScript у мувиклипов и т.д.).

а по поводу "где искать HTML" тут все четко по порядку написано, каждая операция имеет по наглядной картинке, и учтите, что это Adobe Flash CS4(!)

Аватар пользователя motoden

Спасибо, хороший урок! Я думаю, кто хотел, тот понял:)

Аватар пользователя Ztox

Прочитал, учел, буду пользовать!

clapping

СПАСИИИИИБООООО!

Аватар пользователя sk4444

Спасибо за урок. Вовсю начал использовать)

С этим пошел дальше, Использую 3D графику на странице с прозрачным фоном!

Посмотреть что получилось можно на моем сайте-  kovalenko_s.fatal.ru

Аватар пользователя eugen

спасибо!!!!!!!!!!!!!!!!!

Аватар пользователя Дохтер-ша

Всем здравствуйте

Воспользовалась этим уроком, всё получается если на этой html-страничке поставить цветной Background

но если этот файл swf вставлять на другую страницу (новую) но она опять непрозрачная

Что делать?

Аватар пользователя ABY

Я сделал прозрачную флеш менюшку, а как всё это засунуть на сайт?

Аватар пользователя spustovalov

Класс!! Все вышло спасибо огромное. Причем с первого раза без всяких заморочек. Для 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>

Аватар пользователя alexpus

Что то не получаеться сделать=(((
Всё делаю как написано....а выходит не так как надо=((( 
Вот посмотрите как выходит software4you.ucoz.ru 

Аватар пользователя lind

Здравствуйте, у меня такая проблема, в explorer не отображается прозрачность, показывается фон. Задача сделать сайт путем размещения флеш на html странице по середине. Вот код:

<HTML> 
  <HEAD>
 <TITLE>сайт</TITLE> 
  </HEAD> 
  <BODY BACKGROUND="old-31-2.gif"> 
<CENTER>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash. cab#version=6,0,29,0" width="800" height="700">
<PARAM name="movie" value="main.swf">
<PARAM name="quality" value="high">
<EMBED src="main.swf"
QUALITY="best" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer
TYPE="application/x-shockwave-flash" width="800" height="1100" wmode="transparent"></EMBED>
</OBJECT>
<CENTER/>
  </BODY> 

</HTML> 

Подскажите есть ли возможность решения такой проблемы? спасибо 

Аватар пользователя grafik70

Отличный урок! спасибо огромное.
Странно, почему в проге нельзя установить прозрачность фона, слои без проблем, а фон... 

Аватар пользователя nyukers

т.е. неважно как сделана флеша wmode="transparent" сделает ее фон прозрачным ?
Т.е. я могу это параметр добавить просто в хтмл и все?

Аватар пользователя 8Romeo8

и еще я заметил что не всегда после копилирования задний фон флешки прозрачный

даже если ты укозал что б  он был прозрачным! я долго с этим баролся и все-таки нашол выход может кому и поможет но мне помогло!!!

открываете хтмл код и ищете строку

 

params.wmode = "direct";

 

после миняете на

 

params.wmode = "transparent";

 

это после публикации кс 5.5 в предыдущих версиях что то похожее на это

 

'  wmode',' direct  '

 

 я думаю вы дагодались что надо делать!!!

 

'wmode', 'transparent'

 

вот и все успехов и процветания!