Adventure Graphics

Como diseñadores graficos, diseñar anuncios publicitarios para alguna marca reconocida es una de las grandes metas profesionales que se tienen. Mas aun, que la empresa o producto busque al diseñador por su estilo es una gran satisfaccion profesional. Pero para diseñar publicidad se debe tener conocimiento de como hacer que un producto resalte por sobre el resto.
The Roxor ha reunido en un post, 12 grandes tutoriales enfocados al diseño publicitario de productos, con los que aprenderemos a crear anuncios que llamaran la atencion:

12 Eye-Catching Ad Tutorials

Fuente: The Roxor

Usar una imagen con una resolucion incorrecta es uno de los errores mas comunes que los diseñadores cometen al diseñar para impresos. El resultado es una impresion borrosa y de baja calidad, o que sea rechazada por el impresor. Si no se pone atencion en la resolucion de una imagen antes de empezar, es posible que al final tenga que rediseñar completamente su diseño. La siguiente es una guia rapida para y como preparar un diseño con la correcta resolucion de imagen, que el Blog Spoon Graphics ha publicado para todos nosotros:

¿Que es la resolucion de una imagen?

La resolucion de una imagen se refiere a la densidad de sus pixeles (o puntos de impresion) que componen una imagen o grafico. Mientras mas alta es la resolucion, mas nitida y detallada sera la imagen. Una baja resolucion da como resultado una imagen borrosa y con poco detalle.  La resolucion de una imagen se mide en DPI (Dot Per Inch) o puntos por pulgada  y PPI (Pixels Per Inch) pixeles por pulgada. Aunque parece ser lo mismo, existen algunas diferencias entre ambos terminos- DPI se refiere a un documento impreso y a la cantidad de espacio entre los puntos de Cyan, Magenta, Amarillo y Negro, mientras qie PPI se refiere a los pixeles de una pantalla. Los diseñadores e impresores  tienden a usar ambos terminos DPI y PPI indistintamente, de tal amnera que dicen DPI cuando quieren decir PPi. Por ejemplo: Un diseño a 72 DPI para un monitor en realidad debe mencionarse como 72 PPI.

300PPI vs 150PPI vs 72

Si Usted crea un documento de 10×10 pulgadas a 72 PPI, y otro de 10X10 pulgadas pero a 300PPI en Photoshop, notara que el tamaño es completamente diferente en la pantalla. Esto es  porque una cantidad diferente de pixeles fue usada en cada pulgada. En el documento a 72PPI solo se utilizaron 720 pixeles para crear todo el documento, mientras que en el documento a 300PPI se utilizaron 3000 pixeles.
Cuando se crean diseños para web, usualmente se utilizan 72PPI. Si calculamos la resolucion de un monitor antiguo de 15″ 1024×768 px entonces 68 PPI serian suficientes, mientras que los monitores actuales como el MacBook Pro de 15″ y 1440×900 necesitan hasta 96PPI. Mientras mas grande sea el tamaño y resolucion de un monitor, sera capaz de mostrar mucha mas calidad de imagen, pero por ahora 72PPI es la medida y regla estandar.

Cuando se diseña para impresion usualmente se necesitan 300DPI de resolucion en un documento. Siu el impresor le dice: “Haga su documento  de 297×210 mm a 300dpi”, entonces Usted debera crear un documento tamaño A4 a 300DPI (note el cambio de PPI a DPI). Si accidentalmente crea el docunmento a 72 PPI, entonces tendra que empezar su diseño desde cero nuevamente porque no podra generar por arte de magia los pixeles extra faltantes. Si Usted trata de cambiar la resolucion de 72 a 300, Photoshop tratara de interpretar que colores asignar a cada pixel adicional, pero podra imaginar que el producto final no lucira muy bien que digamnos. Esto se conoce como Resampling (Remuestreo).

Se puede cambiar una imagen de 72PPI a una de 300PPI por medio de la funcion Resizing o cambio de tamaño. Esto es cuando Photoshop toma el numero de pixeles que con los que cuenta y los divide de tal manera que trata de acomodar 300 pixeles en cada pulgada en lugar de 72, pronto se dara cuenta de que se quedara sin pixeles, entonces hace el documento mas chico. Esto no servira para ser impreso, pues el documento que deberia ser de 297×210 mm se ha transformado en uno de 72×50 mm. Esto es crucial cuando se trabaja con fotografias o carteles.
Algunas veces se encontrara con que le piden documentos para impresion a 150PPI. Esta resolucion es utilizada cuando se trabaja con graficos para gran formato, es decir, graficos que seran vistos desde una gran distancia, de tal manera que la calidad de impresion no es tan importante. Una resolucion baja hace que la computadora trabaje mas desahogadamente, pues trabaja con documentos con un tamaño mas pequño.
Si se crea un documento super grande (como un anuncio espectacular), el impresor le dira que haga su documento de un tamaño pequeño, pero a una resolucion muy alta (600 PPI). Esto es con la finalidad de que el tamaño del documento resulte en un tamaño de archivo pequeño (en megabytes). Asi el impresor podra escalar el documento a sus dimensiones reales usando la resolucion de 600ppi para crear un gran archivo a 150 DPI.

