MagazineXpert 03

Page 1

Magazine para la comunidad Adobe de habla hispana Multimedia - Impresos - RIAs - Video - Sonido - Fotografía Digital - Web

magazine

USER GROUP

Publicación de la Comunidad AdobeXpert Colombia Adobe User Group - http://www.aug.com.co Junio - Julio de 2010

Contenido magazine

www.magazinexper t.com

Vista del evento Adobe en Vivo 2010 realizado en República Dominicana en el mes de Mayo.

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Editorial

Contenido

Una vez más estamos con ustedes

“Este tercer número del MagazineXpert está dedicado en buena parte a las características de las aplicaciones que hacen parte de la nueva Adobe CS5”

Noticias Noticias y actualidad Adobe. . . . . . . . . . . . . . . . . . . . . Página

2

Artículo

Este semestre ha sido bastante activo en temas Adobe y de la comunidad en general. En Abril tuvimos el lanzamiento de la Adobe CS5 y la comunidad AdobeXpert realizó varios eventos de lanzamiento tanto online como presenciales. Por otra parte se realizó nuevamente el evento Adobe en Vivo, ésta vez en República Dominicana donde tuvimos el honor de participar junto con varios expertos de habla hispana. Es motivo de orgullo ver cómo Adobe en Vivo se está convirtiendo en un referente de eventos de la comunidad Adobe.

Adobe CS5 nos lleva al mundo de los 64 bits. . . . . Página

3

Artículo Impresiones de Adobe en Vivo 2010. . . . . . . . . . . . . Página

4

Tutorial CS5 Novedades de Adobe CS5. . . . . . . . . . . . . . . . . . . . . . . Página

9

Tutorial Dreamweaver

Espero que disfruten este tercer número del MagazineXpert el cual está dedicado en buena parte a las características de las aplicaciones que hacen parte de la nueva Adobe CS5. Contiene además las impresiones de Adobe en Vivo de un empleado de Adobe y del Adobe Regional Coordinator Hispanic.

Preparando web páginas para buscadores. . . . . . . Página 15

Te invitamos a hacer parte de la Comunidad AdobeXpert registrándote en la página web: http://www. aug.com.co, haciéndote seguidor de nuestro sitio facebook: http://www.facebook.com/adobexpert/ o siguiéndonos via Twitter: http://www.twiter.com/ adobexpert/

Introducción a PaperVision. . . . . . . . . . . . . . . . . . . . . . Página 19

Marlon Ceballos - Editor

Tutorial Flex Controles personalizados en Flex. . . . . . . . . . . . . . . . Página 17

Tutorial PaperVision Este Magazine ha sido diagramado en InDesign CS5, las imágenes han sido trabajadas en Photoshop CS5 y se ha finalizado en Acrobat 9 Professional.

Tutorial Illustrator Crear un mapa del mundo en 3D. . . . . . . . . . . . . . . . Página 22

Tutorial Flash Catalyst Conoce al nuevo miembro de la familia. . . . . . . . . . Página 23

Directorio Grupos de Usuarios Adobe hispanos. . . . . . . . . . . . . Página 25

Deseas pautar en nuestro magazine? Comunícate con nosotros a los teléfonos 3016640110 - 8136456 (Bogotá) o al email: aug@xpert.com.co

Página 1 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Noticias

Noticias

Apple presenta el iPhone 4

Adobe eLearning 2 disponible

Lightroom 3 disponible

Nuevas Betas disponibles • Adobe Dreamweaver CS5 HTML5 Pack: En un momento en que muchos rumores afirman que Adobe está en contra de los estándares, se ha publicado para descarga la extensión Adobe Dreamweaver CS5 HTML5 Pack la cual, como lo indica su nombre, habilita a Dreamweaver CS5 para crear páginas HTML5 y estilo CSS3. Más sobre ésta beta en éste link: http://bit.ly/aKmMZz

Adobe ha lanzado eLearning Suite, un conjunto de aplicaciones para crear contenido profesional de aprendizaje en línea de principio a fin. Esta suite incluye estas aplicaciones: Después de varios meses de numeros rumores, Apple ha presentado en su acostumbrada Keynote la nueva generación de uno de sus productos estrella: el iPhone 4. Este dispositivo trae interesantes características entre las cuales se encuentran: • FaceTime: Un sistema de video llamadas que hace uso de las dos cámaras que trae el iPhone 4.

• Adobe Captivate 5 • Adobe Flash® Professional CS5 • Adobe Dreamweaver® CS5 • Adobe Photoshop® CS5 Extended • Adobe Acrobat® 9 Pro • Adobe Presenter 7 • Adobe Soundbooth® CS5

• Grabación y edición en HD: La cámara de 5 MP graba videos en HD.

Una importante novedad de ésta versión de la suite es que está disponible tanto para mac como para windows aunque Adobe Presenter 7 estará disponible sólamente en la versión para windows. Tampoco está disponible en español. El costo de la versión completa es de US $1.799 y en versión actualización de US $599

Mira el video de la Keynote de Apple por streaming en éste link: http://bit.ly/cr0lMm

Más información en la página wed oficial del producto (en inglés): http://bit.ly/bF0pnE

• Pantalla retina: El iPhone 4 tiene 4 veces más densidad de pixeles lo cual genera imágenes más definidas. • Multitarea: Es posible usar varias aplicaciones a la vez.

Página 2 magazine

Contenido

Adobe ha liberado la tercera versión Photoshop Lightroom, un potente software de gestión fotográfica que puede trabajar en conjunto con Adobe Photoshop por lo cual, más que un software competidor es un complemento de éste último. El flujo de trabajo de Lightroom incluye la importación o descarga de las imágenes desde la cámara, organización y adición de metadata y keywords, ajustes tonales y retoques y la salida o exportación.

• Adobe Configurator: Esta utilidad permite crear panales para ser usados en Photoshop CS4, Adobe Photoshop CS5 y Adobe InDesign CS5 lo cual es ideal para llevar el nivel de personalización de interfaces a un nivel más profesional. Más sobre ésta beta en éste link: http://bit.ly/bcBo96 • Adobe Pixel Bender for Adobe Photoshop CS5: Este plug-in permite la aplicación de filtros Pixel Bender en Photoshop CS5. Más sobre ésta beta en éste link: http://bit.ly/baGPmU

Lightroom es un software a 64 bits desde la versión 2 y existen versiones para mac y para windows. Tiene un costo (en el Adobe Store EEUU) de US $299 para la versión completa o US $99 para la actualización desde las versiones 1x o 2x.

• Adobe eSignatures: Este servicio online permite firmar digitalmente documentos en formato PDF. Estas firmas son certificadas por Adobe. Más sobre ésta beta en éste link: http://bit.ly/ bjQmyW

Más información en el post del blog Xpert: http://bit.ly/bT61z8

Estas y otras betas pueden ser descargados en http://labs.adobe.com

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Artículo

Artículo

128 GB de ram son demasiados? Yo trabajo muy bien con 2 GB… Este es un punto relativo. Por ejemplo, si usamos imágenes en baja resolución para web y en general nuestros archivos son pequeños, seguramente no veremos importancia en pasar a software de 64 bits, sin embargo hay muchos usuarios que manipulan grandes archivos dentro de los cuales se encuentran quienes trabajan con archivos de video. Para éstos usuarios trabajar con los límites de memoria impuestos por los 32 bits es un gran problema y por este motivo agradecerán infinitamente las capacidades de éstas nuevas aplicaciones.

Adobe CS5 nos lleva al mundo de los 64 bits

Con el lanzamiento de la Adobe CS5 tenemos la posibilidad de trabajar con aplicaciones a 64 bits lo cual supone una enorme ventaja a la hora de manipular grandes archivos lo cual es cada vez más común.

Cuáles aplicaciones CS5 son a 64 bits? Photoshop CS5, Premier CS5 y After Effects CS5 son aplicaciones a 64 bits. Mientras Photoshop CS5 se puede instalar en un sistema a 32 bits, Premier CS5 y After Effects CS5 sólo funcionan en un sistema como Leopard (Mac OS 10.5) o posterior o Windows Vista 64 bits u otro sistema posterior a 64 bits. Windows XP Professional x64 Edition no es soportado.

Adobe ya nos había dado una prueba de los 64 bits con Lightroom 2.0 y Photoshop CS4 (ésta última sólo en Windows), sin embargo en la Adobe CS5 se han reescrito a 64 bits Photoshop, After Effects y Premier. Pero qué ventajas tiene el trabajar con aplicaciones a 64 bits? Aunque el sólo hecho de aumentar el número de bits aumenta en un importante porcentaje el desempeño de las aplicaciones, la ventaja más grande es la posibilidad de poder aprovechar grandes cantidades de memoria ram. Una aplicación a 64 bits puede aprovechar un máximo de 4 GB de ram de las cuales en realidad, por diferentes motivos, termina usando 3 GB tal como se ve en la figura 1. Una aplicación a 64 bits puede manejar en la práctica un máximo 128 GB de memoria ram y de hecho éste límite puede ser sobrepasado a medida que se hagan avances de hardware (Figura 2).

Página 3 magazine

Figura 2. Más de 7 GB de ram disponible en Photoshop CS5 (panel de preferencias) en un mac con 8 GB de ram.

