• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

adobe

7 tutoriales de Photoshop para mejorar la calidad de tus fotos

Sebastián Thüer · 14.11.2012 ·

Cuando una imagen es un desastre, no hay posibilidad de mejorarla demasiado en Photoshop. Pero si la foto tiene un mínimo de calidad, existe una serie de retoques bastantes sencillos que permiten mejorar notablemente la calidad de la imagen. Este serie de tutoriales no enseña a trabajar sobre diferentes partes del cuerpo humano, especialmente sobre el rostro.

1. Mejorar una sonrisa con Photoshop

Mejorar una sonrisa en Photoshop

Crear una sonrisa en Photoshop puede ser complejo. Sin embargo, trabajar a a partir de una sonrisa para mejorarla es mucho más simple. Este tutorial nos enseña a blanquear dientes y darle brillo a los labios para hacer que la imagen sea digno de un acto de Hollywood.

  • Create Hollywood Smile

2. Darle glamour a los ojos con Photoshop

Darle glamour a los ojos con Photoshop

Cuando vemos el rostro de una persona lo primero que miramos suelen ser los ojos. Este tutorial nos enseña a darle brillo, nitidez y darle más sensualidad. Este tipo de retoque es la frutilla del postre, es decir, debe hacerse luego de que todo lo demás esté perfecto.

  • Photoshop Fashion Retouch – Shadowy, Sultry Eyes

3. Cambiar el color de pelo con Photoshop

Morochas que se transforman en pelirrojas, rubias que aclaran o oscuren su pelo según el contexto. En Photoshop cambiar la coloración del cabello es bastante sencillo y ayuda a darle más brillo a la imagen original.

  • Changing Hair Color In An Image With Photoshop 

4. Reducir las arrugas con Photoshop

Reducir arrugas con Photoshop

Uno de los errores más frecuentes al hacer este tipo de retoques es quitarle completamente las arrugas a una persona. De esa manera, el rostro luce inversímil porque tiene una piel tersa con facciones de una personas mayor. La clave está en atenuar las arrugas más visibles como enseña este tutorial.

  • Reducing Wrinkles With The Healing Brush In Photoshop

5. Crear una piel bronceada con Photoshop

Crear una piel bronceada con Photoshop

Photoshop permite lucir un bronceado estupendo sin necesidad de traspirar bajo el sol. Este tutorial muestra de manera bastante sencilla como modificar el tono de la piel donde la clave está en hacer una buena selección del cuerpo de la o el modelo.

  • Bring Tanned Look to the Skin

6. Suavizar la piel y borrar imperfecciones con Photoshop

Photoshop nos ha malacostumbrado a la piel perfecta. Sin poros, lunares o cualquier tipo de imperfección. Este tutorial muestre como suavizar la piel sin que parezca de porcelana.

  • Smooth Skin

7. Crear una imagen de retrato en Photoshop

Crear una miagen de retrato en Photoshop

Hay veces que una foto instantánea tiene destino de retrato. El problema es que no hubo mucho cuidado con la luz o el maquillaje. Este tutorial nos enseña a aplicar una serie de efectos para acercar la imagen al estilo de un retrato más profesional.

  • Beautify a portrait

—

Vía Tricks Daddy

Edge, una herramienta de Adobe para animaciones con CSS

Sebastián Thüer · 05.08.2011 ·


Una de las características novedosas de CSS3 es la posibilidad de realizar animaciones. Básicamente, a través de un conjunto de instrucciones es posible manipular un objeto para rotarlo, desplazarlo por la pantalla y modificar algunas de sus propiedades. Sin embargo, puede ser una tarea bastante compleja y abstracta para realizarlo desde una línea de código.

Consciente de ello Adobe Labs acaba de lanzar Edge, una herramienta destinada a que los diseñadores puedan animar contenido mediante una interfaz visual sencilla y fácil de manejar. Si vemos la captura de pantalla que han publicado en hacks.mozilla.org, la interfaz recuerda bastante a las primeras versiones de Flash:

