Archivo de Octubre 2007

Recuerdo un ramo en la escuela de diseño donde nos hicieron hacer unas tarjetas en que teníamos que recortar formas y al plegar el papel debía armarse algo… recuerdo haber estado mucho rato intentando y rompiendo papeles…

Es por esto que me impresiona ver trabajos como los de Ingrid Siliakus de Amsterdam, Netherlands, donde más que una simple tarjeta, son verdaderas obras de arte.

En este link hay una recopilación de sus excelentes obras que nos muestra el talento y el oficio al trabajar.

paper-001.jpg

paper-002.jpg

paper-003.jpg

paper-004.jpg

Vector Magic es un sitio que traza imágenes bitmap y las convierte en formatos EPS y SVG (Scalable vector graphics).

Es una aplicación muy fácil de usar, solo cargar la imagen decidir la calidad del trazo final y listo.

El programa aún esta en su versión beta pero da muy buenos resultados.

vectormagic.jpg

Fuente: Webintenta

Partamos por lo esencial, hay varias formas de referirse a un Logo, y cada una tiene su significado.
Acá tengo algunos significados (dispuestos a cambios si lo ameritan) que nos aclararan un poco cada uno de los nombres:

Logotipo: secuencia de letras características que forman una o más palabras.
Logograma: Marcas graficas compuestas por siglas.
Isotipo o Pictograma: Imágenes con un significado claro y de lectura rápida. Pueden ser de carácter abstracto o figurativo.
Ideograma: Imágenes de lectura y significado complejo, cuentan con la mayor cantidad de elementos visuales.

Los más comúnmente usados, tanto por su nombre como por su forma son los Logotipos y los Isotipos

logos-logo-diseno.jpg

He hecho una recopilación de técnicas, consejos, galerías, making off, etc etc. Entre las cosas que podemos ver están algunos consejos para crear un buen Logo y las cosas que deben tomarse en cuenta a la hora de diseñarlo.

9 REGLAS PARA DISEÑAR UN BUEN LOGO

  1. NO muestres al cliente propuestas que no te convenzan.
    Cuantas veces decimos “el cliente escogió la peor propuesta que le mostré”, entonces no le muestres diseños que ni a ti te agraden o convenzan.
  2. Muéstrale al cliente el logo en Blanco y Negro.
    Lo primero que se deben enfocar es en el mensaje que manda el Logo, así que mostrarle propuestas de todo un arco iris de colores es incrementar la incertidumbre. Se sugiere mostrarlo sin tintas de color o gradientes. Posteriormente, cuando el cliente sepa lo que desea en cuanto a la forma ya se le mostrarán opciones de color.
  3. Diseñar el logo en programas vectoriales como Illustrator, Corel Draw o FreeHand.
    Lo mejor en el diseño vectorial es la posibilidad de aumentar el tamaño sin perder resolución, se puede exportar a Flash, además en diferentes formas de impresión te piden ese formato.
  4. Entrevístate solo con la persona que tomará la decisión final al escoger el Logo.
    No hay nada peor que toda una sala llena de gente “sabelotodo” y que te pedirán que cambies cada aspecto de tu logo, claro porque querrán justificar su presencia en la junta.
  5. Tienes que estar seguro que el Logo funciona hasta en el tamaño más pequeño.
    El Logo debe funcionar visualmente ya sea en un Jumbo o en una pluma.
  6. Evita utilizar filtros, efectos y otros cosméticos visuales.
    Si diseñas un Logo con la “moda actual”, para el otro año será algo “barato” y “fuera de moda”.
  7. Diseña el impacto visual en forma sintetizada.
    No llenes a tu logo con complejos mensajes visuales, no manejes infinidad de tipografías en el mismo. Un logo muy complejo diluye el impacto de la marca y se ve terrible en tamaños pequeños.
  8. Piensa en las diferentes disposiciones del Logo.
    Piensa en diferentes formas de representar el logo, ya sea en vertical u horizontal o aún sin algunos elementos, como en el caso de Apple que quitó esa palabra y solo muestra la manzanita.
  9. Prueba tu Logo en diferentes medios.
    No nada más se imprimirá en hojas blancas o en circunstancias de privilegio, algunas veces estará en la televisión, en grandes anuncios de carretera, junto a otros anuncios en revistas, en algún banner de un sitio comercial, etc.

CONSEJOS PARA EL DISEÑO

