Mi web personal

Son muchas las empresas que me solicitan un Portfolio con un resumen de mis trabajos. Este Portfolio es un poco pesado para enviarlo por e-mail, por lo que he decidido rediseñar mi web y colgarlo ahí, donde se puede ver y descargar la versión PDF, al igual que mi Curriculum Vitae. La página dispone de su versión “Responsive” para poder visualizarla sin problemas en dispositivos móviles. 

Los dibujos se hicieron con Illustrator.

Las imágenes se diseñaron con Photoshop. 

La animación de la versión para ordenadores se realizó con Flash. 

La maquetación web se hizo con Dreamweaver

www.reynau.com

El Padel está de moda

Últimamente no encuentro a nadie que juegue al tenis, ahora todo el mundo juega al Padel. ¿Que tendrá ese deporte que tanto engancha? Habrá que probar.

Uno de mis mejores amigos me regaló una buena pala, pero se me desconchó. Averigüé si me cambiaba la pala o la reparaba y me recomendaron repararla. En el lugar donde la llevé me dieron la posibilidad de pintarla con el diseño que yo quisiese, siempre que lo llevase en formato vectorial.

Adivinais que vamos a hacer hoy?

Hoy vamos a diseñarnos nuestra pala de padel, para lo cual, la fotografiamos llevamos esa imagen a Illustrator y la escalamos hasta que tenga el mismo tamaño de la pala. Una vez lo tengamos, nos disponemos a dibujar el contorno de la pala con sus agujeros. Ahora vamos a hacer el puño, lo haremos con malla de degradado para darle un mayor realismo.

A continuación rellenamos el fondo de negro y seguidamente, se nos ocurre dibujar una especie de líquido blanco chorreando por la pala. 

Para darle un aspecto mas real y a su vez con cuerpo le vamos a hacer unos sombreados con la herramienta “malla de degradado”.

Ya solo nos falta colocarle nuestro logotipo que también lo tenemos vectorial (para hacernos publicidad).

Hecho esto le calamos los agujeros para ver el efecto (en todo excepto en las mallas de degradado, por razones evidentes).

¿¿¿ UN PARTIDITO …???

… recogiendo la mesa

Un día cualquiera nos damos cuenta que nuestra mesa de trabajo va menguando por momentos, cada vez cabe menos y no entendemos porque.

El motivo es evidente, vamos colocando sobre ella herramientas que después de usar no volvemos a guardar, ahí quedan, por si las volvemos a necesitar….

Algo así nos pasó con la colección de lápices de distinta dureza. Lápices que apenas se utilizan y ahí están, rodando por la mesa, por si acaso….

Se nos ocurre que, ya que no los vamos a retirar, les vamos a hacer algo que los contenga.

Vamos a diseñar un bote hexagonal como esos que algunas Compañías te regalan con su publicidad y el calendario del año en curso. Nos ponemos al tema.

Como  nuestro portalápices no lo vamos a cambiar cada año, si le plasmamos un calendario, el año próximo va a quedar desfasado. Optamos por poner detalles que tenemos  de cuando diseñamos nuestra imagen corporativa, de este modo si algún día tenemos duda de cual es el Pantone que usamos para nuestro logo (cosa improbable), lo tenemos delante.

Desde Illustrator, dibujamos la línea de troquel, con unas dimensiones compensadas, (aproximadamente las del tamaño de un vaso). Este portalápices lo vamos a diseñar para que al montarlo no nos haga falta pegamento, por lo que lo tenemos que dotar de pestañas.

A continuación, rellenamos la línea de contorno de color negro, y nos traemos desde nuestra Imagen Corporativa, todos los elementos que le vamos a incorporar al portalápices (logotipos, tipografías, Pantones, porcentajes de trama,…).

Los disponemos en cada una de las caras de nuestro poliedro de manera vertical ya que en horizontal, nos quedaría muy desproporcionado. En las pestañas de cierre, colocamos nuestro logo, justo en el centro para que al cerrarlo no se solape.

Ahora toca manualidades, lo imprimimos en una cartulina de 180 gr/m2 lo recortamos y lo montamos.

Portada de Fanpage

