Master-Graphic es un blog dedicado única y exclusivamente a Photoshop e Illustrator , en el podrán encontrar cientos de ilustraciones vectoriales y recursos en general tanto para: diseño grafico como diseño web





Imágenes, las nuevas tendencias del diseño web

Cuando se está realizando el diseño de un sitio web la elección de las imágenes es un tema importante ya que es necesario encontrar el estilo que se encuentre de acuerdo con las tendencias actuales. Existen técnicas que permite integrar las imágenes en un sitio web y cualquiera que sea la elección siempre tendrá un impacto directo relacionado con la experiencia del usuario.

En el caso de paginas web que funcionan como tiendas los usuarios desean hoy ver en vez de fotos que reflejen personas y situaciones que sean más similares a las de la vida común y por ello es necesario integral fotografías que brinden precisamente esa imagen, algo que no se logrará con una foto de archivo.

Las visuales monocromáticas, relacionadas con un enfoque más minimalista del color, es algo que cada vez se está volviendo más popular entre los diseñadores. Puede tratarse de temas en blanco y negro o en tonalidades y matices pero centrados en un solo color específico, manteniendo así un aspecto más limpio y creando una apariencia equilibrada.


Otra tendencia que sigue siendo utilizada y muy bien aceptada por los usuarios son las infogragías. Se trata de imágenes que tienen por objetivo contar una historia o también transmitir conocimientos sobre un tema, siendo un tipo de herramienta de excelente impacto visual qu muestran un contenido de manera eficaz y concisa.

Las imágenes manipuladas representan una buena opción para hacer un trabajo de diseño web adaptado a la página específicamente, existiendo diferentes estilos que van desde el borroso al vintage dependiendo todo del tipo de filtro y efecto que se utilice.

Los gráficos y vectores brindan también un sentido estético determinada a la página web, sobre todo teniendo en cuenta que los gráficos vectoriales brindan la posibilidad de crear un efecto de dibujo digital a partir por ejemplo de una captura de pantalla. Es bueno recordar sin embargo que tanto para crear como editar archivos vectoriales es necesario contar con un editor especial.

Editar imágenes con GIMP

Un programa de edición de imágenes digitales ya sean dibujos o fotografía, GIMP es un software libre y gratuito que desde hace años ofrece una excelente opción de trabajo para los diseñadores web.

GIMP ha evolucionado a través de los años y hoy sus herramientas son mucho más potentes funcionando con extensiones, scripts y plugins diversos además de permitir hoy su uso en las tabletas digitalizadoras, siendo además el programa para manipular gráficos que en más sistemas operativos puede utilizarse, siendo una excelente competencia para el Adobe Photoshop.

Con GIMP es posible crear gráficos y también logos, además de recortar imágenes, cambiar sus colores, combinar imágenes a través del uso de capas, eliminar elementos no deseados y convertirlas en distintos formatos.

Asimismo, la interfaz de GIMP está en varios idiomas como el inglés, español, alemán, francés, italiano y coreano entre otros, presentando en su última versión interesantes herramientas de retoques y también la posibilidad de crear imágenes animadas como los archivos MPEG y GIF que se crean utilizando un plugin de animación.


GIMP lee y escribe la mayoría de los formatos de ficheros gráficos como JPG, GIF, PNG, PCX y TIFF, además de tener su propio formato abierto de almacenamiento de ficheros, siendo capaz de importar ficheros en PDF y Postcrip, además de la importación de imágenes vectoriales en formato SVG. GIMP cuenta también con herramientas de selección de imágenes ya sea rectangular, lazo, manual, por color y varita mágica, además de tijeras inteligentes, pincel, brocha, relleno aerógrafo, degradado y texturizador.

Los filtros que ofrece GIMP sirven para manipular colores y mejorar el aspecto general de cualquier imagen ya sea en su enfoque o desenfoque, eliminación de manchas, sombras y mapeado de colores, con un menú especial para el tratamiento de imágenes y la automatización de muchos procesos mediante macros o secuencias de comandos.

A través de sus desarrolladores se trata de mantener y crear una aplicación gráfica de software libre de muy buena calidad que sirva para la creación y edición de imágenes originales, como también de iconos, fotografías, elementos gráficos de las páginas web.

Efecto Glam-Blur de Photoshop

