Diplomado: Planeación y Diseño de Sitios Web en Xpert - Nov 24

Source: Adobe Colombia & Latinoamérica by Marlon Ceballos

Quieres aprender a diseñar sitios web profesionales que cumplan con todos los estándares? El Adobe Authorized Training Center - Xpert te presenta el diplomado “Planeación y Diseño de Sitios Web“, un completo programa de capacitación donde conocerás todas las etapas que van desde la planeación hasta el diseño de sitios web, aprendendiendo a usar de manera correcta las diferentes aplicaciones Adobe y aprovechando todas las opciones de integración y compatibilidad que agilizan estas tareas.

Contenido (120 horas):

• Adobe Fireworks CS4: Optimización de imágenes para web (8 horas)
• Adobe Fireworks CS4: Creación de prototipos web (6 horas)
• Adobe Photoshop CS4: Retoque y montaje de imágenes para web (11 horas)
• Adobe Flash CS4: Creación de elementos dinámicos (20 horas)
• Planeación de sitios web: Introducción a la Arquitectura de Información para la Web (4 horas)
• Adobe Dreamweaver CS4: HTML, XHTML y herramientas básicas del programa (15 horas)
• Adobe Dreamweaver CS4: Maquetación de sitios web con CSS (24 horas)
• Adobe Dreamweaver CS4: Introducción a la accesibilidad web (24 horas)
• Taller final: integración de las herramientas Adobe dentro del flujo de trabajo web (8 horas).

Estás interesado? Puedes encontrar toda la información sobre este diplomado en éste link.

Xpert es el centro de entrenamiento oficial Adobe con el mayor número de certificaciones actualizadas las cuales puedes verificar en éste link.

Taller gratuito presencial “ActionScript 3 con plastilina para diseñadores” - Nov 24

Source: Adobe Colombia & Latinoamérica by Marlon Ceballos

Si te perdiste la anterior charla online “ActionScript 3 con plastilina para diseñadores” pero vives en Bogotá queremos contarte que repetiremos esta charla de forma presencial en el Sena. No te la pierdas!

Aún no programas en Flash o sigues programando con ActionScript 2? El Colombia Adobe User Group - Xpert te invita a asistir un taller presencial totalmente gratuito dictado por un Adobe Certified Instructor - Flash CS4 donde conocerás los conceptos fundamentales de ActionScript 3 como lenguaje de programación para desarrollar contenidos dinámicos e interactivos en Flash.

• Lugar: Calle 52 No 13-65 - Auditorio del segundo piso - Sena Bogotá
• Fecha:Miércoles 9 de diciembre
• Hora: 5:50 pm - 7:30 pm
• Registro: Haz tu registro e imprime la confirmación para el ingreso.

El Adobe Influix Latin Flash Tour en Bogotá - Nov 17

Source: Adobe Colombia & Latinoamérica by Marlon Ceballos

El Adobe Influix Latin Flash Tour (si, un poco largo el nombre) fué una iniciativa de Lee Brimelow que permitió traer a latinoamérica una pequeña muestra de las novedades mostradas en el pasado AdobeMAX gracias al patrocinio de la empresa de hosting Influix (ahora entienden parte del nombre?) y la gestión de grupos de usuarios locales. Los países afortunados fueron Chile, Argentina, Perú, Colombia, Costa Rica y México donde los evangelistas de Adobe Lee Brimelow, Enrique Duvos y Mike Chambers (este último sólo en México) hablaron de lo que saben y nos interesa: la Plataforma Flash.

En Bogotá, el host del evento fué el MMUG y fué realizado el viernes 13 de noviembre en la universidad Tadeo Lozano. Los temas expuestos fueron Flash CS5, Flash Catalyst, Flash Builder, Flash Player 10.1 y AIR 2.

El resumen del evento es el siguiente:

Lee Brimelow (Evangelista Adobe enfocado en la Plataforma Flash) inicia hablando sobre las nuevas características que incorporará Flash CS5:

• Exportación para iPhone: fué interesante saber que hay limitaciones de memoria que seguirán obligando a los desarrolladores a usar Objective C cuando se trate de proyectos muy exigentes. A propósito, si deseas aprender un poco éste lenguaje tal vez quieras ver este tutorial. Además puedes ver un post anterior sobre el anuncio de la capacidad de exportación a iPhone desde Flash CS5.
• Soporte para Flash Player 10.1 y AIR 2.
• Custom Class Introspección, Code Snippets Panel, Texto TFL y otras características que puedes ver explicadas en éste post.
• Lee también explicó las caracteríticas de Flash Player 10.1 y AIR 2 sobre las que puedes leer en éste post.

