Entradas con tag ‘vectorial’

Cómo diseñar un logo

Publicado el: Un comentario

Cuando una empresa contrata a un comercial, quiere que sea apto, profesional y que tenga buena presencia. Que sepa transmitir la calidad de sus productos o servicios y que sepa venderlos. El logotipo cumple una función similar. Igual que cuando se contrata a un comercial se tienen en cuenta una serie de criterios, para construir un logo que pueda desempeñar su función tienes que ajustarte a una serie de pautas.

Cómo debes diseñar un logotipo

Nota: Para construir un logo que pueda desempeñar su función tienes que ajustarte a una serie de criterios.
Si quieres diseñar un logotipo exitoso tienes que partir de unas premisas. Yo hago la siguiente división:

Premisas técnicas:

    • El logotipo debe ser legible. Se debe entender su contenido hasta tamaños reducidos. Tú marcas el tamaño mínimo de reproducción, pero debes ser consecuente. Si el logotipo debe aparecer en un llavero, debe ser legible a ese tamaño.
    • Escalable. Debe poder reproducirse a cualquier tamaño. Si te dedicas a diseñar logotipos en Photoshop lo estás haciendo muy mal. Puedes sentirte más cómodo diseñando con Photoshop, pero no se trata de tu comodidad, sino de hacer un trabajo profesional. Escalable es igual a vectorial.
Vector vs Bitmap

Los bitmaps no son escalables

  • Reproducible y práctico en cualquier material y medio.
  • Distinguible en sus versiones positiva, negativa y en blanco y negro.
  • Durable. El logotipo debe sobrevivir al tiempo. Basar tu diseño en las tendencias actuales (véase los mal llamados logos 2.0) puede dar una solución rápida, pero en cuanto la moda cambie, tu logotipo se verá obsoleto, anticuado.

Premisas perceptivas:

  • El logotipo debe ser sencillo. Es fundamental que mantengamos nuestro diseño lo más simple. Pocos trazos, pocos colores, pocas formas. Elimina todos los elementos innecesarios ya que cuanto más elementos, más difícil es de recordar. Lo que nos lleva a…
Percepción y diseño

“Excelente artículo de hRod en Cristalab”

  • Memorable. Nike, McDonald’s, Coca-cola… logotipos que están instalados en nuestra memoria. Incluso ver solo una porción de ellos nos evoca su producto.
  • Consistente. La esencia de tu logo debe estar presente en cada una de las piezas derivadas. Los colores, las formas, la comunicación… deben ser las mismas tanto en una tarjeta de visita como en un rótulo de fachada.
  • Único. Muchos creativos usan imágenes prediseñadas para sus logotipos. De esta forma siempre existe la posibilidad de que el logotipo de una empresa sea igual al de otra. Incluso cuando tu creación sea original debes procurar que no sea similar o se pueda relacionar con otra marca.
  • Reflejo. El buen logotipo debe hablar por si mismo. Debe expresar lo que es la empresa. Si la empresa es una empresa joven y dinámica no podemos expresarlo con un logotipo de líneas clásicas. El color, las formas, la composición… todo envía un mensaje al receptor.
Es fundamental que mantengamos nuestro diseño lo más simple. Pocos trazos, pocos colores, pocas formas.
  • Atractivo. Aunque no se suele indicar en la mayoría de los estudios sobre lo que debe cumplir un logotipo, está claro que un logotipo debe ser atractivo. No hay que ser un lince para saber que algo bonito atractivo es más cercano al público. Sin embargo no hay que olvidar que lo que hace un logotipo atractivo es la combinación de todos los puntos anteriores.

La excepción que confirma la regla

En ocasiones verás logotipos que no cumplan la mayoría de los puntos de ahí arriba y sin embargo son importantes.

Google Logo

Mi ejemplo favorito es logotipo de Google. ¿Cómo un logotipo que no es ni un reflejo de la empresa, ni es especialmente memorable, práctico, sencillo ni atractivo, puede ser tan conocido? Volvemos al ejemplo inicial: el comercial. Cuando el producto que vendes es tan bueno, se vende por si mismo. El comercial puede ser un completo inútil, porque el cliente va a querer comprarlo de todas maneras. En este caso el producto hizo memorable al logotipo.
VN:F [1.9.22_1171]
Valora esta entrada
Rating: 9.1/10 (11 votes cast)

