<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>El webmaster</title>
	<atom:link href="http://jhonyvaras.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://jhonyvaras.wordpress.com</link>
	<description>Sitio dedicado a la información de desarrollo web</description>
	<lastBuildDate>Sun, 23 Mar 2008 22:59:53 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='jhonyvaras.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/97269e6dd2733f98c70b8c4f513b5c4b?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>El webmaster</title>
		<link>http://jhonyvaras.wordpress.com</link>
	</image>
			<item>
		<title>Creando Gif animado con Fireworks 8</title>
		<link>http://jhonyvaras.wordpress.com/2008/03/23/creando-gif-animado-con-fireworks-8/</link>
		<comments>http://jhonyvaras.wordpress.com/2008/03/23/creando-gif-animado-con-fireworks-8/#comments</comments>
		<pubDate>Sun, 23 Mar 2008 07:06:27 +0000</pubDate>
		<dc:creator>rvarasr</dc:creator>
				<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Macromedia]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[gif animado]]></category>

		<guid isPermaLink="false">http://jhonyvaras.wordpress.com/?p=3</guid>
		<description><![CDATA[

 
Como crear un gif animado con Macromedia Fireworks 8
Carga tu programa macromedia fireworks luego debes seleccionar el menu 
Nuevo&#8211;&#62; Archivo  

Grafico 1
Aquí definiras las dimensiones del gif a crear
para este ejemplo puedes definir
Ancho= 100 Pixeles
Alto =100 Pixeles

 Luego presiona el botón aceptar para empezar a realizar nuestro gif
Selecciona de la barra de herramientas un texto y [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jhonyvaras.wordpress.com&blog=3249199&post=3&subd=jhonyvaras&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /></p>
<p><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></p>
<div align="left"><span> </p>
<h3><font size="3">Como crear un gif animado con Macromedia Fireworks 8</font></h3>
<p><font size="2">Carga tu programa macromedia fireworks luego debes seleccionar el menu </font></p>
<p><font size="2"><strong>Nuevo&#8211;&gt; Archivo</strong>  </font></p>
<p align="center"><img border="0" align="baseline" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/documento.gif" alt="Configuracion de documento" /><br />
<strong>Grafico 1</strong></p>
<div align="left" style="margin:5px;padding:5px;"><font size="2">Aquí definiras las dimensiones del gif a crear<br />
para este ejemplo puedes definir<br />
Ancho= 100 Pixeles<br />
Alto =100 Pixeles</font></div>
<p><font size="2"></font></p>
<p><font size="2"> Luego presiona el botón aceptar para empezar a realizar nuestro gif</font></p>
<p><font size="2">Selecciona de la barra de herramientas un texto y escribe en el area de trabajo el siguiente texto <strong>Animado</strong> selecciona el texto y en la barra de propiedades asignale un tamaño de 24 puntos <strong>ver grafica 2 &#8211; Numero 1</strong></font></p>
<p align="center"><img border="0" align="left" width="382" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/crear.gif" height="371" /></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="center"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2"></font></strong></p>
<p align="left"><strong><font size="2">Grafico 2</font></strong></p>
<p align="left"><font size="2">Luego debes agregar un fotograma <strong>ver grafico 2</strong> Numero-2 se adicionara un fotograma vacio en el cual debes copiar el contenido del primer fotograma y pegarlo en el segundo</font></p>
<p align="left"><font size="2">Puedes asignarle otro color utilizando la barra de propiedades</font></p>
<p align="left"><font size="2">puedes reproducir el gif animado presionando el segundo botón que tiene la forma de triangulo girado 90 grados, ver <strong>Grafico 2 Numero-3</strong></font></p>
<p align="left"><strong><font size="+0">puedes ver el ejemplo aquí</font></strong></p>
<p align="left"><font size="+0"><img border="0" align="baseline" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/ejemplo1.gif" /></font></p>
<p><font size="2">Como puedes notar la transición del gif es muy rápido para lo cual debemos configurar para que sea mas lento</font></p>
<hr />
<h3 align="left">Configurando el tiempo de transición del gif</h3>
<p align="left"><font size="2">Debemos ubicarnos en el panel de fotogramas y hacer doble clic sobre el numero que esta al costado del fotograma y aumentar alli el numero según nuestra necesidad ver Grafico 3</font></p>
<p align="center"><img border="0" align="left" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/tiempo.jpg" /></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="center"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong></strong></font></p>
<p align="left"><font size="2"><strong>Grafico 3</strong></font></p>
<p align="left"><font size="2">En el grafico 3 se esta asignando 50 al fotograma numero dos.</font></p>
<p align="left"><font size="2">así debemos asignar el tiempo de demora por cada fotograma segun la necesidad.</font></p>
<p align="left"><img border="0" align="baseline" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/ejemplo1_1.gif" /></p>
<p align="left"><font size="2">Resultado del cambio</font></p>
<p align="left"><font size="2"></font></p>
<p><font size="2"></p>
<hr /></font></p>
<p align="left"><font size="2">Ahora lo único que falta es exportar nuestro archivo en la paleta optimizar debes selccionar de la lista desplegable gif animado</font></p>
<p align="left"><img border="0" align="baseline" src="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/optimizar.gif" /></p>
<p align="left"><font size="2">Luego selecciona el menu <strong>Archivo&#8211;&gt; Exportar</strong> busca la ubicación donde deseas grabar y luego presiona el boton exportar. y listo ya tenemos nuestro gif animado</font></p>
<p align="left"><font size="2">como vez es muy fácil tu puedes probar con ejemplos mas complejos cualquier duda o comentario escribeme a </font><a href="mailto:rvarasr@upao.edu.pe"><font size="2">rvarasr@upao.edu.pe</font></a></p>
<p align="left"><strong><font size="5">Asesoramiento en Aplicaciones web</font></strong> </p>
<p align="left"><a href="mailto:jhonyvaras@hotmail.com">jhonyvaras@hotmail.com</a></p>
<p align="left"><font size="2">Saludos</font></p>
<p></span></div>
<p></span></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/jhonyvaras.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/jhonyvaras.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jhonyvaras.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jhonyvaras.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jhonyvaras.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jhonyvaras.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jhonyvaras.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jhonyvaras.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jhonyvaras.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jhonyvaras.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jhonyvaras.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jhonyvaras.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jhonyvaras.wordpress.com&blog=3249199&post=3&subd=jhonyvaras&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://jhonyvaras.wordpress.com/2008/03/23/creando-gif-animado-con-fireworks-8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b46b39ac732e0b73cd5df7f708a2580c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">rvarasr</media:title>
		</media:content>

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/documento.gif" medium="image">
			<media:title type="html">Configuracion de documento</media:title>
		</media:content>

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/crear.gif" medium="image" />

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/ejemplo1.gif" medium="image" />

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/tiempo.jpg" medium="image" />

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/ejemplo1_1.gif" medium="image" />

		<media:content url="http://www.upao.edu.pe/webs/trab_pers/44/img_articulo/optimizar.gif" medium="image" />
	</item>
	</channel>
</rss>