Utiliza la herramienta de dibujo de Flash:
Como sabemos Flash es un programa que sirve par hacer animaciones, incluyendo animaciones vectoriales. Y brinda mucha facilidad de manipulación, asi que si no eres ducho en Adobe Illustrator o Photoshop esta es una buena opción para comenzar a manipular los elementos.

Juega con la tipografía:
Las fuentes suelen ser una gran fuente de inspiración, y hasta se pueden volver un factor clave en la creación de un Logo. Es bueno que tengas una gran variedad de fuentes de donde escoger.

9_1.jpg

Juega con la diagramación:
Mirar las cosas desde diferente perspectiva te puede ayudar a tener un mejor enfoque, de que es lo que estas buscando para tu diseño.

9_2.gif

Una tipografía puede ser un Logo:
El ejemplo muestra claramente este punto.

fuente.jpg

Juega con las formas:
Existen muchos Logos corporativos que son representados por alguna figura, la cual puede tener cierta forma o color. Intenta combinar figuras, esto te puede dar un buen resultado.

9_5.jpg

Simplifica los objetos:
Puede ser que hagas el trazo de un automóvil vectorizado y esto te cree en un buen efecto. Recuerda que menos es más.

pasta.jpg

________________________________________________________

Traducción de un artículo en ingles que esta bastante buena.

20 reglas para diseñar un buen logo

texto original

1. Consigue la mayor información posible antes de empezar el proyecto.

2. Asegurarse de trabajar con quién toma las decisiones.

3. Obtén inspiración fuera de los libros de logos, Trata en el museo o en algún otro lado.

4. No uses degradados, Bueno, si debes usarlos, asegúrate que el logo luce bien sin ellos.

5. No confíes en los comités. Hay que tener un plan transparente y directo si acuerdas trabajar con comités (Nunca aceptes trabajar cuando haya más de un comité implicado en el proceso de aprobación)

6. No atosigues con preguntas al cliente, pero aprende a leer entre líneas sus respuestas.

7. No seas entusiasta, aún si el cliente no necesita el trabajo inmediatamente.

8. Deja los detalles finos para después de la aprobación.

9. Trabaja parecer actual sin parecer demasiado trendy. Más Sprint y menos AT&T. Círculos, gotas, engranes y logos biselados son tan trendys como la ubicua swoosh.

10. .Por más que te guste el logo que has creado, asegúrate de que esta balanceada con la tipografía (si están separadas) No diseñes un logo donde domino el nombre de la compañía o viceversa.

11. Simplifica.

12. Asegurarse de que sea legible en tamaños pequeños.

13. Haz la forma total única, piensa en la botella de Coca Cola.

14. Cuando estés creando las formas en Illustrator, usa los menos nodos posibles.

15. Comienza con algún boceto, aún si no eres experto, los bosquejos en papel son mejor que nada.
16. Comienza en blanco y negro. Preséntaselo así al cliente antes de que el color sea un factor .
17. Esfuérzate en crear una marca que trabaje para tu cliente, mientras permite que la compañía crezca y se expanda (sinceramente aquí no entendí el sentido de la traducción).

18. No pierdas la perspectiva total del cuadro. Yo mismo he encontrado detallando una marca que mirándolo objetivamente, no el cliente no necesitaba.

19. No presentes al cliente una propuesta que no te guste, seguramente la elegirán.

20. No olvides que el logo es apenas un elemento más dentro del gran esquema de la identidad y la marca.

_______________________________________________

Finalmente les dejo unos links de páginas con Logos vectoriales descargables y Logotecas varias en donde podemos encontrar inspiración y el buen uso de componentes.

best company logo Logos vectoriales

Best Brand of the Word los mejores logos del mundo (tambien descargables)

Completa guia del diseño de logos (ingles)

Logotecas

- http://www.lalogotheque.com/ (Miles de logos en formato vectorial Adobe Illustrator)
- http://www.distinktive.co.uk/logoed/logos.html (Ideal si tienes que diseñar un logo y andas buscando algo de inspiración)
- http://www.visual.gi/logoteca/logos.html (La logoteca. Símbolos, marcas y logotipos en castellano).
- http://www.logotypes.ru/default_e.asp
- http://www.portalpublicitario.com/logos/logos.asp (En castellano, con descarga en formato vectorial)
- http://www.allthelogos.com/ (Una guia visual con miles de logos)
- http://www.hqfl.dk/ (Logos de equipos de futbol de todo el mundo. Disponible descarga en Illustrator).
- http://www.logoteca.cl/ (sitio Chileno de marcas)