Resizing vs Resampling
Cuando se altera el tamaño de una imagen en Photoshop tenemos dos opciones: cambiar su tamaño (resize) o volver a muestrear (resample). Si elige remuestrear (por default en Photoshop), lo que hara sera alterar el tamaño de los pixeles en el documento. Si cambia el tamaño (desmarcando la caja resample), lo que cambiara sera la resolucion y por consecuencia el tamaño de impresion del documento.
La regla dice que remuestrear un documento para hacerlo mas grande es mala estrategia. Photoshop tendra que adivinar entonces que pixeles acomodar en los espacios faltantes. Remuestrear un documento para hacerlo mas pequeño esta bien, pues ya se tienen todos los pixeles necesarios.
Si cambia de tamaño una imagen, tendra el mismo tamaño de pixeles, pero alterara la resolucion y tamaño real de la impresion. Veamos un ejemplo:

El ejemplo de arriba es un diseño con un tamaño A3 (297×420 mm) a 300ppi. Si quisieramos imprimirlo en un tamaño cartel. ¿De que tamaño podria hacerse?

La respuesta correcta seria A3, porque la resolucion original de 300ppi es la que nos dara la mejor calidad de impresion. Sin embargo podria imprimirse tambien a 150ppi sin mucha perdida de calidad.

Si se desmarca la caja de remuestrear en la ventana de Tamaño de Imagen, podremos cambiar la resolucion de 300 a 150 sin afectar la calidad de imagen original. Esto hara que se acomoden 150 pixeles en cada pulgada en lugar de 300 con lo podran rellenarse mas pulgadas. El resultado sera un tamaño de impresion A1 (594×840 mm).
Este archivo A1 a 150ppi no se vera tan nitido como el original A3 a 300ppi, pero la diferencia no sera muy notable a menos que ponga ambas impresiones lado a lado.

Articulo escrito y publicado por Chris Spooner en su blog Spoon Graphics y que podemos leer en su entrada original desde este enlace: A Handy Guide to Image Resolutions in Print Design

Adobe Photoshop es el programa de edicion de imagenes mas popular y usado por los diseñadores profesionales, tanto graficos como web. Sin embargo a pesar de su popularidad, llegar a dominarlo en un 100% es una tarea que ni el mismo Thomas Knoll, creemos, puede actualmente llegar a lograr. Esa es una de las cosas que hace de este programa algo especial, es una fuente constante de aprendizaje para todo aquel diseñador que desee estar a la vaguardia y ser considerado un experto en Photoshop.
Y una de las maneras de mantenerse actualizado en el uso de Photoshop y sus herramientas, es por medio de los tutoriales que los grandes diseñadores y expertos comparten con todos nosotros por medio del Internet. Cada dia aparecen nuevos tutoriales con los ultimos efectos, trucos y tecnicas creadas para manipular y editar imagenes, y sitios como BlueBlots se dan a la tarea de recopilarlos por toda la red y presentarlos para beneplacito de todos nosotros. Esta vez han reunido 40 de los mejores y mas recientes tutoriales para Photoshop que ayudaran a incrementar las habilidades y calidad de diseñadores nuevos y aun de los que ya tienen experiencia.

40 (NEW) Good Quality Adobe Photoshop Tutorials

The Expandables (Los mercenarios) es la pelicula de accion del momento, con Silvester Stallone como guionista, director y actor, muy al estilo de las peliculas de accion de los 80s que iniciaron con Rambo (tambien escrita y actuada por Silvester Stallone). La cinta es un homenaje a este genero del cine e incluye a estrellas del cine de accion como Jason Statham, así como a los veteranos Dolph Lundgren, y Jet Li.  Los actores Arnold Schwarzenegger y Bruce Willis aparecen tambien en una actuacion especial.
Dentro de los carteles que promocionan esta pelicula podemos encontrar uno que es el tema de esta entrada: Una impactante imagen de un craneo humano y detras unas alas formadas por diversas armas. Pues bien, Chris Spooner, del blog Spoon Graphics, se dio a la tarea de reproducir el cartel y nos regala el tutorial en Photoshop mediante el cual lo realizo, completo armas y todo lo demas. Disfrutenlo

How To Create The Expendables Winged Skull Poster Art

En un interesante e ilustrativo articulo publicado por Computer Arts, Rob Carley habla con los mejores ilustradores de la actualidad, y reune 60 tips que resultan esenciales para todo ilustrador que desea progresar en su profesion, cualquiera que sea su especialidad. Algo en lo que todos estos bien establecidos ilustradores coinciden es que, no importa como trabajen o cualquiera que sea el medio o software que utilicen, el concepto, o la idea, es la pieza mas importante de un diseño.
Si esta en busca de un buen truco para Ilustrador, que debe evitar al utilizar Photoshop, o como empezar un proyecto de papercraft, alguno de estos tips le sera de utilidad. Asi que antes de empezar con ese proyecto que tiene en mente, de un vistazo a esta serie de consejos que nos ofrecen los mejores. Enseguida el enlace al articulo en su idioma original:

