¡Hacete fan de Criatura Creativa Studio!

Hacete fan de Criatura Creativa Studio en Facebook!

A vos amigo diseñador/a, que visitás este blog seguido…

A vos, amigo fotógrafo, estudiante de fotografía, entusiasta de las cámaras…

A vos, melómano, que de vez en cuando despuntás el vicio leyendo algunas líneas que escribo…

Te invito a hacerte FAN!
Si, estoy pidiéndote que te sumes a la comunidad de Criatura Creativa Studio en Facebook! Sólo hacé click en la imagen o en este link, y listo!

Es mi cromático pedido a todos los que disfrutan de alguna forma de este humilde espacio.

Un abrazo

Eduardo Cesario

Logotipo para el 15 Aniversario de la Escuela de Fotografía Motivarte

Isologotipo diseñado para el 15 Aniversario de la Escuela de Fotografía Motivarte

La marca de un 15 Aniversario es todo un compromiso.

Para poder proyectarla exitosamente, el estudio se armó de paciencia y creatividad para mostrar una apuesta cromática fuerte, en lo que es un acontecimiento de alegría y festejo para la Institución. Así es que se mantuvo el isologotipo original de la escuela, y se operó con diversos tintes por detrás, para acentuar el dinamismo y la riqueza cromática que supone el trabajo con fotografía. Esta re-elaboración de la identidad de la Escuela de Fotografía Motivarte, va de la mano de los últimos trabajos que CCS viene realizando para la misma, donde el resurgimiento del color y el movimiento, son ejes principales en la idea comunicacional propuesta.

El proceso creativo del diseño estuvo acompañado por el Director de la Escuela, Jonas Papier, de amplia trayectoria en el arte de la fotografía y la pedagogía aplicada a su enseñanza. La proyección del isologotipo es la resultante de decantar varias etapas de bocetado y diseño, en búsqueda de una marca dinámica, divertida, pero con peso institucional y de fácil adaptación al sistema corporativo pre existente de la Institución.

 Eduardo Cesario

El mundo cabe en un feed

¿Qué está pasando en la internet?

Sabemos por un lado,que la gente usa cada vez más los sitios de redes sociales, y las "modernosas" webs en flash, que daban vuelta el monitor, están siendo creadas y pensadas con mucho más criterio, para empresas o personas que realmente necesitan tanto movimiento.

Mientras tanto, los blogs parecen ser una herramienta que todo el mundo hoy posee. Antes diseñar un blog requería de unos mínimos conocimientos de html, php y manejo de hosts… hoy, con sólo darse de alta en algún servicio gratuito, casi instanáneamente dispondremos de un sitio con blog propio.

De la mano del avance de las hojas de estilo o cascade style sheets, el diseño abandonó su rol de "el malo de la película" para convertirse en un aliado que metaboliza perfectamente la funcionalidad con el sentido estético.

Y…. paralelamente a todo esto, comienzan a aparecer sitios como Twitter, que nos proponen una aparentemente simple pregunta: ¿Qué estás haciendo ahora?, contestarla implica usar un máximo de 140 caracteres… este servicio no propone que escribamos un blog, pero ciertamente está a medio camino.

Lo que comenzó con los feeds de los blogs, un archivo con formato de texto estandarizado, que permite tomar esos contenidos y presentarlos en un sitio web (o en varios), ya hoy en día se ha convertido en parte de la vida cotidiana de cualquier internauta que se precie.

Por qué digo que el mundo cabe en un feed… bueno, pónganse a observar: blogs (propietarios o gratuitos), Twitter, Facebook usa feeds constantemente para publicar diferentes actividades del usuario, LinkedIn, otra red social orientada al mercado laboral hace lo mismo. Por otro lado, cualquier feed del tipo RSS es importable de casi cualquier otro sitio web, siempre y cuando sea viable su republicación.

El feed, la "comida", sólo genera más hambre en millones de internautas que constantemente buscan más y más información, y cuanto más instantánea, mejor.

Incluso existen lo que yo llamo meta-feeds: Facebook republicando blogs, Facebook republicando a Twitter!

Como todo exceso de información, puede transformarse en algo perjudicial si no sabemos administrarla, queda en nosotros tener criterio de qué leer y no perdernos en la maraña de la internet.

Eduardo CesarioLa Criatura Creativa

Conozcan el sistema gráfico de The Music Store

The Music Store

Uno de los últimos proyectos gráficos llevados adelante por el estudio , es el sistema visual y la web de The Music Store , una tienda de música especializada.