Posteriormente Erique Duvos (Group Manager de Evangelistas de la Plataforma Flash en Europa) toma la palabra y hace una demo del flujo de trabajo Diseño - Flash Catalyst - Flash Builder mostrando una vez más la integración que será posible entre el diseñador y el desarrollador gracias a Catalyst. Puedes ver una serie de videos en español sobre Catalyst en www.tutorialesadobe.com, inluyendo una traducción del tutorial de Lee Brimelow: “Crear un buscador de Twitter con Flash Catalyst y Flash Builder 4“.

Finalmente se realizaron una serie de rifas. Entre los elementos sorteados se encontraban un tutorial de Lynda.com grabado por Lee Brimelow y llamado “Flash Player 10 New Features” el cual recomiendo ver a quienes lo hayan recibido. Por mi condición de manager de un grupo de usuarios Adobe no participé de las rifas

Esperamos que éste tipo de eventos se repitan en nuestros paises y agradecemos a los evangelistas por ésta iniciativa.

Crear rellenos de patrón en Illustrator - Nov 02

Source: Tutoriales Adobe by profeivan

En Illustrator es posible crear y aplicar 3 tipos de relleno: sólido, degradado y de patrón; un patrón (o también conocido como motivo) es un elemento que se repite varias veces generando texturas o mosaicos que pueden ser aplicados a figuras u objetos; un ejemplo clásico son las losas del piso o los grabados textiles. En este tutorial explicaremos cómo crear los rellenos de patrón.

Patrones básicos

1. Empezamos por dibujar el elemento que deseamos se repita como fondo de un objeto. Para nuestro ejemplo dibujaremos una flor utilizando la herramienta elipse. Para que nuestra flor tenga más pétalos añadimos algunos puntos de ancla activando Objeto>Trazado>Añadir puntos de ancla y luego, desde el menú Efecto seleccionamos Distorsionar y transformar >Fruncir & Engordar.



2. Aplicamos un color de relleno y eliminamos el color de contorno. Luego con la herramienta de Selección seleccionamos nuestra flor y la arrastramos a cualquier lugar dentro del panel de Muestras. Se creará una nueva muestra de patrón.



3. En el área de trabajo dibujamos un rectángulo, y en el panel Muestras y hacemos clic sobre la nueva muestra de patrón. Nuestra flor quedará aplicada como relleno del rectángulo. Como se puede observar, la flor se repite sobre una cuadrícula sin espacios entre elemento y elemento. De igual manera, no tiene un fondo de color.

La estructura de un patrón

Para entender los patrones podemos aplicar la “ingeniería inversa”, esto es: sí para crear un patrón arrastramos el elemento al panel Muestras; para soltar un patrón, desde el panel Muestras arrastramos la muestra de patrón a cualquier lugar del área de trabajo. Hacemos clic derecho sobre el objeto y activamos desde el menú emergente Desagrupar. La mecánica para crear patrones de Illustrator  consiste en agrupar el elemento seleccionado colocarlo al frente y dibujar un rectángulo invisible (sin colores de relleno y de línea) del mismo tamaño de los límites del objeto y lo colocarlo detrás.

Si deseamos que los elementos que forman nuestro patrón (en nuestro caso la flor) queden un poco más separados y con un color de fondo – y tomando como base lo explicado en lo explicado en La estructura del un patrón-, debemos asegurarnos que nuestro elemento tenga un fondo de color y que se extienda un poco más afuera de los límites del elemento. Para ello, al momento de crear el patrón, dibujamos un rectángulo, le aplicamos un color sólido y mediante el comando Enviar detrás, lo colocamos detrás de nuestra flor. Seguidamente arrastramos ambos elementos al panel Muestras para crear una nueva muestra de patrón.

Patrones complejos

En los patrones sencillos los elementos aparecen unos a lado de otros si entrecruzarse. Para crear patrones donde los objetos se entrelazan entre sí, o donde hay distintos objetos que forman parte del patrón, debemos utilizar una técnica distinta para hacer que el motivo se vea como un todo sin generar “divisiones” visibles.

