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





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.

Concept Inbox, herramienta exclusiva para diseñadores

Creada especialmente para los diseñadores Concept Inbox es una excelente herramienta que permite de forma sencilla la comunicación e interacción entre el profesional sus equipos y clientes, siendo ideal para incrementar la productividad.

Esta herramienta se encuentra en la nube y ha sido creada para que los diseñadores puedan obtener entre otras cosas tanto el feedback como la aprobación de un proyecto por parte de un cliente.

Así, el diseñador solo tiene que subir sus diseños a Concept Inbox, los recopila y gestiona desde este espacio de trabajo donde cliente y diseñador pueden interactuar e intercambiar ideas sobre puntos concretos de la imagen, dejar comentarios y aprobar el proyecto o hacer modificaciones. Esta herramienta ayuda a evitar posibles malentendidos y la utilización de mails, llamadas o reuniones que solo quitan tiempo a la s partes hasta que se llega a un acuerdo.


Entre las características que se destacan en Concept Inbox están la mejor comunicación, mucho más eficaz que el correo electrónico, permitiendo además la creación de prototipos interactivos sin necesidad de programación con la inclusión de listas que pueden mostrarse al cliente en un lapso corto de tiempo brindando mayor dinamismo a la comunicación.

Asimismo, Concept Inbox ofrece anotaciones gráficas sumamente claras sobre las imágenes y permite hablar cobre un determinado trabajo en tiempo real a través de una plataforma segura ya que utiliza tecnología Secure Socket Layer que mantiene los datos encriptados.

Una vez que se ha creado el proyecto para compartirlo con el cliente solo es necesario utilizar el enlace que se genera y que puede usarse a través de las redes sociales o por correo electrónico, solo es preciso copiar el enlace y enviarlo a la persona que se desea que apruebe las imágenes.

La primera vez que se utiliza Concept Inbox con un comentario o se aprueba una imagen será necesario registrarse, con una funcionalidad muy útil que permite hacer zoom sobre la imagen con solo presionar la rueda del ratón.

Nuevo Magic web Designes MX Premiun

Un programa que permite crear una página web disponiendo de todas las herramientas necesarias y una interfaz de usuario intuitiva el nuevo Magic web Designes MX Premiun versión 8 es ideal para los aficionados al diseño web.

La sencillez que presentan las herramientas del Magic web Designes MX Premiun permiten realizar de manera sencilla un trabajo profesional con facilidad ya que esta aplicación trae ya cargado un proyecto de sitio web con seis páginas en las que explica todo el funcionamiento. Esta nueva versión 8 del Magic web Designes MX Premiun es sumamente completa ya que incluye posibilidades de diseño gráfico y de texto común, en 3D, ideales para realizar logotipos, como también un editor de imágenes integrado, plantillas web y efectos dinámicos.

Al presentarse con una interfaz intuitiva permite la previsualización del trabajo realizado algo magnífico para comprobar los cambios que van realizándose, con una pantalla muy cómoda para trabajar que se divide en cuatro menús y un cuadro central donde se visualiza la página que se está trabajando. Ya en la parte superior de la pantalla aparece la barra de herramientas y una barra adicional permite cambiar las mismas cuando sea necesario pasando de editor de texto a un selector o editor de imágenes en segundos.

En la barra lateral izquierda existe un menú con herramientas como selección y edición de imágenes, edición de figuras, dibujos y textos, en tanto que en el lateral derecho están las galerías que ofrece el programa ya sean plantillas web, como páginas y capas, como también un mapa de bits y una galería de rellenos para la creación de fondos utilizando plantillas.


Por último, en el menú inferior se encuentras disponibles los colores que permiten editar las tonalidades de la página web como los fondos y los marcos de imágenes, sumando características excelentes para el diseño de alta calidad de manera rápida y fácil.

Todas las plantillas incorporadas en el Magic web Designes MX Premiun pueden editarse y los colores pueden cambiarse de forma sumamente sencilla, de ahí que cualquier plantilla elegida puede ser retocada y lograr una página web totalmente distinta a la original.

En relación al texto, tiene la ventaja que se ajusta de forma automática a las imágenes, mientras que el autoajuste del texto alrededor de los objetos facilita el trabajo, pues al insertar una foto por ejemplo el texto automáticamente se adapta a ella y solo será necesario ajusta la posición del objeto.

Con el editor de imágenes se puede retocar ciertos aspectos como brillo, enfoque y contraste, además de la posibilidad e insertar un objeto quedando con el mejor estilo de presentaciones de diapositivas. Ventajas del Nuevo Magic web Designes MX Premiun versión 8 Diseño de páginas web Edición de imágenes ampliada Diseño 3D (para logotipos y otros) Opciones de comercio electrónico Animaciones y efectos Optimización para posicionamiento en buscadores

Herramientas de diseño y desarrollo web fácil

Crear y desarrollar aplicaciones web con HTML5 y CSS3 es en la actualidad una tarea que se ha facilitado para los diseñadores web gracias a infinidad de herramientas de diseño y desarrollo con las que cuentan estos profesionales.

Existen numerosas aplicaciones con HTML5 y CSS3 que permite al diseñador web realizar creaciones magníficas de forma rápida y fácil y entre ellas se destacan:

  • Perkins

El denominado Perkins es un framework que ofrece a desarrolladores y diseñadores utilizar de manera sencilla el HTML5 y CSS3 ya que contiene un template que posee todas las etiquetas que soporta además de un variado conjunto de estilos CSS que incluye los más utilizados en la actualidad.

Esta herramienta es simple y fácil de usar, solo es necesario descargarlo y analizar las prestaciones que ofrece a los diseñadores profesionales y también a los aficionados al diseño web.
  • Less Framework 2

Otro interesante aplicación de desarrollo web es el Less Framework 2 que puede utilizarse en todos los dispositivos incluyendo los móviles. La idea al utilizar Less Framework 2 es no tener que escribir CSS distintos para cada dispositivo y al igual que la mayoría de los frameworks ofrece al diseñador varias funcionalidades entre las que se destacan valores predefinidas para las tipografías.


En el caso de Less Framework 2 CSS3 ofrece 3 presentaciones distintas, una de dos columnas para smartphones, otra de 5 columnas para iPads y netbooks y una tecera de 8 columnas para PC de escritorio y notebooks.
  • CSS3 Buttonize Framework

Con CSS3 Buttonize Framework el diseñador podrá añadir botones a la página web con CSS3, siendo una aplicación sencilla de utilizar.

Con esta herramienta es posible crear botones inclusive para quienes no saben nada de diseño web ya que solo necesitan subir las CSS y enlazarla en la sección HEAD del HTML de la página web, mientras que para que pueda verse el botón elegido es necesario utilizar la clase de botón de que se trata.

Esta aplicación es liviana, flexible y sumamente sencilla de implementar y corre en navegadores como el Chrome 10, Firefox 3.6, Internet Explorer 9 y Opera 11 o superiores.