<?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>:Wa-Mx El blog de Culiacan &#187; Animaciones</title>
	<atom:link href="http://wa-mx.com/category/informatica/animaciones/feed/" rel="self" type="application/rss+xml" />
	<link>http://wa-mx.com</link>
	<description></description>
	<lastBuildDate>Wed, 20 Oct 2010 05:27:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Aprendiendo Flash, Lección 2 &#8220;Nuestra primera animación&#8221;</title>
		<link>http://wa-mx.com/aprendiendo-con-flash-leccion-2/</link>
		<comments>http://wa-mx.com/aprendiendo-con-flash-leccion-2/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 04:54:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Animaciones]]></category>
		<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://wa-mx.com/?p=208</guid>
		<description><![CDATA[En la lección anterior hablabamos sobre las extensiones que soportaba flash y veíamos en las secciones que se divide. En está lección nos empezaremos a familiarizar con él. Alguna vez en nuestra vida hemos escuchado el término &#8220;frames por segundo&#8220;, generalmente en cámaras y películas, bueno el concepto se refiere a la capacidad de reproducir [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">En la lección anterior hablabamos sobre las <strong>extensiones que soportaba flash</strong> y veíamos en las secciones que se divide. En está lección nos empezaremos a familiarizar con él.</p>
<p style="text-align: justify;">Alguna vez en nuestra vida hemos escuchado el término &#8220;<strong>frames por segundo</strong>&#8220;, generalmente en cámaras y películas, bueno el concepto se refiere a la capacidad de reproducir cuadros por segundo o en otras palabras &#8220;imágenes muy rápidas que crean el<strong> efecto de movimiento</strong>&#8220;. <strong>Flash</strong> nos permite escoger la velocidad que queremos darle a nuestra película, ya sea demasiado lenta o demasiado rápida. Para seleccionar está opción tendremos que ir a nuestro panel de propiedades y seleccionar &#8220;velocidad de fotogramas&#8221; y escoger la velocidad que nos aparezca mas adecuada.<span id="more-208"></span></p>
<p style="text-align: justify;"><strong>Ejemplo:</strong></p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://wa-mx.com/wp-content/uploads/2010/01/15fps.swf" /><embed type="application/x-shockwave-flash" width="200" height="200" src="http://wa-mx.com/wp-content/uploads/2010/01/15fps.swf"></embed></object><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://wa-mx.com/wp-content/uploads/2010/01/30fps.swf" /><embed type="application/x-shockwave-flash" width="200" height="200" src="http://wa-mx.com/wp-content/uploads/2010/01/30fps.swf"></embed></object></p>
<p style="text-align: center;"><strong><em>15 fps                                         30 fps</em></strong></p>
<p style="text-align: center;">
<p style="text-align: center;"><strong>Atención:</strong> Tenemos que tener presente que entre más frames (fotogramas)  tenga nuestra película, más pesada y complicada de hacer será, sin embargo, se verá más profesional comparada a otra de menor velocidad.</p>
<p style="text-align: justify;">Una vez sabiendo esto, debemos de escoger un tamaño que sea proporcional a lo que ocupamos para nuestro trabajo, es decir, si queremos hacer un<strong> banner</strong>, el mejor tamaño que podríamos escoger es de 480 x 90 px o si deseas hacer una película animada lo mejor sería de 500 x 400 px. Para escoger el tamaño de nuestra película o lienzo, nos tendremos que dirigir a la barra de propiedades y seleccionar la opción tamaño.</p>
<p style="text-align: center;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/tamano.png"><img class="aligncenter size-medium wp-image-211" title="Propiedades de tamaño en flash" src="http://wa-mx.com/wp-content/uploads/2010/01/tamano-500x324.png" alt="" width="500" height="324" /></a></p>
<p style="text-align: center;"><strong>Atención:</strong> Debemos de saber que entre más tamaño ocupe nuestra película serán mayores los detalles que debamos elaborar y nuestra película también tendera a pesar más.</p>
<p style="text-align: justify;">Por último, una cosa general que debemos de saber, es que el tamaño de nuestra película será el límite de ella, es decir, cualquier objeto que coloquemos fuera no se visualizara.</p>
<p style="text-align: justify;"><strong>Ejemplo</strong></p>
<p style="text-align: center;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/circulosafuera.png"><img class="aligncenter size-medium wp-image-212" title="Circulos afuera del área de trabajo" src="http://wa-mx.com/wp-content/uploads/2010/01/circulosafuera-500x410.png" alt="" width="500" height="410" /></a></p>
<p style="text-align: left;"><strong>Resultado</strong></p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="322" height="322" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://wa-mx.com/wp-content/uploads/2010/01/circulosafuera.swf" /><embed type="application/x-shockwave-flash" width="322" height="322" src="http://wa-mx.com/wp-content/uploads/2010/01/circulosafuera.swf"></embed></object></p>
<p style="text-align: justify;">Ahora ya tenemos una mejor idea de lo que es nuestro amigo flash y estamos listos para crear una mini-animación de movimiento, a través de los siguientes pasos.</p>
<p style="text-align: justify; padding-left: 30px;"><strong>1.-</strong>Crearemos un círculo con la herramienta elipse que se encuentra en nuestra caja de herramientras.</p>
<p style="text-align: center;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/circulo.png"><img class="aligncenter size-medium wp-image-214" title="Círculo área de trabajo" src="http://wa-mx.com/wp-content/uploads/2010/01/circulo-500x467.png" alt="" width="500" height="467" /></a></p>
<p style="text-align: justify;">Con la creación de nuestro círculo, habremos notado que en nuestra línea del tiempo ya tenemos un frame de un color gris (esto significa que un objeto ya se encuentra dentro de él) y ya no de color blanco (que es cuando el fotograma se encuentra vacío.</p>
<p style="padding-left: 30px;"><strong>2.-</strong>Nos ubicaremos en la línea del tiempo. Seleccionaremos el fotograma número 20 y aplastaremos F6 (con este comando crearemos un nuevo fotograma copia en el número 20, esto nos ayudara a crear un efecto). Al final se debera ver algo así.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/circulo2.png"><img class="aligncenter size-medium wp-image-215" title="Creando efecto de círculo" src="http://wa-mx.com/wp-content/uploads/2010/01/circulo2-500x386.png" alt="" width="500" height="386" /></a></p>
<p style="text-align: left; padding-left: 30px;">
<p style="text-align: justify; padding-left: 30px;"><strong>3.-</strong>Ahora crearemos una interpolación de movimiento en el primer y último fotograma, para hacer esto daremos clic secundario y escogeremos la primera opción &#8220;Crear interpolación de movimiento&#8221;. Después nos  ubicaremos en el fotograma 20 y seleccionaremos la herramienta &#8220;selección&#8221; (que se encuentra en nuestra caja de herramientas)  y arrastraremos el circulo más adelante. Nos quedará algo así.</p>
<p style="text-align: center; padding-left: 30px;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/circulo3.png"><img class="aligncenter size-medium wp-image-216" title="Circulo con efecto" src="http://wa-mx.com/wp-content/uploads/2010/01/circulo3-500x364.png" alt="" width="500" height="364" /></a></p>
<p style="text-align: left;"><strong>Resultado</strong></p>
<p style="text-align: center;"><object style="width: 550px; height: 300px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://wa-mx.com/wp-content/uploads/2010/01/circuloconefecto.swf" /><embed style="width: 550px; height: 300px;" type="application/x-shockwave-flash" width="550" height="300" src="http://wa-mx.com/wp-content/uploads/2010/01/circuloconefecto.swf"></embed></object></p>
<p style="text-align: left;">Para poder ver nuestra película presionaremos <strong>Control + Enter</strong> que es una previa visualización que nos da flash para no estar exportando cada vez que hagamos un cambio en nuestra película. Sin embargo, si lo que quieres es <strong>exportar</strong> ve al menú archivo en la bara de menús y elige la opción <strong>exportar / exportar película</strong>, ahora te pedirá el nombre para exportar tu archivo en <strong>.swf</strong>. Ahora que si lo deseas en otro formato, hazlo como se muestra en la imágen.</p>
<p style="text-align: center;"><a href="http://wa-mx.com/wp-content/uploads/2010/01/exportar.png"><img class="aligncenter size-medium wp-image-218" title="Formatos Flash" src="http://wa-mx.com/wp-content/uploads/2010/01/exportar-500x423.png" alt="" width="500" height="423" /></a></p>
<p style="text-align: justify;"><strong>Atencion: </strong>Debemos de saber que Flash es un programa práctico, es decir, las funcionalidades de este programa se empiezan a olvidar después de algún tiempo de no usarlo. Para esto lo ideal es  que lo practicaras con un carro recortado en algún otro programa y empezaras a experimentar.</p>
<p style="text-align: justify;">El resultado sería igual a esto:</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="77" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://wa-mx.com/wp-content/uploads/2010/01/carro.swf" /><embed type="application/x-shockwave-flash" width="550" height="77" src="http://wa-mx.com/wp-content/uploads/2010/01/carro.swf"></embed></object></p>
<p style="text-align: center;">En la siguiente Lección aprenderemos cosas más sorpredentes, por el momento nuestra lección ha terminado.</p>
]]></content:encoded>
			<wfw:commentRss>http://wa-mx.com/aprendiendo-con-flash-leccion-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

