Archivo de la etiqueta: Diseño

Las infografías según Jaime Serra, director de ilustración de La Vanguardia

Buenos días!

Hace unos días hablé de las infografías y pusé algunos ejemplos de su uso en el mundo de la Publicidad y el Social Media y hoy he recordado que tengo un algunas perlas de infografías que descubrí en la exposición sobre Postfotografía “From Here On” del museo Arts Santa Mònica.

En esta exposición encontré un espacio dedicado a las infografías, que se acompañaba de un Manifesto de Jaime Serra ( Director de Infografía e Ilustración del diario La Vanguardia y considerado “el infografista más influyente del mundo en los últimos 20 años según la Society for News Design), en el que nos viene a decir lo siguiente.

La infografía es, en un sentido estricto, la información explicada mediante la utilización de grafismos. Grandes de la historia como Copérnico, Da Vinci o incluso Einstein las han usado, incluso a esta último se le atribuye la siguiente cita: “Si no lo puedo dibujar es que no lo entiendo”. 

A partir de los años 80, el periodismo, empujado por las nuevas tecnologías, incorporó una nueva narrativa,  que fueron los métodos de la infografía.

En el Arts Santa Mònica, Jaime Serra, nos hacía disfrutar con la exposición de 7 infografías, que además habían sabido encontrar un espacio en el papel impreso mediante un formato periodístico, por ejemplo en el periódico de La Vanguardia o la revista francesa Courrier International.

 Aquí dejo las que fotografíe, porque me resultaron muy interesantes y porque me han hecho abrir los ojos y pensar en esta forma de comunicar, que nos permite una creatividad excepcional incluso para temas que podríamos considerar aburridos, informativos, sin salsa o realmente difíciles de comunicar. expo 6

Esta infografía se basaba en una partición de una columna negra exactamente en 365 espacios más pequeños (como días tiene el año) y cada uno de estos espacios podía adquirir diferentes colores. Estos colores respondían a si la pareja sobre la cuál se hizo el experimento había tenido o no sexo, si él o ella habían llegado o no al orgasmo o si había un tercer implicado, etc.

Podríamos decir, tal y como dice el título de la infografía que con estos grafismos queda explicada la vida sexual de una pareja estable. Me parece una idea genial, e incluso para realizarla uno mismo, con el sexo como objeto o con cualquier otra cosa, como puede ser el deporte o los libros que leemos. Es una bonita manera de enmarcar un período de nuestra vida.


sms infografía

Expo 2

Esta otra infografía se basa en la colección de sms de una novia a su chico. Este chico decidió ir guardando en su ordenador todos los sms que la pareja de aquel momento le enviaba. En un principio puede no resultar un acto muy romántico, dado que es a través de un móvil, pero tal y como dice él en el sms de ampliado de la fotografía… ” Lo he hecho para volver a sentir, condensada en las pocas palabras que entrar en cada una de las pantallas de un teléfono móvil, la pasión que mueve el mundo”.

Esta otra infografía también me pareció genial, ya que a mi parecer, además de conectar con todos los que hemos nacido en la era del móvil, smartphone e internet, nos explica la historia de una relación, de un modo cada vez más habitual.

Además de estas existían otras infografías, como las de un hombre que realizó su último viaje como fumador, y en el que quemo exactamente, en un mapa, cada uno de los puntos en los que encendió un cigarro.

Espero que tengáis un buen día :) !

Anuncios

Cómo crear un marco de película para mis fotos_Técnica fotográfica

¡Hola! Seguimos con los manuales de técnica fotográfica y en este caso vamos a ver lo fácil que es ser original, añadiendo un marco de película de 35mm a nuestras fotografías, seguramente ya digitales.

El resultado final es así…

foto final AMOR + MARCO

Si os gusta… ¡A POR ELLO!

1 – Abrimos nuestra fotografía y la copiamos en el portapapeles (Ctrl+c), posteriormente abrimos un nuevo documento y éste, de forma automática, tendrá las mismas medidas que nuestra foto, ya que la tenemos en el portapapeles.

portapapeles

2 – A continuación pintamos este documento de negro con la herramienta bote de pintura.

bote de pintura