365signage: Iconos vectoriales gratis

Descargar

Haz click para descargar

Finalmente, tras unas semanitas de la salida del proyecto 365signage tengo el placer de anunciar que ya está subido el primer paquete de iconos correspondiente a las dos primeras semanas. Dentro del archivo zip he incluido tanto el archivo vectorial en formato eps, como un documento con la licencia.

Los archivos podéis usarlos en multitud de programas como Adobe Illustrator, Indesign, Photoshop, Freehand, Corel Draw…

Agradecería muchísimo que me enviaseis fotos reales de las obras que creéis con ellas, desde camisetas a pegatinas para el coche.

Podéis descargar el paquete desde aquí.

EDITADO

Os he subido también un zip con una plantilla en PSD y un JPG en buena resolución.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 10.0/10 (5 votes cast)

Consejos para vectorizar ilustraciones con Illustrator

Este tutorial no se centra en las herramientas para vectorizar, sino en una serie de consejos para ayudarnos en esta labor. El ejemplo ha sido realizado con un lápiz, una servilleta, un escáner, Adobe Illustrator CS3, dos manos, un par de ojos y un ordenador con sus periféricos.

Nivel: Básico

Ventajas de las imágenes vectoriales

Las imágenes vectoriales poseen al menos dos grandes ventajas sobre los mapa de bits (jpg, png, gif…):

  • Menor peso.
  • Posibilidad de ser reescalado sin pérdida de calidad.

 

 

Nota: Ahora que HTML5 da soporte a las imágenes vectoriales con sus etiquetas <svg> y <canvas> es el momento de plantearse el formato de salida de nuestras imágenes para web.

Vectorizando una ilustración

Aunque algunos diseñadores sean capaces de crear gráficos vectoriales directamente en la aplicación, en la mayoría de los casos es más fácil realizar el dibujo a mano y después escanearlo. Para este tutorial yo he hecho un dibujo bastante simple en una servilleta (adoro dibujar en servilletas) y lo he escaneado. No es necesario escanear la imagen en alta calidad, ya que sólo la usaremos para verla en pantalla.

En primer lugar importamos la imagen a nuestra mesa de trabajo. Si queremos hacer más cómoda la visualización del dibujo le bajamos la opacidad a un 30%-70% según lo clara u oscura que sea. Para asegurarnos de que no movemos la imagen mientras la “calcamos” es aconsejable bloquear la capa.

Ahora empezamos a dibujar encima con la herramienta pluma. Es muy importante trabajar cada elemento (cara, ojos, manos…) en una capa diferente, e ir bloqueando las capas que finalicemos. Podemos crear capas nuevas pulsando Cmd+L. Si en algún momento te equivocas y dibujas en la capa errónea, recorta el objeto con Cmd+X y pega en la capa correspondiente con Cmd+F. A diferencia de Cmd+V, pegará en el mismo lugar. Además hay que procurar cerrar los trazados que van a llevar relleno. Illustrator permite rellenar trazados abiertos, pero “une” el punto inicial y el final del trazado para ello, y tal vez no sea lo que queramos.

Las guías inteligentes en algunas ocasiones nos ayudarán y en otras nos entorpecerán. Es interesante ir activándolas y desactivándolas pulsando Cmd+U.

Aprovecha para realizar cambios en el dibujo, mejorándolo, añadiendo detalles, simplificándolo, etc. Como podéis ver en la imagen anterior, he “depurado” las manos, el teléfono y los zapatos.

En el caso de usar filetes (las líneas del dibujo) deberemos tener en cuenta su grosor a la hora de realizar el trazado.

En la fase de coloreado es difícil hacerse a la idea de cuáles son colores que vamos seleccionando. Para ayudarnos podemos crear una serie de recuadros con un buen tamaño donde aplicar los colores que vamos a usar (como si fuese la paleta de un pintor) y así poder verlos en un tamaño mayor que en la biblioteca de muestras y de paso ver como combinan.

Es interesante aplicar motivos personalizados a los rellenos para lograr estilos tipo cómic.

Si queremos podemos aplicarle un pincel a los trazados abiertos. Así podremos crear imperfecciones que simulen el dibujo hecho a mano.

Por último, os dejo una composición hecha con nuestro personaje.

VN:F [1.9.22_1171]
Valora esta entrada
Rating: 10.0/10 (1 vote cast)