Felipe, buen amigo de este laboratorio de diseño, nos informa que Vinos Alicante, ha convocado un concurso para el diseño de la portada de su Fanpage: Winecanting  en Navidad. El reto es muy interesante.

Cual es el espíritu de esta entidad? El vino, pues vamos a nuestro banco de imágenes a buscar copas de vino.

El espíritu navideño a nivel mundial (puesto que es para colgar en internet) es el abeto con su decoración navideña. Pues al banco a buscar abetos y bolas.

Se nos ocurre que podríamos poner sangrado sobre el tamaño del documento unas ramas de abeto de las que cuelgue una bola que vamos a convertir en copa de vino.

Encontramos esta copa con una calidad aceptable. La queremos sin ningún líquido adentro para poderla poner en la posición que queramos. Perfecto.

Ahora vamos a ver bolas. Encontramos esta que nos parece muy acorde con nuestra idea, ya que tiene los colores patrios (rojo y gualda, por cierto, muy navideños…), del rojo, además nos vendrá bien para cuadrar el color del vino. 

Toca el turno de las ramas de abeto. Esto ya nos cuesta más pero encontramos esto que trabajándolo un poco nos puede servir. 

Finalmente solo nos queda el “caldo”. Encontramos esta imagen, que trabajada, puede quedar perfecta.

Con todos estos ingredientes vamos a ponernos a “cocinar” a fuego lento…

Lo primero que haremos es abrir un documento en Photoshop con el tamaño que nos piden, 851 x 315 px, como es para internet, entendemos que la resolución es de 72 ppp.

Abrimos la copa y la ubicamos en el lienzo, hacemos una selección de color de gama, eligiendo el blanco, y lo eliminamos. Se nos queda el vidrio, con un suave reflejo en un lateral. Con la herramienta de transformar le damos inclinación. 

Ahora colocamos la bola y la redimensionamos haciéndola coincidir en tamaño y posición con la copa. Ponemos la capa en modo “multiplicar” para con la herramienta “borrador” ir eliminando los las partes de la bola que se salen de la copa. La base de la bola la eliminamos con un borrador con bordes suavizados, dando así la sensación de que el aroma del vino se concentra en lo alto de la copa y en este caso sabe a Navidad. Una vez recortada, ponemos la capa en modo “normal”.

Ahora vamos por las ramas, en primer lugar vamos a quitarle el fondo haciendo una selección de gama de color y eliminándola luego tenemos que duplicar la capa varias veces para hacer tupido el abeto, hecho esto, elegimos la rama de la que va a colgar nuestra bola y movemos los componentes para darle realismo.

Ya solo nos queda “servir el vino” para ello, lo recortamos (con la pluma) de la imagen anterior y nos lo traemos a nuestro “collage”, colocamos sobre nuestra copa y borramos el sobrante, claro que al poner el vino sobre la copa hemos tapado el reflejo de la base de la copa, para evitarlo, duplicamos la copa, y eliminamos todo menos el reflejo, y esta nueva capa le damos una opacidad del 41%.

... a concurso.

Rico, rico...

El reputado Chef catalán Jordi Bernat, desde hace algunos años asesora a establecimientos de restauración en sus cartas.

Para ello, como buen profesional que es, se persona en el restaurante y analiza las instalaciones de las que dispone, para conocer de primera mano con que elementos puede contar. Estudiado este aspecto, confecciona la carta, acorde al ambiente del lugar, y acto seguido, explica al personal de cocina como elaborar cada plato.

Jordi nos ha confiado la imagen de su asesoría y nos pide que se la plasmemos en unas tarjetas. Vamos a empezar …

Documentándonos un poco vemos que la mayoría de Chefs centran su imagen en el típico gorro de cocinero, o en algún plato específico (si el chef es especialista en este plato). 

Centrarnos en un plato no lo podemos hacer porque Jordi asesora a muchos restaurantes con diferentes idiosincrasias. Hablando con él, nos comenta que no entiende mucho lo del gorro, porque la mayoría de Chefs, no lo usan.  Se nos complica la cosa…, vamos a darle un par de vueltas más.