Nuestro cliente, Carlos Sterni, recibió con agrado, en primera instancia, el desarrolo de identidad y marca que hicimos para su negocio. Fue ya hace un tiempo que diseñamos la identidad de la firma. En la misma se ve reflejada la frescura, el profesionalismo, y la capacidad de "encontrar el CD que el cliente busca", ideas primordiales a la hora de marcar ventajas competitivas sobre la competencia no directa (las megatiendas como Musimundo y Yenny). Valiéndonos de la estantería como una de las excusas formales para representar a la marca, se expresa la personalización en la búsqueda a medida y la atención al cliente, valores distintivos de The Music Store sobre cualquier casa de música en la Argentina.

El sitio web de The Music Store

El sitio web, por otro lado, está planteado siguiendo las pautas de color, concepto y organización del resto de las piezas corporativas, pero incluye la ventaja esencial que el mismo cliente es capaz de agregar, editar y remover contenidos del mismo, sin necesidad de costos onerosos de mantenimiento mensual. Pudimos insertar un diseño rico y dinámico, en la estructura de un CMS como Silverstripe. En este momento estamos mejorando las opciones "pre programadas" del CMS, para hacerlo aún más personalizado a nuestro cliente, tarea que está siendo llevada adelante por nuestro especialista en Diseño de Sistemas y Programación, Diego Cesario.

La resultante es un sitio que apoya fuertemente la actividad comercial de una tienda que ya cuenta con una fuerte presencia en Mercadolibre de Argentina, pero que necesitaba de un sitio propio para poder establecerse definitivamente en la web.

Eduardo CesarioLa Criatura Creativa

Abriendo el juego del proceso creativo al cliente mediante los bocetos

A veces suele ocurrir que a la hora de llevar adelante el proceso de diseño, la cuestión se complica cuando el cliente no está conforme con nada (o prácticamente nada) de lo que se le propone.

Esto puede deberse a múltiples razones, pero hay algunas que ocurren habitualmente, como pueden ser: un cliente conflictivo que no sabe realmente que quiere, que no se le presenta ninguna propuesta que encaje estéticamente con lo pedido, que el diseñador no capta la idea fuerza a transmitir, etc.

Otras veces lo que pasa es que el criterio de filtro para seleccionar las propuestas a presentar, no coincide con lo que busca el cliente. Y aquí si tenemos responsabilidad directa nosotros.

Como es imposible saber que quiere exactamente el cliente, cuando la situación se torna errática y desesperanzadora, me parece una muy buena idea el usar los bocetos de nuestro trabajo para abrir el juego creativo con él.

Generalmente uno se muestra con cierto recelo a la hora de mostrar los bocetos del diseño, por ejemplo, de un isologotipo. Pero la realidad es que muchas veces me ha sido de particular ayuda, abrir la cuestión y hacer sentir más responsable al ciiente de su futuro diseño, mostrando diferentes líneas creativas en un trabajo. De esta forma logro que el cliente se involucre más en el diseño mismo de su pieza, y que no sea un reino inaccesible donde el diseñador es amo y señor.

Desde ya que esta práctica no es siempre imprescindible, pero en ciertas circunstancias, donde la fluidez del trabajo se ve "empastada" por indecisión o falta de criterio común, esta sugerencia me ha dado buenos resultados, espero que a ustedes también.

Eduardo CesarioLa Criatura Creativa

Actualizar contenidos de tu blog, garantía de tráfico a tu website.

Durante mi última visita a Ciudad de Mendoza, noté una drástica merma en la cantidad de visitantes al sitio web del estudio.
Curioso por este fenómeno, le comenté la cuestión a mi amiga y colega Nani .
Lo primero que preguntó, fue si hacía mucho tiempo que no actualizaba el blog.

Dado la cantidad de trabajo que se había presentado en ese tiempo, sumado a la necesidad que siento de escribir cosas que considero útiles (si, maldita autoexigencia), y la inspiración no había acompañado mucho, la respuesta fue un "no".
Particularmente interesante resultó, que, dada la estructura del sitio de CCS actual, el blog se encuentra incluído dentro del sitio principal del estudio.
¡En cuanto actualicé el blog, a la semana, las visitas volvieron a duplicarse!
Lo que voy a decir no es ninguna novedad, pero por las dudas, tomen nota webmasters:

