{"id":114,"date":"2013-07-03T20:36:25","date_gmt":"2013-07-03T20:36:25","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/egreyes\/?p=114"},"modified":"2013-07-03T20:36:25","modified_gmt":"2013-07-03T20:36:25","slug":"adobe-edge","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/egreyes\/2013\/07\/03\/adobe-edge\/","title":{"rendered":"Adobe Edge"},"content":{"rendered":"

Adobe edge<\/span><\/strong><\/p>\n

Es una plataforma que se lanz\u00f3 al mercado para crear animaciones web y contenidos interactivos de HTML y javascript.<\/p>\n

Con esta plataforma esta claro que Adobe no quiere perder su posici\u00f3n dominante en el mercado actual, y como los otros programas van progresando y adapt\u00e1ndose mas, ellos no se pueden quedar atr\u00e1s. Soporta los formatos de imagen (SVG, PNG, JPG y GIF), y muy pronto podr\u00e1 soportar archivos de audio y video y mayor compatibilidad con animaciones de gr\u00e1ficos SVG. Adobe tuvo que adaptarse por que seg\u00fan le\u00ed la tecnolog\u00eda HTML5 quiere destronar como sea posible a flash del mercado.<\/p>\n

\"\"<\/p>\n

Adobe Edge me ha parecido muy interesante, tienen mucho mas funcionalidades de las que tiene flash, incluyen filtros novedosos o tambi\u00e9n los podr\u00edamos llamar atajos mas r\u00e1pidos de los que tiene flash, como poner las cosas en escala de grises, degradar y desenfocar, conseguir\u00edamos las cosas mucho mas r\u00e1pido que en flash.<\/p>\n

\n

En edge no se encuentra la pluma que te ayuda a dibujar con vectores, mas bien encontramos las herramientas b\u00e1sicas como el c\u00edrculo, texto y los cuadrados. Las opciones que contienen nos ayudan a manipular estas formas para construir nuevas cosas desde cambiarla de ancho y alto hasta transformarla en lo vertical y horizontal, aunque en diferencia de flash, no se cortan al clocar figuras encima de otras, si no mas bien existe una herramienta cortar, la cual te selecciona el objeto y lo recortas por los bordes pero solo de manera cuadrangular, no se montan una encima de otra, si quieres construir figuras lo haces a trav\u00e9s de estas herramientas pero no van a juntarse autom\u00e1ticamente, si no que una vez construida la figura, lo puedes agrupar, cuando lo agrupas se mueven como una sola imagen pero en las capas est\u00e1n divididas en las formas que usaste para formar dicha figura.<\/p>\n

\"\"<\/p>\n

El aspecto de los fotogramas a mi opini\u00f3n es confuso. En flash tu sabes cuando hay un fotograma por la divisi\u00f3n como si fueran teclas de piano, pero en edge se va midiendo por los segundos, y como no hay separaci\u00f3n de fotogramas, se me hizo muy complicado tratar de animar poniendo fotogramas claves. \u00a0Lo bueno de edge es que la animaci\u00f3n se establece por la peque\u00f1a gu\u00eda que esta en la parte donde se miden los segundos, y para que le objeto se mueva de manera cl\u00e1sica (como ser\u00eda en flash) simplemente se da clic en el mini puntero por encima de la l\u00ednea y se lo mueve hasta los segundos que queramos que la animaci\u00f3n dure, seleccionamos el objeto a animar, y lo movemos como quisi\u00e9ramos que salga animado. La aceleraci\u00f3n de las animaciones se las elige de una manera predeterminada que te da edge , en donde se elige por medio de curvas que tan r\u00e1pida o lenta ser\u00e1 la transici\u00f3n. Y listo, es una manera mucho mas simple de animar, y con cosas mas directas.<\/p>\n

\n

No veo la manera de poder insertar capas, aunque todo objeto que ponga en la escena tiene su propia separaci\u00f3n para hacerle cambios o animarla.<\/p>\n

\n

En edge tambi\u00e9n tenemos rutas de movimientos, lo que hace edge es que tienes que poner la cantidad de tiempo que quieres que se reproduzca, luego en reproducir, abrimos la pesta\u00f1ita de ubicaci\u00f3n y esta nos dar\u00e1 la opci\u00f3n de c\u00f3mo queremos que se mueva nuestra animaci\u00f3n, solo aqu\u00ed aparece como si tuvi\u00e9ramos una pluma como la de illustrator, as\u00ed como en flash esa l\u00ednea se la puede modificar, puede pasar de ser una l\u00ednea recta\u00a0 a una l\u00ednea curva para que la animaci\u00f3n tenga mas realismo de movimiento, lo bueno de edge es que por cada cosa nueva que quieras hacer, te ayuda d\u00e1ndote consejos, o los pasos que tienes que hacer para realizar algo. A mi por ejemplo me ayudo con las rutas de movimiento, antes de hacerlo , edge me proporciono un peque\u00f1o ejercicio para comprender como hacerlo, y completado eso me devuelve a la pesta\u00f1a original de mi animaci\u00f3n. Esto es muy \u00fatil, en especial para los que no saben como manejar el programa.<\/p>\n

\n

Las figuras que se colocan en el escenario de edge, no importa si tienen borde, por que a diferencia de flash la figura no se separa de su borde dejando 2 figuras distintas, se mueven como una sola. Esto podr\u00eda facilitar las cosas para aquellos que est\u00e1n acostumbrados a Adobe illustrator al momento de realizar im\u00e1genes en Edge.<\/p>\n

\n

En edge no se puede importar ilustraciones o vectores desde illustrator, tampoco videos, solo puedes insertar im\u00e1genes y texto, todas las dem\u00e1s figuras son creadas all\u00ed.<\/p>\n

Encontramos tambi\u00e9n que tiene biblioteca y tambi\u00e9n la opci\u00f3n de almacenar s\u00edmbolos, en esto se parece a flash, eso tanto en edge como en flash es de una gran utilidad para evitar hacer lo mismo y aumentar el peso del archivo.<\/p>\n

\n

En edge tambi\u00e9n podemos encontrar que existe codificaci\u00f3n para poder realizar ciertas cosas que por medio de comandos no se podr\u00eda. Las figuras que se colocan son planas, se les puede dar un efecto 3d con las herramientas de color y degradaciones, pero en si 3d no lo tiene.<\/p>\n

Aqui encontraras un tutorial<\/p>\n

Tutorial Adobe edge<\/a><\/p>\n

\n

Conclusiones<\/strong><\/span><\/p>\n

\n

Adobe Edge es una herramienta muy \u00fatil, que para mi opini\u00f3n ira desplazando poco a poco a flash.<\/p>\n

Tiene funcionalidades mejoradas, aunque solo tendr\u00edan que trabajar un poco mas con la l\u00ednea de tiempo, ya que es confusa, en especial si usuarios de flash quieren ingresar a edge.<\/p>\n

La caracter\u00edstica de html es muy \u00fatil, muchos la ven como un sucesor de flash (seg\u00fan blogs visitados), ya que hoy por hoy, para darse a conocer se necesita de la WEB, y si flash va perdiendo terreno antes estas nueva innovaciones, pues habr\u00e1 que adaptarnos a estos cambios.<\/p>\n

\n

En general me parece que tiene opciones que se deber\u00edan implantar a flash, y as\u00ed como edge tiene una gu\u00eda para los usuarios novatos, flash si quiere seguir en el mercado deber\u00eda ir al ritmo de estas nuevas herramientas.<\/p>\n

La ventaja que tendr\u00eda flash contra edge, es la implementaci\u00f3n de vectores, pero como todo buen programa va evolucionando, veremos que nos trae en el futuro. Una de las desventajas es que edge consume muchos mas recursos de los que consume flash, ya sea por las im\u00e1genes que se pongan, o por los c\u00f3digos implementados.<\/p>\n

\u00a0\"\"<\/p>\n

\n

\n

Recomendaciones<\/strong><\/p>\n

\n

Cada usuario es libre de elegir la plataforma que mas le guste adaptarse a ella, y aprender a usarla. Hay muchas opiniones en la internet pero en lo personal me agrado mucho la interfaz de edge, junto con sus funciones, por que las veo mucho mas completas que las de flash.<\/p>\n

Aunque sea un software orientado para la realizaci\u00f3n de animaciones web, esta consiguiendo desplazar a flash ya que sus archivos son mas compatibles con los sistemas actuales, mientras que para visualizar una animaci\u00f3n flash se necesita tener instalado alg\u00fan plugin, si no simplemente la animaci\u00f3n no se reproducir\u00e1.<\/p>\n

Gracias por leer\u00a0<\/em><\/span><\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Adobe edge Es una plataforma que se lanz\u00f3 al mercado para crear animaciones web y contenidos interactivos de HTML y javascript. Con esta plataforma esta claro que Adobe no quiere perder su posici\u00f3n dominante en el mercado actual, y como los otros programas van progresando y adapt\u00e1ndose mas, ellos no se pueden quedar atr\u00e1s. Soporta […]<\/p>\n","protected":false},"author":5257,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/users\/5257"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":8,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":122,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/posts\/114\/revisions\/122"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/egreyes\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}