Как опубликовать 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 (в нашем примере черный) и поначалу может показать, что ни чего не получилось.

alt

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

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

Внимание!

Вы можете изучить все секреты flash анимации всего за 3 недели! Перейти из разряда новичка в разряд опытного пользователя даже без посещения дорогих курсов и чтения толстенных талмудов.

110 видео уроков,

в превосходном качестве помогут пройти, Вам, терни flash анимации самым быстрым и легким путём! +ActionScript 3.0

Подробнее

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

Комментарии

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

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

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

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

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

Мы в контакте - https://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='https://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="https://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="https://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'

 

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

Аватар пользователя archizona.ru

Если делать как тут описано, то при загрузке страницы флешка "моргнет" белым прямоугольником на черном фоне. Причем это не зависит от размера флешки, ее прозрачности и наличия прелоудера. Конечно это мелочь и многие не обращают на это внимания, но я все-таки javascript ом прячу флешку на 1 секунду перед загрузкой страницы и вместо нее показываю gif фон. Тогда моргания нет. Пример тут https://archizona.ru/sochetanie_tsvetov.html (зеленый завиток сверху)

function load() {
 
window.onload = setTimeout(function(){
 
     document.getElementById("architector_logo2").style.visibility = "visible";
}, 1000)
}
window.onload = load;