Esta versión de Edge hace foco fundamentalmente en agregar animación enriquecida a proyectos de HTML para que se vean bien en diferentes dispositivos. Entre otras cosas ofrece:

  • Herramientas de dibujo y texto
  • Importar gráficos en formato SVG, PNG; JPG y GIF
  • Editor con línea de tiempo para animar modificando posición, tamaño, color, forma, rotación y más propiedades
  • Agregar animación a un proyecto existente sin modificar el diseño en HTML/CSS existente
  • Copiar y pegar transiciones, invertirlas y escoger entre más de 25 efectos predeterminados

Primeras impresiones

Las diferentes evaluaciones que hay de esta herramienta parecen orientarse en dos direcciones. Por un lado, los entusiastas de Adobe lo ven como el próximo estandard en animaciones simples para la web ya que realemente es sencillo de operar y permite realzar visualmente una diseño en poco tiempo.

Del lado más crítico, señalan que el código es bastante enredado y se basa en superpoblar de DIVs la página con lo cual seguir el código puede ser bastante complejo. Agregan, que en realidad no usa CSS puro sino que utiliza también la biblioteca jQuery. Los más puristas, también le achacan que no se utilice el poder semántico de HTML5.

Adobe Edge está en beta y se ofrece de forma gratuita para los usuarios registrados en Adobe.

Adobe lanza su Creative Suite 5.5

Sebastián Thüer · 12.04.2011 ·

Adobe acaba de anunciar el lanzamiento de Creative Suite 5.5, una nueva versión de su paquete de aplicaciones de diseño que está concentrada en mejoras sobre HTML5, Flash y, fundamentalmente, optimizar el desarrollo de aplicaciones para nuevos dispositivos como Smart Phone y iPad.

Esta actualización es parte de una nueva estrategia que está realizando la compañía. Hasta ahora Adobe venía renovando de forma más o menos importante sus aplicaciones cada 2 años, pero los tiempos de espera se hacían demasiado largas mientras se lanzan gadgets nuevos.

Los usuarios de Dreamweaver se verán beneficiados con muchas mejoras en HTML5 -funcionalidades que hasta ahora funcionaban a través de una extensión pero no eran parte del corazón del producto- y la ainclusión de frameworks de desarrollo para dispositivos móviles. Además, hay actualizaciones para Flash Builder y Flex, que también añaden soporte para tecnología móvil.

Además, se verán benficiados los diseñadores que utilicen in InDesign y quieran diseñar para tabletas como iPad, las basadas en Android y el nuevo BlackBerry PlayBook.

Licencias por suscripción

Las licencias de la suite de Adobe no son precisamente baratas, especialmente las más completas. Por eso es interesante la idea de lanzar un plan de suscripción mensual o anual que te permite disfrutar de una licencia por un tiempo acotado. No es una versión web sino el producto de escritorio 100% funcional pero con una clave de registro que vence luego de cierto tiempo.

Por ejemplo, una licencia de Dreamweaver arranca en $19 dólares y una Photoshop en $35. La suite básica son consigue por $65 y la Master Collection -con todos los productos- por $129 dólares. Una opción interesante por si te interesa un uso ocasional.

Sin embargo, para un uso a largo plazo te sigue conviniendo comprar la licencia completa. Considerando que el ciclo de actualizaciones es de 2 años, una suscripción por este tiempo a Adobe Creative Suite Web Premium te saldría $2136 dólares, contra $1799 de la versión full de una licencia permanente.

Adobe CS5, la nueva suite para el diseño web

Sebastián Thüer · 14.04.2010 ·

Como ocurre cada dos años Adobe lanzó su suite de diseño Adobe CS5 con nuevas versiones de sus principales programas. El lanzamiento mundial fue el 12 de abril y estuvo a cargo de John Loiacono, Vicepresidente Senior y Manager General de Adobe.

«Estamos tremendamente emocionados de presentar la nueva versión de Creative Suite, no porque está llena de nuevas herramientas de gran y características, sino porque estas características son complementadas por la capacidad para resolver problemas reales de flujo de trabajo de extremo a extremo», dijo Loiacono.

El flujo de trabajo, entendido como una línea que recorre al contenido desde su creación, entrega, visualización, testeo y optimización, es precisamente el gran protagonista en las novedades de Adobe CS5 que apunta a reducir el tiempo empleado para tareas que hasta ahora se hacían paso a paso.

Veamos un rápido repaso por las principales aplicaciones de la suite para el diseño web.

Photoshop CS5

