Archive for the ‘Casos de Éxito’ Category

Tutorial: Crear una galería de imágenes utilizando jQuery

Martes, Noviembre 4th, 2008

Si hay una razón por la cual jQuery se está volviendo tan masivo, es porque cumple con su eslogan (“Escribe menos, realiza más”) de pie a cabeza.
Y cumpliendo con dichas palabras, vamos a crear una simple galería de imágenes:

Galería de imágenes utilizando jQuery


Para eso vamos a utilizar un par de plugins:

  • jQuery Cycle Plugin: Para realizar la galería, navegación, control y transiciones
  • Fancybox: Para poder cargar la imagen original con un efecto de zoom…

Antes de empezar, puedes descargar los archivos de ejemplo

Leer más

Qué paso con los filtros Extract y Pattern Maker en Photoshop CS4?

Lunes, Noviembre 3rd, 2008

Cada versión de las aplicaciones Adobe trae consigo nuevas herramientas y funciones las cuales aumentan el espacio en disco que se necesita para su instalación. Si sumaramos todas la adiciones de una aplicación durante sus diferentes versiones sería prácticamente imposible contar con un computador que fuera capaz de almacenar todas las características de cualquier programa actual. Cuál es el secreto? Fácil, eliminar funciones. :-o Cómo? Adobe ha eliminado funciones de sus aplicaciones? No se supone que cada nueva versión adiciona características en vez de eliminarlas? Bueno, volviendo al principio, si no se eliminan funciones las aplicaciones serían muy grandes por lo tanto cualquier desarrollador, incluyendo a Adobe, debe eliminar funciones que en su opinión no han sido muy usadas o que se pueden integrar con otras herramientas, por ese motivo pocas veces lo notamos que falta algo.

Filtros eliminados en Photoshop CS4

Un ejemplo de la eliminación de funciones son los filtros Extract y Pattern Maker que Photoshop CS4 ya no trae, sin embargo, si deseamos seguir usándolos Adobe incluye dentro de sus discos de instalación una carpeta de Extras donde se encuentran estos filtros para poder instalarlos.

Otras funciones que no aparecen en Photoshop CS4 son: Contact Sheet, Picture Package y Web Photo Gallery, las cuales se pueden usar ahora desde Bridge CS4 con una interfaz mucho más cómoda.

Puedes encontrar más información sobre plug-ins, extensiones y presets no incluidos en Photoshop CS4 en esta nota técnica (en inglés).

Has notado otra función perdida en las aplicaciones Adobe? Cuéntanos de que se trata.

convert this post to pdf.

Huevos de Pascua en Adobe CS4

Lunes, Noviembre 3rd, 2008

Los huevos de pascua (Eastern Eggs)  son pequeñas bromas gráficas que los desarrolladores esconden en sus aplicaciones y estas son las que hemos encontrado en algunas aplicaciones Adobe CS4. La mayoría funcionan para versiones anteriores:

Huevo de Pascua (Eastern Egg) en Flash CS4

En Flash CS4, vas al menú Flash/About Flash (Mac) o Help/About Flash (Win) y en la pantalla resultante haces click en el número 4 del texto “Adobe Flash CS4 Professional” para ver una presentación con las fotos del equipo de desarrolladores.

Huevo de Pascua (Eastern Egg) en Photoshop CS4

En Photoshop CS4, vas al menú Photoshop/About Photoshop… (Mac) o Help/About Photoshop… (Win) mientras presionas la tecla Cmd/Ctrl y obtendrás una pantalla con el nombre código (code name) de esta versión: Stonehenge.

Huevo de Pascua (Eastern Egg) en Photoshop CS4

Adicionalmente en Photoshop, en el menú de los paneles Channels, Layers o Paths selecciona la opción Panel options mientras presionas la tecla Opt/Alt para obtener una divertida imagen del mago Merlín.

Huevo de Pascua (Eastern Egg) en InDesign CS4

En InDesing CS4, vas al menú InDesign/About Photoshop… (Mac) o Help/About InDesign… (Win) y cuando aparece la pantalla de créditos escribir “butterfly” (sin presionar enter) con lo cual aparecerá una pantalla con mariposas animadas a las cuales puedes puedes pegar y despegar del fondo haciendo click sobre ellas. Si adicionalmente haces click sobre las mariposas presionando Opt/Alt las harás caer.

Huevo de Pascua (Eastern Egg) en InDesign CS4

Adicionalmente en InDesign hay otro huevo de pascua que necesita un poco más de trabajo:  Vas al menú File/Print Presets/Define y creas un preset llamado “Friendly Alien”. Posteriormente escoges la opción File/Print y haces click en borde izquierdo superior de la miniatura de la página con lo cual aparecerá la animación de un extraterrestre en su nave.

Huevo de Pascua (Eastern Egg) en Illustrator CS4

En Illustrator CS4, vas al menú Illustrator/About Illustrator (Mac) o Help/About Illustrator (Win) y en la pantalla resultante verás a la diosa Venus que fué usada en versiones anteriores de este programa.

Huevo de Pascua (Eastern Egg) en Illustrator CS4

Adicionalmente en Illustrator abres el panel Brushes y haces click en el botón nuevo pincel o escoges la opción “New Brush..” del menú de este panel, seleccionas “New Calligraphic Brush” y en la ventana de opciones digitas los valores que ven en la imagen. Finalmente haces click en cualquier parte de esa ventana y obtendrás 3 pasteles.

Huevo de Pascua (Eastern Egg) en Illustrator CS4

También en Illustrator, si haces click en el Status Bar (ver imagen) mientras presionas la tecla Opt/Alt, verá 7 curiosas opciones adicionales entre las que se encuentran Moon Phase (Fase Lunar) y Eyes los cuales son unos ojos que siguen el mouse y me recuerdad un control panel que existió para mac hace tiempo.

