Vectorizado automático con Vector Magic, Corel Draw y adobe illustrator.

A menudo tenemos logotipos sencillos, los cuales deberíamos vectorizar en el mínimo tiempo posible. Para eso existen programas que automatizan esta labor, como es el caso de Vector Magic, Corel Draw y Adobe Illustrator. Y así vemos en el vídeo algunos detalles de estos procesos simplificados.

Aunque habrá quien piense a partir de este vídeo que vectorizar es sólo darle a un botón, pero raro es el caso en el que la imagen permite automatizar el proceso. Próximamente espero animarme y subir un vídeo explicativo con un proceso de vectorizado óptimo.

Triunfando con los colores de tu bandera

Es muy interesante ver cómo el diseño gráfico sintetiza conceptos y mensajes en formas y colores, de manera que el espectador aprueba el diseño y no sabe exactamente porqué.

He elegido la marca KFC tanto por su trazado como por su gama de colores. El trazado ha ido evolucionando de manera que cambia el peinado más dinámico y la sonrisa más amplia. Los colores, inicialmente basados en la bandera de los EE.UU., con posibles connotaciones cromáticas de Kentucky, han ido cambiando a medida que la marca se ha consolidado y expandido como franquicia mundial.

En diseño gráfico se presta especialmente atención a la presencia de tonos oscuro, intermedios y claros en la composición. Posiblemente este ýultimo concepto, unido al color rojo dominante, es el secreto del triunfo de KFC.

Vemos su evolución en: http://www.brandsoftheworld.com

Como ejemplo práctico cercano, ¿te imaginas al presidente de España con un chandal rojo y amarillo en plena campaña electoral? Posiblemente su discurso carecería de valor por motivos obvios y sería tildado con adjetivos calificativos desfavorables. Sin embargo, en un contexto más informal y adecuado, posiblemente sería bien visto y aprobado por el público que no le tenga especial antipatía. He aquí un ejemplo pasado:

Fotografía original de: http://www.abc.es

En conclusión, ¿se puede triunfar usando los colores de una bandera? Obviamente, .

¿Es mi web responsiva o adaptativa?

A menudo nos preguntamos cómo se ve nuestra web en diferentes dispositivos electrónicos y si hemos acertado con el diseño o por el contrario podríamos estar perdiendo clientes porque el orden del contenido aparece caótico. Es por eso que he elegido unas páginas webs que simulan múltiples dispositivos, orientaciones y resoluciones.

Mi recomendación es que optes por un diseño web responsivo-adaptativo y conforme diseñes tu web compruebes el resultado aquí:

http://ami.responsivedesign.is/

http://lab.csschopper.com/responsive/index.php

http://www.responsinator.com/

http://screenqueri.es/

http://responsivetest.net/

http://www.studiopress.com/responsive/

My colors, aplicación android para elección de colores en valores hexadecimales.

My ColorsMy Colors es una aplicación gratuita de android, sencilla e intuitiva,  que te muestra una amplia gama de colores con sus valores hexadecimales y sus nombres. Te permite de guardar una paleta de colores favoritos y el color como imagen PNG o fondo de pantalla, compartirlo, crear uno nuevo, etc. Sólo tiene aparentemente el inconveniente de la luminosidad de la pantalla o la fiabilidad de gama de color de cada dispositivo, pero merece la pena probarlo.

Si diseñas páginas web, es posible que My Colors te sea útil.

Real Colors Pro. Aplicación Android de ayuda al diseño.

He tenido la ocasión de observar el funcionamiento de Real Colors Pro para android. Esta aplicación nos permite hacer una fotografía o importarla desde nuestra galería de imágenes y sintetizar una paleta de 5 colores fundamentales, así como una representación del espectro de la imagen. Esta paleta será editable en valores de tono de color, saturación y brillo (HSB) o bien en valores RGB. Dispondremos con exactitud de los colores resultantes porque podremos ver sus equivalentes en numéricos Hexadecimales y RGB. Finalmente, el programa nos sugerirá crear unos fondos de escritorio de tintas planas basados en nuestra paleta de color y, por ejemplo, compartir nuestras muestras de color por whats app, dropbox, bluetooth, etc.

Así hubiera desarrollado Corrupt Script

corrupt-script

Marc Garriga, diseñador gráfico de identya.com nos proponía el 06/02/2013 una tipografía a la que llamó Corrupt Script, basada en una recopilación de un conocido personaje del momento. http://www.identya.com/2013/02/06/corrupt-script-un-tipo-muy-de-actualidad/#.UROyUWfdeIR

Sin entrar en ideales, yo tal vez le hubiera asignado a esta letra la tendencia a negrita y evidentemente cursiva. Por tanto hubiera quedado como Corrupt Script Bold, tal vez por dar la oportunidad de desarrollar la tipografía en sus diferentes variantes (normal, cursiva-italica, negrita). Incluso hubiera especulado con la forma de la W, que no fue incluida en la propuesta, y la orientación de los puntos, tal vez basados en el ascendentes o descendentes de alguna letra.

