<?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; Przyciski</title>
	<atom:link href="http://flashblog.swish.pl/category/przyciski/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>Szklany przycisk z animacją po najeździe myszy</title>
		<link>http://flashblog.swish.pl/podstawy/szklany-przycisk/</link>
		<comments>http://flashblog.swish.pl/podstawy/szklany-przycisk/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 17:52:47 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Podstawy]]></category>
		<category><![CDATA[Przyciski]]></category>

		<guid isPermaLink="false">http://flashblog.swish.pl/?p=105</guid>
		<description><![CDATA[W poniższym przykładzie pokażemy, jak stworzyć szklany przycisk, animowany po najeździe kursora myszy. PomaranczowyPrzycisk.swi.zip &#8211; plik źrodlowy do pobrania Więcej  o szklanych przyciskach By uzyskać tło: W menu Okna włączamy panel prowadnice. W grupie Siatka na wspomnianym panelu ustawiamy H i V = 5 (siatka co 5 pikseli), klikamy też obydwa przyciski ponad: Pokaż i [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><span class="drop">W</span> poniższym przykładzie pokażemy, jak stworzyć szklany przycisk, animowany po najeździe kursora myszy.<br />
<object id="PomaranczowyPrzycisk" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="385" height="195" 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/03/PomaranczowyPrzycisk.swf" /><param name="name" value="PomaranczowyPrzycisk" /><embed id="PomaranczowyPrzycisk" type="application/x-shockwave-flash" width="385" height="195" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/PomaranczowyPrzycisk.swf" name="PomaranczowyPrzycisk" allowscriptaccess="samedomain" seamlesstabbing="false" quality="high" bgcolor="#FFFFFF"></embed></object></p>
<p><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/PomaranczowyPrzycisk.zip">PomaranczowyPrzycisk.swi.zip &#8211; plik źrodlowy do pobrania</a></p>
<p><strong><a href="http://www.swishzone.com/index.php?area=resources&amp;tab=movies&amp;do=page&amp;action=detailed&amp;link_id=2521" target="_blank">Więcej  o szklanych przyciskach</a></strong></p>
<p><strong>By uzyskać tło:</strong></p>
<ol>
<li>W menu Okna włączamy panel prowadnice. W grupie <strong>Siatka</strong> na  wspomnianym panelu ustawiamy H i V = 5 (siatka co 5 pikseli), klikamy  też obydwa przyciski ponad: <strong>Pokaż</strong> i <strong>Przeciągaj</strong>. Skutkuje  to pokazaniem i przyciąganiem do siatki.
<div>
<dl id="attachment_129" style="width: 160px;">
<dt><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-19_57_42.png"><img title="Ustawienia siatki" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-19_57_42-150x150.png" alt="Ustawienia siatki" width="150" height="150" /></a></dt>
<dd>Ustawienia siatki</dd>
</dl>
</div>
</li>
<li>Włączamy narzędzie <strong>Autokształt</strong> | <strong>Zaokrąglony prostokąt</strong>.  Rysujemy prostokąt. Dostosowujemy zaokrąglenie, klikając na zielonym  uchwycie w prostokącie.</li>
<li>Teraz wypełnimy prostokąt, w panelu <strong>Właściwości</strong> ustawiamy  wypełnienie na gradient z pierwszym kolorem gradientu jasny pomarańcz,  drugim pomarańcz , zmienimy kąt wypełnienia z od lewej do prawej na od  dołu do góry, klikamy przycisk Zmiany wypełnienia na panelu <strong>Właściwości</strong> i <strong>Zmień transformację wypełnienia</strong> . Ustawiamy kąt osi X na -90
<div>
<dl id="attachment_130" style="width: 160px;">
<dt><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_00_42.png"><img title="Zmień transformację  wypełnienia" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_00_42-150x150.png" alt="Zmień transformację wypełnienia" width="150" height="150" /></a></dt>
<dd>Zmień transformację  wypełnienia</dd>
</dl>
</div>
<div>
<dl id="attachment_132" style="width: 160px;">
<dt><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_12_01.png"><img title="Okienko zmiany" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_12_01-150x150.png" alt="Okienko zmiany" width="150" height="150" /></a></dt>
<dd>Okienko zmiany</dd>
</dl>
</div>
</li>
</ol>
<p>Podobnie uzyskujemy czarno-szarą belkę poziomą:</p>
<div id="attachment_139" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_34_37.png"><img class="size-thumbnail wp-image-139" title="Ustawienia wypełnienia belki poziomej" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_34_37-150x150.png" alt="Ustawienia wypełnienia belki poziomej" width="150" height="150" /></a><p class="wp-caption-text">Ustawienia wypełnienia belki poziomej</p></div>
<p><strong>Jak uzyskać przycisk?<br />
</strong>Gdy na niego patrzymy widzimy dwa kształty, zaokrąglony prostokąt z wypełnieniem gradientowym i nałożony obiekt półkola.<br />
By uzyskać ten drugi należy skorzystać z funkcji operacji na kształtach, wprowadzonych w SWiSH Maxie3, pozwalają one na dodawanie, odejmowanie, uzyskiwanie wspólnej części z różnych obiektów:</p>
<ol>
<li>Zatem rysujemy <strong>autokształt </strong> | <strong>zaokrąglony prostokąt</strong>, następnie elipsę, której połowa zasłania górną część poprzedniego obiektu.
<p><div id="attachment_143" style="width: 160px" class="wp-caption alignnone"><a href="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_49_29.png"><img class="size-thumbnail wp-image-143" title="Ekstrakcja części wspólnej" src="http://flashblog.swish.pl/wp-content/uploads/2010/03/Screenshot-2010-03-03-20_49_29-150x150.png" alt="Ekstrakcja części wspólnej" width="150" height="150" /></a><p class="wp-caption-text">Ekstrakcja części wspólnej</p></div></li>
<li>Zaznaczamy obydwa obiekty np. klikając na nie trzymając klawisz shift badź ctrl (w konspekcie można też trzymając shift wskazać pierwszy i ostatni).</li>
<li>Wchodzimy do menu Modyfikuj | <strong>Operacje na kształtach</strong> | <strong>Część Wspólna</strong>, po jej uzyskaniu kopiujemy obiekt do schowka CTRL-C i wciskamy CTRL-Z (wstecz), następnie CTRL-V</li>
<li>Nakładamy półkole na górę prostokąta.</li>
<li>Usuwamy zbędny obiekt elipsy.</li>
<li>Ustawiamy obydwu obiektom wypełnienia, jak czyniliśmy to wyżej.</li>
</ol>
<p>Uwagi: można też wyciąć ten obiekt korzystając z nowego narzędzi <strong>Nóż</strong>.</p>
<p>Gdy mamy już obydwa obiekty z ustawionym wypełnieniem, możemy przekształcić je do obiektu typu Przycisk, w celu zróżnicowania zachowania po najeździe myszy.</p>
<ol>
<li>Zaznaczamy obydwa z shift na obszarze roboczym bądź w konspekcie.</li>
<li>Z prawego klawisza myszy wybieramy Grupowanie | Do Klipu. Nazywamy ten klip:  KlipPrzycisk .</li>
<li>Na powstałym klipie Konwertuj do przycisku.</li>
<li>Gdy przycisk powstanie, należy wskazać go <strong>Konspekt</strong> i we właściwościach zapalić <strong>różny stan Over</strong> (ponad), dzięki czemu nasz klip będzie miał 2 stany dla najechania myszą i dla reszty.</li>
<li>W konspekcie powinniśmy już widzieć obydwa stany.</li>
<li>Dodajemy nowy klip w stanie Over, np.  za pomocą prawego klawisza w panelu <strong>Konspekt, </strong>ustawiamy  nazwę na <strong>KlipPonadAnimacja</strong>. Wycinamy(ctrl-X) klip zawierający kształty (KlipPonad) i przeklejamy go do klipu  KlipPonadAnimacja(Ctrl-V).</li>
<li>W klipie AnimacjaObieku dodajemy efekt Dzikość &#8211; Powtórz.</li>
<li>Taka agregacja potrzebna nam była, gdyż animujemy na osi czasu <strong>KlipPonadAnimacja </strong>cały <strong>KlipPonad</strong>, gdbyśmy chcieli animować jedynie dane elementy składowe klipu (nie wszystkie razem), można ustawić taką animację na osi czasu klip: KlipPonad.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://flashblog.swish.pl/podstawy/szklany-przycisk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