60 pro illustration tips

Todo diseñador siempre esta en busca de crear mejores imagenes, para logralo existen muchas tecnicas y procesos, inclusive un buen diseñador logra desarrollar sus propios metodos para mejorar sus diseños y hacerlos sobresalir por sobre el resto, y muchos mas comparten sus conocimientos con los demas diseñadores a traves de los diferentes blogs, foros y comunidades de diseño que existen en la red.
Computer Arts ha sido desde sus inicios, una de las publicaciones y sitios en la red donde los mejores diseñadores y artistas graficos comparten sus conocimientos con todo aquel que desee aprender. Esta vez nos comparte 20 nuevas tecnicas y consejos que los expertos comparten con nosotros para dar profundidad y textura a nuestros diseños por medio del uso de pinceles y texturas.

Make better images: Textures and brushes

El Matte Painting es una tecnica de pintura digital muy utilizada en el cine, mediante la cual se crean digitalmente los escenarios y mundos fantasticos que vemos en las peliculas. Combinando el fondo o porciones del fondo creado digitalmente, con  escenarios reales y los actores. se logran crear las tomas que tanto nos maravillan.
Pero crear un matte painting que sea realista es todo un proceso que requiere de amplios conocimientos en la manipulacion de imagenes, photoshop y progranmas de modelado 3D.
Daniele Scerra diseñador e ilustrador italiano, experto en modelado3D y efectos especiales para el cine, nos presenta en un fantastico tutorial para Photoshop, el proceso de creacion del matte painting para la pelicula  Barbarossa. Un interesante tutorial que nos sumerge en parte del proceso creativo que hay detras de una pelicula, pero sobre todo de la pintura digital o matte painting.

Matte Painting: Making of Barbarossa

Fuente: CGArena

Un nicho donde la tipografia ornamental tiene muchos seguidores, es el los carteles. Sean carteles comerciales o trabajos personales para galerias y exposiciones, el cartel tipografico es de las mas bellas expresiones del diseño grafico de hoy en dia.
Sin embargo crear un cartel donde la tipografia sea el principal elemento grafico, muchas veces requiere de crear la propia tipografia, ya que en la mayoria de los casos la idea o inspiracion que tiene el diseñador no se ajusta a ninguna de las tipografias disponibles, a no ser que se trate delo contrario yel diseño gire en torno a una tipografia ya existente.
Chris Spooner del blog Spoon Graphics, nos lleva de la mano a travez de un tutorial, donde tomando como inspiracion  las viejas computadoras ZX Spectrum de los 80s, crea un angustiante cartel tipografico, desde la tipografia en Ilustrador para despues pasar a Photoshop y aplicar varios filtros y efectos hasta lograr el resultado final.

Create a Distressed Vector Typographic Poster Design

En ocasiones, juntar varias imagenes en un grafico y hacer que se vean bien todas juntas puede llegar a ser todo un reto. Una de las cosas mas importantes en las que se debe trabajar es en los elementos de luz y color que se añadiran a la composicion, pues estos elementos son los que daran la libertad de crear el mundo que se quiere representar por medio de un  grafico. Este tipo de cosas pueden consumir bastante tiempo, pero dan a un proyecto de diseño el extra que hace que lo hara destacar sobre el resto.
El ajuste de color en un proyecto es lo que decidira el desarrollo del diseño. Patrick Monkel nos muestra en un tutorial como trabajando con contrastes, gradientes, mapas y filtros de color, se pueden crear efectos de luces y manipular las imagenes en un diseño de tal manera que parecieran tener vida propia.

Master dynamic manipulation

Photoshop es el software de edicion de imagenes que ha dado una nueva dimension a la fotografia. Sea un fotografo profesional, diseñador grafico o simplemente alguien que disfruta mejorando sus fotografias, Photoshop  ofrece una amplia gama de posibilidades para mejorar dramaticamente una imagen.
Los trucos y tecnicas para lograr esto son infinitas, desde cambiar el fondo a una imagen, añadir texturas, luces y sombras, modificar el aspecto de la persona fotografiada, quitarle o añadirle años, en fin la imaginacion es el limite.
El sitio Pelfusion ha reunido una muestra de interesantes tutoriales sobre retoque de fotografias por medio de Photoshop, que abarcan una amplia gama de efectos que pueden hacer la diferencia entre una fotografia comun y una imagen espectacular.

Add Your Face to a Movie Poster

Separating Complex Images from the Background

Realistic View Tears on Face

Retro Comic Book Effect

Adding Body Art

La lista completa en el siguiente enlace: 26 Photoshop Retouching Tutorials : Spice Up Your Photography!

Gracias a un tweet de Webtoolfeed