Pc o Mac

logosEl primer día Dios Jobs creo el Mac, el segundo día con un trozo de la carcasa creo al diseñador.

El mundo del diseño (al menos gráfico) ha sido coto privado de los ordenadores de la manzana durante muchos años. Incluso en los momentos mas bajos de Apple, cuando estuvo a punto de desaparecer,  seguía siendo un referente.

La devoción por los Mac está justificada no tanto por los programas que podemos manejar en él, sino por la estabilidad y potencia de su sistema.

De hecho el gran monopolio de software en cuanto a diseño es Adobe y lanza versiones de sus aplicaciones para las dos plataformas (MacOS – Windows) y prácticamente no hay diferencias entre ellas, de hecho un archivo de cualquiera de sus programas se puede abrir indistintamente en los dos sistemas operativos. El problema más grave que solíamos tener era la incompatibilidad de las tipografias, que actualmente parece casi superado, gracias a que las tipografías truetype son multiplatafoma, al igual que las opentype.

Adobe-Creative-Suite-6

Los usuarios de Mac (perdon Mac no tiene usuarios sino acerrimos adoradores) juran y perjuran que sus equipos no se cuelgan nunca, son rapidísimos y les hacen la ola cada vez que llegan a casa. Lo realmente cierto es que cuando se cae en las garras de la secta quedas totalmente atrapado y es muy difícil volver a los mundos de windows.

iMac-Fusion

En resumidas cuentas, si te vas a dedicar al diseño y te lo puedes permitir (aunque ya no hay tanta diferencia de precio en los equipos de alta gama) compra un Mac, que además es muy bonito.

Por cierto…. tengo un PC.

Maestros del Photoshop

El pasado viernes en Deia se publicó un [Enlace roto.](con vídeo incluido) de Martin De Pasquale, un artista argentino que realiza montajes de gran calidad con Photoshop. Visitad esta web o su facebook si queréis ver una muestra de su trabajo

manzana

Hay otros artistas que realizan montajes de este tipo, como el sueco Erik Johansson

facefist stayinbed stryktalig vasenPodéis visitar su web aquí

Hay una web que recopila montajes de photoshop, se llama Worth1000 y podeis encontrar trabajos tan espectaculares como estos…

rana worth1000

aguacate elefante fresa nuez rana1 serpiente usb worth1000_3

Sólo hace falta mucha imaginación y horas de trabajo. Ya lo dijo Thomas Alva Edison: “El genio es 1% inspiración y 99% transpiración”

La vida en Blanco y Negro

“Video killed the radio star”, el vaticinio que toda nueva tecnología acaba con la anterior en muchos casos es infundado. El CD no ha acabado con el vinilo y desde luego la fotografía en color no ha terminado con el glorioso blanco y negro.

Vamos a ver como eliminar la información de color de una imagen digital con Photoshop. En primer lugar buscaremos una imagen adecuada para nuestra labor, en todo caso debería tener mucho contraste ya que al eliminar la información cromática necesitaremos destacar elementos a través de la diferencias de la gama de grises.

Voy a escoger una máquina de escribir antigua que creo que es una imagen que se presta para la prueba que queremos realizar.

color

La abrimos con Photoshop y nos vamos a Ajustes/Blanco y Negro

ajustes

Automáticamente se aplican los ajustes por defecto y dejamos de ver la información de color.

ventana

Con los parametros que aparecen en esta ventana podemos controlar los tonos de gris resultantes de un color determinado, en este caso nos interesa que las letras amarillas den como resultado un gris cercano al blanco, y el fondo rojizo mas cercano al negro.

ventana_retoque

Y obtenemos el resultado

blanco_negro

Si disponemos de un archivo en formato RAW la conversión la podemos hacer con el Adobe Camera Raw (ACR).

raw_color

Situamos en su valor mínimo la saturación de color y con ello dejamos la imagen sin gama cromática.

raw_bn

Con el resto de parámetros como contraste, sombras, iluminaciones, claridad, etc….  y podemos conseguir magníficos resultados.

maleta

Acabo de subir al Flickr una muestra de fotos convertidas a blanco y negro, lo podéis visitar aquí

Etapas de construcción

Manos a la obra, vamos a construir una web. Empezaremos recopilando material, haremos los cimientos e iremos elevando poco a poco el edificio hasta llegar al tejado.

grua

 

El primer paso corresponde al área de marketing, planteamiento iniciales, requisitos, posicionamiento en el mercado, distribución de contenido, diseño de la estructura. Osea que nos toca la preparación del material de obra antes de empezar a edificar.

A continuación nos llega la tarea de planificar la parte más técnica, tipo de servidor en que vamos a alojar el contenido, tecnología que vamos a usar, decidiremos el lenguaje de programación a utilizar. En resumidas cuentas estudio del terreno y el diseño de los planos de construcción.

Y empezamos con los cimientos, integramos gente en el proyecto. Dependiendo de su tamaño necesitaremos analistas, diseñadores, programadores…. en caso de proyectos pequeños  incluso una sola persona puede desarrollarlo. No es lo mismo construir una cabaña en un árbol que un rascacielos.

La siguiente etapa es edificar la estructura. En nuestro esqueleto se empezará a plasmar todo el estudio previo y será muy importante ya que un error en esta fase puede dar al traste con todo el proyecto o acarrear problemas estructurales que convierten un buen trabajo en una pesadilla. Las goteras, grietas y demás problemas sólo aparecen si la estructura no es sólida.

Colocamos los tabiques y vamos dando forma al interior. Vamos integrando el contenido: textos, videos, imagenes… y vemos como se comporta nuestra web.

Y ya nos toca meternos con la fachada, el diseño exterior de nuestra flamante construcción. Construimos la interfaz, los diseñadores hacen su magia para que todo quede bonito.