En definitiva el salto a los 32 bits de éstas aplicaciones supone una importante ventaja y de hecho las ubica al frente de varias aplicaciones de la competencia que aún no han realizado éste cambio. Figura 1. 3 GB de ram disponible en Photoshop CS4 (panel de preferencias) para mac la cual es una aplicación a 32 bits.

Contenido

Figura 3. En un mac, es posible arrancar Photoshop CS5 en compatibilidad a 32 bits.

Acerca del autor: Marlon Ceballos (@adobexpert) es Adobe Community Professional y Adobe Certified Instructor - Design Master / Web Master, conferencista y consultor Adobe con 15 años de experiencia en diferentes aplicaciones y tecnologías. Dirige el centro de capacitación oficial Adobe (AATC) - Xpert y es manager del Colombia Adobe User Group - AdobeXpert (http://www.aug.com.co).

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Artículo

Artículo

debido a la multitud de gente ansiosa por acudir a la feria. La impresión que me dio, y que se reforzara durante los días del evento, fue de un pueblo motivado e inspirado por aprender todo lo que esté a su alcance. Una vez instalada en el pintoresco hotel colonial, vi llegar, uno por uno, a los conferencistas desde sus respectivos países o de otros viajes realizados en Europa y Latinoamérica. De mi parte, estaba un poco nerviosa porque no tenía mucho tiempo conociéndolos en su foro. Pero, enseguida me dieron una calurosa bienvenida y sentía como si hubiesen sido mis amigos por años.

Impresiones de Adobe en Vivo 2010

Janice Campbell de Adobe Systems nos cuenta su impresión sobre el evento Adobe en Vivo Celebrado el 8-9 de mayo en Santo Domingo, República Dominicana.

Muy temprana del sábado, comienza la conferencia en el auditorio de FUNGLODE. Al llegar, nos sorprendió a todos ver que tanto la recepción como la sala estaban ya llenas de asistentes. Nos reportaron que, efectivamente, hubo unas 720 inscripciones para los dos días.

Dos días antes de salir de mis bien merecidas vacaciones dentro de la China (donde me encontraba de viaje de negocios), me avisaron que tendría la grata oportunidad de viajar a la República Dominicana para asistir al tercer evento anual de Adobe en Vivo. Al primer instante, dudé en ir ya que significaba regresar a California, y casi al día siguiente, volver a partir de viaje en dirección contraria. Sin embargo, no quise dejar pasar esa oportunidad de conocer en persona, a los líderes de los grupos de usuarios Adobe en español, a quienes sólo conocía por email. Desde el momento en que pisé la tierra dominicana, me sentía como en casa. Me recibió la sonriente y simpática Emelín Burgos Tiburcio, miembro del equipo de organizadores de Adobe en Vivo. Rumbo al hotel donde se hospedaran los conferencistas, pasamos frente a la Feria Internacional de Libro. Casi no podemos transitar por las calles

Página 4 magazine

Michael Borbor (Ecuador). Hablando sobre Cold Fusion.

Luis Sosa. Organizador de Adobe en Vivo 2010.

Janice Cambell. La representación oficial de Adobe.

Contenido

Durante la apertura, se hizo mención especial a los patrocinadores, cuyo aporte contribuye al éxito de la conferencia. Entre ellos, se contaron con algunas entidades locales y otras internacionales, a saber: 12 Bits Media Group, Instituto Global de Multimedia (IGM), video2brain, Studio Several, O’Reilly, BMI Companies, Logomarca, Funglode, y Adobe. La Fundación Global Democracia y Desarrollo (FUNGLODE), uno de los principales patrocinadores, ofreció su auditorio, salas, personal y otros recursos multimedia. Se grabaron todas las sesiones en video y se las transmitieron en línea por un sitio web dedicado a la conferencia (http://www.adobenvivo.com). Durante las sesiones, todos aprovechamos la conexión en internet para escribir blogs y comentarios por twitter. Y cada vez que veía yo algún amigo desarrollador o diseñador en chat, le mandaba el enlace de la transmisión en vivo. Pude constatar que se unían a la conferencia porque

Full Screen / Normal

Edgar Parada (México). Hablando sobre Adobe Flash Catalyst.

Henrry Rosario (Rep Dominicana). Hablando sobre integración entre Flex y .NET.

www.magazinexpert.com

USER GROUP


Artículo

Artículo

en seguida me preguntaban, “No te veo. ¿Dónde estás ubicada en la sala?” ¡Es mi pequeña contribución a las 30 mil conexiones en línea reportadas! La inauguración empezó con algunas palabras de Luis Sosa, sobre cuyos hombros cayó la gran responsabilidad de buscar y reunir los recursos, organizadores, instalaciones y demás elementos necesarios para la realización de una conferencia. Luego, el Director Técnico del Departamento Audiovisual de FUNGLODE, Omar de la Cruz, nos explicó la importancia que es para la República Dominicana recibir expertos del exterior y así fomentar el desarrollo tecnológico del país. Tuve el placer de reunirme con el Sr. de la Cruz para entender la visión de FUNGLODE y el papel que juega en promover actividades artísticas, culturales y tecnológicas dentro del país. Al apoyar eventos como Adobe en Vivo, Adobe está ayudando a dar realidad a la visión de incentivar la creatividad de la población y resolver problemas de carácter nacional. La conferencia fue organizada en cuatro sesiones de medio día, cada una con una concurrencia distinta, según la especialidad del participante:

de representar a la empresa. El formato más bien parecía taller porque daban demostraciones en tiempo real de aplicaciones tomadas de la vida real. Se interactuaba con el público, estimulándoles a pensar de forma crítica y a profundizar en los temas. Rodrigo Duarte (Chile). Hablando sobre CSS.

Erik Porroa (Perú). Hablando sobre buenas prácticas del diseño y desarrollo.

• 1ra sesión - Desarrollo de web • 3ra sesión - Impresos • 4ta sesión - Producción de video

Página 5 magazine

Gracias a la buena planificación, todo se llevó a cabo sin complicaciones ni inconvenientes. Detrás del escenario, hubo un personal eficiente y tranquilo, listos a atenderse a cada detalle. Irene Velilla Hinestroza, una colombiana radicada en Dominicana e integrante del grupo de organizadores, me sorprendió con un bello libro de fotografías de edición FUNGLODE, que ella hizo autografiar por los conferencistas y organizadores del evento. Es un cariñoso recuerdo que apreciaré toda la vida.

HenrRaúl Jimenez (España). Hablando sobre el Flash Player 10.1.

Elder Vasquez (Perú). Hablando sobre libros AIR 2.0.

De Ecuador, México, Chile, Argentina, Perú, España, Colombia, Puerto Rico, Cuba, y la misma República Dominicana habían venido los superhéroes, pop-queens y rockstars adobeños a conferir sus conocimientos a un público sediento de aprender técnicas de diseño y prácticos consejos para realizar sus trabajos y avanzar en sus carreras.

• 2da sesión - Desarrollo de móviles

Los conferencistas abordaron una variedad de temas, según su especialización. Me quedé impresionada, primero, con el alto nivel de conocimientos y experiencia de cada experto, y segundo, con la cantidad de certificaciones que tenían ellos de Adobe. Me hacía sentir orgullosa

El entusiasmo del público por los nuevos productos Creative Suites 5 se percibía por los aplausos, los gritos, la “ola” durante la presentación de After Effects, y la sala siempre llena hasta la última hora del último día. Por sorpresa mía, por poco el “scrollbar” creado por Adobe Flash Catalyst 1.0 causa un temblor. Este nuevo producto sirve para cerrar la brecha entre el diseñador de RIA y el desarrollador de Flex. Resultó ser de orgullo personal porque yo trabajaba en la localización de ese producto.

Maximiliano Firtman (Argentina). Hablando dispositivos móbiles.

Contenido

Durante las sesiones y al final de cada día se proporcionaban amplias oportunidades a los participantes a ganar premios como videocursos y entrenamiento en línea, camisetas con logo, libros técnicos, licencias de CS5 y

Full Screen / Normal

Marlon Ceballos (Colombia). Hablando sobre libros digitales (eBooks).

www.magazinexpert.com

USER GROUP


Artículo

Artículo

otros productos Adobe. Lo más divertido y gracioso fue el concurso de aprender a bailar bachata escribiendo ActionScript. Cuatro participantes presentaron su algoritmo pero no se le dejaba a nadie llevar el premio sin dar una demostración del baile frente al público. Todo el mundo sintió tristeza cuando al fin llegó la hora de clausurar el evento – unas horas más tarde de lo programado. En nombre de nuestras organizaciones, Luis Sosa, Omar de la Cruz y yo, Janice Campbell, ofrecimos nuestras perspectivas sobre el evento y nuestras felicitaciones a los conferencistas por su labor, y a los participantes por su verdadero entusiasmo. Se dieron merecedores agradecimientos a los numerosos integrantes del equipo organizador, cuya incansable labor garantizó que se lograra la visión y los objetivos del evento Adobe en Vivo. Acerca del autor: Janice Campbell, PMP, es International Program Manager en Adobe Systems, Inc. Es responsable de la localización de Flex SDK, Flash Builder, Flash Catalyst, AIR y Flash Player. Durante los últimos años, ha colaborado en proyectos con las comunidades de usuarios Java, NetBeans y Flex.

Adobe

Community

Comunidad AdobeXpert - Colombia AUG http://www.aug.com.co http://www.facebook.com/adobecolombia http://www.twitter.com/adobexpert

USER GROUP

Página 6 magazine

José Ramos (Puerto Rico). Hablando sobre Adobe Illustrator CS5.

Impresiones de Adobe en Vivo 2010

Elder Vásquez, Coordinador Regional de los Adobe User Groups nos cuenta su impresión sobre el evento Adobe en Vivo Celebrado el 8-9 de mayo en Santo Domingo, República Dominicana. Mariana Cabral (Mexico). Hablando la Adobe Creative Suite CS5.

Deseas que sigamos publicando este magazine? Déjanos saberlo publicando un comentario en este post: http://bit.ly/bMPSXn

Contenido

Ya en el Aeropuerto caminaba por la puerta de embarque para subir al avión que me llevaría de regreso a la ciudad donde trabajo, fue un genial Adobe en Vivo, pienso. Sobre ese largo camino alfombrado iba pensando en los innumerables adjetivos que esta conferencia dejó en mi mente: impresionante acogida, indescriptible fervor, incansables charlas, sorprendentes expositores, impecable gestión, risueños rostros, emocionantes momentos, sensacional participación de los asistentes, extraordinario calor humano, inquietantes sorteos, exquisitas comidas, ripia sed de licor, espléndidas playas, hermoso cielo azul, majestuosas mujeres, presurosas calles, elocuentes amigos conferencistas avivados por algún brebaje de ensueño, etc, palabras que son resumen de los vibrantes momentos que me llenaron de emoción de saber que se pueden

Full Screen / Normal

Jorge Mochón (España). Hablando sobre After Effects.

www.magazinexpert.com

USER GROUP


Artículo

Artículo

menos, lleno de payasos pintados en las paredes con una gran McD en el pecho y famosos por sus hamburguesas que dependiendo el país, el sabor cambia. Decididos a comprobar esto, además de que no nos quedaba otra opción, entramos y logramos satisfacer nuestro apetito. Fue en este momento que se hizo conocida la frase: “Hay ReFill sólo con RePay”, y es que en México todos los lugares de comida rápida (bueno casi en todos) el ReFill de las gaseosas o refrescos es usual. Pero comprobamos que no es así en el resto de países y si querías tomar más gaseosa, tenías que pagar, fue motivo de muchas risas realmente.

hacer eventos de calidad y que cada vez la comunidad hispana está más unida. Antes de llegar al aeropuerto salí del hotel Barceló a las tres de la tarde, que por cuatro días nos había alojado junto a Edgar, Erik, Raúl y Michael, disfrutando de esas playas que pueden describirse como el Edén perdido, con un mar tan transparente que sólo podría ser comparado con la pureza del alma de un niño recién nacido, con una temperatura adecuada como para poder disfrutar sobre sus suaves olas, que apenas se elevan y te permitían estar todo el tiempo que quieras sobre sus aguas. Y esa blanca arena traicionera que se regocijaba buscando posicionarse en los sitios más recónditos jamás imaginado, arena tan fina como la de una dama de la más alta clase aristocrática. Sumado a una gran paz, que sólo se puede conseguir cuando dejas de vivir, esa paz que sueña cualquiera que es condenado a esta vida agitada que llevamos. Esa es la playa de Juan Dolio en República Dominicana.

Ilka Valdez (Cuba). Hablando sobre Encore CS5.

El martes fue cuando conocimos por primera vez esas hermosas playas, que por un descuido de un perturbado taxista extravió a dos de nuestros conferencistas, perdiéndose por más de 3 horas por sus balnearios y la verdad es que tomamos muchas fotos para que no añoren las bellezas de esta playa como yo ahora, mientras escribo estas lineas, lo hago. El lunes por la noche fue el día en que 10 extranjeros de distintas nacionalidades salieron despavoridos en pos del primer lugar de comida que podían encontrar sin mucho éxito para ser sinceros. Caminamos entre 10 a 15 cuadras por nuestra meta, pero realmente las alternativas eran casi nulas, también tengamos en cuenta que en la zona por donde estábamos alojados la vida nocturna era casi nula, grave error y tema a considerar en futuros eventos. Llegamos al lugar menos esperado, pero abierto por lo

Página 7 magazine

Luis Sosa (Rep Dominicana). Hablando sobre la Adobe CS5 Premium.

Por la tarde del Lunes, dos de nuestros conferencistas fueron al aeropuerto para caer en cuenta que su vuelo salía un día después, nos alegró mucho verlos de nuevo en el hotel, pero en realidad nos daba mucha risa el hecho de no darse cuenta en la fecha de retorno a sus países respectivos. Fue motivo de largas y realmente interminables risas, es aquí donde la frase: “que tu vuelo es mañana? ok, permiso, yo me voy HOY” para luego continuar con “creo que mañana nos iremos”. En la mañana de este día, con todos los conferencistas en pleno, nos reunimos para conversar, presentar, gestionar y proponer nuevos proyectos sobre nuestra gran comunidad: la hispana, siendo esta la segunda parte del Adobe en Vivo llamado: Community Summit. Tantas mentes brillantes juntas sólo pueden dar increíbles ideas, que poco a poco iremos presentando mientras las vamos gestionando. En la reunión no se hacen esperar los divertidos comentarios y bromas en el grupo que sólo avivan nuestra amistad y nos hace aportar, sin miedo al rechazo o a equivocarse, propuestas innovadoras y arriesgadas.

Michael, Edgar y Elder en el vuelo Ciudad de Panamá Santo Domingo.

Raul Jimenez, Erik Porroa, Janice Campbell, y Edgar Parada.

La noche del domingo, después de la clausura del Adobe en Vivo, ya con ropa cómoda en el hotel y en silencio, más de lo habitual debido a que los huéspedes se quejaron de

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Artículo

Artículo

nuestras exageradas risas y comentarios propios de los altos niveles etílicos que llevábamos, nos dirigimos a la habitación de Raul para poder expresarnos libremente envueltos en la bachata y los comentarios propios de todo geek hasta altas horas de la noche. Durante todo el domingo y sábado se realizaron las charlas que fueron manifiestos de grandes conocimientos y experiencias por partes de los expositores, todos ellos hicieron gala de sus conocimientos y demostraron que en muchos tipos de acentos se puede hablar el mismo idioma: Adobe. Gracias a todos: • Janice Cambell - Adobe Systems (EEUU)

Equipo de formadores de Video2Brain en Adobe en Vivo 2010.

• Michael Borbor (Ecuador) • Edgar Parada (México) • Henry Rosario (República Dominicana) • Rodrigo Duarte (Chile)

El viernes por la noche llegamos a República Dominicana junto con Edgar, Michael, Marlon y Rodrigo, consumidos por el calor y la humedad que es clásico en países rodeados por mar, envueltos de la emoción y las ganas de conocer a tan famosa ciudad turística. Lo primero que hicimos fue dar el encuentro a Raúl, Jorge y Erik a un bar donde la bachata era constante y provocadora, ahí conocimos por primera vez a la cerveza que hace famosa esta ciudad. Pero teníamos que descansar así que sólo estuvimos unas horas. El avión que me llevaba a República Dominicana sólo me envolvía en emoción, los nervios, las ganas de llegar de una vez la ciudad, de encontrarme con mis amigos, grandes cómplices de charlas, conocer a más gente y poder sentir esa sensación que sólo un Adobe en Vivo suele dar, todo eso junto dentro de mi me llenaba de expectativas y me hacia sentir que nuestra labor como manager estaba dando buenos frutos.

• Elder Vásquez (Perú)

Sentado en ese avión del lado de la ventana veía como el suelo se iba alejando poco a poco, recordándome que odio los despegues y aterrizajes, aterrado por ese ruido fatal que me hace sentir tan insignificante ante la vida y que me hace pensar en la pregunta: ¿Qué nuevos recuerdos me traerá este Adobe en Vivo?.

• Marlon Ceballos (Colombia)

Así viví el Adobe en Vivo en República Dominicana.

• Erik Porroa (Perú) • Maximiliano Firtman (Argentina) • Raúl Jiménez (España)

• Mariana Cabral (México)

Equipo de conferencistas de Adobe en Vivo 2010 - República Dominicana.

• Jose Ramos (Puerto Rico) • Jorge Mochon (España) • Ilka Valdez (Cuba) • Luis Sosa (República Dominicana)

Página 8 magazine

Contenido

Acerca del autor: Elder Vasquez es el primer Adobe Community Champions en nuestro idioma, Adobe Certified Instructor en todo Flash Platform y Adobe Regional Coordinator Hispanic. Dedicado hace más de 11 años al diseño y desarrollo de RIA’s comparte su tiempo con la docencia en ActionScript, Flex y AIR, además de ser conferencistas en distintas universidades en varios países. Actualmente se dedica a la consultoría internacional en el uso de nuevas tecnologías.

Full Screen / Normal

Almuerzo en el segundo día de conferencias

Erick enviando un mensaje de cariño a Elder desde un punto interterminado entre Santo Domingo y la playa Juan Dolio.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Novedades de Adobe Creative Suite 5 “Varios meses después del lanzamiento de la Adobe CS5, seguramente ya has tenido la oportunidad de evaluarlo. Aquí te hacemos un resumen de las principales novedades de algunas de las aplicaciones que componen esta suite para que puedas repasarlas y ver cuales te faltan por conocer.” Novedades Generales

Adobe CS Review, Acrobat.com, Adobe Story y SiteCatalyst® NetAverages™. Más aplicaciones a 64 bits: Mientras en Adobe CS4 sólo Photoshop para Windows tuvo soporte para 64 bits, en CS5 se ha reescrito a 64 bits Photoshop, Premier y After Effects tanto para mac como para windows. Adobe Photoshop CS5 Selecciones complejas simplificadas: Con la mejorada opción “Refine Edge“ (Refinar Bordes), ahora obtendremos mejores resultados cuando tengamos que seleccionar elementos complejos de las imágenes tales como el cabello y eliminar el color del fondo.

Cinco versiones: En la Adobe CS5 tenemos 5 diferentes versiones las cuales son Design Premium, Design Standard, Web Premium, Production Premium y Master Collection. Nuevas aplicaciones: Han sido incluidas 2 nuevas aplicaciones dentro de la familia Adobe: Flash Builder (antes llamado Flex Builder) y Flash Catalyst. CS Live: 5 productos online que hacen parte de lo que Adobe llama CS Live los cuales son: Adobe BrowserLab,

Página 9 magazine

Healing Brush por lo cual es posible eliminar cualquier detalle u objeto de las imágenes y observar cómo por arte de magia el relleno basado en contenido rellena el espacio que queda. Esta tecnología innovadora ajusta la iluminación, el tono y el ruido de tal forma que parece que el contenido eliminado nunca hubiera existido.

Efectos de pintura extraordinarios: Es posible lograr efectos pictóricos realistas y naturales con el Mixer Brush (Pincel mezclador), que ofrece la posibilidad de fusionar colores en lienzos y con las Bristel Brush (Puntas de Cerdas), es posible crear trazos de pincel con textura que parecen reales.

Content-Aware Fill (Relleno basado en contenido): La tecnología Content-Aware ya había sido presentada en Photoshop CS4 para escalar imágenes, y en CS5 ha sido incluida en la opción de relleno y en la herramienta Spot

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Extrusiones 3D: con Adobe Repoussé podemos crear logotipos e ilustraciones en 3D a partir de cualquier capa de texto, selección, trazado o máscara de capa con la tecnología. Es posible girar, rotar, crear extrusiones y biseles e inflar los diseños.

Puppet Warp (Deformación de posición libre): Con ésta opción podemos reposicionar o deformar los elementos de las imágenes con gran precisión. Es posible cambiar de posición el brazo de una persona de una foto o estirar el texto para crear nuevos efectos.

Mejoras en el procesamiento de imágenes con formato RAW: El plugin de Adobe Photoshop Camera Raw 6 permite eliminar de forma no destructiva el ruido de las imágenes al mismo tiempo que protege el color y los detalles; añada granulado para conseguir que las fotografías digitales parezcan más naturales; disfrute de mayor control en la restauración de las viñetas después de recortarlas y aproveche muchas otras opciones.

Página 10 magazine

Mejorado Imágenes HDR de gran calidad: Podremos crear imágenes HDR con realismo fotográfico o surrealistas con opciones de velocidad, control y precisión sin precedentes. Obtendremos los mejores resultados con la eliminación de fantasmas automática y tenemos un control mejorado con la asignación y los ajustes de tonos. También es posible conseguir que las fotografías de una sola exposición parezcan imágenes HDR mediante el ajuste HDR Toning.

Bonitos trazos: Ahora podemos ajustar el ancho de los trazos de forma interactiva mediante el Width Tool (manejadores de ancho). Es posible colocar de forma precisa las puntas de las flechas y alinear de forma simétrica los guiones. Podemos controlar la posibilidad de ampliación en cualquier punto cuando escale los pinceles de arte en un trazado, y vea cómo se comportan de forma atractiva los motivos en las esquinas.

Adobe Illustrator CS5 Dibujo con perspectiva: Tenemos cuadrículas de perspectiva para dibujar formas y escenas con una perspectiva linear precisa de 1, 2 ó 3 puntos. Podemos crear una distancia y profundidad de apariencia real gracias a las guías de ajuste magnético para colocar rápidamente objetos, texto interactivo y símbolos en la perspectiva que deseemos.

Contenido

Full Screen / Normal

Briltle Bruh (Pincel de cerdas): Es posible pintar con vectores que parecen trazos de pinceles reales, controlar las características de las cerdas y crear opacidad mediante la escalabilidad de vectores para lograr la expresividad de los medios naturales. Podemos definir la longitud, rigidez y forma de las cerdas. La transparencia ofrece fusiones que parecen reales.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Gráficos nítidos para la Web y dispositivos móviles: Podemos crear objetos vectoriales de forma precisa en la cuadrícula de píxeles del archivo para obtener ilustraciones alineadas a nivel de píxel. También es posible generar imágenes exportadas para web nítidas y limpias mediante la activación de la función Align to Pixel Grid (Alinear con cuadrícula de píxeles) y mediante las opciones de suavizado para marcos de texto individuales.

Múltiples mejoras de la mesa de trabajo: Ahora es posible trabajar en hasta 100 mesas de trabajo de distintos tamaños en un solo archivo, que están organizadas y se visualizan del modo que desee (superpuestas o en cuadrícula). Podremos agregar, eliminar, reorganizar y asigne nombres con rapidez. Guarde, exporte e imprima mesas de trabajo por separado o juntas.

Shape Builder Tool (Herramienta Creador de formas): Es posible combinar de forma intuitiva, editar y rellenar las formas directamente en la mesa de trabajo simplemente arrastrando el cursor por los trazados y formas superpuestas para crear nuevos objetos y agreguar color sin acceder a diferentes herramientas y paneles. Ahora las tareas unir, excluir, recortar, entre otras se realizan de forma más rápida.

Mejoras de dibujo: Podremos trabajar dibujar por detrás, ignorando el orden de apilamiento, dibujar o colocar una imagen dentro, creando de forma instantánea una máscara de recorte. Podremos también unir trazados con una sola pulsación de tecla y ver los orígenes de la regla en la parte superior izquierda para escalar los símbolos con un control de nueve sectores.

permite perfeccionar los gráficos vectoriales en Illustrator a la vez que mantiene la estructura y la interactividad que agregó en Flash Catalyst. Efectos independientes en cuanto a resolución: Ahora veremos cómo los efectos rasterizados (como sombras paralelas, desenfoques y texturas) mantienen la apariencia ideal en diferentes medios. Podemos crear trabajos para diferentes tipos de resultados y conocer qué aspecto tendrán los efectos rasterizados sin importar los cambios en las configuraciones de resolución. Integración con Adobe CS Review: Podemos crear y compartir mediante Illustrator revisiones en línea para clientes y colegas, ya sea en la misma oficina o en cualquier parte del mundo. Publicamos la revisión en la Web y vemos los comentarios en Illustrator, de manera que podemos realizar el seguimiento de opiniones directamente sobre los elementos específicos del diseño. Adobe InDesign CS5 Documentos y presentaciones interactivos: La generación de documentos interactivos ha sido mejorada con más opciones y mejor soporte de exportación a Flash.

Edición de ida y vuelta con Adobe Flash® Catalyst™ CS5: Ahora podremos llevar los diseños de Illustrator a Flash Catalyst y cree experiencias interactivas sin que sea necesario escribir código. La edición de ida y vuelta nos-

Página 11 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Selección y edición de objetos simplificadas: Ahora es posible manipular el marco y el contenido del marco sin cambiar de herramientas. También podemos ajustar dinámicamente el espacio en blanco entre objetos a la vez que mantiene la relación entre los marcos.

Integración con Adobe CS Review: Podemos crear y compartir revisiones de documentos en línea desde InDesign para luego invitar a clientes a realizar comentarios utilizando un navegador con las herramientas de anotación. Al utilizar la integración de CS Review con InDesign, podemos ver los comentarios en el contexto de su maquetación de InDesign, lo que facilita la introducción de los comentarios recibidos para cumplir con los plazos de entrega de proyectos más eficazmente. Múltiples tamaños de páginas: Ahora es posible crear páginas con distinto tamaño en un único documento para agilizar la gestión de archivos. También es posible compartir la misma página maestra en las maquetaciones de distinto tamaño para obtener mayor eficiencia.

Página 12 magazine

Control de cambios de texto: Podemos ahora marcar el texto directamente en InDesign y controle de forma sencilla las revisiones de copias, de ésta manera conseguimos la versión definitiva más rápidamente al poder aceptar o rechazar cambios de texto dentro del documento.

Párrafos expandidos y columnas divididas: Ahora es posible dar formato a titulares, subtítulos o cualquier texto con rapidez para que abarque varias columnas en un único marco de texto sin tener que crear varios.

Mejoras de producción: Ahora podemos previsualizar páginas de InDesign e imágenes colocadas en Adobe Bridge. La versión minimizada del panel Bridge permite encontrar activos vinculados utilizados en una maquetación y arrastrarlos a otro documento InDesign. Eliminación de problemas de fuentes que faltan: Ahora InDesign instala automáticamente las fuentes necesarias cuando abre un documento y las desinstala cuando lo cierra. Es necesario tener la licencia de fuentes adecuada. Live Captions (Pies de ilustración interactivos): Podemos generar pies de ilustración estáticos o interactivos automáticamente desde los metadatos de la imagen y añadir texto antes o después de la etiqueta de metadatos seleccionada en InDesign. Es posible especificar la posición y el estilo del pie de ilustración, y añadir, opcionalmente, el pie de ilustración en su propia capa.

Nuevo panel Capas: Podemos gestionar las capas con facilidad en documentos simples y complejos y de ésta manera encuentrar, seleccionar, bloquear, ocultar, nombrar y cambiar el orden de apilamiento de los elementos de una página individual con rapidez y directamente en el panel Capas. Incluso podemos arrastre objetos de un grupo a otro. El comportamiento del nuevo panel Capas es parecido al panel Capas de Adobe Illustrator® y Adobe Photoshop®

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Adobe Flash CS5 Nuevo motor de texto: Ahora podemos controlar el texto mediante tipografía con calidad de impresión a través del nuevo marco de diseño de texto (Text Layout Framework). Es posible trabajar con columnas y texto bidireccional, y mantenga la composición y el formato con mayor fidelidad al importarlo de otros productos de Adobe.

Archivos FLA basados en XML: Podemos gestionar gestione y modificar proyectos mediante sistemas de control de origen y colaborar en archivos de un modo más sencillo. Una implementación no binaria basada en XML del formato FLA permite que los proyectos y activos asociados funcionen como elementos en un directorio o en una carpeta.

Code Snippets Panel (Panel de fragmentos de código): Ahora es posible incluir rápidamente código funcional para acciones, animación, audio, vídeo y navegación de línea de tiempo y controladores de eventos, reduciendo la curva de aprendizaje de ActionScript® 3.0 y aumentando la creatividad mediante la inserción de código prediseñado en los proyectos.

Editor de ActionScript mejorado: Podemos aumentar la velocidad de desarrollo con un editor de ActionScript mejorado que incluye una finalización de códigos y una sugerencia de códigos de clase personalizada. Es posible iniciar proyectos y controlar los aspectos clave del empleo de código de ActionScript de un modo más rápido, o consultar las bibliotecas de código externo de una forma mucho más eficaz.

Integración con Adobe Flash Builder: Ahora podemos usar el software Adobe Flash Builder como editor de ActionScript principal para proyectos de Flash Professio-

Página 13 magazine

Contenido

Full Screen / Normal

nal, agilizando el flujo de trabajo mediante la comprobación, depuración y publicación de contenido en Flash Professional mientras edita código en Flash Builder.

Spring for Bones (Flexibilidad para Huesos): Podemos crear efectos cinemáticos inversos más realistas con los nuevos atributos de movimiento agregados a la herramienta Huesos. Las opciones de intensidad y atenuación ofrecen movimientos físicos complejos y más realistas en una interfaz de usuario sencilla y familiar.

Nuevas herramientas Deco de dibujo: Ahora podemos agreguar efectos de animación avanzados gracias a un nuevo y completo conjunto de pinceles para la herramienta Deco. Crearemos rápidamente efectos de movimiento de partículas como nubes o lluvia, y dibuje líneas o patrones estilizados con múltiples objetos.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

ver su cascada y su contexto en lugar de emplear la herramienta de selección de etiquetas.

Adobe Dreamweaver CS5 Compatibilidad integrada con sistemas de gestión de contenido (CMS): Ahora podremos disfrutar de la compatibilidad de creación y comprobación para los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Joomla! y Drupal. Por otra parte, la función de archivos relacionados dinámicamente ofrece un acceso directo a archivos relacionados con una página, incluso en el caso de páginas dinámicas, y la navegación de vista en vivo ofrece vistas previas precisas de aplicaciones dinámicas.

Inspección de CSS: Podemos visualizar detalladamente el modelo de cuadro de CSS sin leer código y sin necesitar funciones adicionales, sólo es necesario desplazar el cursor sobre los elementos de bloque en la vista en vivo para

Página 14 magazine

Integración con Adobe BrowserLab: Ahora podemos previsualizar páginas web dinámicas y contenido local mediante múltiples herramientas de visualización, diagnóstico y comparación a través de la integración con Adobe BrowserLab, un nuevo Servicio en línea* de Adobe CS Live que comprueba de manera rápida y precisa el contenido web en diversos exploradores web y sistemas operativos.

Habilitar y deshabilitar propiedades de CSS: Podemos activar y desactivar de manera fácil y rápida propiedades de CSS directamente desde el panel de estilos de CSS, reduciendo la necesidad de editar manualmente código de CSS, ya sea de forma integrada, en el encabezado del documento o en una hoja de estilo externa. Sugerencias de código (code hinting) PHP de clase personalizada: Ahora veremos una sintaxis apropiada de funciones PHP personalizadas para poder escribir

Contenido

Full Screen / Normal

código de un modo más preciso. Podemos crear y mantener aplicaciones de manera rápida y obtener una perspectiva directa de los métodos, objetos y funciones PHP principales gracias a la sugerencia de códigos PHP dinámica.

Sugerencias de código (code hinting) específico del sitio: Podemos aprovechar las sugerencias de código en directorios y archivos no estándar en Dreamweaver CS5 que activan una compatibilidad de sugerencias mejorada para las bibliotecas PHP de terceros y los marcos de trabajo de sistemas de gestión de contenido existentes como WordPress, Drupal y Joomla!.

Integración con Business Catalyst®: AHora podemos aprovechar la integración entre Dreamweaver y el nuevo Servicio en línea de Adobe Business Catalyst (disponible por separado) para ofrecer potentes procesos empresariales en línea sin necesidad de programación.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

URL La URL o dirección del sitio es relevante a la hora de indexar correctamente nuestras páginas.

Preparando web páginas para buscadores - Parte I

Muchas empresas ofrecen servicios de posicionamiento para buscadores (SEO). Algunas son serias y efectivas, y otras ofrecen poco más que magia negra sin resultados medibles. Quizá antes de recurrir a proveedores externos nos convenga trabajar sobre nuestras páginas HTML y asegurarnos de que su contenido sea apetitoso para las arañitas de Google y otros buscadores. Para este ejercicio supondremos que ya tenemos una página creada y que sabemos cómo la queremos posicionar, en cuanto a tema y palabras clave.

Centraremos nuestra optimización del encabezado en los siguientes elementos: • Título <title>

Tenemos los siguientes elementos de interés:

• Descripción <meta name=”description” content=”algo” />

• Dominio

• Página

Título

• Directorios

• Parámetros

El título es muy importante. Su información sirve no sólo para indexación sino que también para su despliegue en las pestañas, texto predeterminado de marcadores y es el texto que aparece vinculado en los resultados de Google.

Como ejemplo tenemos: http://www.dominio.com/directorio1/directorio2/pagina. php?parametro=valor En ocasiones tenemos control sobre estos valores y en ocasiones no.

Algunas recomendaciones para escribir un título son: • De no más de 100 caracteres de longitud

Algunas aplicaciones, como WordPress ofrecen URL amigables para SEO, que tienen la siguiente forma:

• Legible por humanos y útil para ellos

http://www.dominio.com/titulo-de-la-pagina-u-otro-elemento-de-interes

Lo ideal es que el título sea único para cada página del sitio. Usualmente eso es más fácil de decir que de hacer, salvo que estemos trabajando con sistemas de publicación dinámicos.

Es digno de mención el uso de guiones como separador de palabras en la URL. Es mejor utilizar guiones que guiones bajos como separadores. La idea, entonces, es incorporar tantas palabras clave como podamos en la URL de nuestra página.

• Que realmente explique qué hay en la página.

Para definir el título en Dreamweaver tenemos la parte superior de la ventana de documento.

Descripción

Dividiremos nuestro procedimiento en cuatro partes:

Este trabajo no lo hacemos directamente en Dreamweaver, pero son decisiones de diseño que es conveniente tomar en la etapa de Arquitectura de Información.

La descripción es uno de los elementos meta reconocidos por Google1. Es importante sólo si Google la considera interesante.

1. URL

3. Cuerpo

Encabezado

¿Qué constituye una descripción interesante?2

2. Encabezado

4. Enlaces

El encabezado —de forma simplista— es la parte de la página cuya información está ahí para ser leída por máquinas.

Elementos de una descripción interesante son:

En el presente artículo cubriremos URL y Encabezado, dejando cuerpo y enlaces para entregas posteriores.

Página 15 magazine

Contenido

Full Screen / Normal

1 2

http://bit.ly/y6exh — Ayuda de Google http://bit.ly/bWUHWb — Ayuda de Google

www.magazinexpert.com

USER GROUP


Tutoriales

• Únicas

Tutoriales

• Bien delimitadas

• Relevantes El que sean únicas es importante. Cada página debería tener una descripción del contenido de la página, en vez de descripciones genéricas que se repiten de página a página. Relevantes se refiere a que las descripciones deben describir el contenido de la página, resaltando lo importante.

Conclusión Basta con tener cuidado en la elección de URL y la información que damos sobre nuestra página para comenzar a ser más relevantes para las búsquedas en Google y otros buscadores. En la próxima entrega revisaremos qué hacer con nuestro contenido para favorecer su indexación. Hasta la próxima! Acerca del autor: Rodrigo Duarte es Adobe Certified Instructor - Web Master, desarrollador ActionScript y docente con experiencia internacional, entre otros. Es coordinador académico de TCI (AATC) en Santiago de Chile y es comanager de MMUG.CL (http://MMUG.CL) AUG de Chile.

La descripción es un buen lugar para incluir datos delimitados, no sólo oraciones. Para incorporar una descripción de página en Dreamweaver utilizamos el menú Insert>HTML>Head Tags>Description. <meta name=”description” content=”Receta de la Cazuela de pollo en recetasraras.com. Sopa de pollo con vegetales. Cocina: chilena, costo: económico” /> La descripción de arriba contiene texto y datos delimitados. En general se recomiendan descripciones de menos de 400 caracteres de longitud.

Sitios Dinámicos En caso de estar trabajando con sitios dinámicos (contenido servido desde una base de datos) podemos variabilizar el meta description, y quizá es un punto que debamos tener en cuenta a la hora de diseñar la Base de Datos para el sitio.

CursoAdobe.com Capacitación Adobe Certificada Online AUTHORIZED

Training Center

CERTIFIED INSTRUCTOR

www.cursoadobe.com

Gracias a el panel Knowledge que incluye Photoshop CS5 ahora puedes aprender a usar fácilmente las características de éste programa.

Knowledge es un panel de Photoshop CS5 desarrollado mediante Configurator con la participación de Adobe y Peachpit. Este panel describe de forma extensa muchas de las tareas de Photoshop lo cual lo convierte en un interesante recurso de aprendizaje. Para acceder a al panel haces un inicio de sesión con tu Adobe ID haciendo clic en el botón CS Live de la parte superior derecha del programa y posteriormente vas al menú Window > Extensions > Knowledge. Lo más interesante es que Adobe planea otra etapa de éste proyecto la cual agrega interactividad al proceso de aprendizaje haciéndolo más “inteligente”. Si quieres conocer más sobre éste tema: • The Knowledge panel arrives in Photoshop CS5 (el blog de John Nack): http://bit.ly/bft26r

En caso de estar trabajando con un CMS (WordPress u otro) existen plug-ins para controlar las descripciones artículo por artículo, independizándolas del contenido.3 3

Adobe Photoshop CS5 te enseña a usar Adobe Photoshop CS5

• Introducing the Photoshop CS5 “Knowledge Panel” (blog de Terry White): http://bit.ly/acAe4H

http://bit.ly/SFGb — All in one SEO Pack para WordPress

Página 16 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

nuestros componentes, clases, y recursos de código, etcétera. En el explorador de proyectos, buscamos la carpeta src (Figura 2), presionamos click derecho, new package, y lo llamamos Componentes (la primera letra de la palabra debe están en mayúscula).

Controles personalizados en Flex Nivel: Intermedio

En el paquete, presionamos click derecho, new, MXML Component. Ponemos el nombre del Componente (cómo este funcionará como una clase, entonces la primera letra debe ir en mayúscula al igual que la primera letra de cada palabra compuesta). Para este ejercicio, vamos a crear un Campo de texto que tenga restricciones para que solo acepte números, en el campo Base don, seleccionamos la clase Group, cambiamos el tamaño por defecto a 200px por 200px (estos valores van a cambiar), y presionamos Finish (Figura 2).

Una de las ventajas que tiene el desarrollo con el framework de Flex, es la capacidad de crear controles personalizados basados en otros controles es decir, crear controles de usuarios con características especiales, que cumplan con ciertos procesos y que nos ahorren trabajo.

Ahora, tenemos un nuevo archivo con código independiente de la aplicación, que también cuenta con un entorno de diseño, sin embargo no lo vamos a utilizar. Después de la etiqueta “s:Group” vamos a crear un campo de texto y debe quedar tal como se ve en la figura 3.

Para iniciar, vamos a crear un nuevo proyecto de Adobe Flash Builder 4 (Figura 1), para este caso lo llamaré ControlPersonalizado, en tipo de proyecto seleccionamos proyecto WEB y utilizamos la SDK4 (con Flex 3 también es posible). Una buena práctica en el desarrollo de software, es tener un proyecto de pruebas, donde se creen las rutinas de prueba, los controles personalizados y todo lo que eventualmente pueda llegar a constituir un problema en el desarrollo, bien sea por su complejidad o por los riesgos del ejercicio.

Descripción: En la etiqueta s:Group, editamos el valor de ancho y alto, y lo ponemos del mismo tamaño de un campo de texto clásico: 132 x 22.

Presionamos el botón “Finish” para cargar la aplicación. Una de las ventajas del nuevo Flash Builder, es la posibilidad de trabajar paquetes (package), los cuales son carpetas lógicas que permiten administrar de una manera ordenada

Página 17 magazine

Figura 2. Creación de un nuevo package.

Figura 1. Creación de un nuevo proyecto.

Contenido

Creamos una etiqueta TextInput, esto crea un campo de texto en el formulario, el campo id, es muy importante, ya que gracias a este id, podemos acceder directamente a la información del campo. Las propiedades X y Y quedan en 0, para que se alineen al borde superior izquierdo del grupo. La propiedad restrict nos permite restringir o permitir valores dentro del campo de texto, en este caso, el campo solo admite valores numéricos, al intentar ingresar letras o caracteres especiales no será posible entrar ese tipo de datos. Finalmente las propiedades de ancho y alto del campo, las dejamos en 100% cada una, esto asegura que sin importar

Full Screen / Normal

Figura 3. Creación de un nuevo componente.

Figura 3. Creación de un campo de texto.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Si vas a invertir en capacitación que sea con los mejores!

el tamaño final del control, el campo de texto se acoplara a su contenedor. Guardamos y vamos al archivo del proyecto, es decir a ControlPersonalizado.mxml, estando en la vista de diseño, vamos al panel components y nos podemos dar cuenta que hay un nuevo control en la carpeta Custom tal como se ve en la figura 4. Ahora solo basta con arrastrar el control y probar el proyecto (Figura 5). Si intentamos introducir algún carácter que no sean números, no los acepta el campo de texto. La propiedad restrict se puede adicionar a cualquier campo de texto, la ventaja de hacerlo de esta manera es que no es necesario añadir esa línea cada vez que necesitemos hacer un control numérico, solo basta con crear un componente personalizado y utilizarlo las veces que sea necesario. Finalmente para acceder a la información del campo de texto, es necesario recurrir al id del control en el formulario y al id del campo de texto, de la manera como se ve en la figura 6. Lo último que hacemos es poner un botón en el formulario, que al presionar click, llame al método mostrarTexto(), este método muestra una alerta con el texto del campo de texto. Lo realmente importante es que para acceder a la información del campo de texto, solo se necesita poner el nombre del control en el formulario (campo1Txt), el nombre del campo de texto en el componente (campoTexto) y la propiedad text de este último.

Somos el centro de entrenamiento oficial Adobe con el mayor número de certificaciones en Colombia, todas actualizadas a sus últimas versiones. Nuestras capacitaciones son dictadas UNICAMENTE por instructores certificados por Adobe.

magazine

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED EXPERT

CERTIFIED INSTRUCTOR

Photoshop®

Figura 5. Resultado después de probar el proyecto.

InDesign ®

Flash ® Professional

Design Master

Figura 6. Accediendo a la información del campo de texto.

Illustrator ®

Acrobat ®

Dreamweaver ®

Design Master

Conoce nuestros programas de capacitación: www.xpert.com.co AUTHORIZED

Acerca del autor: Sebastian Vanegas es analista y desarrollador de sistemas de información, Adobe Certified Associate, fanático de la plataforma Flash. Instructor de desarrollo de software con Microsoft C# y diseño de software con herramientas Adobe. Blogger de http://undiaparahablar. blogspot.com

Página 18

Adobe Authorized Training Center Colombia Adobe User Group

Figura 4. Se ha creado un nuevo control.

Training Center

Tels: 8136456 - 3016640110 • email: adobe@xpert.com.co • Bogotá - Colombia

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Después de haber organizado la estructura de la librería procedemos a empezar a programar en flash.

Introducción a Papervision Nivel: Intermedio

Para crear una Camera3D usamos la siguiente línea var camara:Camera3D = new Camera3D();

En PV3D hay cuatro elementos fundamentales: Escenas, Camaras, Visores y el “cable” que une a los tres anteriores. La escena es como el entorno 3d abstracto de Papervision; la camara es como una camara real, el lugar desde donde se estará viendo el mundo 3d; el visor es el recuadro desde donde se ve lo que está capturando la cámara.

A continuación creamos el visor, este es de tipo Viewport3D, aquí editamos el recuadro de la visualizacion, como posición en X o Y, rotación, filtros o cualquier otra elemento que tenga que ver con la visualización. Creamos un objeto Viewport3D y los agregamos al escenario con el método addChil():

PV3D es un motor gráfico en 3D para flash el cual permite tener un entorno totalmente 3D y cuyo uso, entre otros, se puede enfocar a la realización de juegos.

var visor:Viewport3D = new Viewport3D (ancho,alto); addChild(visor); Finalmente, para tener la estructura básica completa, creamos el renderizador, el cual relaciona un visor a una cámara de un escenario. No tiene muchas cosas que editar, pero aporta una funcionalidad importante. Hay varios tipos de renderizador, usaremos el mas sencillo que se llama LazyRenderEngine:

El uso de PV3D es realmente sencillo, primero debemos obtener la biblioteca mas actualizada (PV3D 2.1.920). Esta la podemos obtener desde esta ruta:

var renderer:LazyRenderEngine = new LazyRenderEngine(escena, camara, visor)

http://papervision3d.googlecode.com/files/Papervision3D_2.1.920.zip Ahora ajustamos a Flash para que pueda usar la biblioteca, esto es, ubicar los archivos de la biblioteca en la misma carpeta que el fla, o poner la ruta de la biblioteca en la ruta de las bibliotecas del fla:

(Para poder crear el renderer es necesario tener previamente creados los demás elementos)

Asociando los conceptos al PV3D, la escena se denomina con un tipo Scene3D, alli es donde pondremos todo tipo de figuras, cubos esferas y modelos.

Ya hemos creado así toda la estructura básica de Papervision3D, aunque si probamos ahora aún no se verá nada.

Para crear un Scene3D añadimos la siguiente línea al código var escena:Scene3D = new Scene3D(); Ahora continuamos con la cámara, la cual es de tipo Camera3D. En esta editaremos las propiedades de la cámara, como posición, inclinación, zoom y ángulo de visión entre otros.

Página 19 magaz ine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Aún no hemos agregado nada a la escena, entonces, vamos a empezar por crear lo más sencillo, un plano.

actualiza lo que se ve, podemos modificar posiciones y rotaciones, pero sino renderizamos no se ve!

En PV3D todo elemento debe tener un material con el que se va a dibujar, por ejemlo un wireframe(malla), un color plano, o una textura (bitmap o un movieclip), por ahora probaremos únicamente con el wireframe, ya que es bastante sencillo de usar.

Ahora vamos a añadirle un poco de movimiento haciendo que el plano en cada frame de un giro de 5 grados, y que renderice para que veamos los resultados. Simplemente vamos a añadir estas lineas, para el evento enter frame: addEventListener(Event.ENTER_FRAME, girarPlano)

Antes de crear el plano, debemos crear el material instanciando un objeto de tipo WireframeMaterial. Este es el código: var materialMalla:WireframeMaterial = new WireframeMaterial(color, alfa, grosor);

function girarPlano(e:Event):void {

Al compilar esto veremos este resultado:

renderer.render();

Después de haber creado el material, creamos el plano de la siguiente manera:

} Ya tenemos un plano girando! Pero si lo notaste, hay momentos en que el plano desaparece y esto sucede por que para aligerar la carga del procesador, los objetos se dibujan por un solo lado; por ejemplo, al crear una esfera, esta no se va a dibujar por dentro, ya que no la vamos a ver desde dentro, pero en este caso si necesitamos ver ambos lados de el plano, así que agregamos la propiedad doubleSided al material del plano en true.

var plano:Plane = new Plane(materialMalla, ancho, alto); El mundo en 3d funciona bastante parecido al mundo 2d en flash, por ejemplo, para agregar un objeto a la visualizacion del scene3d usamos también el método addchild() tal como con cualquier otro tipo de objeto visual escena.addChild(plano); Si probamos justo ahora, tampoco se vera nada ya que render de pv3d carga en exceso el procesador, y si se hiciera automáticamente seria muy pesado mantener el archivo en ejecución, por este motivo el render se hace únicamente cuando le damos la orden al renderizador de la siguiente forma: renderer.render();

Página 20 magazine

plano.rotationY += 5

materialMalla.doubleSided = true El código completo:

Esta es una escena de papervision3d aunque aún no se ve el 3d. Como se hizo un solo llamado, sólo hace un render. Es importante llamar la función render, ya que permite

Contenido

Full Screen / Normal

import org.papervision3d.cameras.Camera3D; import org.papervision3d.render. LazyRenderEngine; import org.papervision3d.scenes.Sce-

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

ne3D; import org.papervision3d.view.Viewport3D; import org.papervision3d.materials. WireframeMaterial; import org.papervision3d.objects.primitives.Plane; var escena:Scene3D = new Scene3D(); var camara:Camera3D = new Camera3D(); var vista:Viewport3D = new Viewport3D(640, 480); addChild(vista); var renderer:LazyRenderEngine = new LazyRenderEngine(escena, camara, vista); var materialMalla:WireframeMaterial = new WireframeMaterial(0x00FFFF) var plano:Plane = new Plane(materialMalla, 100, 100); materialMalla.doubleSided = true escena.addChild(plano); addEventListener(Event.ENTER_FRAME, girarPlano) function girarPlano(e:Event):void {

Participa con la comunidad Adobe Tú puedes colaborar con el grupo de usuarios Adobe de muchas maneras, por ejemplo puedes proponer y preparar una conferencia de un tema que domines para realizarla en nuestras reuniones presenciales o virtuales, enviar tutoriales para ser publicados en el blog o en el magazine o simplemente ayudándonos a dar a conocer el grupo en tu universidad, empresa, etc.

Comunícate con nosotros al correo: aug@xpert.com.co

Preguntas de los lectores

Espero que hayan disfrutado el tutorial basico de Papervision3d. Pronto volveré con uno mas avanzado. Acerca del autor: Felipe Botero es estudiante de último grado de bachillerato,involucrado desde los 14 años en el desarrollo de aplicaciones Flash, interesado en asuntos tecnológicos referentes a las nuevas tecnologías multimedia digital y videojuegos. Con experiencia desarrollando realidad aumentada y papervision3D para diferentes empresas como ZeroFractal y Yoga Digital. Incursionando con nuevas tecnologías para el desarrollo de videojuegos como Unity3D y fomentando la facilidad de como los jóvenes pueden hacer parte de la creación de mundos digitales.

plano.rotationY += 5

Pregunta: Quiero aplicar la misma animación a varios elementos en Flash. Cómo puedo hacerlo? Respuesta: Hay varias formas de reutilizar animaciones en Flash, entre ellas: • Copiar y pegar la interpolación • Copiar la interpolación como código ActionScript • Guardar como un Motion Preset La última opción es la más conveniente pues permite reutilizar la animación incluso entre diferentes documentos. Envíanos tus preguntas al email: magazine@xpert.com.co

renderer.render(); } El resultado es el siguiente:

Página 21 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Paso 3: Con el semicírculo seleccionado vamos al menú Effect > 3D > Revolve y para abrir la ventana “3D Revolve Options” para evitar el brillo seleccionamos “Diffuse Shading” en la opción “Surface” (Figura 5). Paso 4: Dentro de la misma ventana “3D Revolve Options” hacemos click en el botón “Map Art...” para abrir la ventana “Map Art” donde en el menú desplegable “Symbol” seleccionamos el símbolo del mapa que realizamos el paso 1.

Crear un mapa del mundo en 3D Nivel: básico

El mapa se puede manipular desde los manejadores ya sea para escalar, rotar, etc. Para previsualizar el resultado sin cerrar la ventana marcamos la casilla de verificación “Preview”. Cuando tenemos el resultado deseado hacemos click en “OK” (dos veces) y tendremos el resultado de la primera imagen. Ya que la opción “Revolve” es un efecto dinámico, podemos editarlo en cualquier momento haciendo doble click sobre el nombre del efecto en el panel “Appearance”.

En éste tutorial mostraremos cómo crear un mapa del mundo en 3D con Adobe Illustrator mediante la caracteristica “Revolve” . Lo primero que necesitaremos será un mapa preferiblemente en formato vectorial (.ai, eps, pdf, etc) el cual abriremos con Illustrator. En internet hay muchos lugares donde descargarlos. En mi caso he usado el mapa de la Figura 2.

Figura 1. Resultado final.

• http://bit.ly/bNoQmZ (post recopilatorio con los links de diversos mapas para descarga gratuita

Paso 1: Tomamos el mapa y los arrastramos al panel Symbols (símbolos). Al hacerlo obtendremos él cuadro de diálogo de la Figura 3. En el cuadro de diálogo “Symbol Options” podemos dar un nombre al símbolo. La mayoría de éstas opciones son relevantes si vamos a pasar ésta archivo a Flash Professional. Cómo éste no es el caso, simplemente hacemos click en el botón “OK”. Ahora podemos borrar el mapa de la página pues no lo necesitamos. Paso 2: Dibujamos un semicírculo. La forma más fácil es dibujar un círculo con relleno azul (para simular el mar) y con la herramienta “Direct Selection” seleccionar uno de los nodos laterales y eliminarlo (Figura 4).

Página 22 magazine

Puedes descargar los mapas desde los siguientes links:

Figura 4. Semicírculo en modo Outline (izquierda) y Preview (derecha).

Figura 5. Resultado del efecto Revolve con la opción de Plastic Shading (izquierda) y Diffuse Shading (derecha).

• http://bit.ly/cDZCly (sito web con mapas de descarga gratis) • http://bit.ly/bN5767 (Mapas de pago de alta calidad) Figura 2. Mapa usado.

Figura 3. cuadro de diálogo “Symbol Options”.

Contenido

Si tienes dudas sobre este tutorial te invitamos a publicar tus preguntas en los foros Xpert: www.xpert.com.co/foros/ Acerca del autor: Marlon Ceballos (@adobexpert) es Adobe Community Professional y Adobe Certified Instructor - Design Master / Web Master, conferencista y consultor Adobe con 15 años de experiencia en diferentes aplicaciones y tecnologías. Dirige el centro de capacitación oficial Adobe (AATC) - Xpert y es manager del Colombia Adobe User Group - AdobeXpert (http://www.aug.com.co).

Full Screen / Normal

Figura 6. Al seleccionar Runtime en el Símbolo “mapeado” sobre la superficie de la esfera.

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

Adobe Flash Catalyst CS5 es el nuevo integrante de la Adobe Flash Plataform. Se trata de una herramienta con la cual el diseñador puede crear interfaces de aplicaciones mediante herramientas comunes para él y sin necesidad de código. Catalyst puede abrir archivos generados en Photoshop CS5, Illustrator CS5 o Adobe Fireworks CS5 y convertirlos en contenidos dinámicos e interactivos. A partir del archivo de Catalyst es posible exportar a SWF o AIR o enviarlo al desarrollador (este será probablemente el escenario más común) quien abrirá este archivo en Flash Builder 4 para agregarle funcionalidad.

Conoce al nuevo miembro de la Familia Adobe.

Uno de los nuevos productos que hacen parte de la Creative Suite 5 es Adobe Flash Catalyst.

El flujo de trabajo será el siguiente:

El desarrollo de una aplicación web debe incluir siempre SU EMPRESA un buen diseño visual de su interfaz, así que dentro del DEBE ESTAR PAUTANDO equipo de trabajo debería existir un diseñador que AQUI! conozca sobre estándares y usabilidad, entre otros temas Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, y que proporcione los elementos visuales al desarrollador; Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, sin embargo nos encontramos con dos inconvenientes: el Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, diseñador desconoce los parámetros de este tipoDiseño, de traPreprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, Fotografía, Impresión, Web, bajos y el desarrollador no tiene herramientas que le per- Diseño, Preprensa, Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, miten usar el archivo digital generado por el diseñador. El Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, diseñador generalmente entrega una imagen del diseño Diseño, Preprensa, Fotografía, Impresión, Web, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, de la interfaz y el desarrollador se enfrenta aDiseño, un dilema: Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, • Web, El diseñador crea el diseño de la interfaz de la aplicahacer su propia interpretación de esta idea mediante una Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, ción en Photoshop CS5, Illustrator CS5 o Fireworks CS5. maquetación CSS o descuartizar el archivo enviado porPreprensa, el Diseño, Preprensa, Fotografía, Impresión, Web, Será de gran ayuda el hecho de organizar todos los elediseñador y generar infinidad de JPGs, GIFs, PNGs, unidos Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, mentos en capas independientes. mediante DIVs. En el primer caso tendremos una variación Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, Fotografía, Impresión, Web, entre el diseño original; en el segundo caso tendremos Diseño, Preprensa, Fotografía, Impresión, Web, • El diseñador abre el archivo en Catalyst donde converuna web muy pesada (y muchas veces también con difetirá los diferentes elementos en componentes tales rencias respecto al diseño original). Finalizar esta relación como botones y scroll bars y agregará características 3016640110 - 8136456 de amor y odio entre el diseñador y el desarrollador es el email: aug@xpert.com.co como transiciones e interactividad. www.magazinexpert.com objetivo de Adobe Flash Catalyst CS5. magazine

Página 23 magazine

Contenido

Full Screen / Normal

/*AS*/

www.xpert.com.co Capacitación certificada Adobe 8136456 - 3016640110 adobe@xpert.com.co

www.magazinexpert.com

USER GROUP


Tutoriales

Tutoriales

• Catalyst respeta la integridad de los archivos que abre por lo tanto no existe diferencia visual entre el archivo en su programa original y abierto en Catalyst, además los cambios realizados en los archivos originales son actualizados en Catalyst. • El diseñador podrá modificar los elementos en Catalyst y agregar elementos nuevos mediante herramientas de dibujo y paneles como Layers y Timeline los cuales son comunes para él. • El diseñador puede previsualizar el archivo finalizado en el navegador antes de enviarlo al desarrollador. • El desarrollador recibe el archivo de Catalys y lo abre en Flash Builder donde podrá ver todo el código MXML de la estructura, transiciones e interactividad que Catalyst generó automáticamente el cual podrá modificar y posteriormente agregar la funcionalidad. Las modificaciones en el archivo de Catalyst se actualizan automáticamente en el archivo de Flash Builder.

La próxima versión de Flex 4 cumple un papel muy importante en este nuevo flujo de trabajo al incluir entre sus características una mayor orientación a la integración entre el diseñador y el desarrollador mediante un modelo de descripción de objetos para representar gráficos (Flex Graphics Markup) y el soporte para el formato de archivo FXG. Si deseas conocer más sobre Flash Catalyst puedes ver los siguientes enlaces de tutorialesadobe.com, Video2Brain y Lynda.com.: • Conoce la interfaz de Flash Catalyst: http://bit.ly/daExEx • Crear un buscador de Twitter con Flash Catalyst y Flash Builder 4 - Parte 1: http://bit.ly/diqSTE • Crear un buscador de Twitter con Flash Catalyst y Flash Builder 4 - Parte 2: http://bit.ly/dz9PRk • Crear un buscador de Twitter con Flash Catalyst y Flash Builder 4 - Parte 3: http://bit.ly/duL6ih • Introducción a Flash Catalyst: http://bit.ly/ao9esK • Flash Catalyst CS5 Essential Training: http://bit.ly/dxaOLs Acerca del autor: Marlon Ceballos (@adobexpert) es Adobe Community Professional y Adobe Certified Instructor - Design Master / Web Master, conferencista y consultor Adobe con 15 años de experiencia en diferentes aplicaciones y tecnologías. Dirige el centro de capacitación oficial Adobe (AATC) - Xpert y es manager del Colombia Adobe User Group - AdobeXpert (http://www.aug.com.co).

El gerente de ingeniería y desarrollo de Adobe Flash Catalyst es hispano y se presenta a los usuarios de la comunidad AdobeXpert. Nací en la República de Panamá; en la antigua Zona del Canal. He tenido la muy buena fortuna de haber viajado a diferente países en Centro y Sud América y conocer la grandeza y maravilla de nuestros continentes. Hice mi carrera en estudios en astronomía y física en el Florida Institute of Technology, seguido por estudios avanzados en ingeniería aeroespacial en Georgia Tech y certificados de gerencia en Stanford. Anterior a venir a Adobe y ser nombrado gerente de ingeniería y desarrollo para la aplicación Flash Catalyst, he trabajdo para Intel en el grupo de Computaciones Avanzadas Visuales; para Havok, una compañía dedicada a la producción de tecnología para el mercado de video juegos; y Autodesk, donde dirigí el desarrollo de la aplicación 3D Studio Max. Es mi profundo placer de tener la oportunidad de dirigir el desarrollo de nuevas tecnologías y nuevos flujos de trabajo y con el propósito de traer al mercado las mejores experiencias posibles para la comunidad y usuarios de Flash Catalyst. Por último, me pueden contactar a través de Twitter eb @adobe_rudy. Sinceramente, Rudy Cazabón

Página 24 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Comunidades

Comunidades

ADOBE GROUPS Los grupos de usuarios oficiales Adobe son comunidades que reúnen entusiastas de cualquier aplicación o tecnología Adobe para intercambiar ideas y conocimientos. De manera regular éstos grupos ofrecen reuniones y eventos con diferentes temas que enriquecerán tus conocimientos actuales.

Encuentra tu grupo de usuarios más cercano, regístrate en su sitio web y participa de los eventos programados ya sea como asistente o como conferencista donde podrás compartir tus habilidades y conocimientos.

Nombre

Pais

Manager

Sitio web

email

Twitter

Comunidad AdobeXpert

Colombia

Marlon Ceballos

http://www.aug.com.co

aug@xpert.com.co

@adobexpert

RIA Ecuador

Ecuador

Michael Borbor

http://www.adobeecuador.com

admin@adobeecuador.com

@mab_bond

BlocketPC - SMAUG

España

Raúl Jimenez

http://www.blocketpc.com

rjimenez@blocketpc.com

@elecash

RIActive

México

Edgar Parada

http://www.riactive.com

info@riactive.com

@riactive

vGroup

Costa Rica

Paul Marcel Salazar

http://groups.adobe.com/group/144

pmsj@vichitex.com

@vGroupCR

Dreamweaver User Group Spain

España

Adrés Cayón

http://www.dwug.es

andres@dwug.es

@tecnorama

Código.AS

España

Guillermo de la Iglesia

http://www.codigoactionscript.org

zguillez@cristalab.com

@zguillez

ARFUG

Argentina

Maximiliano Firtman

http://www.arfug.com

info@arfug.com

@firt

Girona AUG

España

David López

http://www.davidlopezgamero.com

david@davidlopezgamero.com

@davidlopezg

Acróbatas

España

Diego López

http://groups.adobe.com/group/528

arketipo@arketipo.net

Garage Flash

Perú

Elder Vásquez

http://www.garageflash.org

info@garageflash.org

@garageflash

Si deseas inscribir tu Adobe User Group hispano en éste listado, mándanos la información al email aug@xpert.com.co y nostoros lo publicaremos en el siguiente número.

Página 25 magazine

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.