Archivos para octubre, 2011


Aunque por el momento no hemos visto ningún cambio de nombre tal y como se rumoreaba en marzo, Adobe va a renovar la interfaz de Photoshop en la próxima versión de su Creative Suite. Su aspecto ya se puede ver en la imagen superior: se adoptan tonalidades grises y todo parece bastante más uniforme.

En la fuente comentan que esta nueva interfaz se parece a la de Aperture (la aplicación de retoque fotográfico profesional de Apple), aunque personalmente veo más similitudes con la apariencia que actualmente tiene Adobe Premiere. El apartado de gráficos tridimensionales que llegó con la versión CS5 recibe también muchas mejoras, convirtiéndose en uno de los puntos clave de la próxima versión a menos que en Adobe se estén guardando sorpresas.

Otras aplicaciones de la suite de diseño de Adobe podrían heredar también este aspecto para que todo el ecosistema de programas tenga la misma interfaz, aunque afirmar eso ya es meterse en terreno demasiado dudoso. Por el momento el diseño está presente en algunas versiones previas para los desarrolladores. Falta esperar a que Adobe presente las novedades oficialmente. Por el momento no hay fechas concretas de un lanzamiento.

Vía | AppleInsider


calendario 2012 vectorizado piramide Calendario para 2012 vectorizado con forma de pirámide

Como dirían los abuelos, parace que fue ayer cuando empezamos el año…pero no, lo que pasa es que el 2011 se está acabando, aunque no queramos (o sí) y hay que empezar a pensar en ir preparando agendas,calendarios, diarios y todo lo necesario para organizarnos en el próximo año 2012 para el que apenas nos faltan dos meses para llegar.

Una pirámide con tres caras, donde se han repartido los meses del año de 4 en 4 y en ellos han marcado en negro los días de entre semana y en rojo los fines de semana (sábados y domingo). Imagino que como está dirigido a cualquier país, por eso no han marcado días festivos pero puedes hacerlo tu y personalizarlocon los días festivos de tu calendario.

Una vez personalizado, lo podrás imprimir y montar con un poco de pegamento. Espero que te sea útil y decore tu escritorio durante un productivo 2012.

Descarga | Calendario Pirámide (1.4 Mb)


Esta es una lista numerada de consejos con el fin de respetar la usabilidad de un sitio, lo leí por ahí y aquí cito su fuente original: Accesibilidad, Usabilidad y Estandares Web

Si bien se podrán agregar puntos y quizás dejar de restarle tanta importancia a algunos, en general es una buena práctica hacer memoria de estos puntos para tenerlos presentes a la hora de trabajar.

Mi humilde aporte a esta lista ha sido simplemente marcar en negrita aquellos puntos que considero sobresalientemente importantes.

  1. La página funciona en los navegadores habituales (Explorer, Firefox, Opera, Netscape).
  2. La página se ve con cualquier resolución de pantalla, incluyendo los dispositivos móviles.
  3. Las paginas se cargan rápido con una conexión de un modem.
  4. El sitio cuenta con un mapa web o buscador.
  5. Se informa claramente que área o página del sitio se está visitando.
  6. Los enlaces visitados tienen diferente color que lo que aún no se han visitado.
  7. En caso de servicios o trámites en linea se informa de cuantos pasos faltan por completar.
  8. La página proporciona información y pide confirmación antes de completar una tarea importante.
  9. No hay errores durante la navegación por la web.
  10. Los campos obligatorios de un formulario aparecen destacados.
  11. Después de un error se puede volver a la página previa para intentar corregirlo.
  12. No hay enlaces rotos.
  13. Se mantiene una navegación consistente y coherente en todas las pantallas.
  14. El lenguaje es simple.
  15. No hay faltas de ortografía.
  16. La información está jerarquizada.
  17. Se usan anclas visuales.
  18. La información es corta y concisa.
  19. Existen zonas en blanco para poder descansar la vista y separar información.
  20. No hay contenido en movimiento.
  21. Hay suficiente contraste entre el fondo y el texto.
  22. La información está organizada con categorías lógicas.
  23. Se han seguido las pautas WAI para la elaboración de la página.
  24. LA página usa hojas de estilo.
  25. El HTML del sitio ha sido validado satisfactoriamente segun el W3C.
  26. La ruta de la página está visible.
  27. El menú de navegación se mantiene constante.
  28. Hay un enlace a la página de inicio en una zona visible en todas las páginas.
  29. En caso de utilizar javascript, flash o cualquier otro tipo de tecnología la página sigue funcionando cuando el usuario no dispone del plugin necesario.
  30. La página de inicio refleja la identidad corporativa de la empresa.
  31. El usuario sabe quién está detrás de la página y de la empresa.
  32. Hay un número de teléfono, dirección física o correo electrónico en todo momento en una zona visible.
  33. El usuario puede ponerse en contacto con el encargado del sitio web para hacer sugerencias.
  34. Se ha comprobado que funcionan correctamente todos los formularios.
  35. Hay alguien encargado de recibir y contestar estos mensajes.
  36. El usuario recibe una copia o confirmación de envío si lo desea cuando se completa una tarea.
  37. La ayuda ofrecida está ligada a la tarea.
  38. Ofrece sección de Preguntas Frecuentes (FAQ).
  39. Se dan ejemplos para facilitar las tareas.