Que hay más elegante que la chaquetilla cruzada de un Chef? Pues eso es lo que vamos a plasmar. Abrimos un documento nuevo de Illustrator, optamos por hacer las tarjetas plantadas, de este modo le vamos a dar mas verticalidad. Definimos el blanco como color de fondo, trama de Negro al 30% para el dibujo y los textos los pondremos en masa de negro. Vamos a buscar una tipo. Abrimos nuestro catálogo y la vista se nos va hacia la Oriya MN, no hay opción.

Con la herramienta “pluma” vamos poniendo nodos, adaptando la curva resultante con los manejadores hasta dar forma a la chaquetilla. Ahora los botones hacemos unos cuantos círculos y los acercamos con una plantilla para que estén a la misma distancia del borde, duplicamos esta secuencia de círculos y la reflejamos.

Ya solo nos quedan los textos y cuando nos disponemos a teclearlos, nos salta la fuente…¿¿¿??? Uffff que faena, esta tipo no tiene acentos, bueno, escribimos sin ellos y cuando esté el texto definitivo, lo trazamos y estiramos el punto de una “i” hasta convertirlo en un acento, luego lo vamos duplicando y lo ubicamos donde se precise.

Para que no quede muy “insulsa” le vamos a poner el nombre por el dorso con trama de negro al 30%…. PERFECTA, aunque, viendo algunas fotos de Jordi “metido en faena” observamos que muy pocas veces usa chaquetilla blanca, él la suele usar negra con un ribete burdeos, pues lo tenemos fácil, duplicamos el documento, lo ponemos en negativo y para el dibujo, definimos el Pantone 220.

Le presentamos las dos propuestas al cliente…. Se quedó ambas.

Gracias Jordi, a ti no se te pasa el arroz….

Bufete con aire “vintage”

Una importante abogada especialista en derecho matrimonial y penal, ha decidido hacer un lavado de cara a su bufete. Ubicado en un emplazamiento idílico con vistas al mar, Ana Belén opta por una decoración “vintage”, y por supuesto todo debe ir acorde. 

Recurre a nosotros para que le diseñemos las tarjetas de visita. Eso si, tiene muy claro lo que quiere, y nos facilita las imágenes que quiere colocar, que son las de dos siluetas de mujer colocadas una frente a otra sobre una mesa de trabajo.

Para este encargo, usaremos Illustrator, ya que debemos redibujar las dos siluetas para poder hacer las modificaciones oportunas.

Primero dibujamos ambas siluetas, para tenerlas en formato vectorial y poder hacer las adaptaciones.

A la que tiene la postura más erguida le tenemos que sustituir la silla sobre la que está sentada por una mas acorde, para ello tomamos la silla de la otra imagen.

Hecho esto, observamos que ambas siluetas están a distinta altura, para lo que estiraremos un poco las patas de la silla de la que figura ser la abogada a la vez que le acortamos un poco las piernas. Ahora eliminamos los elementos que no van con nuestro propósito (taza de café, florero, bolsas de la compra) sustituyéndolos por elementos más oportunos (ordenador y maletín).

Dibujamos a la que simboliza a la cliente, le tenemos que redibujar los zapatos para poderlos cambiar de color (a juego con el vestido) y reflejar todo el conjunto para que estén frente a frente.

Ahora solo nos falta, dibujar la mesa de trabajo y rellenar el resto de la tarjeta con los datos de contacto, para lo que usamos la tipo Humanistic 777.

Ana espero que esta tarjeta te ayude a consolidar, más si cabe, tu despacho. Mucha Suerte

Diseño Estructural…

Todos sabemos que, lo que nos hace decidirnos por un producto u otro en el instante de la compra, es un buen diseño del packaging que lo contiene. Es algo absurdo porque tan pronto lleguemos a casa ese embalaje va a la basura, pero… ES ASÍ. Hemos visto muchos diseños en cristal sobre todo en el mercado del perfume, pero todos van en el mismo tipo de caja, mejor o peor decorada.

En el mercado podemos ver infinidad de decoraciones de este tipo de “cajas” lo que no abunda tanto es el diseño estructural del propio packaging.

Se nos ocurrió un tipo de packaging que estuviese retorcido, lo llamamos Torx Box.

Para este trabajo usaremos Illustrator.

Diseñamos un packaging normal y corriente con cierre de seguridad por abajo y cierre de seguridad de diseño por arriba. A continuación, hacemos una línea vertical y la inclinamos 7º (por nuestra experiencia en Artes Gráficas, sabemos que es la torsión máxima que nos aguantaría un “folding” de 250 g/m2 sin deformarse).

Con la herramienta “subselección”, seleccionamos los nodos de la mitad superior de nuestro diseño. Agarramos del nodo que esté más a la derecha y lo arrastramos hasta hacerlo coincidir con la línea, inclinando de este modo tan solo las aristas de nuestro volumen, manteniendo la

forma original de la tapa superior.

Ya tenemos el diseño acabado, ahora vamos a poner una decoración básica porque lo que nos interesa aquí, es el diseño estructural.

(Pendiente de Patente)

Un guiño a los 70…

Ana, asidua lectora del blog y fiel cliente de este Laboratorio de Diseño, quedó prendada del cabecero de cama que publicamos hace unas semanas y nos encarga el mismo que se publicó. Nosotros le proponemos hacer algo más personalizado, algo que le vaya más a la decoración de su casa. Nos  invita a conocer su casa, nada más entrar nos queda muy claro, la tiene decorada de manera muy actual pero con cierto aire de los 70. Le proponemos un diseño de coronas no concéntricas amalgamadas entre sí, formando un panel. A ella y a su pareja les encantó la idea, no hubo más propuestas.

Comencemos... La cama es de 150 cm por lo que vamos a crear un cabecero de 150 por unos 75 cm de altura (en función de las formas que vayamos poniendo). Este trabajo como es para cortar una placa de PVC, lo tenemos que hacer en formato vectorial, para lo cual usaremos Illustrator. Establecida la mesa de trabajo a ese tamaño, ponemos círculos, no concéntricos y de diferentes tamaños, por todo nuestro lienzo.

Una vez hecho, ya tenemos nuestro diseño acabado si fuese para imprimir, tan solo deberíamos calar el circulo interior al exterior y darle un relleno. Pero lo que vamos a hacer es cortar una placa de PVC de 10 mm entonces lo tenemos que preparar para el corte, vamos a coger todos los círculos exteriores y los vamos a unir.

Ya tenemos el diseño preparado para el corte, ahora, si lo que queremos ve es el efecto antes de llevar a cortar la placa, lo que hacemos es “calar” los círculos interiores y lo “recortes internos” de los exteriores sobre borde exterior, y luego rellenamos de cualquier color. Bonito ¿ehh?
Vamos al corte….

La importancia de un compromiso

Un compromiso es algo serio, muy serio. Por eso cuando vamos a comprometernos, procuramos que no falle nada, nos ocupamos de todos los detalles, un entorno apropiado (normalmente un buen restaurante), un buen detalle (un anillo)… etc. De lo que nunca nos ocupamos es de donde entregamos ese anillo, que casualmente es lo primero que se ve, y suele ser en la caja que te da la joyería con su publicidad impresa encima. Estas cajas suelen ser todas iguales, y horribles. Hoy vamos a ocuparnos de que ese momento también sea especial.

Entendemos que un anillo es un tesoro (además de por lo que nos ha costado) y como todo tesoro que se precie, debe ir en su cofre. Pues eso es lo que vamos a diseñar hoy.

Para este trabajo vamos a utilizar Freehand, tiene una herramienta muy importante que es el símbolo, luego lo explicaremos.

Lo primero que haremos es, sobre un documento nuevo (tamaño Din A4) dibujamos la línea de troquel con los hendidos, (la primera es por donde debemos recortar y los hendidos por donde debemos doblar). Vamos a hacer un cofre abovedado (típico de las películas de piratas).

Una vez hecha la línea de troquel vamos a empezar a decorar. 

Comenzamos por poner las cantoneras, (son esas cintas metálicas que tienen los baúles). Para ello duplicamos la línea de troquel, nos la llevamos a una capa nueva que llamaremos “cantoneras”, aquí le vamos a calar los huecos para que nos deje ver los tablones que conforman el baúl. Una vez calado, lo rellenamos con un degradado lineal, para que le dé un aspecto metálico.