Proceso creativo de un logo

Idea Book Se puede descargar el Pdf

Inspiración

LogoPond recolección de Logos

Logoed mi favorita

_______________________________________________

Fuentes : ARTEgami, Webintenta

Existen muchas formas de buscar en Internet, Google es una de las mejores, pero es mejor aún cuando sabemos qué? y cómo? buscar…

En digilicious se dieron el trabajo de traducir y explicar más o menos para que sirve cada “truco” al buscar en Google.

Operadores Básicos

+
Obliga a las palabras a ser incluidas en la búsqueda, es muy útil con las “palabras recurrentes” que google bloquea como por ejemplo “de“
ejemplo: graphiccl+buscando+google
-
Permite buscar una palabra pero excluyendo los resultados de la palabra que esté luego del signo menos
ejemplo: fruta -manzana
OR
Busca uno u otro de los términos solicitados
ejemplo: guinda OR cereza

” “
Usar comillas permite forzar a google para que busque la frase exacta que le pedimos y no cada palabra por separado
ejemplo: “ilustradores famosos”

~ (cola de chancho)
Permite buscar sinónimos de la palabra solicitada
ejemplo: ~guinda

* (asterisco)
Es como el “ *.jpg ” permite solicitar todos los resultados que tengan una frase mas cualquier otra
Ejemplo: tutoriales photoshop*

Operadores Avanzados

filetype:
Devuelve resultados con un determinado tipo de archivo
Actualmente Google soporta pdf, ps, xls, ppt, doc, rtf, swf, txt, xml, java y otro
ejemplo: filetype:ppt estadisticas de internet

site:
Permite buscar algo dentro de las páginas de un sitio determinado
ejemplo: site:http://graphiccl.wordpress.com enmascarando

cache:
muestra la versión cache de un sitio determinado (se puede agregar al final un keyword también)
ejemplo: cache:http://graphiccl.wordpress.com

link:
Muestra un listado con los sitios que están vinculando al sitio de la búsqueda
ejemplo: link:www.adobe.com

related:
devuelve resultados de paginas que google piensa que se encuentran relacionadas de alguna manera con la buscada
ejemplo: related:www.apple.com

info:
Devuelve información general acerca del sitio que se busca
ejemplo: info:http://graphiccl.wordpress.com

define:
Entrega la definición de la palabra especificada en la búsqueda
ejemplo: define:diseño

Retrievr es un sistema buscador de imágenes por colores y forma que busca según un dibujo que hagamos o según una imagen, la idea es hacer una dibujo con los colores y las formas que necesitemos y el buscador se encargada de enviar una serie de imágenes que coinciden con los datos entregados.

Lo he probado y funciona, aunque no siempre entrega lo que queremos, pero es un buen método de buscar.

retrievr001.jpg

retrievr002.jpg

Esta es una de las cosas que me agradan demasiado, siempre he querido hacer algo como eso, así es que mientras me hago el tiempo tratare de imaginar que es lo que pintare…
















1. Busca buenos clientes. Aquellos que pagan.

Buenos proyectos vendrán de buenos clientes. Buenos clientes son aquellos que aprecian lo que haces y si, apreciar quiere decir pagar lo que uno se merece.
Puede ser que el buen cliente seas tu mismo y que tu futuro esté en crear tus propias obras (publicar tus propios libros o crear tus propios productos para vender al público).
Por otro lado, puede ser que te guste trabajar para otros y que dependas de buenos clientes para hacer buenos proyectos. Existe la teoría que dice que es posible educar a un cliente. Es posible, pero ese no es tu trabajo. Eso es trabajo del mercado. El mercado le dirá a tus clientes si aciertan o se equivocan. Si se equivocan, aprenderán la lección y vendrán a ti con la lección aprendida.
Lo que si es tu trabajo es hablar de forma clara a los clientes y mostrarles tu punto de vista de forma clara. Si tienes un punto de vista claro y lo comunicas, atraerás a clientes afines a tus ideas.

2. Ideas, Ideas, Ideas. Cobra por tus ideas, por el valor añadido, no por la ejecución

El valor añadido es lo único que te puede salvar. También puedes vender ejecución, pero ese sector es más complicado y la Indica o China están a la vuelta de la esquina. Vende el valor añadido de las ideas.
El buen diseño no es color, no es forma, no es composición. El buen diseño son buenas ideas. Ideas que ayudan, ideas que ayudan a entender, ideas que entendidas ayudan a crecer, desarrollar, decidir.

