Bidueño, el logotipo. Cuando la Ñ debe tener carácter refinado.

He aquí un reto peliagudo que tomé con mucho interés recientemente: la creación de un logotipo con Ñ; quebradero de cabeza para la mayoría de diseñadores gráficos, dada la ausencia de la Ñ en los dominios web.

En primer lugar debía omitir aparentemente la virgulilla o rabillo sobre la N, pero a su vez darle ese pequeño toque distintivo. La copa inclinada, cumpliría el cometido, pues una de las actividades principales de esta empresa son las catas comentadas y en especial de vino. En segundo lugar debía desarrollar unos pictogramas que hablaran de ocio, catas comentadas y formación. Y en tercer lugar, tal vez lo más complicado fue crear un personaje y darle ese toque desenfadado en su justa medida; Don Bidueño, el experto canario refinado.

La cosa no se queda en la creación de un logotipo, adaptar las tipografías y la gama cromática, sino además elaborar una imagen corporativa específica, que cumpla con las peticiones del cliente: papelería, plantillas de documentos de texto y presentaciones de powerpoint, iconos para redes sociales y web, sellos de caucho, serigrafía o borado de prendas, etc.

De momento la presencia más notoria de Bidueño se encuentra en facebook: https://www.facebook.com/bidueno/ y próximamente en su web https://www.bidueno.com

Análisis de mi visita a Fotojet.com, la web app de los collages.

Hace unos días recibí una invitación visitar y evaluar la web app www.fotojet.com. La información inicial que tenía es que podía crear collages online de manera sencilla, con más de 320 plantillas y completamente gratis. PearlMountain Technology me ha sorprendido con su creación, pues basada en flash (necesitarás tener instalado adobe flash player) nos permite crear rápida e intuitivamente y sin ningún programa añadido, sorprendentes collages. Por una parte podemos utilizar plantillas de temas variados, en las cuales podremos colocar imágenes y editar textos; y por otra parte podremos crear en modo classic, siguiendo diferentes esquemas de maquetación y ratios de imagen. Seáis profesionales o aficionados, os dejo un análisis de la página en vídeo (en Español) y mi recomendación personal para visitarla y probarla.

Some days ago I received an invitation to visit and write a review of the web app www.fotojet.com. The initial information was that I could create collages online easily, by using more than 320 templates and totally free. PearlMountain Technology surprised me with their creation, since that their web app is based on flash (you will need have previously installed adobe flash player) it allows us to create amazing collages quickly and intuitively without any extra program. On the one hand we can use varied subject templates, where we will place our images and edit texts; on the other hand we can customize our collage in classic mode by following different layouts and image ratios. Either you are professional or a beginner, this is my personal review on video (in Spanish) and my recommendation to visit and check how does it work.

Diseñando un logotipo con el estilo que pediría El Principito

Para ilustrar cómo diseñé el logotipo de este artículo me basé en el ejemplo del cuento «El Principito». Al fin y al cabo, un objeto se puede explicar por sus cualidades obvias, pero también por las que no lo son. Aquí dejo un fragmento del cual sólo quiero indicar que nos debemos fijar en la petición del principito al aviador y cual es la solución a la que llegan.

Para realizar la propuesta no fui tan radical en la ejecución como el aviador, ni el cliente tan esquivo en sus respuestas como El Principito. En una entrevista (briefing) debíamos identificar el grupo de clientes potenciales, la ubicación del negocio, qué estilo sería el apropiado, colores corporativos, motivos que se pudieran incluir, etc. El cliente -localizado en Londres- y yo decidímos que las premisas serían: estilo elegante y algo formal, colores de la bandera autonómica y alusión al estilo arquitectónico Canario; y tipo de letra cursiva (script) en el nombre. ¿Se podría definir o dibujar un patio Canario mostrando sólo la entrada? ¿Porqué no? Al fin y al cabo se habla de regalos dibujando sólo un paquete con un lazo, aunque la sorpresa está en el interior. ¿Se podría decir que es un restaurante sin mostrar nada más que la palabra RESTAURANT? Sin problema, los aromas, el estilo, la carta en la entrada, decoración y demás realizan la función.

En resumen: diseñar un logotipo suele implicar originalidad, evitar obviedades y buscar la esencia o idea (más variaciones cromáticas pulsando sobre este texto).

Tutorial: Introducción al Time Lapse.

En este videotutorial realizo una captura «Time Lapse». Este concepto hace referencia a tomar fotografías -o capturar fotogramas- en un intervalo de tiempo, de manera que se produce un efecto de cámara rápida. En el ejemplo del vídeo, un paso de nubes, configuro una cámara Full HD 1080p (1920x1080px), que inicialmente graba a 30 fps (fotogramas por segundo), de manera que capture 1 fotograma cada 5 segundos. Al cabo de una hora mi cámara capturará 720 fotogramas. Al dividir esos 720 fotogramas a la velocidad de vídeo normal -30fps- en .mp4, tendremos una captura total de 42 segundos. En realidad sólo he mostrado un fragmento, pues la idea es sólo entender el concepto.