Seguramente muchos hemos visto alguna vez en la web o en algún diseño impreso, esos efectos que simulan hilos de luz. Bueno, esta vez vamos a ver como podemos realizar este efecto en photoshop.

hilo_101

Lo más importante es siempre tener un objetivo para el efecto, esto siempre lo digo y tiene que ver con NO utilizar el efecto por un capricho de “me gusta” sino con darle un sentido y utilizarlo cuando amerite. En este ejemplo el hilo de luz va a rodear a un Iphone desde su base a la parte superior, transmitiéndonos quizás el brillo que tiene este teléfono tan popular, atractivo y usuable que ha lanzado Apple.

1 – Empezar el trazo

Lo primero que tenemos que hacer es seleccionar la pluma en el programa e ir cliqueando y marcando nodos en forma de zig zag al rededor del Iphone, como podemos ver en la imagen.

hilo_21

2 – Curvarlo

Una vez definido todo el trazo de forma recta, nos dirigimos a los nodos a ambos lados del aparato y los curvamos, para ello utilizamos la herramienta pluma pero dejando presionada la tecla Alt, esta nos permite desplegar los tiradores Bezier en el nodo.

hilo_31

3 – Contornearlo

Luego de haber curvado el trazado, pasamos a contornearlo con un color. Antes de eso debemos definir un tamaño de pincel y marcar la opción de “simular presión”. Esto es lo que hace que el trazo sea debilite progresivamente tanto en el comienzo como en el final. Para hacer esto tenemos que ir a las propiedades de pincel, como se aprecia en la imagen inferior.
Una vez definido el tamaño del pincel y la opción de simular presión, con la herramienta pluma seleccionada y en una nueva capa, hacemos click con el botón secundario del ratón y marcamos la opción “contornear trazado”. En la imagen vemos el resultado; ya casi lo tenemos, sólo resta iluminar el trazado resultante.

hilo_8

hilo_51

hilo_61

4 – Iluminarlo

A continuación aplicamos un estilo de capa al trazado; para ello marcamos resplandor exterior y modificamos las opciones a gusto de cada uno. Para lograr que la iluminación se aplique sobre la capa inferior, debemos marcar un “modo de fusión”, en este ejemplo se utiliza el modo “Luz fuerte”.

hilo_91

5 – Enmascararlo

Para simular que el hilo de luz está rodea al teléfono, tenemos que enmascarar intercaladamente al trazo. Para ello colocamos la capa del trazo en una carpeta (Ctrl + g) y le añadimos una máscara seleccionado el botón con esta función en la parte inferior del panel. Luego, con la máscara seleccionada lo que hacemos es pintar de negro en la zona que queremos ocultar.

Y bueno, colorín colorado, este cuento ha terminado. Espero haya sido útil…

hilo_11

¡Hasta pronto!


Esta vez vamos a ver como hacer que una fotografía digital actual, pueda adquirir un aire retro utilizando Photoshop. De eso se trata el efecto vintage, dotar a la foto de características que tenían las fotografías de películas Kodak o Fuji de la década del 70 u 80 donde la tonalidad era más lavada y en las cuales, con el tiempo se podían llegar a apreciar imperfectos tanto en los negativos como en la posterior manipulación del papel una vez ya revelada.

Un compañero me ha pasado este enlace de la fotógrafa Irina Werning, en la cual ella selecciona dos fotografías de la misma persona en distintas épocas pero en la misma escena, una actual y otra del pasado, aplicando un retoque vintage a la foto actual logrando igualar a la primera. Este es un brillante ejemplo para este tipo de ilustrar este tipo de retoque.

El antes y el después:

vintage

Videotutorial paso a paso:


Una buena recopilación de más de 140 tutoriales con efectos de texto clasificados por categorías.

tutoriales photoshop Texto 3D

140+ High Quality Categorized Photoshop Text Effects Tutorials


Apenas actualizamos a CS5 y ya se vio en el pasado Adobe Max una gran tecnología, para mejorar imágenes borrosas. ¿Será el paso a nuevos algoritmos, que veremos en el Photoshop CS6?



Behind All the Buzz: Deblur Sneak Peek | PHOTOSHOP BLOG