1. Dibujamos un rectángulo y colocamos varias flores de forma aleatoria como se observa en la figura, procurando no dejar elementos sobre los bordes derecho e inferior del rectángulo. La posición de los elementos depende del tipo de patrón que se desea crear, podemos utilizar diferentes elementos de diferentes tamaños y colores. Es importante que los elementos que forman parte del patrón no tengan relleno de patrón aplicado.



2. La técnica consiste en hacer  que los bordes del patrón coincidan con su lado opuesto. De esta manera aseguramos que el patrón no tenga bordes visibles. El primer paso, es eliminar los objetos que sobrepasan el lado derecho del rectángulo. De igual manera podemos borrar también los objetos que solapan el extremo inferior del rectángulo.



3. La clave para crear patrones donde no se note la división entre elementos es utilizar las guías inteligentes.En el menú Ver]activamos las Guías inteligentes, luego seleccionamos los objetos que cruzan el extremo izquierdo del rectángulo y oprimiendo la tecla Shift añadimos el rectángulo a la selección. Nos aseguramos que el cursor esté situado exactamente sobre alguna de las esquinas del rectángulo (aparece la palabra Ancla) y arrastramos la selección hacia la derecha. Cuando el cursor “toque” el extremo derecho del rectángulo aparecerá la palabra Intersección indicándonos que los objetos están justo a la anchura del rectángulo. Sin soltar el ratón presionamos la tecla Alt para crear un duplicado. Finalmente, seleccionamos el rectángulo duplicado y lo borramos.



4. Repetimos ahora el paso anterior, pero esta vez seleccionando los objetos que sobrepasan el extremo superior del rectángulo y arrastrándolos junto con el rectángulo hacia abajo hasta que la se muestre Intersección y oprimiendo Alt para crear un duplicado. Eliminamos el rectángulo duplicado. (En este punto puede ser necesario cambiar la posición o tamaño de algunos de los objetos que quedan dentro del rectángulo).



5. Es indispensable que sólo los elementos que aparecen dentro del rectángulo sean parte del patrón; para esto debemos colocar una copia del rectángulo -sin color de relleno ni color de línea detrás de todos los elementos. Seleccionamos el rectángulo y en el menú Edición activamos Copiar luego desde el menú Edición activamos Pegar detrás (Ctrl/Cmd + B), desde la barra de control seleccionamos como color de relleno Ninguno y como color de contorno Ninguno.



6. Seleccionamos todos los elementos del patrón y los arrastramos al panel de Muestras. Obtendremos un nuevo relleno de patrón. Luego podemos aplicarlo como relleno a cualquier objeto.

Transformar patrones Por defecto, los patrones se aplican al mismo tamaño que fueron creados, sin embargo se puede cambiar la escala, la rotación y la inclinación de los patrones sin afectar el objeto que los tiene aplicados. Al hacer doble clic sobre cualquiera de las herramientas de transformación aparece un cuadro de diálogo donde se puede desactivar la opción Transformar objeto y dejar activada solamente la opción Patrón.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Crear un botón de Twiter en Illustrator - Oct 31

Source: Tutoriales Adobe by Marlon Ceballos

En este tutorial mostraremos como crear un botón de Twitter el cual puede ser usado en un sitio web. La mayoría de las herramientas y comandos usados en eneste tutorial no son nuevos así que deberías poder realizar el botón con versiones anteriores de Illustrator.

Paso 1: En Illustrator, creamos un documento nuevo de 640 x 480. Usaremos pixeles como unidad de medida.

Paso 2: Creamos un círculo de 200 x 200 px y un rectángulo de 365 px x 115 px lo cuales ubicamos tal como se ve en la imagen.

Paso 3: Seleccionamos el rectángulo, vamos al menú Effect>Stylize>Rounded Corners… y en la casilla Radius aplicamos un valor de 20 px, posteriormente vamos al menu Object y seleccionamos el comando Expand Appearance.

Paso 4: Seleccionamos tanto el círculo como el rectángulo, vamos al menú Window y seleccionamos Pathfinder y hacemos click en el primer botón de este panel (Unite). El resultado es una sola figura a la cual le aplicaremos 5% de gris como relleno, 20% de gris al contorno y un espesor de contorno de 2 pt. Posteriormente

