Adobe Edge
Posted by jgidrovo | Filed under General
Hola amigos ya hace algún tiempo hable sobre todas las posibilidades que puede hacer Edge por ustedes y las ventajas que aporta al crear animación sin utilizar Flash, haciéndolo versátil y sumamente atractivo para el uso en páginas web que van a visualizarse en distintos dispositivos móviles. Pues bien de lo que vamos hablar en este tutorial es acerca de como crear una pequeña animación con este grandiosos software hasta el momento en que estoy escribiendo este tutorial se tiene la versión Adobe Edge Preview , así que será necesario que tengas instalado en tu computadora esta versión para poder lograr los objetivos de este tutorial.
Introducción a Adobe Edge
Como ya mencione anteriormente este programa sirve para hacer animaciones sin necesidad de Flash. Este programa realiza las animaciones mediante Javascript, esto hace que la animación que nosotros logremos con este software podremos verla en nuestros navegadores sin la necesidad de instalar un plugin que se tenga que instalar y estar actualizando en nuestro navegador. Ojo esto último es muy importante.
Entorno de Trabajo de Adobe Edge
Hablemos primeramente de la pantalla inicial que tiene Adobe Edge, pues cuando abrimos por primera vez el software nos advertirá el periodo que durara nuestra beta instalada el cual es alrededor de 60 dias, una vez que se cierra esta ventana se tiene acceso ahora a la pantalla de inicio de Adobe Edge.
En esta pantalla de inicio tendremos acceso a los diferentes tutoriales los cuales aparecen del lado izquierdo de la pantalla y que nos explican el uso de la aplicación de una manera sencilla y muy rápida.
También contamos con varios vínculos que se encuentra en la parte superior de donde se encuentran los tutoriales de inicio, estos vínculos dan acceso a las novedades del software y acceso a recursos de aprendizaje de este software mediante Adobe.
Del lado derecho de la pantalla tendremos una serie de iconos que nos indicaran la creación de un nuevo documento, la apertura de un documento de Adobe Edge, así como una lista con los últimos archivos abiertos dentro del software.
Una vez que creamos un nuevo documento tendremos acceso al ambiente de trabajo de Adobe Edge, este entorno se encuentra dividido en 7 partes:
- Barra de herramientas.
- Panel de propiedades
- Panel de línea de tiempo.
- Librería.
- Panel Elements.
- Panel Lesson.
- Área de trabajo. Preparación del proyecto
En primer lugar si vamos insertar imágenes dentro de Adobe Edge debemos tomar en cuneta que las imágenes que podemos importar son imágenes jpg, png, gif o svg. Es importante remarcar que los archivos png tienen como característica particular que puede preservar transparencias, así que por tanto se pueden crear desde programas como Fireworks o Photoshop.
Al momento de guardar el archivo Adobe Edge generara una serie de archivos los cuales son necesarios para el funcionamiento correcto de nuestra animación. Estos documentos son una serie de Javascripts los cuales contienen las órdenes que serán utilizadas dentro de nuestro proyecto.
Conclusión
Bien hasta aquí dejaremos nuestro primer tutorial esperando que les haya gustado y les sea de mucha utilidad estén pendientes para las próximas entregas en donde podremos analizaremos las herramientas de texto y las animaciones.
Cargando ...