¡Enhorabuena Marc! Te la has jugado pero te ha quedado fenomenal.

Suponiendo que esta letra se haya creado como archivo TTF, la idea iría encaminada por la imagen del proceso que indico más abajo. Aunque tengo capacidad técnica para desarrollarla, creo que no terminaré el archivo True Type (TTF) y así evitaré la tentación de publicarlo.

Censura de una valla publicitaria

¿Cuales son los motivos que nos llevan a censurar una valla publicitaria?

cartel-candelaria-23f_478x270Se repiten algunos tópicos y suelen ser censuradas por:

– Incluir un toque de humor no apto para todos los públicos.
– Hacer alusión a tiempos pasados de miedo y genocidio.
– Tener clara intención de confundir y orientar el voto.
– Manifestar la protesta de un pueblo.
– Emitir un mensaje transgresor e ir en contra de los preceptos morales más conservadores.
– Incluir contenidos sexuales y/o distractorios, de manera real o ficticia.
– Representar un mensaje con imágenes demasiado impactantes.
– Utilizar un slogan ininteligible. Sólo el creativo o el cliente entiende el mensaje.

Plagio de logotipos y composiciones gráficas vs coincidencia creativa

Aquí tenemos unos cuantos ejemplos de logotipos y composiciones gráficas que han sido consideradas plagio. Cuando se produce un tipo se situación hay que preguntarse por qué lo ha hecho el diseñador, si realmente ha podido haber coincidencia creativa, en qué porcentaje se puede estimar la similitud, cual ha sido el beneficio económico, cómo afecta negativa o positivamente al poseedor de la primera imagen. Hay quien se ampara en que ha buscado una referencia o inspiración, o que simplemente en que hay soluciones similares para la misma propuesta en función de la capacidad de imaginativa de cada diseñador.

Como diseñador gráfico, si realizas una obra con menor esfuerzo y demostrando menos valores éticos, ¿puedes quedarte tan tranquilo o simplemente esperas el dictamen de la justicia? No es tan importante el hecho de copiar como su repercusión.

Fuentes:

http://www.taringa.net/posts/imagenes/1794257/Plagio-de-logos-y-marcas-o-productos.html
http://www.correodelsur.com/2012/10/23/16.php
http://www.plagiosos.org/index.php?action=view&id=136&module=newsmodule&src=%40random4be38dd88d683
http://www.brandemia.org/queda-descartada-una-propuesta-del-concurso-de-logotipo-del-soho-de-malaga/
http://www.cronicanorte.es/a-vueltas-con-el-logo-olimpico-de-madrid-2020/17215
http://www.hola-oaxaca.com/logo-cortv-copia-plagio/
http://disenoperu.blogspot.com.es/2008/02/logotipo-plagiado.html
http://www.ixotype.com/diseno-grafico-logo-de-la-inspiracion-al-plagio/
http://mirelajo.blogspot.com.es/2010/09/el-logo-de-android-podria-ser-un-plagio.html

Tutorial: Firebug para ajustar CSS y descarga de contenidos no autorizados.

En este vídeo demostrativo ejemplifico un poco el uso de la extensión firebug del navegador web Mozilla Firefox, centrándome en su uso como herramienta de ayuda al desarrollo de las hojas de estilo CSS. Por otra parte hago mención a la capacidad que tiene para descargar gráficos en principio bloqueados.

No se trata en ningún caso de una guía de hackeo de Flickr ni nada parecido, sino de una advertencia a los usuarios que en esta u otras webs comparten fotografías con el fin de comercializarlas. Mi consejo es que no suban imágenes de alta resolución, ya que podrán ser descargadas sin su autorización burlando sencillas líneas de scripts, y que opten por otros métodos de comercialización más seguros.

Y dejo estas preguntas para la reflexión: ¿Lo que exhibimos en internet puede descargarse sin ánimo de lucro? ¿Haría falta nuestro permiso para descargarlo? ¿Advertir que se ha deshabilitado una descarga es lo mismo que decir que no debes intentar realizarla? ¿Tiene la misma culpa quien descarga una foto para un trabajo de clase que quien lo hace para lucrarse?

Hay una respuesta sencilla: Salvo caso contrario, el autor de la obra tiene todos los derechos sobre la misma y sin su permiso no debemos exponerla. Pero bueno, sobre este tema tan delicado hablaré en breve en otra entrada.

Tutorial: La nueva tv de papá.

Este tutorial rinde homenaje a los padres que compran la televisión a su antojo, para ver el fútbol o jugar a la consola viviendo el momento al máximo. Me he centrado exclusivamente en traducir la información básica que el consumidor recibe (pulgadas diagonales, Full HD y 16:9), si bien el objetivo principal es saber las medidas de la pantalla en altura y anchura, a partir de las pulgadas indicadas.

Pincha sobre la imagen para verla nítida en tamaño completo (clic derecho para descargar)