3. El buen diseño empieza en el buen contenido. Deberás escribir.

Para diseñar bien necesitas buen contenido. Esto lo sabes tu, no tu cliente. Tendrás que reescribir o escribir de cero el contenido para que tu proyecto quede bien.
Redactar titulares que se ajusten a tu diseño, destacados, cifras, crear gráficas, etc… deberás ajustar el contenido del cliente a tu diseño para que todo quede como esperas.
Es casi imposible hacer buen diseño sin un buen fundamento. Ese fundamento suele ser contenido. Puede ser que el contenido sea “fotos”, “texto” o una “necesidad”. Si la necesidad que cubre el diseño es floja o con poco sentido, tu diseño tambien lo será.

4. El buen diseño es eterno

Las tendencias no te llevarán lejos. Aspira a crear un diseño eterno. Ayuda a que tu cliente tenga soluciones duraderas. Construye un futuro sostenible basado en proyectos duraderos que te permitan ir sumando elementos a tu proyecto.
Si te subes a las tendencias, tu proyecto estará construido de piezas que tendrás que ir reemplazando cada temporada con lo que no crecerás.

5. El buen diseño es para todos

Esto no quiere decir que tengas que hacer cosas mediocres. Pero el buen diseño (puede ser duro, blando, emotivo o seco…) ha de ser capaz de llegar a todos. Lo que no tiene sentido es hacer algo que sólo se va a entender dentro de un contexto.
Uno nunca sabe hasta donde van a llegar sus piezas de diseño. Puede ser que el contexto para cuando te quieras dar cuenta haya desaparecido.
Piensa en diseñar basándote en buenas ideas y en resolver problemas. Eso hará que las soluciones lleguen a todos.

6. Debes ser un maestro técnicamente aunque no ejecutes

Trabajar con imprentas puede ser un infierno si no controlas el proceso.
Lo mismo pasa con los diseñadores que desconocen el mundo digital.
Debes dominar todos los procesos, para preservar la integridad de tus ideas. Los aspectos más delicados son las tipografías y color.
Los mejores diseñadores que he conocido han sido maestros técnicamente. Lo sabían todo técnicamente (aunque no tocaran las teclas).
Es muy importante saber todo sobre técnicas, herramientas, proveedores, resultados, probar diferentes métodos. Si no dominas la técnica puede ser que tus ideas no lleguen a ser ejecutadas como se debería y la culpa será tuya. Construir castillos en el aire requiere saber como se construyen. De lo contrario se pueden quedar sólo en bonitas ideas.

7. Comparte tus ideas.

No tengas miedo de decir lo que piensas.
No tengas miedo de que alguien te copie.
Es más fácil acabar haciendo una mala idea que no hacer una buena por miedo a compartirla.
El mundo está lleno de malas ideas, no tengas miedo a compartir las tuyas. Puede ser que se de el caso de que alguien te las robe. Será raro, pero si se da y lo puedes demostrar, demanda.

8. El buen diseño es aquel que se paga

Cobra y cobra bien por tu trabajo. El diseño es un trabajo que hace visible las ideas, servicios, productos. No creas que es efímero. El diseño hoy en día es la capa que “habla” entre las empresas, organismos, individuos y la sociedad.
Haz el ejercicio de salir a la calle y quitar la capa de diseño de tu vista. ¿Qué queda?
Procura consultar salarios, tarifas y cobra lo que sea necesario. Evita trabajar gratis para tus clientes. Tus ideas, diseños valen su precio. Antes de empezar a diseñar, acuerda un precio. Una vez esté aprobado, ponte a trabajar.

9. No trabajes para / con amigos si hay dinero de por medio

Te ahorrarás muchos problemas.
Lo mejor es trabajar con los amigos de forma gratuita. De buen rollo. Entre colegas. Pero delimita claramente el tiempo y el trabajo.
Si hay dinero de por medio, evita el trabajar con amigos. Ellos se tomarán el trabajo como un favor y no sabrán apreciarlo.

10. Copia de los buenos

Uno aprende a tocar el piano interpretando obras de otros maestros. Haciendo estos ejercicios uno se da cuenta de la dificultad que tiene la obra, de sus secretos, de porque las cosas están hechas de una forma y no de otra.
Luego, cuando uno alcanza cierta maestría puede lanzarse a interpretar sus propias obras.