Huevo de Pascua (Eastern Egg) en Illustrator CS4     Huevo de Pascua (Eastern Egg) en Illustrator CS4
Cuéntanos si conoces Huevos de Pascua adicionales en aplicaciones Adobe.

convert this post to pdf.

Recursos para Flash

Lunes, Noviembre 3rd, 2008

Esta es mi selección de sitios donde se puede encontrar material para aprender o para trabajar con Flash. Pueden descargar el pdf aquí. Nos gustaría igualmente, saber de los sitios que uds. recomiendan.

convert this post to pdf.

Efectos interesantes en Photoshop

Lunes, Noviembre 3rd, 2008

Como diseñadores siempre estamos a la caza de tutoriales que nos enseñen la mejor manera de crear ciertos efectos en Photoshop o en otras aplicaciones.  Bueno, para dar gusto a los fanáticos del diseño les tengo este sitio en donde pueden encontrar -en mi humilde concepto- muy buenos tutoriales sobre creación de texturas y efectos “sucios” en nuestro amado Photoshop. !Disfruten!

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

convert this post to pdf.

Crear conjunto personalizado de glifos en InDesign

Viernes, Octubre 31st, 2008

En el trabajo diario a veces necesitamos ciertos caracteres especiales como @, TM, ©, ® … además, en distintas fuentes. Para evitar estar buscando estos caracteres cada vez, se puede crear un conjunto personalizado de Glifos o pictogramas. “Los conjuntos de pictogramas no están relacionados con ningún documento en concreto; se guardan con el resto de preferencias de InDesign en un archivo independiente que se puede compartir”.

  1. En el menú Type active Glyphs y en el menú del panel seleccione la opción New Glyph Set (Nuevo conjunto de Glifos).
  2. Asigne un nombre para el conjunto de pictogramas (en nuestro caso Revista).

La idea a partir de este momento, es añadir al conjunto de pictogramas los caracteres que se requieran en cada una de las fuentes. Para esto, en la parte inferior del panel de pictogramas elija la fuente que contiene el pictograma que necesita, haga clic en el pictograma, y desde el menú del panel de pictogramas active la opción Add To Glyph Set. Repita estos pasos con cada uno de los pictogramas que desea añadir y con diferentes fuentes.

Para utilizar los pictogramas seleccione el nombre de su conjunto desde el menú Show (se mostrará unicamente los elementos añadidos a su conjunto) sitúe el cursor de texto donde desee colocar el elemento y dé doble clic.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

convert this post to pdf.

Framework para crear menus desplegables con CSS

Jueves, Octubre 30th, 2008

Free CSS Drop-Down Menu FrameworkJustamente hace unos días, mientras realizaba un trabajo, pensaba porqué no existía una forma más sistemática (o tal vez metodológica) para el armado de menús desplegables con CSS, y que sea funcional en los distintos navegadores.

Free CSS Drop-Down Menu Framework puede llegar a ser una interesante iniciativa, es un framework CSS para crear menús desplegables, pensado para ser flexible y escalable para distintas situaciones. Los ejemplos pueden accederse desde la misma web (aunque el de MTV es el que más me agrada).

Review - Gadget Advisor

Domingo, Octubre 26th, 2008

The best way to find what the others think about some kind of product are the blogs. In the last days i’ve discover a new cool site where you can find reviews about the latest releases on the tech world.

The Gadget Advisor is not intended to list every piece of news every day, but to give you a clear picture of the best choices on the new product releases and usefull available tools so you can achieve a better result on your daily tasks by getting the best products. Instead of searching around the web, reviews on different products, such as the best firefox extensions, you will be able to read a full review on the same place.

You avoid to going through page by page, searching for unuseful stuff, and getting only what you need. From computer hardware or software, gadgets, and tech news, you will be able to find everything here.

They have also a cool extension on firefox, the Google Cache Checker, which displays a checkmark icon if the current page is Google cached. If it is not, the extension displays a red X.  This makes it very quick and convenient to see if a page is Google indexed. For example, if you’re visiting a directory to see about submitting, you can see if the page you’re going to be submitting into is indexed.

Regarding the software reviews, i found one about Blaze Media Pro All in One, which gives a clear information about the value of the program and all the available features.

   Tagged: gadgets, Resources, Reviews, Software   

Presentación Adobe CS4: Ahora en Medellín!

Sábado, Octubre 25th, 2008

El Grupo de Usuarios Adobe en Colombia - Xpert estará el próximo 22 de Noviembre en el lanzamiento de la Adobe Creative Suite 4 en la ciudad de Medellín donde ha sido invtado por el equipo de Tresdobleu. Más información del evento en Facebook.

Haga click en la imagen para ampliar la imagen con la invitación al evento.

convert this post to pdf.

Ganador del concurso “Muéstranos tu mejor retoque”

Sábado, Octubre 25th, 2008

Presentamos el ganador del concurso “Muéstranos tu mejor retoque” que el Grupo de Usuarios Adobe - Xpert programó a través de su página Facebook:

ganador concurso retoque

El creador de este trabajo es Hersson Piratoba Torres quien recibirá un voucher por libros Adobe de la serie “On Demand”.

Los participantes cargaron a la página facebook 100 imágenes y muchas de ellas con trabajos realmente muy buenos que invitamos a conocer. Entre los trabajos que nos llamaron la atención se encuentra esta ilustración de Patricio Ruales Lopez que seguramente clasificaría en un concurso de ese tipo:

Agradecemos a todos los participantes e invitamos a toda la comunidad a continuar compartiendo sus trabajos en nuestra página Facebook.

convert this post to pdf.