Aquí os dejo unos enlaces donde podréis ver algo de teoría y ejemplos interesantes:

http://www.xatakafoto.com/guias/como-hacer-un-time-lapse-antes-de-empezar
http://albumesdigitales.es/blog-fotografia/blog/como-hacer-un-time-lapse/gmx-niv18-con33.htm
http://webneel.com/time-lapse-photography
https://sundayphotographer.wordpress.com/2011/04/25/tips-for-getting-started-with-time-lapse-photography/
https://twitter.com/timelapse

Tutorial: la máscara de recorte aplicada al texto en Photoshop.

En el anterior  tutorial hablaba de máscaras de imágenes en formas vectoriales, y ahora retomo el tema con un enmascarado de imagen dentro de un texto en Adobe Photoshop. Para ello, he utilizado un par de imágenes de google, sin más fin que explicar un proceso (os recomiendo que lo veáis en HD).

Tutorial: la máscara de recorte en Adobe Illustrator y el powerclip en Corel Draw.

Este tutorial lo he pensado para aquellos diseñadores gráficos que sólo manejan uno de los dos programas vectoriales más conocidos (Adobe Illustrator o Corel Draw) y desean ver cómo es el proceso por el cual una forma compuesta por curvas actúa como contenedor de una imagen. Suele un proceso puntual en ilustración, aunque se utiliza habitualmente en rotulación y serigrafía, para crear pegatinas, transfers con formas y rótulos. En estos últimos casos, se asignará un color de contorno o borde, que la máquina ya sabe de antemano que debe cortar atendiendo unas marcas localizables impresas.

Tutorial: mejora de fotografías utilizando capas de ajuste.

Este tutorial tiene como objetivo que podáis retocar vuestras propias fotografías con photoshop utilizando capas de ajuste. Tal vez el término exacto para definir «Ajustes» no sea ese, pero veréis su gran utilidad. Lo más importante de esto es que realizaremos un retoque general de manera no invasiva -sin actuar directamente sobre la imagen- y conservando la imagen de origen tal cual. Así como podremos añadir, eliminar, ocultar y modificar capas de ajuste hasta que el resultado nos satisfaga.

Tutorial: Cómo crear online nuestro propio icono de dirección web.

En este tutorial explico los pasos a seguir para crear desde la web (www.favicon.cc) un icono que aparezca junto a nuestra dirección web. Podremos crear un icono estático o animado a partir de varios formatos de imagen, o simplemente dibujándolo, y como resultado descargar el archivo favicon.ico generado.

El pasado 24 de marzo de 2017 me escribía Robert Mening y me sugería incluir su generador de ficheros favicon.ico a partir de su web https://websitesetup.org/favicon-generator/ y he de decir, una vez comprobado, que funciona de manera sencilla y efectiva.

August 29th 2018 Karen Ferrer from N.Y (EE.UU.) suggested in Spanish this:

«Después de investigar un poco, encontré esta otra herramienta y quería sugerírtela por si te interesa mencionarla junto a la otra. https://www.websiteplanet.com/es/webt… Esta herramienta permite crear favicons a partir de imágenes de hasta 5 MB de formato JPG, PNG o GIF, e incluso desde una galería. Así como también permite generar favicons para diferentes tamaños de pantalla y resoluciones al mismo tiempo.» After doing some research I found this other tool and I wanted to suggest it in case you want to mention it next to the other one. https://www.websiteplanet.com/en/webt… This tool allows to create favicons from images of up to 5 MB of JPG, PNG or GIF format, and even from a gallery. As well as it allows generating favicons for different screen sizes and resolutions at the same time. »

¡Muchas gracias por tu aportación Karen! Thanks karen for your contribution to this tutorial!

 

Graffitero: ¿Artista urbano o delincuente?

¿Cual es la diferencia entre el artista urbano y el delincuente? Depende básicamente del permiso para realizar la obra y el mensaje de la misma. Desgraciadamente el graffitero arrastra la fama ser el niño con el rotulador permanente que siente la necesidad de estampar su firma en cualquier pared.

Si observamos un poco, algunos ayuntamientos se ven obligados a gastar cantidades ingentes de dinero en químicos eliminadores de graffitis y otros se anticipan a cualquier problema, convocando concursos y creando muros limpios donde los artistas urbanos puedan plasmar su obra artística.

Para ejemplificar la obra de arte con fundamento, me he decantado por este vídeo de ejemplo de una pintura mural interior creada con sprays MontanaAryz, combina con maestría el aerosol con el pincel en su creación de paleta reducida de colores, realizada en tiempo récord.

https://youtube.com/watch?v=7n5r2ZKrYgM%3F

Si investigamos un poco la obra de este artista, llegamos a la conclusión de que ha realizado estudios serios, conoce a fondo el dibujo y la pintura, y realiza en la medida de lo posible una obra 100% legal.

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.