Paso 5: Aplicamos una sombra a la figura con el comando Effect>Stylize>Drop Shadow… y aplico los valores que se ven en la imagen.

Paso 6: Creamos un círculo de 160 px x 160 px al cual le aplicamos un relleno 30R 115G 170B y contorno ninguno, posteriormente centramos este círculo en la parte circular de la figura creada en las etapas anteriores tal como se ve en la figura.

Paso 7: Ahora crearemos dos círculos que serviran de brillos. El primero será de 115 px x 90 px y el segundo de 80 px x 45 px. Alinearemos estos círculos tal como se muestra en la figura.

Paso 8: Seleccionamos el círculo que corresponde al brillo superior aplicamos un esfumado de dos pasos (blanco a blanco), cambiamos el desplazamiento del esfumado seleccionando el rombo de la parte superior de la barra del esfumado en el panel Gradient e ingresando el valor de 70% en la casilla Location. Cambiamos la orientación del esfumado a 90 grados y finalmente hacemos doble click en el stop color izquierdo (el ícono que parece una casa debajo de la barra del esfumado) y en la casilla Opacity digitamos 0. La opacidad en los esfumados es una característica nueva de Illustrator CS4, si estás trabajando con la versión CS3 o anterior podrás simular el efecto con un Opacity Mask (Máscara de opacidad). Puedes ver el resultado en la figura.

Paso 9: Seleccionamos el círculo que corresponde al reflejo inferior y le aplicamos un relleno 255G 255B (Cyan), contorno ninguno. Para desenfocar el círculo vamos al menú Effect>Blur>Gaussian Blur y aplicamos un radio de 15 px.

Paso 10: Dibujamos la letra T del logo de Twitter (eso si te lo dejo como tarea) la cual rellenamos de blanco y le aplicamos un contorno de 2 pt y 20% gris y finalmente el texto de la parte derecha que puede ser algo así como “Sígueme en Twitter” lo rellenamos con 160B 220G.

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Interfaz de InCopy - Oct 26

Source: Tutoriales Adobe by Marlon Ceballos

En este video mostramos los elementos que hacen parte de la interfaz de InCopy. Recuerda que puedes hacer click en el botón HD para ver el video en mejor calidad.

-

Tienes dudas sobre este tutorial? Puedes publicar tu preguntas en los foros Xpert.

Prey puede ayudarte a recuperar tu computador robado - Oct 15

Source: Adobe Certified Instructor by Marlon Ceballos

Ser víctima del robo de nuestro computador personal puede ser desde una molestia hasta un grave incidente ya que cada vez es mayor la información tanto personal como de trabajo que contienen estos equipos. Aunque lo mejor que podemos hacer siempre es evitar situaciones donde podamos correr el peligro de ser objetos de robo, a todos nos puede pasar por lo cual es buena idea tomar medidas al respecto como la ofrecida por Prey, un software que permite hacer el rastreo de un equipo que ha sido robado.

Cómo funciona?

Básicamente debes registrarte en el sitio web del fabricante donde se genera una clave del usuario, posteriormente registras tu equipo lo cual genera otra clave, finalmente descargas el software,  lo instalas en tu equipo (windows, mac y linux) e ingresas las dos claves anteriores. En caso de que tu equipo sea robado ingresas al sitio web y activas el tracking con lo cual recibirás vía email una foto tomada con la cámara del equipo (si tiene) y un screenshot del equipo con lo que podrás ver quien esté sentado en tu equipo y lo que hace.

Si bien este software no te asegura que recuperes tu equipo si te da un gran chance de que puedas hacerlo con la información que recibirás ya que según el fabricante, la mayoría de los ladrones no formatean el equipo sin antes buscar información en él. De hecho, miestras escribía este post ensayé el software marcando mi equipo como robado y a los 5 minutos recibí un reporte con la IP, mi foto y el screenshot de mi pantalla:

• Sitio web preyproject.com.
• Caso de éxito del software.

Adobe MAX online: sigue las mejores sesiones de este evento en tu casa u oficina - Sep 29

Source: Eventos Adobe by admin

Entre el 4 y 7 de Octubre se realizará en Los Angeles el Adobe MAX, un gran evento donde se reunen lo máximos exponentes de las diferentes tecnnologías Adobe tales como Ben Forta, Russel Brown y Terry White entre muchos otros, en pocas palabras se trata de un evento donde todos los seguidores de los productos Adobe quisiéramos estar.