Hoy en día, un feed de un blog actualizado, vale más que muchos urls que podamos generar con la estructura propia de nuestros websites.

  • Es accesible desde múltiples sitios web,
  • es fácil de actualizar y mantener (a excepción de la originalidad y ocurrencia de los contenidos),
  • y genera urls más ricas, que google indexa casi inmediatamente…

A tener en cuenta este detalle.

Eduardo Cesario

Evolución del rediseño del website smackpage.com en un gif animado

El proceso de rediseño para el website Smackpage.com

Me pareció atractiva la idea de mostrar el proceso de rediseño de website y logotipo que hicimos para el sitio web Smackpage.com.

El rediseño hizo incapié en la idea del sitio, un lugar donde chatear y divertirse con amigos. El nombre "smack" que remite claramente a una onomatopeya de golpear, disparó la busqueda para el isologotipo, que tiene una reminicencia comic. Luego, el sitio muestra esa "cuidada desprolijidad" en toda su interface.

Eduardo CesarioLa Criatura Creativa

Gertrudis Pro y máscaras en Adobe Photoshop para crear universos mágicos en fotografías.

Gertrudis Pro y máscaras en Adobe Photoshop para crear universos mágicos en fotografías.

El propósito de este tutorial es combinar dos poderosas herramientas, Gertrudis Pro y Adobe Photoshop , para aprovechar al máximo el realismo de una imagen fotográfica y enriquecerlo mediante la natural sensibilidad que aporta Gertrudis Pro a cualquier imagen.

Lo que necesitamos para comenzar es, esencialmente, una fotografía que tenga un fondo lo más neutro posible, por ejemplo, un cielo, fondo de color, etc. Este requisito no es imprescindible, pero el efecto se acoplará de mejor manera.

  1. Abro mi foto en Adobe Photoshop.
  2. Creo una capa vacía (desde la paleta de Layers clickeo Create New Layer)
  3. Ahora vamos a crear una máscara para recortar el fondo. La máscara cumplirá dos funciones en el tutorial:
    1. Delimitar que zona de la foto vamos a poder trabajar con Gertrudis, y que estemos seguros que será visible en Adibe Photoshop.
    2. Cortar la imagen proveniente de Gertrudis Graphics, para que sólo sea visible en las zonas de la imagen que elijamos (en mi ejemplo, el cielo).

    Gertrudis Pro Tutorial 1
    Usando la barita mágica, seleccioné, de manera aproximada, el cielo en la foto. Puedes utilizar una o varias herramientas de selección si lo deseas, de modo que tu selección sea más precisa. Una vez que tenemos la selección terminada, clickeo en el boton Add Layer Mask. Con esto tenemos la zona para trabajar definida, que por ahora no recorta otra cosa que un Layer transparente.
    Gertrudis Pro Tutorial 1

  4. Nos posicionamos sobre el Layer Mask Thumbnail, y clickeamos con el boton izquierdo y la tecla ALT. Así podremos ver la máscara en blanco y negro.Siempre posicionados sobre ese mismo layer, seleccionamos toda la imagen (Ctrl+A) y la copiamos, presionando Ctrl+C.
    Gertrudis Pro Tutorial 1
  5. Es el turno de Gertrudis Pro. Abrimos el programa, y seleccionamos New From Clipboard (Ctrl+Alt+N). Dejamos los preseteos del software, y abrimos la imagen.
  6. Ahora, usando el Autosketch Tool, y un brush grande, reconstruimos en Gertrudis nuestra imagen, usando la técnica que más nos guste. En mi caso use Scratch Style. Lo importante de este paso es que queden bien definidas las zonas de blanco y de negro. Nosotros vamos a trabajar con Gertrudis sobre la zona blanca solamente, ya que la parte negra, no será visible en Photoshop cuando finalmente apliquemos la máscara.
    Gertrudis Pro Tutorial 1
  7. Para generar un efecto interesante, vamos a pasar a la herramienta Freehand Tool. Lo importante ahora es elegir el modo de color Fixed. y trabajar con blanco y negro solamente. Esto no es imprescindible, pero para orientarnos visualmente será mejor si lo hacemos así. El efecto será atractivo sobre todo cuando jugemos con la transparencia de las tintas, ya que cuando llevemos la imagen a Photoshop, usaremos un modo de fusión traslúcisdo para producir diversos efectos.
    Gertrudis Pro Tutorial 1

    Gertrudis Pro Tutorial 1

    Gertrudis Pro Tutorial 1
    Repasando:

    • Usaremos la herramienta Freehand Tool, direccionando ayudados por el programa nuestras pinceladas.
    • Usaremos modo de color Fixed.
    • Variando la transparencia de las tintas aplicadas para que el efecto no sea ni blanco total ni negro total.
    • Jugaremos con diferentes Brushes.
  8.  Variando distintos brushes y grosores, vamos trabajando sobre la imagen, hasta que llegamos a un resultado que nos satisfaga.
    Gertrudis Pro Tutorial 1
  9. Grabamos la imagen usando la opción Save At Different Size: en el cuadro de diálogo tipeamos el valor de ancho y alto en píxeles de nuestra foto original.
  10. Volvemos a Photoshop, y abrimos la nueva imagen proveniente de Gertrudis.
  11. En nuestro archivo original, hacemos click sobre Create New Layer. En esta capa ubicaremos la imagen de Gertrudis. Para ello, siempre en Photoshop, seleccionamos la ventana correspondiente a dicha imagen, apretamos Ctrl+A para seleccionarla, y luego Ctrl+C para copiarla al Clipboard. Luego vamos a nuestro otro archivo, y en la capa nueva, presionamos Ctrl+V para pegar lo trabajado en Gertrudis Graphics allí.
    Gertrudis Pro Tutorial 1
  12. Lo que se ve ahora es que el trabajo que hicimos en Gertrudis quedó en la capa superior, pero bloqueando todo la foto que estaba debajo. Nos resta arrastrar el icono de la máscara de la capa de abajo, sobre la capa de la imagen de Gertrudis, para que dicha máscara se aplique sobre nuestra imagen.
    Gertrudis Pro Tutorial 1
  13. Bueno, el efecto no parece muy lindo no? Pero nos falta el toque de gracia: ahora posicionándonos sobre la capa que está aplicando la máscara sobre la imagen de Gertrudis, la seleccionamos, haciendo click con el botón izquierdo. Seleccionamos el modo de fusión Overlay.