Photoshop es una de los programas más antiguos de Adobe y uno de los que presenta las novedades más impactantes al permitir realizar tareas que llevaban bastante tiempo de forma muy rápida. La opción content aware es la estrella y permite eliminar objeto de un escenario sustituyéndolos por el fondo, como se ve en este video:

Puppet Warp es otra función muy interesante que descompone una figura en celdas donde se pueden insertar puntos de anclaje, al estilo de los programas vectoriales y algunos de 3D. De esta forma, es posible, mover y articular un objeto dentro de una fotografía con relativa facilidad.

Más novedades en Photoshop: selección de contornos mejorada para las máscaras, corrección de lentes para corregir distorsiones ópticas, edición avanzada de alto rango dinámico (HDR), corrección automática de la línea del horizonte y más.  En quesabesde.com hay una buena síntesis de las principales novedades de Photoshop CS5.

Dreamweaver CS5

El programa de diseño web por excelencia finalmente ofrece soporte para los principales CMS como WordPress, Joomla! o Drupal. Una tarea cada vez más frecuentes para los diseñadores es desarrollar plantillas para alguno de estos sistemas que hasta ahora se debía hacer en la vista de código y sin poder obtener una previsualización de los resultados.

Otro paso hacia donde avanza Dreamweaver es permitirnos ver cómo queda nuestras creaciones cuando son accedidas con diferentes navegadores. La comprobación de código puede funcionar bien, pero no hay nada mejor que ver en la realidad cómo luce la web cargada en un navegador con un sistema operativo concreto. Por eso Dreamweaver CS5 se integra con Adobe BroweserLab que permite generar capturas de pantalla de una web como si se viera con distintos navegadores y sistemas.

Otra novedad interesante es la inspección de CSS al estilo Firebug: al seleccionar un elementos se puede ver todas las clases que tiene aplicadas. Algo muy útil cuando hay que hacer ajustes finos o trabajar con muchos estilos y clases anidadas.

Este video muestra otra función interesante: el «pegado inteligente» de vectores y otros archivos directamente en Dreamweaver.

Flash CS5

La guerra entre Flash y HTML5 destapada a raíz de la falta de soporte de Flash en el iPad tiene un nuevo capítulo en Flash CS5 que convertirá las animaciones generadas con este programa en HTML5. Se trata de una jugada arriesgada pero brillante ya que permitirá a los diseñadores recuperar sus trabajos anteriores y hacerlos compatibles en aquellos dispositivos que no admitan el plugin de Flash.

Otra mejora de Flash tiene que ver con aquellos que escriben código ya que tiene un editor mejorado con la posibilidad de autocompletar clases personalizadas. Para los diseñadores, Flash CS 5 trae Text Layout Framework con lo cual la inserción de elementos gráficos dentro de un texto (emoticons, gráficos, dibujos, etc.) se hace mucho más sencilla. Eso sí, requiere tener el plugin Flash 10 instalado.

Debajo está el video de una presentación de Flash CS5 en Flash On The Beach:

El resto de Adobe CS5

Recorriendo brevemente los programas que componen la suite está claro que refuerzan su apuesta por la integración de los productos para poder llevar elementos de un lado a otro de manera rápida, clara y organizada. El pegado inteligente de Dreamweaver es un ejemplo de ello.

Para Illustrator CS5 hay novedades interesantes como la facilidad para trabajar el dibujo en perspsectiva, la capacidad de modificar el grosor de un trazo en puntos independientes y crear objetos con precisión de pixeles, algo que se agradece para el diseño web.

En el caso de Fireworks Cs5 ahora el programa se integra con Adobe Device Central con lo cual es posible producir diseños para varios dispositivos móviles. También agrega plantillas de diseño  y ofrece un mejor flujo de trabajo con Flash.

¿Hay algo que te guste especialmente de la nueva suite? ¿Esperás que cambie realmente tu modo de trabajo? ¿Qué cosas importantes se han dejado de lado? Me gustaría conocer la opinión de los lectores.

Más información

  • Sitio oficial de Creative Suite
  • Cs5.org: Mucha información sobre los productos de la suite
  • Análisis de Illustrator CS5 en GenBeta
  • Análisis de Flash CS5 en Cristalab
  • Análisis de Photoshop CS5 en QueSabesDe.com
  • Análisis de Dreamweaver CS5 en PC Magazine (inglés)