Si tus lágrimas están a punto de brotar por no poder asistir te tenemos una excelente noticia: algunas de las mejores sesiones se podrán seguir vía web y además podrás participar con tus comentarios vía twitter. Sólo tienes que hacer un muy sencillo registro en este link con lo cual podrás disfrutar de las siguientes sesiones:

• Creative Suite 4 Evangelists’ Shootout (diseño)
• ActionScript 3.0 Tastes Good (and Is Good for You, Too!) (desarrollo)
• Why CEOs, CFOs, and CMOs Want Flash (But Don’t Know It)
• Photoshop CS4: Essential Techniques and Killer Tips with Terry White (diseño)
• How NOT to Code Flex (desarrollo)
• Learn How Design Can Make Complex Concepts Clear and Provide New Roles for Designers (envision)
• CSS Tips and Tricks for Web Design (diseño) (envision)
• Tackling Memory and Performance in Flash, Flex, and Adobe AIR (desarrollo)
• SEO Secrets, Technology, and Magic Behind Flash (envision)

Espero que lo disfrutes por que vale la pena, será como tener un MAX en tu casa u oficina!

Tabién recuerda que las grabaciones de muchas de las sesiones estarán disponibles posteriormente en el sitio web tv.adobe.com

• Adobe MAX Online

Adobe envía diplomas de certificaciones en formato digital - Sep 02

Source: Adobe Certified Instructor by Marlon Ceballos

La semana pasada presenté el exámen de certificación en Flash CS4 y hoy, una semana después recibo con sorpresa un email de Adobe con los diplomas ACI en formato PDF lo cual supongo que significará el fin de los diplomas físicos que normalmente recibíamos. Ahorro en impresiones y envíos? Cuidando el planeta? Sea cual sea el motivo, si ahora necesitamos diplomas físicos tendremos que imprimirlos nosotros mismos.

Es importante anotar que estos diplomas NO sirven como prueba de las certificaciones; la verificación se realiza mediante un link que Adobe provee para enviarlo a nuestros clientes.

Creative Suite Live! en México - Sep 01

Source: Eventos Adobe by admin

El 28 y 29 de Septiembre se llevará a cabo en México D.F. Creative Suite Live!, la conferencia más completa para diseñadores que utilizan y quieren dominar las aplicaciones de Adobe Creative Suite. Con sesiones que cubren desde Illustrator a InDesign, Photoshop, Bridge y Acrobat Professional. Si te encuentras en México o cerca esta es una interesante oportunidad para actualizar tus conocimientos.

Más información en el sitio web del evento.

Presentando de urgencia el examen de re-certificación en Flash CS4 - Aug 31

Source: Adobe Certified Instructor by Marlon Ceballos

Gracias a un post que publiqué hace dias sobre el proceso de verifición de certificaciones, la semana pasada una empresa de Cali me pidió un curso de Flash CS4 pero me exigió que enviara la verificación de la certificación. En realidad me alegra esta exigencia ya que es prácticamente la única forma de conocer si el instructor es realmente certificado.

Por algún motivo, el examen de recertificación de Flash sólo estuvo disponible hasta hace un par de semanas así que para poder enviar la verificación tuve que presentar el exámen sin poder estudiar (en frío) al contrario de como lo he hecho en las anteriores ocasiones. Al final pasé el exámen e incluso obtuve un 100% en el tema de ActionScript

Flash DE, un evento Flash en México - Aug 31

Source: Eventos Adobe by admin

Este sábado 5 de septiembre las comunidades RIActive, Garage Flash y Flash MC se unen para ofrecer Flash DE, un evento donde se hablará de la plataforma Flash. Si te encuentras en México no te lo puedes perder pues las charlas está muy interesantes:

• Migración de Actionscript 2 al 3 Edgar Parada (@edgarparada) y Alberto González (@albertx) por parte de RIActive

• Si Batman es superheroe… ¿Por qué no puedo ser programador? – Guía para el diseñador Flash Elder Vásquez (@eldervaz) por parte de Garage Flash

• Data visualization framework y axiis con Flex Omar Cornejo (@omarcs) por parte de Flash_mc

• Webcomic con Flash Vlad Bazan (@tehvlad) por parte de Flash_mc

Más información en este link.