¡Hemos terminado!

Espero que hayan podido realizar el tutorial sin problemas. Pueden probar diferentes modos de fusión de la paleta de Layers de Adobe Photoshop, como así también jugar con la opacidad de la capa para lograr diferentes efectos. La clave es partir de una buena imagen, tener una buena máscara de selección y ser creativos con Gertrudis Pro, para enriquecer la imagen fotográfica con texturas y trazos.

Eduardo CesarioLa Criatura Creativa

FANS: usando Facebook para difundir tu sitio web, producto o negocio

Definitivamente la internet viene mutando, cambiando a pasos agigantados. Lo importante es no perder pisada a esos cambios, para, en la medida de lo posible, poder explotarlos y sacarles provecho.

Facebook es la red social lider lejos en la web. Si bien ya existe LinkedIn como red social por excelencia para promocionar nuestro trabajo o actividad, Facebook es mucho más popular, y tiene muchísimo más alcance. Es cierto, no es lo más específico, pero se está utilizando cada vez más para promocionarse a traves de ella.

No es difícil hacerlo. Para ello basta crear una página (o Page) dentro de nuestro perfil Facebook.

1)  Clickeamos en Page Maganer, dentro de las Aplications.

2) Luego el botón Create Page.

En facebook, clickeamos en el botón Create Page.

3) Se desplegará una ventana, donde debemos clasificar nuestro negocio, web, o servicio… Lamentablemente no esta tan completo en cuanto a categorias (Diseño Gráfico no figura), pero si uno se las ingenia, puede llegar a una que lo represente. Luego completamos con el nombre, en mi caso, Organica Creativa.

Se desplegará una ventana, donde debemos clasificar nuestro negocio, web, o servicio... Lamentablemente no esta tan completo en cuanto a categorias (Diseño Gráfico no figura), pero si uno se las ingenia, puede llegar a una que lo represente. Luego completamos con el nombre, en mi caso, Organica Creativa.

4) Se crea una página borrador, donde Facebook nos sugiere que agreguemos informacion o una foto. Ese será el siguiente paso.

 Se crea una página borrador, donde Facebook nos sugiere que agreguemos informacion o una foto. Ese será el siguiente paso.

5) Luego de agregada toda la info que deseemos, nos avisará que la página no es pública, así que para mostrarla al mundo, cliqueamos donde dice Publish this page.

Luego de agregada toda la info que deseemos, nos avisará que la página no es pública, así que para mostrarla al mundo, cliqueamos donde dice Publish this page.

6) Para empezar a darla a concer, clickeamos en Share, y ahí Send Message: eso enviará un correo a nuestros contactos, los que deseemos, para que se hagan Fan de nuestro producto.