En cuarto derecha (excelente blog) vi esta entrada y me pareció interesante comentarla.

Se trata de un lápiz ecológico, pero no cualquier lápiz, por que al final tiene incrustada una semilla, para que cuando se nos acabe el lápiz, en vez de botarlo lo plantemos.

lapiz-eco.jpg

Hace un tiempo vi en FREAK EVOLUTION un concurso que organizo Most Wanted Paper para personalizar toyz de papel, la idea es divertirse creando en una plantilla tu propio dibujo de algún toyz. Visitando nuevamente la Web me encuentro con que han ampliado el plazo hasta el día 15 de noviembre, así que decidí postearlo por si a alguien le interesa participar… (Creo que haré uno)

Toda la información necesario esta acá, así que ya sabes, solo debes descargar la plantilla, dibujar y enviárselos de vuelta.

poster_custompaper.jpg

Primero que todo este tutorial es un compendio de varias técnicas que he pillado por ahí, y por supuesto se puede mejorar aun más, es solo cosa de práctica y conocer el método.
OK empecemos.
Primero que todo seleccionamos la imagen en cuestión, para este tutorial en especifico es mejor una imagen que tenga un fondo claro el cual podamos diferenciar de lo que queremos y lo que no. Yo elegí esta.

hair001.jpg

Bueno ya que tenemos nuestra imagen elegida debemos duplicar la capa y desaturarla para que quede en blanco y negro. Image/adjustments/desaturate (Ctrl. + U)
Dejamos la saturación en 0 (cero) y aceptamos.
Luego duplicamos la capa desaturada y la ponemos en modo overlay

hair002.jpg

Al poner la segunda capa en modo overlay acentuamos los contrastes y así es más fácil diferenciar las áreas que queremos usar. Lo siguiente es colapsar las dos capas blanco y negro para quedar finalmente con la capa original más la capa blanco y negro colapsada.
Ahora seleccionamos un pincel de diámetro medio y 100% de dureza, ponemos el color negro de frente y lo ponemos, además en modo overlay.
La idea es pintar los bordes de la imagen sin pasar muchas veces por los cabellos para que no se vuelvan muy “duros”. El modo overlay en el pincel hace que solo los píxeles más oscuros sean afectados por la brocha, con esto es posible acentuar más la diferencia de tonos.
Una vez finalizado con eso deberíamos tener una imagen más o menos así.

hair003.jpg

Ahora aplicaremos una nueva capa de ajuste de niveles, para esto presionamos el icono que esta en la parte inferior de la paleta de capas y seleccionamos levels, dejamos todo igual y pinchamos OK.
Con esto quedamos, hasta ahora, con 3 capas, la original, la que usaremos como mascara y la capa de niveles.

hair004.jpg

El próximo paso será copiar en la capa niveles la capa blanco y negro, para esto presionamos Ctrl. + A (all) y vamos a edit/copy merged. Luego mantenemos presionada la tecla Alt y pinchamos la macara de la capa niveles. Se pondrá todo blanco, pero es normal ya que ahora pegaremos la capa que copiamos anteriormente. Para esto vamos al menú Edit/Paste.
Con esto copiamos la capa blanco y negro a la máscara de la capa niveles (suena algo complejo de decir pero es fácil de hacer)
Luego apagamos el layer blanco y negro y nuestra escena debería verse así:

hair005.jpg

El siguiente paso es sumar un fondo a nuestro trabajo, podemos elegir cualquier tipo de imagen, yo elegí un cielo. Lo ponemos encima de todas las capas y con la tecla Alt presionada nos ponemos entre la capa cielo y la capa niveles, veremos como el cursor cambia de icono y pinchamos. Con esto hacemos que la capa superior (cielo) solo afecte a la capa que esta debajo de ella.

hair006.jpg

Hasta ahora nuestra imagen se ve regularmente bien, el truco esta en cambiar el modo de la capa levels, pinchamos la capa levels y la ponemos en modo Multiply, con esto acentuamos más los cabellos que están en degradado ya que la capa multiplicar hace que los colores blancos se vuelvan transparentes.

hair007.jpg

Por ultimo haremos unos retoques a la mascara y a los levels para afinar detalles pero eso dependerá de cada foto y de como hayamos trabajado antes la máscara.
Finalmente dependiendo del fondo y la imagen original, es bueno ajustar un poco los colores para que las imágenes no se vean tan ajenas una de otra.
Este es el resultado final.

hair001.jpg

hair-final-001.jpg