3 – Posteriormente, con la herramienta de marco rectangular, hacemos un cuadrado en este nuevo documento de fondo negro,  que es donde acabará enmarcada nuestra fotografía original.  Y rellenamos este cuadrado de color blanco (Alt+Retroceso, siempre que tengamos el color frontal en blanco, si no, lo podemos cambiar con las teclas X y D).

rectangulo

marco blanco

4 – Ahora creamos una nueva capa y después, con la herramienta de rectángulo redondeado, dibujaremos uno pequeño, que será uno de los orificios de la típica película de 35mm. 

primer orificio

5 – Una vez tenemos ese primer orificio, haremos los siguientes, como copias de éste. Para ello seleccionamos la capa donde lo hemos dibujado y pulsamos simultáneamente (Mayúsculas + Alt) y movemos el cursor del ratón, saldrá de ese mismo cuadrado uno igual. Iremos repitiendo este paso hasta tener toda la fila de orificios. Después seleccionaremos todos esos orificios y con el mismo mecanismo (Mayúsculas + Alt) copiaremos toda la fila, para hacerla igual en la parte inferior de la película.

orificios superiores

orificios inferiores

6 – Una vez tengamos todos los orificios realizados, los seleccionaremos todos en la paleta de capas, pulsando en la primera capa y posteriormente en la última mientras pulsamos (Alt), y cuando las tengamos todas seleccionadas, con el botón derecho las convertiremos en objeto inteligente.

objeto inteligente

7 – A esta capa (la del objeto inteligente), le añadiremos un “Estilo de capa”, que será la “Sombra Paralela”. Posteriormente jugamos con los parámetros de “Distancia” y “Tamaño” y construimos una sombra real para los orificios. Posteriormente acoplamos la capa de los orificios con la del fondo negro (botón derecho y acoplar imagen).

acoplar imagen

8 – Ahora, nos dirigimos a nuestra foto original y con la herramienta “Mover” la llevamos a nuestro nuevo marco. Es posible que no encaje a la perfección, así que deberemos marcar en el menú “Edición” la opción de “Transformar” y jugar con la escala y algunos otros parámetros hasta lograr encajarla.

foto sin encajar

escala

9 – Una vez hayamos conseguido encajar nuestra fotografía, cogeremos las dos capas y volveremos a “acoplar imagen” tal y como hicimos anteriormente con los orificios y el fondo negro.

foto encajada

acoplar segunda vez

10 – Para darle algunos toques finales podemos añadir a través de la herramienta de texto y con una tipografía afín (como la Arial Black) y un color entre el rojo y el amarillo algunos datos, como el número de diapositiva.

retoques finales

¡Y eso es todo! Espero que os sea útil.

No obviéis que en la fotografía pone AMOR y que tengáis un buen lunes :) !

Cómo añadir un haz de luz a tus fotografías – Técnica fotográfica

Hola,

como os digo en la página de Fotografia, soy una amante de este arte desde hace bastantes años y he ido aprendiendo de forma autodidacta y con revistas y manuales algunos trucos que han mejorado mi técnica. Así que he decidido compartir algunas de estas técnicas con vosotros.

En este post vamos a aprender a añadir un haz de luz a nuestras fotografías. Para realizar este mini manual he elegido una fotografía que realicé hace unos meses y a la cual le tengo mucho cariño y este es el resultado final:

foto final

Si os gusta, no es nada difícil hacerlo…¡Vamos allá!

1. Abrimos la fotografía en Photosop

2. Duplicamos la capa (botón derecho en el menú capas y Duplicar capas)

duplicar capa3. Seleccionamos la opción de Lazo Poligonal (Mayús + L) y trazamos allá donde queremos añadir el haz de luz

lazo poligonal

4. En la paleta de canales clicamos en Guardar selección como canal, tal y como se muestra en la fotografía

canal alfa5. Marcamos el canal que acabamos de crear, que por defecto se llama “Alfa 1” y nos dirigimos al menú Filtros > Desenfoque > Desenfoque Gaussiano y lo aplicamos con un valor de 20 píxeles.

gaussiano

6. Ahora, cargamos el canal alfa, clickando el botón que se observa en la fotografía.