Lanzamiento y precio

Se espera que la suite Adobe CS5 esté disponible el público en mayo pero podés inscribirte para que te avisen cuando se lance al mercado. El precio de Adobe Creative Suite 5 Design Premium es de 599 dólares para las actualizaciones y 1800 dólares por la versión completa. Si hacés tu reserva hasta el 29 de abril el envío de la versión box es gratuito.

Photoshop: 20 años que cambiaron el diseño y la imagen

Sebastián Thüer · 19.02.2010 ·

Hace 20 años los hermanos Thomas y John Knoll unieron su pasión por el arte y la tecnología para crear Photoshop. Con una Apple Mac Plus Tom decidió resolver por sí mismo un problema para el que no encontraba solución: mostrar  una imágenes en escala de grises en un monitor monocromático. Así nació el programa que revolucionó el diseño y la producción de imágenes.

Un poco de historia

Thomas y John Knoll
Thomas Knoll (izquierda) y John Knoll (derecha), los hermanos creadores de Photoshop

En 1987 John trababaja para los legendarios estudios ILM de Lucas Film y Tom estudiaba procesamiento de imágenes en la Universidad de Michigan. Cuando hacía su trabajo de tesis Tom se dio cuenta que no podía mostrar imágenes en escala de gris en un monitor monocromático. Tenía un Apple Mac Plus y decidió escribir su propio código para convertir la imagen.

Su hermano vio los progresos y convenció a Tom de participar un proyecto mayor: Display. Tom comenzó a reescribir el código para que este programa pudiera trabajar con imágenes en colores pero pronto comenzó a agregarle más funciones: corrección del factor gama, abrir y guardar archivos en varios formatos y otras cosas más.

Uno de los avances más interesantes era un método innovador para seleccionar y modificar solamente una parte de la imagen y establecer un conjunto de rutinas que afectaran solamente esta selección. Esteconjunto de rutinas dieron lugar a lo que posteriormente fueron los plugins.

Los avances se fueron sucediendo. Agregaron funciones para ajustar los niveles de la imagen, controles para ajustar el balance, el tono y la saturación: Display se transformó en ImagePro. A pesar de la resistencia de Tom, su hermano comenzó a ver la posibilidad de vender el programa como una aplicación comercial para usuarios de Mac. Buscaron en el mercado un producto similar y no lo encontraron, por lo cual se convencieron de que el programa podría tener suerte.

El salto a Photoshop

Para poder dar un salto de escala con su proyecto necesitaban a inversores. En una de estas reuniones les sugirieron que cambiaran el nombre y así comenzaron a referirse al programa como Photoshop. Varias empresas estaban trabajando en desarrollos similares pero sólo una estaba abierta para la innovación de los hermanos Knoll: Adobe.

Russell Brown, director de arte de Adobe, quedó maravillado con la creación y convenció a su empresa que hiciera lugar a los hermanos para que siguieran desarrollando la aplicación. Los Knoll siguieron trabajando en Adobe para tener listo la primera versión oficial de Photoshop que finalmente salió a la luz en Febrero de 1990.

Thomas se encargó de desarrollar el código general de la aplicación, mientras que John se enfocaba en el desarrollo de los plugins de forma separada. Esta metodología sería luego replicada por múltiples programas y sigue vigente hoy en día.

Un dato interesante: Los hermanos Knoll nunca vendieron su programa a Adobe sino que lo licenciaron y distribuyeron a través de la empresa, con lo cual siguen recibiendo las regalías que produce el software.

El futuro de Photoshop

Los capítulos más recientes de las historia son más conocidos. Las sucesivas versiones de Photoshop fueron incorporando cada vez más funcionalidades. Si querés saber más sobre la historia de Photoshop en Computer Arts hay un muy buen artículo escrito hace 5 años que sigue vigente.

Yo comencé a trabajar con la versión 4 y creo que las horas que pasé aprendiendo Photoshop de forma autodidacta fueron divertidas y fundamentales para luego pasar al diseño web.

¿Que hay para el futuro? Photoshop CS5 probablemente llegue a mitad de este año con nuevas herramientas que permitirán pintar sobre una imagen de un modo mucho más realista, como se puede ver en este video:

  • « Ir a la página anterior
  • Página 1
  • Página 2
  • Página 3
  • Página 4
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder