<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blog.swish.pl &#187; Banery</title>
	<atom:link href="http://flashblog.swish.pl/category/banery/feed/" rel="self" type="application/rss+xml" />
	<link>http://flashblog.swish.pl</link>
	<description>Tworzenie animacji Flash, banerów, stron www w programie SWiSH Max. Tutoriale.</description>
	<lastBuildDate>Thu, 06 Oct 2016 06:49:36 +0000</lastBuildDate>
	<language>pl-PL</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.7.41</generator>
	<item>
		<title>Świąteczna kartka w SWiSH Max4</title>
		<link>http://flashblog.swish.pl/flash/swiateczne-kartka-w-swish-max4/</link>
		<comments>http://flashblog.swish.pl/flash/swiateczne-kartka-w-swish-max4/#comments</comments>
		<pubDate>Wed, 22 Dec 2010 12:43:56 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Filtry]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Kartki Świąteczne]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=284</guid>
		<description><![CDATA[Szanowni Państwo życzymy Państwu Wesołych i Ciepłych Świąt Bożego Narodzenia Publikujemy jednocześnie kartę świąteczną stworzoną przez Craiga Lowe, do pobrania i swobodnego wykorzystania (np. na Państwa stronach).   Link do pobrania wersji polskiej kartki Kartka jest stworzona w SWiSH Max4 z wykorzystaniem filtrów, które są ustawiane w panelu filtry. Link do strony Craiga. Publikacja Craiga na [&#8230;]]]></description>
				<content:encoded><![CDATA[<h2><span class="drop">S</span>zanowni Państwo życzymy Państwu <span style="color: #ff6600;">Wesołych i Ciepłych Świąt Bożego Narodzenia</span></h2>
<p>Publikujemy jednocześnie kartę świąteczną stworzoną przez Craiga Lowe, do pobrania i swobodnego wykorzystania (np. na Państwa stronach).</p>
<p> <br />
<object id="snow_settle_pl" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="410" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#FFFFFF" /><param name="quality" value="high" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/12/snow_settle_pl.swf" /><param name="name" value="snow_settle_pl" /><embed id="snow_settle_pl" type="application/x-shockwave-flash" width="560" height="410" src="http://flashblog.swish.pl/wp-content/uploads/2010/12/snow_settle_pl.swf" bgcolor="#FFFFFF" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" name="snow_settle_pl"></embed></object></p>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/12/snow_settle_pl.zip"><strong>Link do pobrania wersji polskiej kartki</strong></a></p>
<p>Kartka jest stworzona w SWiSH Max4 z wykorzystaniem filtrów, które są ustawiane w panelu filtry.</p>
<p><a href="http://www.swish-designs.co.uk/blog/?p=2117">Link do strony Craiga</a>. <a href="http://forums.swishzone.com/index.php?showtopic=72651">Publikacja Craiga na forums.swishzone.com</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/flash/swiateczne-kartka-w-swish-max4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Migający napis z użyciem filtra Rozbłysk &#8211; glow filter (Blinking text)</title>
		<link>http://flashblog.swish.pl/banery/migajacy-napis-z-uzyciem-filtra-rozblysk-glow-filter-blinking-text/</link>
		<comments>http://flashblog.swish.pl/banery/migajacy-napis-z-uzyciem-filtra-rozblysk-glow-filter-blinking-text/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 10:13:06 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Blask]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=261</guid>
		<description><![CDATA[Pobierz plik źródłowy By uzyskać migający tekst należy przeciągmąć myszką na obszar animacji filtr Rozbłysk (glow). Ten filtr jest dostępny w panelu komponenty, Efekty &#124; Filtry &#124; Filter Rozbłysk . W tym przykładzie miga ciągle, ale można ustawić pojedyńcze mignięcie (single) zamiast powtarzania (repeat) i np. kolejno migać wyrazami w zdaniu, które chcemy uwypuklić. Parametry komponentu ustawiamy [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><object id="glowswi" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="303" height="71" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#FFFFFF" /><param name="quality" value="high" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/04/glowswi.swf" /><param name="name" value="glowswi" /><embed id="glowswi" type="application/x-shockwave-flash" width="303" height="71" src="http://flashblog.swish.pl/wp-content/uploads/2010/04/glowswi.swf" bgcolor="#FFFFFF" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" name="glowswi"></embed></object></p>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/04/glowswi.zip" target="_blank"><span class="drop">P</span>obierz plik źródłowy</a></p>
<p>By uzyskać migający tekst należy przeciągmąć myszką na obszar animacji filtr Rozbłysk (glow). Ten filtr jest dostępny w panelu <strong>komponenty</strong>, Efekty | Filtry | Filter Rozbłysk .<br />
W tym przykładzie miga ciągle, ale można ustawić pojedyńcze mignięcie (single) zamiast powtarzania (repeat) i np. kolejno migać wyrazami w zdaniu, które chcemy uwypuklić.</p>
<p>Parametry komponentu ustawiamy w panelu <strong>Parametry , </strong>gdzie <br />
color: #  CCCCC<br />
FilterSettings:<br />
Strength (siła):1<br />
quality(jakość):high<br />
Blur X i Blur Y: 4</p>
<p>Włączyć pojawianie się &#8211; Transition:<br />
Transition: Repeat (powtarzanie)<br />
Direction(kierunek): Alternate (na przemian)<br />
transitionQuality: High(jakość pojawiania się wysoka)</p>
<p>Transition Filter settings:<br />
Final color: #  CCCCC<br />
Final Blur X i Final Blur Y: 10<br />
Final Strength: 3</p>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/banery/migajacy-napis-z-uzyciem-filtra-rozblysk-glow-filter-blinking-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Z SWiSH forum: Błysk świateł samochodu / Miganie/mruganie światłami samochodu</title>
		<link>http://flashblog.swish.pl/banery/z-swish-forum-blysk-swiatel-samochodu-miganiemruganie-swiatlami-samochodu/</link>
		<comments>http://flashblog.swish.pl/banery/z-swish-forum-blysk-swiatel-samochodu-miganiemruganie-swiatlami-samochodu/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 21:15:07 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Blask]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Ruch po ścieżce]]></category>
		<category><![CDATA[Ścieżka ruchu]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=254</guid>
		<description><![CDATA[Poniżej cytat z SWiSH forum &#8211; miganie/mruganie światłami samochodu. Błysk świateł. Autor wykorzystuje efekty Umieść i Usuń do sekwencyjnego pojawiania się, na reflektorach, obiektów z ustawioną przezroczystością Alfa, do zasymulowania błysku. Żeby sprawdzić, jak to się dzieje, można włączyć Podgląd klatki (czerwona linia na osi czasu) i przesuwać podgląd po kolejnych klatkach. Link do oryginalnego wpisu Pobierz plik [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><span class="drop">P</span>oniżej cytat z SWiSH forum &#8211; miganie/mruganie światłami samochodu. Błysk świateł.<br />
Autor wykorzystuje efekty Umieść i Usuń do sekwencyjnego pojawiania się, na reflektorach, obiektów z ustawioną przezroczystością Alfa, do zasymulowania błysku. Żeby sprawdzić, jak to się dzieje, można włączyć Podgląd klatki (czerwona linia na osi czasu) i przesuwać podgląd po kolejnych klatkach.</p>
<p><object id="blaskswiatel" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="371" height="150" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#000000" /><param name="quality" value="high" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/04/blaskswiatel.swf" /><param name="name" value="blaskswiatel" /><embed id="blaskswiatel" type="application/x-shockwave-flash" width="371" height="150" src="http://flashblog.swish.pl/wp-content/uploads/2010/04/blaskswiatel.swf" bgcolor="#000000" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" name="blaskswiatel"></embed></object></p>
<p><a title="Link do tutoriala" href="http://swish.wodip.opole.pl/forum/viewtopic.php?t=4981" target="_blank">Link do oryginalnego wpisu</a></p>
<p><a href="http://swish.wodip.opole.pl/forum/download.php?id=1795">Pobierz plik źródłowy</a>.</p>
<p>Miejsce publikacji: <a href="http://swish.wodip.opole.pl/">swish.wodip.opole.pl</a>, <a href="http://forum.swish.pl">forum.swish.pl</a><br />
Autor, profil użytkownika: <a href="http://swish.wodip.opole.pl/forum/profile.php?mode=viewprofile&amp;u=125">Januszr</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/banery/z-swish-forum-blysk-swiatel-samochodu-miganiemruganie-swiatlami-samochodu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blask, efekt blasku po napisie</title>
		<link>http://flashblog.swish.pl/podstawy/blask-efekt-blasku-po-napisie/</link>
		<comments>http://flashblog.swish.pl/podstawy/blask-efekt-blasku-po-napisie/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 20:56:41 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Blask]]></category>
		<category><![CDATA[Podstawy]]></category>
		<category><![CDATA[baner]]></category>
		<category><![CDATA[flash]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=216</guid>
		<description><![CDATA[Blask.zip &#8211; pobierz plik źródłowy W tym tutorialu wykonamy efekt Blasku przechodzący przez napis. Zakładamy nowy film: menu Plik &#124; Nowy Ustawiamy rozmiar: menu Modyfikuj &#124; Film &#124; Właściwości, szerokość 515 px x 194 px . Zapalamy, w panelu Narzędzia po lewej,  narzędzie Prostokąt, rysujemy myszką prostokąt, tak by przył tło, może wystawał po za obręb animacji [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><object id="BLASK" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="515" height="194" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#FFFFFF" /><param name="quality" value="high" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/04/BLASK.swf" /><param name="name" value="BLASK" /><embed id="BLASK" type="application/x-shockwave-flash" width="515" height="194" src="http://flashblog.swish.pl/wp-content/uploads/2010/04/BLASK.swf" bgcolor="#FFFFFF" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain" name="BLASK"></embed></object></p>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/04/blask.zip"><span class="drop">B</span>lask.zip &#8211; pobierz plik źródłowy</a></p>
<p>W tym tutorialu wykonamy efekt Blasku przechodzący przez napis.</p>
<ol>
<li>Zakładamy nowy film: menu <strong>Plik</strong> | <strong>Nowy</strong></li>
<li>Ustawiamy rozmiar: menu <strong>Modyfikuj</strong> | <strong>Film</strong> | <strong>Właściwości</strong>, szerokość 515 px x 194 px .</li>
<li>Zapalamy, w panelu <strong>Narzędzia </strong>po lewej,  narzędzie <strong>Prostokąt</strong>, rysujemy myszką prostokąt, tak by przył tło, może wystawał po za obręb animacji albo być z nią równym.</li>
<li>We panelu <strong>Właściwości</strong>, ustawiamy tło na czarne.</li>
<li>Kilkamy narzędzie <strong>Tekst</strong>, w panelu <strong>Właściwości, </strong>ustawiamy <strong>wielkość czcionki</strong> na 36 , <strong>krój czcionki</strong> na Arial Black, <strong>wielkość odstępu</strong> na 4</li>
<li>Pozycjonujemy tekst na środku, opcjonalnie zmieniając wielkość tekstu na inną.</li>
<li>Klikamu prawym klawiszem myszki na powstałym tekście i wybieramy z menu kontekstowego:  <strong>Konwersja</strong> | <strong>Konwertuj do Klipu </strong></li>
<li>Powstał nienazwany Klip. W panelu <strong>Właściwości</strong> nadajemy mu nazwę np. na Maska.</li>
<li>Nasz tekst jest najniższym jego elementem.</li>
<li>Ustawiamy w panelu Właściwości, opcję <strong>Użyj obiektu niżej jako maski </strong>(animacja w klipie będzie tylko na nieprzezroczytym obszarze najniższego obiektu w klipie &#8211; naszego tekstu).</li>
<li>Teraz wchodzimy na panelu <strong>Konspekt</strong> ( który przechowuje drzewo obiektów ). Tam rozwijamy powstały klip Maska i w zapalamy <strong>Obiekt Tekstowy</strong>.</li>
<li>Prawy klawisz myszy, z menu kontekstowego <strong>Kopiuj Obiekt, </strong>następnie pownie prawy klawisz i <strong>Wklej w Miejscu</strong>.</li>
<li>Została dodana kopia naszego tekstu wyżej w klipie, klikamy tę kopię prawym klawiszem i z menu kontekstowego <strong>Rozdziel na Kształty</strong>.</li>
<li>Dzięki temu kopia naszego tekstu została przekształcona w grupę liter w formie wektorowych kształtów, którym teraz będziemy w stanie <strong>nadać wypełnienie tonalne</strong> oraz <strong>obramowanie</strong>.</li>
<li>W panelu <strong>Konspekt</strong> rozwijamy powstała grupę, zaznaczymy myszką pierwszą literkę trzymając <strong>klawisz Shift </strong>na klawiaturze.</li>
<li>Teraz w panelu Właściwości mozemy ustawić Wypełnienie na <strong>Gradient</strong> , poszczególne punkty wypełnienia od lewej: ciemnozielony (# 009900)  Alfa(przezroczytość) 50%, na lewa strona środka: ciemniejsza zieleń (# 007300 ), Alfa 100%, prawa strona środka: jaśniejszy zielony (# 019A00 ), prawa strona środka (# 66FF00 ). alfa 75% .</li>
<li>Ustwiamy <strong>linię obramowania</strong> na ciągłą i jej <strong>grubość</strong> na 1.8.</li>
<li>Mamy już napis teraz zanimujemy <strong>blask</strong> po tym napisie .</li>
<li>Przy wybranym klipie (panel Konspekt), z panelu Narzędzia wybieramy narzędzie <strong>Prostokąt</strong> rysujmy myszką prostokąt.</li>
<li>Przechodzimy do panelu <strong>Przekształcenie</strong> (ten panel przechowuje bezwzględne wymiary obiektów, panel Transformacje ich tymczasowe wymiary podczas Transformacji)</li>
<li>W panelu <strong>Przekształcenie</strong> ustawiamy w polu Kąt Osi X wprowadzamy -60, co przekręci o 60 stopni.</li>
<li>W tym samym panelu nadamy szerokość i wysokość na: 336, 478.<br />
X: -460, Y: 27</li>
<li>Spozycjonuje nam to wypełnienie na poza ekranem.</li>
<li>Ustawmy wypełnienie:  Gradient.</li>
<li>Dodajemy 7 punktów wypełnienia o kolorze białym, trzy na środku po dwa na bokach.</li>
<li>Ustawiamy im przezroczystość alfa od lewej:  0%, 25%,     75%, 100%,75%,      25%,0% .</li>
<li>W panelu Narzędzia klikamy <strong>Transformacja Wypełnienia</strong> by przekręcić wypełnienie do takiego samego kąta, jak obiekt, następnie zmniejszamy jego krawędzie do krawędzi obiektu. </li>
<li>Mamy obiekt, który będzie przesuwał się po napisie, teraz pora na ustawienie jego ruchu.</li>
<li>Klikamy menu Wstaw | Efekt | Przesuń</li>
<li>Klikamy na niego dwukrotnie na <strong>osi czasu</strong>, następnie w panelu Efekt, na zakładce Ruch, zmieniamy opcję Przesuń do X na 560.<br />
Nasz efekt przesunie obiekt blasku z pierwotnej pozycji (poza ekranem, określonej w p. Przekształcenie) do pozycji X 560.</li>
<li>Rozciągmy efekt na osi do 31 klatek.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/podstawy/blask-efekt-blasku-po-napisie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wyskakujący baner na górnej warstwie (brandmark, top layer banner)</title>
		<link>http://flashblog.swish.pl/podstawy/wyskakujacy-baner-na-gornej-warstwie-brandmark-top-layer-banner/</link>
		<comments>http://flashblog.swish.pl/podstawy/wyskakujacy-baner-na-gornej-warstwie-brandmark-top-layer-banner/#comments</comments>
		<pubDate>Sat, 27 Mar 2010 06:29:46 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Podstawy]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=180</guid>
		<description><![CDATA[Zobacz baner na warstwie W poniższym tekście pokażemy, jak wykonać znane z dużych portali internetowych, wyskakujące banery, angielska nazwa brandmark. Pokażemy, jak wyświetlić taki baner na najwyższej warstwie html, jak go zamknąć. Celowo użyjemy techniki przezroczystości, tak by widoczne były jedynie nieprzezroczyste części banera,  a jego tło niewidoczne. Pokażemy też jak najprościej przekazać parametry do [&#8230;]]]></description>
				<content:encoded><![CDATA[<div style="float:left;padding-right:7px;padding-bottom:7px"><object id="brandmark" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="345" height="378" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#FFFFFF" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="title" value="BrandMark" /><param name="flashvars" value="clickTag=http://www.twojastrona.pl&amp;adClose=javascript:onFinishedPlaying();" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/03/brandmark.swf" /><param name="name" value="brandmark" /><embed id="brandmark" title="BrandMark" type="application/x-shockwave-flash" width="345" height="378" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/brandmark.swf" allowscriptaccess="samedomain" seamlesstabbing="false" flashvars="clickTag=http://www.twojastrona.pl&amp;adClose=javascript:onFinishedPlaying();" wmode="transparent" quality="high" bgcolor="#FFFFFF" name="brandmark"></embed></object></div>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/brandmark.html" target="_blank"><span class="drop">Z</span>obacz baner na warstwie</a></p>
<p>W poniższym tekście pokażemy, jak wykonać znane z dużych portali internetowych, wyskakujące banery, angielska nazwa <strong>brandmark</strong>.<br />
Pokażemy, jak wyświetlić taki baner na najwyższej warstwie html, jak go zamknąć.<br />
Celowo użyjemy techniki <strong>przezroczystości</strong>, tak by widoczne były jedynie nieprzezroczyste części banera,  a jego tło niewidoczne.<br />
Pokażemy też <strong>jak najprościej przekazać parametry do Flash </strong>używać parametrów <strong>FlashVars</strong>.</p>
<p><strong>FlashVars</strong> to metoda przekazywania parametrów do Flasha. Dzięki niej możemy zdjąć parametry z <strong>PHP</strong> czy HTML-a i przekazać je obiektowi <strong>Flasha</strong>.<br />
Dzięki tym parametrom przekażemy adres strony,  która ma być otwarta po kliknięciu (zmienna <strong>clickTag</strong>) oraz nazwę funkcji javascript,<br />
która ma być uruchomiona po naciśnięciu przycisku zamknięcia w filmie flash.<br />
Obsługa <strong>clickTag</strong> jest wymagana przez większość serwisów reklamowych, w tym <strong>AdWords</strong>.</p>
<blockquote><p>Na marginesie, inną metodą czytania informacji ze świata zewnętrznego jest jest czytanie parametrów z zewnętrznego pliku, za pomocą funkcji <strong>loadvars</strong>, mogą być to być pliki tekstowe z poszczególnymi parametrami, linia po linii, może to być plik xml, zawierający hierarchiczne dane, może to być plik php, który wygeneruje zawartość w formie wspomnianego pliku tekstowego bądź xml.</p></blockquote>
<p><strong>Użyjemy maski </strong>by wyświetlać jedynie w narzuconym kształcie np. wewnątrz koła, splasza, dowolnego kształtu, zastosujemy:<strong> Użyj obiektu niżej jako maski </strong>w klipie.</p>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/brandmark.zip" target="_blank">Pobierz plik źródłowy</a></p>
<h2><strong>Zaczynamy:</strong></h2>
<ol>
<li>Zakładamy nowy film, w <strong>Modyfikuj, Film</strong>, <strong>Właściwości</strong>, ustawiamy rozmiar na szerokość <strong>345</strong> wysokość <strong>378</strong></li>
<li>Nie zamykając okienka w tym samym okienku klikamy: <strong>Ustawienia Eksportu Filmu</strong>.</li>
<li>Wybieramy z drzewka pozycję <strong>HTML</strong>:</li>
<li>W <strong>ObjectTags</strong> znajdujemy opcję <strong>WMMODE</strong> i ustawiamy na <strong>transparent .</strong> Dzięki czemu tło naszej animacji będzie przezroczyste.</li>
<li>Także w <strong>ObjectTags </strong>ustawiamy tag <strong>FlashVars</strong> na:<br />
<strong><br />
clickTag</strong>=http://www.<strong>twojastrona</strong>.pl&amp;<strong>adClose</strong>=javascript:onFinishedPlaying();W ten sposób przekazujemy do Flash 2 zmienne:<br />
<strong>clickTag</strong> &#8211; link strony po kliku<br />
<strong>adClose</strong> &#8211; nazwa funkcji javascript, która zamknie warstwę z banerem.<br />
<strong><br />
Zwróćmy uwagę, że bardzo łatwo przekazywać w taki sposób parametry z PHP do Flasha</strong>, przypisując parametry strony PHP do zmiennych w <strong>FlashVars</strong>.</li>
<li>Opcjonalnie możemy ustawić tagi <strong>HTML</strong>-a mające wpływ na pozycjonowanie, <strong>Title</strong> &#8211; tytuł, <strong>Author</strong> &#8211; Autor, <strong>Description</strong> &#8211; opis, <strong>SWFTITLE</strong> &#8211; to tytuł SWFA.<br />
<strong>Base</strong> pozwala na ustawienie bazowego katalogu bądź urla dla naszego filmu, np. możemy trzymać zewnętrzne pliki (obrazki, filmy, xml, txt), w tym katalogu i funkcje (np. loadvars czy loadmovie) w naszym filmie będą tam szukać.</li>
<li>Dodajemy element, który ma być naszą maską i tłem.<br />
Może to być dowolny kształt, np. wyznając miłość ukochanej/ukochanemu możemy użyć autokształtu serca i wyświetlać komunikaty wewnątrz niego. My jednak zajmiemy się czynnościami bardziej przyziemnymi.<br />
Przejdź do panelu <strong>Konspekt</strong>, <strong>Kliparty</strong> | <strong>2D</strong> | <strong>Autokształty </strong>|<strong> Dymki </strong>przeciągnij na obszar animacji</li>
<li>Powiększamy go do granic animacji trzymając <strong>Shift i </strong>ciągnąc za narożny uchwyt obiektu (dzięki czemu powiększamy z zachowaniem proporcji).</li>
<li>W panelu <strong>Konspekt, </strong>prawy klawisz myszy na Callout_scream i z menu kontekstowego <strong>Kopiuj Obiekt</strong>,</li>
<li>Jeszcze razy prawy klawisz i z menu  <strong>Wklej w miejscu</strong></li>
<li>Na obiekcie <strong>Kopia_Callout_screa</strong>m klikamy prawym klawiszem myszy, następnie wybieramy <strong>Grupowanie</strong>, <strong>Grupuj do Klipu.<br />
</strong>Ustawiamy w panelu <strong>Właściwości</strong> nazwę klipu na <strong>Maska</strong><br />
Dzięki czemu mamy <strong>Kopia_Callout_scream</strong> jako podelement klipu <strong>Maska.</strong></li>
<li>We <strong>Właściwościach</strong> klipu <strong>Maska</strong> ustawiamy <strong>Użyj obiektu niżej jako maski</strong>.<br />
Dzięki czemu cała animacja w klipie <strong>Maska</strong> będzie zamaskowana obiektem, który jest w nim <strong>najniżej</strong> (naszym dymkiem) &#8211; animacje będą tylko w środku dymka.<br />
Ta opcja spowoduje też, że ten obiekt bedący traktowany jako maska przestanie być widoczny &#8211; dlatego mamy 2 kopie dymka, jedna będzie widocznym tłem animacji w klipie <strong>Maska, </strong>druga najniższym elementem klipu <strong>Maska</strong> i jego niewidoczną maską.</li>
<li>W panelu <strong>Konspekt</strong>, w klipie <strong>Maska</strong> i obiekcie  <strong>Kopia_Callout_scream</strong> zapalamy ikonkę braku widoczności Schowaj (by nie był widoczny podczas edycji).</li>
<li>W konspekt wskazujemy klip <strong>Maska</strong> i z panelu narzędzia (po lewej) wybieramy narzędzie <strong>Tekst</strong> i wprowadzamy tekst np.  &#8221;Z ostatniej chwili&#8221;<br />
Po czym powinniśmy mieć wewnątrz klipu maska obiekt tekstowy.</li>
<li>Wskazujemy w <strong>Konspekt</strong> ten  obiekt tekstowy bądź wybieramy go na linii czasu klipu <strong>Maska</strong>.<br />
Ustawiamy we <strong>Właściwościach</strong> kolor tekstu na <strong>Biały.</strong></li>
<li>Wstawiamy efekt pojawiania się, w <strong>Konspekcie</strong>, albo z menu, albo z prawego klawisza na osi czasu:<br />
<strong>Wstaw</strong> | <strong>Efekt</strong> | <strong>Pojawianie się</strong> | <strong>Magnetofon Bang<br />
</strong>Nota: możemy wybrać inny efekt najlepiej sprawdzić jaki najbardziej pasuje.<br />
Klikamy ikonkę <strong>Odtwarzaj Efekt</strong> przy zaznaczonym efekcie <strong>Magnetofon Bang</strong>, sprawdzamy czy Panel <strong>Efekty</strong> jest na ekranie. Można go włączyć w menu <strong>Okna</strong> | <strong>Przeglądarka Efektów </strong>.<br />
W panelu <strong>Efekty</strong>, wybieramy kolejne efekty z grupy <strong>Pojaw się na pozycji </strong>i oglądamy, co robią z tekstem.</li>
<li>Po zakończeniu efektu pozostawiamy pustych 40 klatek &#8211; by widz zdążył przeczytać napis i dodajemy efekt znikania napisu:<br />
prawy klawisz na wierszu z tekstem na osi czasu (klipu maska) i klatce 70,<br />
<strong>Efekt</strong> | <strong>Zniknij z pozycji</strong> | <strong>Dekompresja &#8211; Element po elemencie, pionowo<br />
</strong>Oczywiście można wybrać inny, kierując się przeglądarką efektów przy wyborze.</li>
<li>Dodajemy kolejny tekst do klipu maska</li>
<li>Na osi czasu, w wierszu poprzedniego tekstu, zaznaczamy <strong>efekty pojawiania i znikania</strong> kliknięciem myszką i przytrzymaniem klawisza <strong>CTRL</strong>.</li>
<li>Naciskamy <strong>CTRL-C</strong> zeby skopiować do schowka.</li>
<li>Wybieramy kolejną klatkę po po zakończeniu znikania poprzedniego tekstu.</li>
<li>Wklejamy <strong>CTRL-V</strong> na osi czasu w wierszu drugiego tekstu.<br />
Dzięki czemu możemy szybko zastosować te same metody pojawiania się znikania do kolejnych tekstów.</li>
<li>W konspekcie zaznaczamy w głównej animacji obiekt <strong>Callout_scream</strong>, sprawdzamy czy jest włączony panel <strong>Parametry</strong>, gdy nie jest pokazujemy go za pomocą menu <strong>Okna</strong> | <strong>Parametry</strong>.<br />
Ustawiamy kolory dymka podświetlenia(highlight) na żółty, tła ShadowKolor na pomarańczowy.</li>
<li>Teraz dodajemy <strong>ikonkę zamykania banera</strong>.<br />
Po jej kliknięciu nastąpi wywołanie funkcji <strong>javascript</strong> podanej w parametrze <strong>adClose</strong>, przekazywanym do filmu flash z htmla za pomocą <strong>FlashVars</strong>.</li>
<li>W konspekt wskazujemy główną scenę (<strong>Scena1</strong>) żeby obiekt był wstawiony do głównej animacji.</li>
<li>W panelu komponenty wybieramy <strong>Kliparty</strong> | <strong>2D</strong> | <strong>Kształty i ikony</strong> | <strong>Stop_krzyżyk </strong>i przeciągamy na obszar animacji do prawego, górnego rogu.<br />
Kolor tego komponentu możemy zmienić w panelu <strong>Parametry</strong>.</li>
<li>Wskazujemy dodany komponent, zmnejszamy go trzymając Shift i przechodzimy do panelu <strong>Skrypt</strong>, gdzie klikamy <strong>Dodaj Skrypt</strong> | <strong>Zdarzenia</strong> | <strong>Przycisk</strong> | <strong>On release &#8211; na puszczenie</strong>.<br />
Co dodanamy funkcję obsługującą zdarzenie następujące po kliknięciu myszką i puszczeniu klawisza.<br />
W treści tej funkcji (między znakami {} ), piszemy:getURL(_root.adClose,&#8221;_self&#8221;);i funkcja wygląda tak:on (release) {<br />
getURL(_root.adClose,&#8221;_self&#8221;);<br />
}// Komentarz:<br />
// Zostaje wywołana funkcja getURL z parametrem będącym nazwą funkcji adClose z głównej animacji _root (_root. nie jest konieczne, ale jest to dokładne określenie jakiego filmu/klipu ma być ta zmienna).<br />
// drugi parametr &#8222;_self&#8221; informuje, że ma to być wywołanie w tym samym oknie przeglądarki.</li>
<li>Teraz jeszcze obsłużymy parametr <strong>clickTag</strong> wymagany przez duże serwisy reklamowe np. <strong>AdWords</strong>, <strong>Onet</strong> itp:<br />
W panelu skrypt wskazujemy główną scenę (<strong>Scene1</strong>) i ponownie dodajemy zdarzenie na puszczenie myszy i w treści powstałej funkcji piszemy, jak niżej podano między {}:on (release)<br />
{<br />
getURL(_root.clickTag, &#8222;_blank&#8221;);<br />
}//co spowoduje otwarcie strony podanej w zmiennej określonej przez <strong>clickTag</strong> w nowym oknie (_blank).</li>
<li>No to mamy wykonany baner <img src='http://blog.swish.pl/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</li>
<li>Eksportujemy film i html:  menu <strong>Plik</strong> | <strong>Eksportuj Jako</strong> | <strong>html + SWF</strong><strong>Nota: kolejne eksporty tylko SWF (bez htmla),  gdyż niżej wyedytujemy sobie powstały plik html, dodając funkcję zamknięcia warstwy w html i  bloku pojawiania się na warstwie,  nie będziemy chcieli tego zamazać.</strong></li>
<li>Otwieramy powstały plik w edytorze tekstowym, może być Notatnik, może być inny program do edycji html podświetlający składnie np. bezpłatny <a href="www.pspad.com" target="_blank">PSPad</a>, czy płatny <strong>Editplus</strong>.</li>
<li>Otaczamy tag &lt;object &gt;&lt;/object&gt; (wyświetlający obiekt Flash) blokiem:<br />
&lt;div id=&#8221;mybrandmark&#8221; style=&#8221;position:absolute;top:150px;left:120px;width:345px;height:378px;<strong>z-index:1</strong>&#8222;&gt;<br />
&lt;/div&gt;</li>
<li>Przed zamykającym nagłówek htmla tagiem &lt;/head&gt; dodajemy:&lt;SCRIPT LANGUAGE=&#8221;JavaScript&#8221;&gt;<br />
&lt;!&#8211;<br />
function onFinishedPlaying()<br />
{<br />
var divs    = document.getElementsByTagName(&#8222;div&#8221;);<br />
var divsnum = divs.length;<br />
for (i = 0; i &lt; divsnum; i++) {<br />
var nombre = divs[i].id.toString();<br />
if (nombre.indexOf(&#8222;mybrandmark&#8221;) != -1) {<br />
var div = document.getElementById(nombre);<br />
div.style.visibility=&#8217;hidden&#8217;;<br />
div.style.display = ‚none&#8217;;<br />
break;<br />
}<br />
}}<br />
//&#8211;&gt;<br />
&lt;/SCRIPT&gt;</li>
<li><strong>UWAGA: Linki do stron i funkcji javascript bedą działać dopiero po przerzuceniu plików na www  (tak się dzieje od wprowadzenia zabezpieczeń w Flash Playera 8)</strong>.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/podstawy/wyskakujacy-baner-na-gornej-warstwie-brandmark-top-layer-banner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pierwszy baner, efekt Ruch</title>
		<link>http://flashblog.swish.pl/podstawy/pierwszy-baner/</link>
		<comments>http://flashblog.swish.pl/podstawy/pierwszy-baner/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 17:43:21 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Podstawy]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=52</guid>
		<description><![CDATA[W SWiSH Maxie najprostszą drogą do wykonania baneru jest skorzystanie z tych umieszczonych w kreatorze, komponentach i ustawienie im odpowiednich napisów. My jednak zajmiemy się stworzeniem banera od zera. Budując baner najlepiej wyobrazić sobie, co chcemy uzyskać i dopiero gdy mamy plan banera, zacząć go wykonywać. W poniższym przykładzie pokażemy, jak zrobić baner z napisami [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><span class="drop">W</span> <strong>SWiSH Maxie</strong> najprostszą drogą do wykonania baneru jest skorzystanie z tych umieszczonych w kreatorze, komponentach i ustawienie im odpowiednich napisów. My jednak zajmiemy się stworzeniem banera od zera. Budując baner najlepiej wyobrazić sobie, co chcemy uzyskać i dopiero gdy mamy plan banera, zacząć go wykonywać. W poniższym przykładzie pokażemy, jak zrobić baner z napisami pojawiającymi się od prawej strony ekranu i wyhamowującymi pod koniec swojej trasy. Te napisy mają zniknąć w &#8222;otchłani&#8221;, czyli zanikać, zmniejszać się, przesuwając w punkt się gdzieś za nimi. Pokażemy tutaj, jak używać prostego efektu Ruch, zmieniać jego parametry, oraz jak używać efektów Przwijaj Do, które nabudowają efekt Ruch. W tym tutorialu pokażemy, jak stworzyć prosty banner korzystając z wbudowanych efektów przewijania bądź skorzystać z efektu Ruch.<br />
<object id="Pierwszy banner" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="633" height="167" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="bgcolor" value="#FFFFFF" /><param name="quality" value="high" /><param name="seamlesstabbing" value="false" /><param name="allowscriptaccess" value="samedomain" /><param name="src" value="http://flashblog.swish.pl/wp-content/uploads/2010/02/Pierwszy-banner.swf" /><param name="name" value="Pierwszy banner" /><embed id="Pierwszy banner" type="application/x-shockwave-flash" width="633" height="167" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Pierwszy-banner.swf" name="Pierwszy banner" allowscriptaccess="samedomain" seamlesstabbing="false" quality="high" bgcolor="#FFFFFF"></embed></object></p>
<h3><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Pierwszybanner.zip">PierwszyBanner.swi.zip &#8211; plik zrodlowy do pobrania</a></h3>
<h3>Założenie filmu</h3>
<ol>
<li>Zakładamy <strong>Nowy</strong> film, opcją Nowy w menu.</li>
<li>W menu <strong>Modyfikuj,</strong> wybieram <strong>Film</strong>, <strong>Właściwości</strong> ustawiamy na szerokość na 960 i wysokość na 200 piseli. Tło na jasnoszare. Nota: 960 &#8211; 970 mają zawzwyczaj topy stron &#8211; góra www, bo sama strona ma tyle, by zmieściła się w rozdzielczości 1024 x 768.</li>
</ol>
<h3>Dodanie gwiazdy i tła po lewej &#8211; substytutu loga albo obrazka produktu</h3>
<p><em>Ten punkt zawiera info, jak stworzyć logo po lewej, nie jest to bewzględnie wymagane.</em></p>
<ol>
<li>Po lewej będziemy mieć logo, albo jakiś inny stały element, np. zdjęcie produkt, zróbmy więc dla niego tło:
<ol>
<li>Z paska narzędzi po prawej wybierzmy <strong>Autokształt</strong>, <strong>Zaokrąglony prostokąt,</strong> narysujmy go po lewej.</li>
<li>Wybierz białą strzałkę z narzędzi, to narzędzi Podselekcji &#8211; zmiany kształtu, pozwoli ono nam dostosować, zaokrąglenie rogów, łapiemy po prostu za zielony uwchyt w obiekcie i zmniejszamy rogi.</li>
<li>Pora wypełnić prostokąt, wchodzimy do panelu <strong>Właściwości</strong>, tam zmieniamy wypełnienie na <strong>Gradient.</strong></li>
<li>Klikamy 2 ikonkę obok wybranej pozycji gradientu &#8211; modyfikacja gradientu, <strong>Zmień transformację wypełnienia</strong>.</li>
<li>Ustawiamy -90, żeby gradient był od dołu do góry.</li>
<li>Klikamy w narzędziach <strong>Transformacja Wypełnienia</strong>.</li>
<li>Dostosowujemy tę transformację żeby nie wychodziła poza baner.</li>
<li>W panelu <strong>Właściwości, </strong>klikając<strong> </strong>paletę lewym klawiszem dodajemy kolory<strong>,</strong> tak by na początku od lewej było: ciemnoszary, na środku czarny, na środku ciemnoszary, po prawej srebrny.
<div id="attachment_95" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_53_04.png"><img class="size-thumbnail wp-image-95" title="Tło gwiazdy" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_53_04-150x150.png" alt="Tło gwiazdy" width="150" height="150" /></a><p class="wp-caption-text">Tło gwiazdy</p></div>
<p>Można inaczej rozłożyć kolory by było to bardziej zgodne z załamaniem światła np.: <a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_25_47_ver0011.png"><img class="alignnone size-full wp-image-91" title="Przykładowa kolorystyka" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_25_47_ver0011.png" alt="Przykładowa kolorystyka" width="30" height="36" /></a> <a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_30_04.png"><img class="alignnone size-full wp-image-92" title="Przykładowa kolorystyka 2" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_30_04.png" alt="Przykładowa kolorystyka 2" width="48" height="13" /></a></li>
<li>Dodajemy autokształt z narzędzi,gwiazdę, będzie to nasz przykładowy stały element.</li>
<li>Dodamy jakiś efekt, najprostszy: sprawmy by gwiazda kręciła się wokół własnej osi.</li>
<li>Dodajemy efekt <strong>Ruch: </strong>Wstaw| Efekt | Ruch.</li>
<li>Klikamy na efekcie na osi czasu.</li>
<li>Pojawia się panel <strong>Efekt</strong>, gdzie na zakładce Ruch, możemy zmienić Kat X na zmienę Zgodnie z ruchem wzkazówek Zegara, 360 stopni.
<p><div id="attachment_97" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_57_13.png"><img class="size-thumbnail wp-image-97" title="Ustawienia efektu Ruch gwiazdy" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-13_57_13-150x150.png" alt="Ustawienia efektu Ruch gwiazdy" width="150" height="150" /></a><p class="wp-caption-text">Ustawienia efektu Ruch gwiazdy</p></div></li>
<li>Gdy złapiemy za ten efekt na osi czasu i przeciągniemy prawą krawędź w prawo, zwiększymy jego długość o kolejne klatki.</li>
<li>Powstała nam animowana gwiazda na tle zaokrąglonego prostokąta z tłem w czarnej tonacji.</li>
<li>By uporządkować, możemy w panelu <strong>Konspekt</strong> (który zawiera drzewo obiektów), zaznaczyć obydwa, a następnie z prawego klawisza: Grupowanie | Jako Klip. We Właściwościach, nazwać klip np. Gwiazdka.</li>
</ol>
</li>
</ol>
<h3>Dodajemy pierwszy wyhamowujący napis</h3>
<ol>
<li>Przejdźmy do animacji napisów. Korzystając z narzędzia Tekst piszemy na ekranie Gorąca Promocja, zwiększamy rozmiar napisu, kolor pierwsze słowa.</li>
<li>Na osi czasu wybieramy obiekt tekstu (po lewej), klikamy 1 klatkę na osi.</li>
<li>Wstaw | Efekt | Przewijaj | <strong>Od Prawej </strong>Ten efekt przewinie obiekt od prawej burty do jej bieżącej pozycji, czyli ruch będzie w Lewo.</li>
<li>Łapiemy za prawą krawędź efektu na osi czasu i rozciągamy by trwał dłużej.</li>
<li>Potrzebne nam wyhamowywanie efektu.</li>
<li>Podwójnie klikamy na efekt</li>
<li>W panelu efekt, w zakładce Korekta zahaczamy w wierszu <strong>Pozycja</strong>, opcję <strong>Koniec</strong> i wpisujemy wartość <strong>7 </strong>obok. Ta opcja dla wyboru <strong>Początek</strong>,<strong> przyśpiesza</strong> o n, dla wyboru <strong>Koniec</strong>, <strong>zwalnia</strong> o n. Czyli dla Początek wartość to akseleracja-przyspieszenie, dla Koniec- zwolnienie. Zatem zwalniamy pod koniec.
<p><div id="attachment_98" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_01_28.png"><img class="size-thumbnail wp-image-98" title="Przewijaj do Prawej, ustawienie zwolnienia na końcu" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_01_28-150x150.png" alt="Przewijaj do Prawej, ustawienie zwolnienia na końcu" width="150" height="150" /></a><p class="wp-caption-text">Przewijaj do Prawej, ustawienie zwolnienia na końcu</p></div></li>
</ol>
<h3>Zniknięcie napisu</h3>
<ol>
<li>Teraz ten napis musi odlecieć z ekranu, bądź <strong>Zniknąć</strong>. Można wykorzystać efekty: <strong>Przewijaj do prawej</strong> i ustawić akselerację na 7, ale tym razem na początku, żeby szybko zniknął, można ustawić w jego właściwościach żeby Alpha &#8211; przezroczystość dążyło do przezroczystości. Można też wykorzystać efekt Zanikaj i tekst zaniknie na ekranie bez żadnego ruchu. My wykorzystamy efekt <strong>Ruch</strong>, wstawiamy ten Efekt na osi czasu, w wierszu tekstu, na kolejnej klatce za poprzednim efektem.</li>
<li>Klikamy na ten efekt. Na zakładce Ruch, ustawiamy: przesuń do X: 550, Przesuń do Y: 20 (punkt z tyłu za gdzieś za tekstem). Ustawiamy Skaluj na 0, alpha do przezroczystości.
<p><div id="attachment_100" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_11_17.png"><img class="size-thumbnail wp-image-100" title="Ustawienie efektu Ruch, zniknięcie z ekranu" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_11_17-150x150.png" alt="Ustawienie efektu Ruch, zniknięcie z ekranu" width="150" height="150" /></a><p class="wp-caption-text">Ustawienie efektu Ruch, zniknięcie z ekranu</p></div></li>
</ol>
<h3>Dodajemy kolejny wyhamowujący napis</h3>
<ol>
<li>Gdy nasz tekst zniknął, może się pojawić kolejny. Do kolejnego użyjemy efektu Ruch, a nie Przewiń Od Prawej. Przewiń Od przewija od danego miejsca(np. prawej) do bieżącej pozycji, czyli jest efekt Ruch z ustawionym startem i końcem.</li>
<li>Dodajemy nowy tekst na kolejnej klatce Nowy Produkt. Możemy go pokolorować, by słowa miały różne kolory.Ten tekst dodajemy na tej samej pozycji Y, jak poprzedni teks. Jakie Y miał poprzedni tekst możemy sprawdzić w panelu <strong>Przekształcenie</strong>. Gdy chcemy widzieć obiekty, a nie ich stan na bieżacej klatce, wyłączamy w menu Sterowanie opcję Podgląd Klatki (czerwona linia z osi czasu znika).</li>
<li>Przesuwamy ten tekst na prawo poza Obszar Animacji, tak by początkowo nie był widoczny. Sprawdzamy w panelu przekształcenie czy nasz tekst jest animowany wokół środka czy nie, jeśli nie, to tak ustawiamy.</li>
<li>Dodajemy efekt <strong>Ruch</strong> w wierszu nowego tekstu na klatce nowego tekstu. Klikamy ten efekt i edytujemy jego ustawienia. Zmieniając Ruch do X 500.
<div id="attachment_101" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_15_15.png"><img class="size-thumbnail wp-image-101" title="Efekt Ruch, wciągnięcie na ekran i wyhamowanie" src="http://flashblog.swish.pl/wp-content/uploads/2010/02/Screenshot-2010-03-02-14_15_15-150x150.png" alt="Efekt Ruch, wciągnięcie na ekran i wyhamowanie" width="150" height="150" /></a><p class="wp-caption-text">Efekt Ruch, wciągnięcie na ekran i wyhamowanie</p></div>
<p>Jak widzimy w efekcie Ruch. Przesuwamy obiekt z Bieżącej Pozycji (chyba że haczyk kontynuuj od poprz jest wyłączony i pozycja ustawiona w zakładce startuj na) do pozycji i stanu wynikającego z ustawień efektu.</li>
<li>Kopiujemy Efekt Ruch z pierwszego tekstu na kolejną klatkę, tak by nasz nowy tekst zniknął tak samo.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/podstawy/pierwszy-baner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pasek informacyjny we Flashu (ticker tape)</title>
		<link>http://flashblog.swish.pl/komponentyflash/pasek-informacyjny-we-flashu-ticker-tape/</link>
		<comments>http://flashblog.swish.pl/komponentyflash/pasek-informacyjny-we-flashu-ticker-tape/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 08:29:48 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Banery]]></category>
		<category><![CDATA[Komponenty]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=11</guid>
		<description><![CDATA[Z pewnością widzieliście Państwo przewijane paski informacji, np. w nowoczesnych telewizjach informacyjnych czy biznesowych. Są one bardzo wygodne by przedstawić ważne informacje na niewielkiej przestrzeni. Animacja tych pasków zwiększa zainteresowanie oglądającego i często powoduje dłuższe skupienie wzroku do momentu obejrzenia całego cyklu. Niżej pokazaliśmy, jak stworzyć taki pasek infomacyjny za pomocą SWiSH Maxa3 i nowego komponentu Menu_tickertape. Ten komponent [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><span class="drop"><span class="drop">Z</span></span> pewnością widzieliście Państwo przewijane paski informacji, np. w nowoczesnych telewizjach informacyjnych czy biznesowych.</p>
<p>Są one bardzo wygodne by przedstawić ważne informacje na niewielkiej przestrzeni.</p>
<p>Animacja tych pasków zwiększa zainteresowanie oglądającego i często powoduje dłuższe skupienie wzroku do momentu obejrzenia całego cyklu.</p>
<p>Niżej pokazaliśmy, jak stworzyć taki pasek infomacyjny za pomocą SWiSH Maxa3 i nowego komponentu <strong>Menu_tickertape</strong>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.swishzone.com/wp-content/uploads/2010/01/menu_tickertape_blog.swf" /><embed type="application/x-shockwave-flash" width="450" height="100" src="http://blog.swishzone.com/wp-content/uploads/2010/01/menu_tickertape_blog.swf"></embed></object></p>
<p>Ten komponent pracuje ze <strong>SWiSH Max3</strong> i <strong>miniMax3</strong> <strong>build 20091130</strong> lub późniejszym.</p>
<p>Nnie został wszakszże jeszcze dodany do instalatora i trzeba go pobrać <a href="http://http://blog.swishzone.com/wp-content/uploads/2010/01/Menu_tickertape.zip/">TUTAJ</a> i odpakować do podfoldera Components foldera instalacyjnego programu np.:</p>
<p><strong>C:\Program Files\SWiSH Max3\Components\Menu</strong></p>
<p><em>nota: ten komponent będzie dołączany w kolejnych wersjach Max3 i miniMax3 w grupie komponentów Menu</em></p>
<p>By użyć ten komponent złap go myszką w panelu <strong>komponenty</strong> i przeciągnij na pulpit (wymaga ustawienia eksportu do Flash 10 lub późniejszego). Następnie użyj panelu <strong>Parametery</strong> by dostosować jego ustawienia.</p>
<p>Znaczenie poszczególnych parameterów jest opisane w szczegółach w na stronie <a href="http://www.swishzone.com/manuals/maxcomponents/index.html?p=menu_tickertape.htm" target="_blank">www komponentu</a>. Powinneś zacząć od ustawienia parametru <strong>Text</strong> i ustawić go tekst, jaki ma być wyświetlany.</p>
<p>Przykład wyżej używa następującego parametru Tekst:</p>
<pre>&lt;b&gt;Menu_tickertape&lt;/b&gt; component|http://www.swishzone.com/manuals/maxcomponents/index.html?p=menu_tickertape.htm|_blank

&lt;font color="#FF0000"&gt;from SWiSHzone.com&lt;/font&gt;|http://www.swishzone.com|_blank
&lt;i&gt;forums&lt;/i&gt;|http://forums.swishzone.com|_blank
&lt;u&gt;my.swishzone.com&lt;/u&gt;|https://my.swishzone.com|_blank
Google|http://www.google.com.au/search?q=swishzone|_blank
YouTube|http://www.youtube.com/user/SWiSHzoneDOTcom|_blank</pre>
<p>nota: Każda powyższa linia definiuje pojedynczy element. Na widoku te elementy są oddzielone gwiazdkami. Każda linia jest podzielona na 3 sekcje znakiem ‘|’ , który jest domyślnym separatorem</p>
<p>Pierwsza sekcja definiuje wyświetlaną nazwę komponentu, która zawiera tagi html, takie jak: <em><strong>&lt;b&gt;bold&lt;/b&gt;</strong></em>, <em><strong>&lt;i&gt;italic&lt;/i&gt;</strong></em>, <em><strong>&lt;u&gt;underline&lt;/u&gt;</strong></em></p>
<p>, jak i tagi określające czcionkę <em><strong>&lt;b&gt;bold&lt;/b&gt;</strong></em>, <em><strong>&lt;i&gt;italic&lt;/i&gt;</strong></em>, <em><strong>&lt;u&gt;underline&lt;/u&gt;</strong></em> , które definiują czcionkę, jej kolor, grubość. Gdy tagi HTML nie są używane, to używany jest domyślny krój czcionki, zpogrubieniem poprzez paremtr tekst: <strong>TEKST</strong>.</p>
<p>Druga opcjonalna sekcja określa powiązany adres URL. Gdy parametr komponentu <strong>Action</strong> (grupa <strong>Events </strong>) jest ustawiony na <strong>Goto URL</strong>, to podany adres strony URL zostanie otwarty po kliknięciu myszki. Gdy parametr <strong>Action </strong>jest ustawiony na <strong>Goto Label</strong> lub <strong>Event Function</strong>, to powiązany URL będzie traktowany jako etykieta w filmie Flash, do której należy skoczyć (Goto Label) lub wartość parametru funkcji <strong>events</strong>.</p>
<p>Trzecia opcjonalna sekcja jest używana tylko, gdy parametr <strong>Action</strong> jest ustawiony na <strong>Goto URL</strong>. Ta sekcja określa wtedy target – cel skok np. nowe okno _blank lub bieżące _self.</p>
<p>Informacje zawarte w parametrze Tekst mogą odczytane dynamicznie z pliku tekstowego. W tym przypadku, na początku pliku tekstwego należy umieścić <strong>txt=</strong>.</p>
<p>np. powyższy tekst, gdy ma być wczytany z zewnętrzengo pliku, powinien mieć treść:</p>
<pre>txt=&lt;b&gt;Menu_tickertape&lt;/b&gt; component|http://www.swishzone.com/manuals/maxcomponents/index.html?p=menu_tickertape.htm|_blank

&lt;font color="#FF0000"&gt;from SWiSHzone.com&lt;/font&gt;|http://www.swishzone.com|_blank
&lt;i&gt;forums&lt;/i&gt;|http://forums.swishzone.com|_blank
&lt;u&gt;my.swishzone.com&lt;/u&gt;|https://my.swishzone.com|_blank
Google|http://www.google.com.au/search?q=swishzone|_blank
YouTube|http://www.youtube.com/user/SWiSHzoneDOTcom|_blank</pre>
<p>Gdy chcesz użyć wczytywania z zewnętrzengo pliku, powinienneś ustawić, opcje w grupie parametrów <strong>Read from external file</strong>.</p>
<p>Podczas odtwarzania komponent nie ma tła, ale można go umieścić na obrazku bądź kształcie.</p>
<p>(c) swishzone.com,  <a href="http://blog.swishzone.com/?p=2753/" target="_blank">Orignal in English</a> . The Polish translation by Dreamsoft.</p>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/komponentyflash/pasek-informacyjny-we-flashu-ticker-tape/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