cargar canal7.  Ahora marcamos el canal RGB para trabajar con él. A continuación vamos a oscurecer el fondo y aclarar el haz, para que el contraste sea mayor. Marcamos el menú Selección > Seleccionar inverso (ahora tendremos marcado lo contrario al haz), y en el menú Imagen > Niveles, llevaremos el marcador blanco hacia la izquierda, es decir, hacia el negro, tal y como se muestra a continuación. 

oscurecer fondoAhora haremos lo mismo para aclarar el haz. Volvemos a Selección > Seleccionar inverso, posteriormente Imagen > Niveles, y en este caso movemos el marcador del negro hacia la derecha, es decir hacia el blanco, como se muestra a continuación.

aclarar gato

No hay unos valores estándar, dependiendo de la foto podemos ir jugando con los valores hasta que quede a nuestro gusto.

Con 7 sencillos pasos ya tenemos nuestro haz de luz añadido.

¿Qué os ha parecido este post? ¿Os resulta práctico y útil? Espero que si.

¡ Feliz semana a todos :) !

5 tips importantes y rápidas para tu web/blog

Hace unos meses me leí el libro “Cómo triunfar en Internet: Guía para el éxito” de la editorial Taschen. Es un libro de un diseño precioso y con un contenido más que apetecible. Aunque hay algunos capítulos que no acabé de entender porque se necesitan conocimientos de programación web, lo aconsejo para todo aquel que quiera iniciarse en este mundillo.

Tras la lectura del libro realicé un resumen para tener los conceptos mucho más claros y he pensado en compartir en este post 5 tips que creo fáciles, importantes y que pueden dar muy buen resultado.

1.TIPOGRAFÍA. John White de la agencia Firstborn

– Utiliza una letra clara y legible.

– Define claramente los vínculos de las páginas. Para ello, puedes optar por un color que los realce, o aumentar el grosor y/o el tamaño.

– No utilices tipografías de palo muy fino para textos largos, ni tampoco cambies muchas veces de tipografía en una misma página.

2. INFORMACIÓN DE CONTACTO. Chris Sees, de la agencia Square Circle Media

– Muestra el vínculo de “Contacto” de forma muy clara y en todo momento (en todas las páginas). Haz que encontrarlo sea una tarea fácil.

– Ofrece la opción de enviar un correo electrónico directo y un formulario de contacto (hay usuarios que no tienen acceso a un proveedor de correo electrónico).

– No ofrezcas demasiada información, sólo conseguirás confundir al usuario.

3. SÉ TU MISMO, TEN PERSONALIDAD. James Dvorak, LitFuse

– Ten en cuenta que no le vas a caer bien a todo el mundo, incluso puede haber personas que te detesten.

– No te tomes a pecho el no caerle bien a alguien. Como mínimo, siempre habrá un 10% al que no le vamos a gustar, centrémonos en gustar al 90% restante.

– Trabaja con gente interesante. Así aprenderás lo que es tener una personalidad.

4. PORTFOLIO PERSONAL. Dave Werner, Minor Studios

Si tu objetivo es mostrar tus trabajos hazlo bien:

– Da vida a tus proyectos con algún tipo de narración. Explica una historia, a todos nos gusta escuchar historias. Pero tampoco hagas que el usuario olvide que debe estar atento a tus trabajos.

– Muestra el mayor abanico posible de trabajos que realcen tu pensamiento conceptual.

– Sé tu mismo y olvida tu ego, no lo saques a relucir.

5. UTILIZA CONTENIDO INTEGRADO. Kelly Kliebe, Saatchi & Saatchi LA

La integración de texto, imagen y vídeo puede transformar un sitio web convencional en una experiencia envolvente.

– Ofrece una combinación adecuada para los usuarios, ponte en su piel a la hora de decidir. No crees una interfaz excesivamente compleja: la simplicidad es la clave para una buena combinación de contenido integrado.

– Utiliza el contenido de forma eficaz. Está bien tener alternativa pero si algo puede explicarse con un único tipo de contenido no añadas otros.

– Haz que la experiencia no sea lineal, permite que el usuario pueda acceder al contenido por diversos caminos.

– Siempre que puedas ofrece diferentes tamaños para los elementos gráficos, sobre todo de los vídeos.

¿Qué os parecen estos consejos? Espero que os sean de ayuda y feliz fin de semana :) !