Por último realizamos pruebas y estudios para comprobar que nuestro edificio es sólido y seguro. Un estudio de estres de la web es imprescindible para comprobar que va a soportar el tráfico de gente previsto en ella.

Como en todas las construcciones es muy importante el mantenimiento. Una vez realizado y entregado el trabajo hay que cuidarlo y mimarlo para que nos dure mucho tiempo. E ir realizando reformas y actualizaciones para que se mantenga sano.

Mamá quiero una web

Diariamente recibimos un bombardeo de información con la posibilidad de construirnos nuestra propia web, sin ningún conocimiento y por poco dinero. Cualquier pequeña empresa con pocos recursos puede tener una presencia online  sin necesidad de realizar un gran desembolso.

Sin embargo no todo es tan sencillo (ni por supuesto tan barato). Hacer una web es algo más que elegir una plantilla y subir unas fotos. Se me antoja imprescindible realizar un estudio previo de necesidades, valorar el posicionamiento en el mercado y demás elementos de marketing que no voy a detallar porque esto es un blog de diseño.

Las empresas de hosting (alojamiento web) han ido ampliando su negocio ofreciendo plantillas pre-diseñadas para que los usuarios las utilicen. Todos los ejemplos que nos aparecen tienen un aspecto absoluta y totalmente profesional (porque realmente están hechos por profesionales). Cuando el neófito en estas lides se lanza a componer su web comienzan los problemas.

webs

Disponer de una buena imagen corporativa, un buen logotipo, un diseño acorde con el posicionamiento en el mercado de empresa supone un importante gasto, en general poco valorado.

Planificar una web, conseguir una estructura equilibrada, un diseño personalizado, una navegación simple y organizada, una buena elección de colores y un contraste adecuado entre ellos requiere conocimientos y horas de trabajo.

En resumidas cuentas, si quieres ofrecer una buena imagen de marca, acude a un profesional. De la misma forma que si quieres reparar una tubería llamas a un fontanero.

Y si lo que quieres es dedicarte al diseño, aparte de los conocimientos de gráfica publicitaria vas a necesitar manejar una serie de herramientas que detallaré en un próximo post.

El tamaño sí que importa

Una campaña digital. Una sencilla adaptación de las piezas gráficas a formatos digitales. En resumidas cuentas llevar la imagen de una empresa a la cabecera de facebook, twiter y resto de medios digitales. Hasta aquí puede parecer sencillo, pero vamos mentiendonos en harina.

El primer problema con que nos encontramos es que desconocemos los tamaños necesarios para las imágenes, para ello hay una solución larga y tediosa que es visitar cada una de las páginas (de las redes sociales por ejemplo) y bucear en ellas hasta encontrar las características que buscamos. La alternativa es acudir a alguna de las páginas donde se recopila esta información. Altamente recomendable es esta de Autreplanete: Social Media Image Maker.

redes

Nos permite incluso generar las imágenes para las redes sociales del tamaño adecuado.

recorte

Hasta aquí todo perfecto, sin embargo hay que tener en cuenta que una campaña digital incluye un lema, el logo de la empresa, con lo que el ajuste en la redes se empieza a complicar.

miempresa

Sobre todo cuando lo probamos en la página donde la vamos a insertar

facebook

Es aún peor cuando no coinciden las proporciones de la imagen, como en un post de facebook.

facebook-post-normal

La única solución es tener los archivos de trabajo con los que han hecho la imagen de la campaña, y meter muchas horas para adoptar todos los formatos.

photoshop

recorte_photoshop

recorte_photoshop2

Además contamos con un hándicap añadido, cada cierto tiempo los responsables de las redes sociales y resto de medios digitales, tienen la costumbre de cambiar el diseño de sus webs. Con ello todos los tamaños de imagen vuelven a cambiar y volvemos a empezar de nuevo (acaba de suceder con Twiter).

Esas letras tan bonitas

Todos los profesionales o aficionados al diseño hemos pasado horas buscando la tipografía perfecta para un trabajo. Esas letras tan bonitas que tenemos en la cabeza y no encontramos.

letras

Una buena galería de fuentes nos van a dar mucha flexibilidad para cualquier proyecto gráfico. Sin embargo el abuso de diferentes tipografías en un diseño lo puede convertir en un desastre.

tipografia

listado

Otra cosa que sorprende al público en general es que las fuentes que podemos instalar no son siempre gratuitas, de hecho hay empresas que se dedican a diseñar y vender tipografías, podéis encontrar más información en el estupendo blog dedicado a la tipografía Unostiposduros.

En la mayoría de los casos, salvo que trabajemos para grandes corporaciones, buscaremos webs donde podemos descargar gratuitamente las fuentes o en su defecto a un módico precio. En Font Squirrel, Dafont, 1001 fontsThe League of Moveable Type, Font Fabric e infinidad de sitios mas se encuentran fácilmente tipografías de calidad sin coste alguno.

dafont

Actualmente tanto en PC como en Mac instalar una fuente es tan sencillo como descargar el archivo (normalmente está comprimido así que hay que descomprimirlo), localizar la tipografía que queremos instalar (con extensión ttf o otf), abrirla y darle al botón de instalar.

ttf

instalar_en-pcInstalar una tipografía en Windows

instalar-en-macInstalar una tipografía en Macintosh

Una sugerencia para todos y todas que estén pensando en dedicarse a este mundillo (bien en plan amateur o profesional), nunca, nunca, nunca jamas uséis la Comic Sans (posiblemente sea la tipografía más odiada). Hay una famosa web (bancomicsans) pidiendo su desaparición, e infinidad de artículos (por ejemplo en la revista gq o en el confidencial) explicando que no fue creada como tipografía, y que incluso su creador reniega profundamente de ella.