Ahora vamos a rellenar los huecos con los tablones, para lo que vamos a construir un símbolo ya que este elemento se va a repetir por nuestro diseño y si luego no nos gusta, o queremos variar algo, tendríamos que volver a hacer ese cambio en cada repetición del objeto. De este modo, con instancias del símbolo, si luego queremos hacer un cambio, lo hacemos sobre el símbolo y el programa lo aplicará a cada instancia que hayamos creado del mismo. Creamos un tablón, lo convertimos en símbolo y vamos poniendo instancias del mismo por todo nuestro diseño.

Finalmente, vamos a poner los remaches, para lo que también crearemos un símbolo.

Ahora toca manualidades, lo mandamos a imprimir y a recortar. Antes de nada, vamos a duplicar la imagen y a reflejarla, porque tendremos que imprimir dos documentos (uno en cartulina de 250 g/m2 y otro en papel vegetal), para pegarlos y que se vea decorado el interior. Una vez impreso y pegados interior y exterior, marcamos los hendidos con un buril y ayudados por una regla, con el fin de que nos sea mas fácil doblar.

Ahora recortamos y montamos. 

Esperemos que ese compromiso no se rompa...

La Fuerza del Mar

Un importante Laboratorio Farmacéutico, quería incluir en su Vademecum un nuevo producto que iba sacar al mercado, y nos llama para que le desarrollemos todo el proyecto desde el Naming hasta el Packaging, pasando por el Merchandising y toda la papelería e imagen corporativa.

El producto es Agua de mar bebible y sirve para reponer los minerales que pierde nuestro organismo con la actividad cotidiana (en su versión Isotónica) o los que rápidamente perdemos cuando hacemos deporte (en su versión Hipertónica). 

Por la tipología de producto, lo más adecuado sería un nombre y una imagen que imprima fuerza y carácter. Como la versión Isotónica es una dilución de la Hipertónica, con el diseño haremos lo mismo, tramaremos el color que elijamos a un 40 %. Vamos a ello.

Lo 1º es el nombre, se presentan 3 posibles: NATRON, AQUON y YALMAR. Este último queda descartado por falta de fuerza. Natron, nos lo tumban en el registro de marcas por asemejarse a Natreen (sacarina). Pues ya está, que mejor para Agua que… AQUON?

Vamos con el logo, planteamos la silueta de la concha de una Amonita (cefalópodo depredador marino, que usaba chorros de agua para desplazarse). 

Ahora a definir colores, por razones obvias, el Azul es el color por antonomasia y si lo que pretendemos es darle carácter, el Pantone 301. Para los textos, uno que no le reste protagonismo al principal, optamos por un gris cálido Pantone Warm Grey 11. Vamos, ahora, con la tipografía, buscamos algo que sea fácil de leer y nos decidimos por la Kartika (basada en la Arial). Decidido nombre, colores, logo y tipo, vamos con el diseño.

El diseño que planteamos es el de un mar agitado, realizado con curvas vectoriales evitando así las tan usadas fotografías. La base la decoramos con unas líneas (trama al 10%, 30% y 50%) menos agresivas que las de cabeza emulando el final de una ola.

El diseño aplicado al packaging lo planteamos como un conjunto, es decir todo debe ser uniforme y armonioso, por lo que el final de cada cara debe ser el principio de la siguiente para evitar cortes en el diseño y que al montar el embalaje nos coincidan todas las líneas, eso con la caja montada es fácil de ver, pero nosotros tenemos que realizar la caja en plano (2D). Para ello lo que haremos será dibujar una 1ª cara y ese plano duplicarlo, rotarlo y colocarlo en el inicio de la cara sobre la que va a cerrar. El modelo de caja elegido por el cliente es una de solapa normal con cierre de seguridad y fondo automático, la impresión será a 2+0 tintas y el acabado será glasofonado mate con reserva de barniz U.V.I. en el logo y la marca (de color amarillo en la ilustración). 

Seguimos con el diseño de la carta. Es un diseño a una sola tinta para abaratar costes y con los textos en negativo.

Por no hacerlo más largo os vamos a enseñar el diseño de la toalla, que es básicamente la cara principal del packaging, en grande.