Para empezar a darla a concer, clickeamos en Share, y ahí Send Message: eso enviará un correo a nuestros contactos, los que deseemos, para que se hagan Fan de nuestro producto.

Esto es una muy breve introducción a todo lo que puede hacerse para promocionar dentro de Facebook un sitio, pero es un primer paso. Se puede pagar por avisos y armar campañas, que se van mostrando como impresiones en la sidebar de la derecha del sitio, entre otras formas, pero esto ya involucra que invirtamos dinero a tal fin.

Les dejo los links para los que gustan, se hagan fans de nuestros sitios:

Hazte fan de Criatura Creativa Studio.

Hazte fan de Organica Creativa.

Espero que tengan suerte con sus páginas :) .

Saludos

Eduardo Cesario

Cómo solucionar problemas de cambios de color en Flickr.

Como solucionar problemas de cambios de color en Flickr

Muchas veces me había ocurrido que cuando subo fotos desde mi computadora a Flickr, experimentaba cambios de color, algunas veces menos dramáticas que otras.

El otro día estaba terminando de editar una foto en Photoshop, que venía de un archivo .NEF (archivo raw de cámaras reflex Nikon). Cuando exporté el jpg con el resultado, se veía muy bien en la Mac, pero, oh sorpresa, cuando completé el uplad en Flickr había perdido mucho el contraste y la saturación, que si tenía en mi computadora.

Googleando un rato, mi sospecha se confirmó: lo que hacía que los colores pierdan sus propiedades, era un cambio de perfil (profile) de color, que es ni más ni menos, que el parámetro que da a una imagen la ubicación cromática en el espectro.

EL PROBLEMA

Cuando uno trabaja desde un archivo RAW, importado desde Adobe Bridge, el perfil de color asignado por defecto es el Adobe RGB (1988), que siempre se comporta de maravillas, pero que puede producir variaciones de color cuando vemos esa imagen a través de un producto que utiliza otro perfil de color, por ejemplo, los navegadores web.

Diciéndolo de manera más simple, estamos visualizando el color a través de otra gama, lo cual hace que la imagen que terminamos de editar, que en la práctica hace que se vea con colores más chatos y menos saturados.

LA SOLUCIÓN

Hay dos soluciones rápidas a este problema:

  1. Asignar el perfil de color correspondiente a visualización en pantalla, cuando abrimos el archivo RAW.
    Eso lo hacemos clickeando en la parte inferior de la pantalla, donde aparece el perfil actual (que generalmente es AdobeRGB).
    Cuando abramos la imagen, la procesemos y grabemos ya estaremos visualizando los colores de manera casi idéntica a la mayoría de navegadores web.
    Asignar el perfil de color correspondiente a visualización en pantalla, cuando abrimos el archivo RAW.

  2. Cambiar el perfil de color desde Photoshop, cuando terminamos la edición.
    • Primero abrimos el archivo con la imagen correspondiente.
    • En los menues principales, buscamos Edit > Convert to Profile…
      Esta opción es útil porque por más que no terminemos transformando el perfil de color, nos va a brindar la información de cual estamos usando actualmente.

      Asignar el perfil de color correspondiente a visualización en pantalla, cuando abrimos el archivo RAW.

    • Para que tengamos control de los colores que se ven en pantalla y en Flickr, tenemos que cambiar el perfil de color de la imagen por sRGB, o sRGB IEC61966-2.1. Notaremos un cambio de la paleta, si los colores son muy saturados, se apagarán un poco. Entonces ahora, con este nuevo perfil, hacemos los retoques que necesitemos para acercarlos al resultado deseado, y listo, grabamos el archivo en JPG

      Asignar el perfil de color correspondiente a visualización en pantalla, cuando abrimos el archivo RAW.

CONCLUSION

  1. El primer método, asignará el perfil de color al principo del Workflow (nuestro flujo de trabajo), y todos los cambios subsiguientes arrastrarán ese perfil, lo cual nos ahorra tiempo para llegar al resultado final.
  2. El segundo método por el contrario, será más útil si ya hemos retocado la foto, y queremos que respete sus colores cuando la visualizamos a través de un navegador (Flickr por ejemplo).Sin embargo, una vez que asignemos el nuevo perfil, habrá que chequear las inconsistencias de color que surgirán, y ajustar la nueva imagen antes de ser grabada.

Espero que les sirva.

Eduardo CesarioLa Criatura Creativa