Con el efecto Glam-Blur de Photoshop es posible lograr una variante fotográfica excelente a la hora de procesar un retrato, tanto en lo que se relaciona con la toma de la fotografía en la que puede determinarse el resultado final a través de diferentes planos, como cuando se realizan los retoques con diferentes herramientas como el Photoshop Glam-Blur.

Durante el procesado de la imagen también existen opciones de realizar retoques y mejorar así los retratos utilizando las herramientas de suavizado, eliminación de manchas o imperfecciones. Dentro de las herramientas que ofrece Photoshop el efecto Glam-Blur que significa “desenfoque glamoroso” logra mejorar la nitidez de las imágenes.

Al aplicar este tipo de efecto sobre la imagen se pretende reducir la nitidez en las áreas del retrato que son menos importantes dentro del conjunto como puede ser el fondo, arrugas de la piel, imperfecciones logrando un desenfoque localizado y glamoroso que permite transformar la imagen y brindar mayor armonía.

En la mayoría de los casos se reduce la nitidez del fondo del retrato y se suavizan algunos aspectos del rostro como suavizar el tono de la piel para lo cual es necesario realizar ciertos pasos sobre el archivo de la imagen elegida, creando primero una copia sobre la cual se aplicarán los retoques, dejando la original debajo en una capa.


Con la herramienta Glam-Blur de Photoshop se eliminan las pequeñas manchas e imperfecciones que pueden detectarse en la piel, utilizando el pincel de corrector. También es posible reducir arrugas seleccionando la zona a corregir, arrastrar hacia el área de la que se desea tomar la muestra, soltar y el programa hace la corrección automáticamente.

Para oscurecer el retrato se aplica el desenfoque gaussiano de15px mientras que si se desea el efecto contrario o sea aclarar el desenfoque será de 25px modificando el modo de función precisamente en “aclarar”. Dentro de las posibilidades que ofrece Glam-Blur de Photoshop jugar con las tonalidades y lograr mayor nitidez de ojos, pelo o labios, variando la opacidad de la capa para determinar así la intensidad que desea darse al desenfoque.

Herramientas para optimizar imágenes

Un proceso fundamental que cualquier diseñador gráfico debe tener en cuenta es la optimización de imágenes a la hora de subir fotografías a una web, ya que esto sirve para reducir el tiempo de carga de la página web, mejora la experiencia del sumario y es también un punto positivo para el SEO del sitio.

Existen numerosas aplicaciones profesionales que permiten optimizar las imágenes ya que no es suficiente utilizar el Photosoph y optar por “Guardar para web” y por ello siempre es necesario utilizar alguna herramienta específica para optimizar las fotografías antes de subirlas al sitio web o blog de que se trate. 

Una forma sencilla de optimizar un sitio web es reducir el tiempo de respuesta en relación a la carga de las páginas y para ello minimizar el tamaño de la fotografías, reducir el peso de las imágenes aumenta la velocidad de carga de la web. 


Veamos entonces algunas herramientas gratuitas para optimizar las imágenes:
  • OptiPNG

Se trata de un optimizador de imágenes en formato Png que permite realizar una reducción de tamaño sin perder la calidad, convirtiendo además formatos externos como Bmp, Gif, Pnm y Tiff a Png, realizando además comprobaciones de integridad y correcciones.
  • Smush.it!

Esta aplicación creada por Stoyan Stefanov y Nicole Sullivan y se encuentra disponible como una extensión para usar en Firefox siendo compatible con la mayor parte de los formatos de imagen ya que convierte de forma automática los archivos Gif a Png.
  • Riot (Radical Image Optimization Tool)

Este optimizador de imágenes para usuarios de Windows se encuentra disponible como una aplicación independiente o también como extensión de IrfanView y es compatible con formatos Jpg, Png y Gif, ofreciendo la posibilidad de eliminar por completo metadatos de la imagen para reducir el tamaño final del archivo.
  • Pngout

Esta utilidad creada por Ken Silverman sirve para optimizar el tamaño de las imágenes conservando su buena calidad y puede ejecutarse tanto desde la línea de comandos de Windows como desde el cuadro de diálogo Ejecutar, ofreciendo un conjunto de opciones que además permiten personalizar las imágenes y soportando la mayoría de los formatos como Jpg, Gif y Png.