Orlando Rubina

Soy Orlando Rubina, diseñador gráfico de la Universidad de Valparaíso, Chile. Vivo y trabajo en Santiago, Chile. Desde 2008 mi trabajo se concentra principalmente en diseñar y desarrollar piezas gráficas para televisión. Actualmente soy parte del departamento de gráfica de Prensa de Televisión nacional de Chile. Puedes revisar mi portafolio en Cargo Collective y seguirme en:

Photos

Favorites

Videos

Updates

Posts

ABC News 24

Menos es más

ABC News 24, es el nombre del nuevo canal australiano de noticias, las 24 horas del día. Perteneciente a la Australian Broadcasting Corporation y lanzado el jueves, 22 de julio de 2010. La salida al aire de ABC News 24 consiste en una mezcla de boletines en vivo, cobertura de acontecimientos locales e internacionales, transmisión de documentales y programas de arte. Todo en calidad HD.

Esta es parte de la identidad del canal, bastante simple en cuanto a forma, pero muy bien lograda. Los estudios están compuestos por espacios amplios y rectos, colores fríos y luminosos. El diseño visual complementa el espacio físico mediante el color azul y las formas rectas. Partiendo desde la marca, un rectángulo degradado que sirve como soporte para el logotipo “ABC News”. El resto de la gráfica se compone con trozos rectangulares que generan un todo (la información), estos trozos van recorriendo la pantalla de forma horizontal generando continuidad e instantaneidad. El color azul es contrastado con imágenes contingentes, que muestran constantemente la actualidad mundial. De este modo se van armando las diferentes instancias gráficas, el Id institucional, las separadoras, las cortinas, todo se arma mediante trozos rectangulares que nos muestran parte de la información, generando unidad en un tiempo mínimo.

El soporte para textos en pantalla o GC´s es un diseño también muy simple, pero funcional, en este caso es solo un rectángulo el que soporta el texto, 1 rectángulo para una línea, 2 rectángulos para dos líneas de texto, es una formula simple, pero que aporta a la legibilidad. La tipografía en este soporte es bastante gruesa, lo cual genera un contraste de formas y color, una economía visual que apunta hacia una lectura rápida y eficaz. Pero la economía visual pasa también por el correcto uso del lenguaje, descripciones cortas hacen del GC un aporte y no una distracción.

En resumen, creo que el buen diseño de este espacio, pasa por la consigna “menos es más”, a diferencia de nuestro país donde estamos acostumbrados a ver en los canales, una infinidad de elementos visuales y efectos rimbombantes, que solo generan espectacularidad en el principio, pero que al fin terminan aburriendo y tornándose molestos, un ruido entre el espectador y la información.

Acerca del Autor:
Orlando Rubina es diseñador Licenciado de la Universidad de Valparaíso. Productor de este Blog y diseñador gráfico del Área de Prensa de Televisión Nacional de Chile.

Estado Nacional 2010

Nuevo Look.

Esto es un compilado de las piezas gráficas que he realizado para la nueva temporada de Estado Nacional, programa de debate político, en un ambiente distendido y entretenido. Transmitido por Televisión Nacional de Chile los Domingos a las 09:30 de la mañana.

Las piezas fueron maquetadas en Illustrator y Photoshop. Luego se pasaron a Viz Artist, software especializado para el diseño de piezas para la transmisión en directo. Allí se diseñaron los GC, la barrida y una versión ligera del logo. Otras piezas fueron trabajadas en 3D Studio Max, como el logo final y las cortinas para los segmentos fueron desarrolladas en After Effects.

Acerca del Autor:
Orlando Rubina es diseñador Licenciado de la Universidad de Valparaíso. Productor de este Blog y diseñador gráfico del Área de Prensa de Televisión Nacional de Chile.

Mega Sport en Behance

Broadcast Design

Navegando por Behance, una de las redes profesionales de diseño más grandes del mundo. Hemos encontrado un par de imagenes bastante interesantes. Su autor, un Ucraniano que no conocemos su nombre ha presentado un paquete de identidad para el canal Megasport de Ucrania. A continuación se las presentamos.

Nos imaginamos que estas piezas animadas deben ser aún mejor.

Estas piezas son claves en el diseño de gráficas para un segmento o programa, y se pueden tomar como base para una propuesta de cualquier programa. Partiendo por el logo y el fondo, la programación y una pieza tipo titulares, que sirve para presentar lo que viene a continuación.

Más acerca del autor en Behance

Roto Brush es una de las novedades de After Effects CS5, esta herramienta permite separar (cortar) elementos  del fondo de un video de manera rapida y sencilla. Lo que normalmente tomaría mucho tiempo.

“La exclusiva tecnología de Vizrt se centra en los gráficos en tiempo real, mayormente en 3D, y está conformado por tres importantes componentes de software: diseño, gestión y renderización (playout). De los tres, la renderización 3D en tiempo real ha hecho de Vizrt una compañía única. Vizrt usa tecnología gráfica NVIDIA® con NVIDIA® PureVideo™ para proveer fácil integración de renderización 2D y 3D en tiempo real para entornos de transmisión o edición de video. NVIDIA y Vizrt ofrecen lo último en velocidad para generar una gran cantidad de elementos gráficos usados en programas en vivo.”

Five, rediseño de marca

Diseñado para sorprender

DixonBaxi | Five Idents from DixonBaxi on Vimeo.

El rediseño de la marca de Five Channel, ha estado a cargo de http://www.dixonbaxi.com/, quienes han creado una marca más expresiva y creativa. Evitando el típico logotipo de otras cadenas de TV, este estudio ha logrado dar vida al logo mediante explosiones de colores, generando así una marca legible que continuamente se va desenvolviendo en la pantalla.

Los elementos gráficos en pantalla constan de una simpleza elegante y legible, donde la marca acapara la atención entre planos de colores y textos gruesos. Incluso la marca es capaz de convivir sobre imágenes en movimiento, manteniendo su importancia.

Dentro de la propuesta de http://www.dixonbaxi.com/, estaba la idea de permitir la

colaboración de otros estudios de motion graphics de EE.UU y Reino Unido, quienes aportarían a la identidad con su visión de Five Channel. Algunos de los equipos seleccionados fueron Partizan, Aardman Animaciones, Dólar, Flynn y Rokkit quienes crearon “explosiones” para Five.

Como podemos ver en su sitio web http://www.dixonbaxi.com/, se han encargado de todos los aspectos de la identidad de Five, partiendo de la marca, el estilo visual tanto para el “aire”, web e interiorismos.

Aquí encontrarás más imágenes.

PBS nuevo look

Elementos gráficos de PBS.

Excelente video que muestra de manera clara una compilación de los nuevos elementos gráficos de PBS (Broadcast elements). Elementos visuales que ya hemos descrito en artículos anteriores, como las viñetas (gc), las cortinas, placas de programación o los ID institucionales. En esta secuencia se muestra la importancia de la claridad, la legibilidad y la limpieza de los textos en pantalla. La simpleza de la gama de colores y la fuerza de la marca, que se hace parte de la gráfica, por medio de un lenguaje común. Look visual que busca representar una institución que educa, inspira y entretiene.

24 horas, diseño diario

Material Disueños

Esto es parte del material que presentamos en la segunda edicion de Disueños 2009, en este video estan contenidas algunas de las piezas infográficas que realizamos a diario en nuestro trabajo. En ellas se conjugan rápidez y claridad. Son piezas que buscan ser parte de la identidad del noticiero, por tanto mantienen una linea visual común y reconocible. Además, estas piezas son realizadas en un rango de 10 a 30 minutos, por tanto nos son obras de arte. Su función primordial es informar y explicar a la amplia audiencia un tema en particular. Por ello creemos que cumplen un rol social de gran importancia.


Piezas infográficas 24 horas 2009.

Disueños DOS

SNAPHD, invitados a contar nuestra experiencia

Nuestros amigos y compañeros de La Escuela de Diseño de la Universidad de Valparaíso, a través de su Centro de Nuevos Medios y la organización el Diseño nos Convoca (DNC), nos han invitado a contar nuestra experiencia, a la segunda versión de la Muestra de Diseño Gráfico Multimedial “DISUEÑOS DOS”.

Este año la muestra se centrará en la producción audiovisual, multimedial y Motion Graphics, con realizaciones de reconocidos profesionales del medio, como también de estudiantes de la Escuela de Diseño de La Universidad de Valparaíso.

Este encuentro se realizará en el Auditorium de la Facultad de Arquitectura de la Universidad de Valparaíso (Av. El parque nº 570, Playa Ancha, Valparaíso).

Agradecemos enormemente que nos hayan considerado para este evento.

La Carpeta

Nueva cara, nuevos amigos.

La Carpeta, es un nuevo aliado que nos ha considerado dentro de su espacio, en esta red de contactos que aspira a reactivar la disciplina del Diseño con experiencias, recursos y contenidos.

Los invito a visitar La Carpeta, que estrena nuevo diseño y una nueva sección, “Tu también compartes”, donde puedes postear tus enlaces y apareceran en el sitio.

La red de contactos.

La importancia de tener amigos.

La importancia de crear una red de contactos, es acceder y crear mayor capacidad de (inter) acción e información. Por tanto quienes conocen a nuestros contactos, pueden llegar a nosotros y adquirir contenidos complementarios que antes no conocian. Así la información se “distribuye” en una amplia y robusta red de contenidos con mayor valor para nuestros “usuarios”.

Agradecemos a RegiónCreactiva, por habernos recomendado dentro de su gran sitio.

Reflejados.cl es una gran blog orientado al diseño tanto local, nacional como internacional. Sus creadores, estudiantes de diseño gráfico de Concepción, nos han considerado y han escrito un post sobre nosotros.

Agradecimientos a ellos.

La TV desde dentro. (Entrevista)

Nuevas plataformas de diseño

La primera sensación que tuve al enfrentar este trabajo de Diseñador Gráfico en Tv fue de temor y respeto ante una imponente industria. Estaba recién titulado y poseía una experiencia laboral de unos cuantos meses de trabajo part time en diversas agencias, realizando principalmente sitios Web. Ustedes entenderán que para un diseñador gráfico (según mi opinión)  se les mira como el que hace los “monos”, el que hace que las cosas se vean “lindas”, y su campo laboral se limita principalmente al área de la gráfica impresa, y el área de desarrollo Web es complicado por el hecho de tener que saber hasta “programar” para poder conseguir un puesto más o menos decente. Pero mi meta era llegar a alguna agencia que realizara trabajos del tipo multimedia, donde se mezclaran las gráficas animadas y la informática. Hasta que se abre la oportunidad (gracias a Dios) en Televisión Nacional de Chile, de formar parte de un proyecto pionero en nuestro país, el primer canal chileno de noticias las 24 horas del día, los 365 días del año emitiendo su programación.

Acepté el desafío y recuerdo que desde el primer día todo era nuevo para mí. Parafraseo las palabras del profesor de Viz y digo que me sentía “como en la Nasa” (nunca he estado allí, pero en fin). La forma de trabajo es acelerada y debe poseer prolijidad. Una equivocación y puede costarte el puesto laboral. Tus gráficas que salen al aire deben ser coherentes, claras, precisas y debes hacerlas en tiempos muy cortos (en promedio 10 minutos, como mucho) tienes que tener la mente enfocada en tu trabajo, alerta. La capacidad de dominio de los diferentes programas computacionales sirve increíblemente en el proceso productivo televisivo, y más aún en un canal de noticias 24 horas, donde la rapidez de todo el equipo debe ser esencial.

¿Qué programas son más usados para un Diseñador en Tv?


Existe una gama inmensa de software que sirven en este proceso. Los más usados (en mi caso): PhotoShop, After Effects, Premier, Viz Artist, Viz Trio y 3D Max. Me gustaría detenerme para informar acerca de Viz, ya que es uno de los más usados en el día a día y probablemente en esta fecha muy pocos han escuchado hablar de él. Para mí Viz Artist ha sido una de las experiencias que andaba buscando, conjugando en su qué hacer la animación gráfica y la informática.

¿Qué es Vizrt?

Modo Introductorio.
Es una compañía que crea software con herramientas  de producción de contenidos para la industria de medios visuales digitales (me centraré sólo para Tv, (vea www.vizrt.com). Su mayor ventaja competitiva con respecto a cualquier otro software similar es que a través de un sistema de productos, logran generar un potente medio de transmisión a tiempo real. Se puede animar en 3D, con mapas, objetos, textos, etc. Y todo es posible lanzarlo al aire en tiempo real, sin la necesidad de un render previo.

¿Cómo se logra esto?



El software maestro es el Viz Artist, en el cual generamos las piezas animadas y otra de sus ventajas competitivas es, por ejemplo, dejar campos de edición listos para ser llenados en otro software, Viz Trio (también puede ser llenado con Excel). Este software permite llenar los campos editables previamente “programados” en Viz Artist para luego lanzarlo al aire, esto gracias a Viz Engine, software que sirve como una especie de “servidor” que ayuda a la puesta al aire, y todo sin la necesidad de un render.

Luis Castañeda, jefe de Gráfica del área de prensa de TVN nos cuenta un poco más sobre este software, escuchemos a continuación lo que nos dice:

Acerca del Autor:
Cristian Espinoza es diseñador titulado de la Universidad de Valparaíso. Editor de este Blog y diseñador gráfico del Canal 24 horas de Televisión Nacional de Chile.

Elementos gráficos en pantalla

Identidad Audiovisual

A diferencia de otros sistemas de identidad, las cadenas de televisión presentan aspectos nuevos que, como ya se dijo en otro artículo anterior, son impuestos por el propio medio. Aunque las cadenas de televisión parten de la misma base que todo tipo de organización, en su necesidad de existencia real y legal. Requieren aquella parte lingüística, el nombre que identifica a aquella organización. Como consecuencia, el nombre adquiere una forma gráfica recordable, que lo hace visible y ubicuo. La identidad corporativa en la mayoría de los casos, parte con el diseño del Logotipo, que es aquello que se quiere comunicar.


En adelante, la identidad visual de cada canal y también de sus programas, está formada por el conjunto de piezas y elementos gráficos que vemos durante la emisión. Ya sean promociones, pantallas de programación o separadoras. Estas piezas sirven para reforzar la imagen del canal y captar la atención del espectador, con el fin de fidelizarlo. Constituyen una línea de comunicación singular, dotándolo de una personalidad propia. A continuación haremos una breve descripción de los elementos gráficos en pantalla más comunes. Puede ser que los nombres tengan variaciones entre una cultura y otra, aquí utilizaremos los nombres que se utilizan a diario en nuestro medio.

GC, generador de caracteres.

Comúnmente se asocia el nombre GC, a la viñeta que acompaña a la mayoría de los programas de televisión y que describe nombres y situaciones. Pero, una descripción más general sería la de; “Herramienta televisiva y cinematográfica que consta de mostrar un texto, dibujos o leyendas, sobre una grabación de video, para apoyar la historia con información adicional. Por lo general se usa en noticiarios para dar información sobre un entrevistado, pero se usa en casi la totalidad de programas de televisión para los mismos propósitos.” Wikipedia.

En nuestras palabras, es un sistema de rotulación dinámica, que acompaña  y apoya a la imagen en pantalla. Apareciendo y desapareciendo en función de los diferentes estímulos audiovisuales. Sirve para nombrar personas, describir hechos y resumir eventos que son de difícil explicación. En la mayoría de los casos, nos referimos al GC, como aquella viñeta horizontal que se posiciona en la parte inferior de la pantalla. Pero existen otros tipos de GC. Tenemos aquellas viñetas que mediante la Post-producción, van describiendo y nombrando los hechos de una narración audiovisual. Por otro lado, están aquellas piezas gráficas que se generan de forma instantánea en la sala de dirección, sin necesidad de realizar un video. Estos GC, están previamente diseñados, y son factibles de ser lanzados al aire mediante un software especial. Los operadores de GC, son los encargados de modificar y desplegar estas piezas.

Como ya vimos, los “GC”, pueden adquirir diferentes formas y posiciones, pero comúnmente se relacionan a la viñeta horizontal inferior que aparece en la mayoría de los programas de televisión.

GC Canal 24 horas, diseñado por la agencia argentina Gizmo .


A continuación nombraremos y haremos una breve descripción de algunas piezas gráficas comúnmente utilizadas en televisión. Muchas de estas piezas podrían estar dentro de la categoría de GC, por su condición genérica descrita al principio.

Podemos describir primero aquellas piezas que identifican al canal y que son de auto promoción.

ID Institucional: Secuencia de imágenes que se basa en la presentación de la marca gráfica del canal. En muchos casos, el logo adquiere el protagonismo en pantalla, y se exalta su morfología mediante el exceso, muchas veces, de efectos de brillos y luces.

ID Intitucional de la señal Sky Three, parte del rediseño del canal hace ya un tiempo, 2008.


Promociones:
Muestran la identidad del canal mediante la asociación de conceptos, con el fin de autopromocionarse y posicionarse ante los televidentes. Las promociones pueden ser generales del canal o particulares de un programa. Las promociones para los programas generalmente, crean expectativas en los espectadores, y explican de manera sintética el contenido de él.

Promoción del canal sbs para la serie Skins.

Programación: Piezas que a modo de carteleras gráficas, anuncian el programa que viene a continuación. Muestran un listado cronológico de los programas y contenidos que se transmiten durante la jornada, marcando la fecha y la hora.

Pieza de programación de la señal ABC, del año 2008 aproximadamente.


Cortinas:
Son secuencias gráficas rápidas que anteceden y presentan los diferentes bloques o temas dentro de la programación. Sirven como llamado de atención ante la continuidad de la programación y tienen un carácter promocional

Cortina que separa los bloques dentro del noticiero BBC news.


Separadoras o Transiciones:
Es una pieza muy rápida que sirve de transición entre una nota o un tema a otro, dentro de un mismo bloque temático.

Separadora que sirve de transición entre las notas, titulares, presentación, etc. Noticiero 4:30 del Canal Seven de Australia


Presentación:
Esta pieza se utiliza para marcar la apertura de cada programa o bloque. Es también una pieza audiovisual promocional.

Presentación del programa nacional Informe Especial de TVN, diseñado por Paula Sepulveda y Orlando Rubina. Departamento de Prensa de TVN, 2009.


Cierre:
Es el complemento de la presentación y marca el fin del programa. En la mayoría de los casos el cierre corresponde a los créditos del programa, en este espacio deberían aparecer todos los nombres de las personas involucradas en la realización del programa. En ocasiones, el nombre de los diseñadores no es considerado en este espacio, lo que habla del respeto que existe hacia nuestra disciplina. En lo personal, puedo agradecer que mi nombre aparezca en algunos créditos de programas de prensa.

Cierre y creditos finales de una pelicula, en el soporte se conjugan la programación a la derecha y los creditos a la izquierda en una misma pieza. Canal Five.


Titulares:
Espacio gráfico acorde con el concepto visual del programa, en donde se muestra un extracto de las noticias o temas mas relevantes a tratar dentro del programa. Esta pieza comúnmente sobrepone una viñeta para textos que describen las imágenes del avance.

Inicio más titulares del Noticiero 4:30 news del Canal Seven de Australia.


Barra informativa o Scroll: Espacio utilizado mayoritariamente por las cadenas de noticias, es un soporte textual horizontal que se ubica en la parte inferior de la pantalla, en él se desplazan detalles de noticias y/o eventos diarios. La velocidad se ajusta a un tiempo promedio de lectura del televidente.

Barra informativa, también llamada scroll del noticiero BBC News.


Colgada o Mosca:
Descripción corta y precisa. Estas piezas sirven exclusivamente para marcar un punto en el espacio y tiempo televisivo. Orientan al televidente sobre lo que se está viendo. En ocasiones, advierten de la programación que viene a continuación. El caso más común es el de los noticieros, donde se muestra el lugar de la noticia y la instantaneidad de ella. Por ejemplo: en “Vivo desde La Cisterna”.

Colgada del canal 24 Horas, al estar en constantes noticias es necesario marcar puntos de orientación a través de esta pieza.


Duplex, Triplex…
Es un soporte gráfico que divide la pantalla en dos partes en el caso del duplex, o en tres en el caso del triplex, y así va cambiando el nombre en función de las divisiones que se hagan de la pantalla. Cumple la función de establecer comunicación entre dos o más instancias, ya sean lugares físicos o apoyos audiovisuales. Se establecen recuadros de acción, donde se posicionan señales de video. A estas señales se les llama compresiones, ya que son videos que se dimensionan para que se ajusten al tamaño del recuadro. Las compresiones se dimensionan desde la mesa de dirección, aunque las aplicaciones que hoy se manejan en los medios de televisión automatizan este proceso, asociando automáticamente las señales de video de la mesa de dirección a los recuadros del duplex.

Ejemplo de duplex del noticiero del canal Nine de Australia, En este caso, la transición entre un cuadro y otro es de golpe, en otros casos, esa transición es animada.


Overshoulder:
Imágenes de apoyo que se posicionan por sobre los hombros de los conductores, estas imágenes sustentan visualmente lo que el conductor explica de forma verbal.



Still:
También es una imagen de apoyo. Esta se sitúa por detrás del conductor e intenta representar de forma sintética el instante más relevante dentro de una noticia o un video.



Infografías:
También llamadas placas informativas o coloquialmente, “gráficas” En esta categoría entran todas las piezas que intentan representar de forma visual más que textual, diferentes temas en los que intervienen descripciones, narraciones o interpretaciones, presentadas de manera gráfica normalmente figurativas. Su característica esencial es su independencia en pantalla, ya que se despliegan de forma única sin elementos anexos a pantalla completa. Como ejemplos podemos nombrar los informes del tiempo, resultados de juegos de azar, informe de transito, placas de texto e imágenes, etc.

Dos tipos de infografías o Gráficas que hemos realizado en nuestro trabajo diario. Noticiero 24 Horas, TVN 2008


Infografías en alfa:
Cumplen la misma función representativa e informativa que las infografías anteriores, con la cualidad que en su estructura, añaden una cuarta capa a las tres habituales referentes a los colores (rojo, verde y azul) (RGB) que se denomina alfa y que hace referencia al grado de transparencia. Estas piezas están pensadas para posicionarse sobre un video y dar apoyo a éste, mediante indicaciones. Por lo general se establecen dos planos de información, el primero donde si sitúa la información y el segundo, que sirve de soporte conceptual a la infografía. Un ejemplo puede ser un contacto telefónico.

Ejemplo de Infografía con un canal alfa, el que se posiciona idealmente sobre otro video. Noticiero 24 Horas, TVN 2009


Contacto telefónico:
Es una pieza informativa, puede estar compuesta con un canal alfa, lo que permite que se posicione, al igual que el overshoulder, por sobre los hombros de los conductores. Esta pieza consta de una imagen del contacto que se encuentra en un lugar apartado, además, se indica el nombre y el lugar físico.

Aunque no es especificamente un contacto telefónico, esta pieza representa un modo de mostrar visualmente un audio (locución) cuando no existen imagenes. Es el modelo que se mantiene también en los contactos via telefónica. 4:30 News del Canal Seven


En el corto tiempo que llevamos trabajando para el medio televisivo, hemos visto y comprendido el rol que cumplen las piezas gráficas en los programas y sobre todo en los noticieros. La de complementar la imagen mediante información e infografías explicativas. Pero hay una instancia informal, un espacio mudo en donde la función ubicua de la comunicación visual, se hace más latente. En el acto cotidiano de contemplar la información en pantalla, existe un punto de saturación auditiva, en donde el espectador opta por enmudecer la pantalla, mediante el conocido “mute”.

En un segundo plano se gesta la necesidad de seguir informando, sin necesidad de audio, por medio del proceso de recuperación y aprehensión de información almacenada en los soportes gráficos. Lo que en simples palabras es: Lo que no escuchamos, lo leemos. De tal modo, se mantiene latente en el espectador, la posibilidad de seguir informándose. Pero con una evidente disminución de ruido, hasta que se apague el televisor.

En este proceso son de vital importancia las viñetas horizontales (GC) que explican los acontecimientos que se ven en pantalla. La barra informativa o scroll, que muestra constantemente diferentes noticias o eventos del día. Los titulares, que mediante el complemento de imagen y texto, muestran un avance de los temas a tratar dentro del programa.

En conclusión,  podemos decir que el proceso de diseño visual para un canal de televisión y sus programas, no es sencillo y requiere una gran cantidad de piezas gráficas. Estos soportes, requieren de un buen conocimiento del medio, ya que son piezas que se conjugan con otros medios y por ende deben tener características particulares, como la luminancia, el grado de transparencia, croma, los márgenes, los tiempos, etc. Sea grande o pequeño el programa, siempre será necesario darle un soporte y un sentido. Además, lo diferencia de otros programas y le añade una actitud especial frente al espectador.

Acerca del Autor:
Orlando Rubina es diseñador Licenciado de la Universidad de Valparaíso. Productor de este Blog y diseñador gráfico del Área de Prensa de Televisión Nacional de Chile.

Conociendo una Amiga…

Corría mayo de 1990 cuando tuve esa suerte que te marca para toda una vida. Estar saliendo de la universidad y entrar a trabajar a un canal de televisión (UCV TV), pequeño  pero con grandes ventajas. Rodeado de gente buena y creativa, con ganas de crear, casi con palos y piedras. Poder y tener que hacer de todo, desde pintar un panel de color azul para así generar un azul de croma; dibujar y colorear con témperas fondos (background) para el fantasma de Pipiripao; o dejar los ojos en hacer 40 letreros con letraset para una presentación de un programa político del día siguiente.

Pero lo entretenido de eso, era que en algún momento del día podía y tenía que utilizar un computador… el AMIGA 1000 de Commodore diseñado por Jay Miner (diseñador de chips) que para partir debía hacerse desde un disquete Kickstart . Poseía la ahora increíble memoria RAM de 256 Kb y una salida de video a 320 x 200 y  320x400 (32 colores), 640 x 200 y 640 x 400 (16 colores)

A esta AMIGA no la entendía, ni ella me entendía a mí. Era a veces frustrante querer hacer esas, cosas maravillosas que veías de la tv estadounidense  por una escasa, nueva y privilegiada señal de cable que sólo llegaba a los canales de televisión.

La limitación de colores, de tamaños, de movimientos y de capacidades en ese momento no era tema… para unos ojos de público-usuario inocente de multimedia y videojuegos.

La gran gracia era que a diferencia de la tinta china, los rapidograph, la témpera y las letras adhesivas. Lo que hacías en esta pantallita de 640 por 480 pixeles estaba LIMPIO sin manchas, con un oficio y limpieza que te daba el maravilloso UNDO, de verdad innovador.

Siendo un diseñador en ese momento recién salido de la Universidad la obra plena era hacer un afiche o un folleto, o quizás la portada de un libro. Pero generar una imagen coherente que además tuviera movimiento y quizás sonido era maravilloso. Empezar a entender cuanto debía permanecer una imagen en pantalla para que fuera retenida por el telespectador o que colores eran legibles o que tamaños de tipografías serian las más indicadas fue un proceso de aprendizaje lleno de pruebas y errores.

El susto pasó con el tiempo y creció la curiosidad de saber más de este mundillo digital. Por ahí un amigo de sonido de UCV-TV, Rodrigo Ferrada,  tenía un Mac Classic. Una joya en estos días y objeto de deseo. La computación a través de los Mac estaba entrando al mercado del diseño… y era para quedarse.

Acerca del Autor:
Luis Castañeda es diseñador Titulado y ex Profesor de la Universidad
de Valparaíso. Actualmente es jefe del área gráfica de Prensa de Televisión Nacional de Chile.

Pieza de continuidad Channel 4

“Entendemos por continuidad televisiva el conjunto de manifestaciones audio-
visuales, en materia de expresión de la Identidad corporativa, que una cadena
de televisión realiza con el ñn de servir de nexo homogéneo para interconec-
tar, de manera discursiva, su producto (programación) con la proyección de
su Imagen corporativa de cara a la audiencia. De entre estas manifestaciones
audiovisuales, encontramos desde la proyección del logosimbolo de la cadena
hasta la expresión de sintonías, cortinillas, molinetes, cabeceras, autopromo­
ciones, etc.,”

El desarrollo de la televisión digital en España
MARZAL FELICI, JAVIER

Pronto más acerca de la continuidad de los canales de televisión…

Broadcast design

Aspectos Básicos

Si hubiéramos partido este blog, con la premisa de que buscando en Google encontraríamos un nutrido contenido al respecto de conceptos como broadcast design o diseño para televisión, sería casi innecesaria la génesis de este blog. Podríamos pensar que de plano no sabemos buscar en la Web o realmente no existe mucha información al respecto de esta área del Diseño. Tampoco es que sea una experiencia muy novedosa, es simplemente que la industria de la televisión, es pequeña en términos de cantidad de canales emisores. Por otra parte, la cantidad de profesionales del Diseño trabajando dentro de un canal de televisión no debe ser muy grande, por tanto el conocimiento (know how) se concentra en unos pocos. El siguiente articulo pretende mostrar de forma explorativa y sintética, un acercamiento a las ideas y conceptos principales del diseño para televisión, que nosotros como trabajadores, vivimos a diario.

Canal 24 horas, canal de noticias las 24 horas del día.

Cada medio en el cual se soporta la obra de Diseño, tiene sus propias características en cuanto a formato, composición, contenido o jerarquía de los elementos. La televisión, como medio audiovisual por antonomasia, añade a la obra, la variable del tiempo. Esto hace de la obra un mensaje discursivo, porque el contenido se desarrolla a lo largo del tiempo y tiene un carácter lineal tanto en lo visual como en lo auditivo. Entonces la unión de los diferentes elementos, forma un mensaje como una unidad significante con sentido. Esta unión se compone sobre la llamada línea de tiempo, que es la columna vertebral del diseño audiovisual, donde se ordenan y disponen los diferente elementos que componen la obra final.

Linea de Tiempo compuesta por diferentes capas que corresponden a los elementos de la composición. After Effects

Pero eso no es todo, debemos saber además, que las señales transmitidas por los canales, son codificadas, para luego ser decodificadas por el aparato receptor. Existen tres grandes normas de codificación, NTSC, SECAM y PAL. En términos simples, estas normas difieren entre si por la calidad de la imagen y la cantidad de líneas que componen la imagen. NTSC, tiene 525 líneas horizontales, las cuales se dividen en campos pares e impares, cada campo es un frame, en Chile a diferencia de Estados Unidos, la velocidad de la película varía, de 30 fps a 29,97 fps, esto debido a que la frecuencia de la corriente alterna de 220/50, causaba una interferencia en la imagen del televisor. La proporción de la imagen impuesta por esta norma es de 4:3, que en pixeles reales seria 640x480 a diferencia de los nuevos sistemas HD, que mantienen un aspecto de 16:9, que en pixeles reales sería 1920x1080. El tamaño del trabajo previo en televisión es una relación proporcional, ya que los aparatos de televisión analógicos no se miden en pixeles y cortan los trozos sobrantes de la imagen. Aunque no existe un tamaño fijo para trabajar las composiciones, puesto que los sistemas de transmisión, hacen calzar la imagen para que llegue proporcional a nuestros hogares. En nuestro caso trabajamos en un formato de 720x486, que mantiene una relacion semejante a 4:3, pero que además está definida por el uso específico de sistemas de manipulación de video como el Avid Media Composer.

Las imágenes que son digitalizadas de medios digitales como las cámaras, requieren un proceso de compresión, ya que de lo contrarío ocuparían mucho espacio en el disco duro. Debemos tener presente que empíricamente, un vídeo sin comprimir puede alcanzar 25 megabytes (MB) de espacio por segundo, a 1 minuto, tendríamos mas o menos 1.500 megas de video (1,5 GB) en formato Quicktime sin compresión. Normalmente cuando el vídeo se ha de editar, la digitalización se realiza a máxima calidad, para evitar pérdidas en la calidad y posteriormente se comprime con algún método apropiado. Este método de compresión debe ser correspondiente a la plataforma en la cual se trabajan los medios digitales dentro del canal. En nuestro caso, para traspasar nuestro trabajo al sistema de edición y posteriormente a la mesa de dirección, debemos también comprimir nuestros trabajos. Por lo tanto, usamos el codec Avid Meridien Compresed para After Effects y Viz Artist.

Avid Media Composer, Sistema de administración y edición de medios digitales.

Tal como en el diseño editorial, el diseño para televisión, antes de componerse sobre el soporte, debe respetar ciertos márgenes, que en nuestro caso responde a aspectos tecnológicos. Los aparatos de televisión analógicos amplían la imagen de vídeo y hacen que una parte de los bordes exteriores quede cortada por el borde de la pantalla. Este tipo de recorte se denomina sobrebarrido. La cantidad de sobrebarrido no es la misma en todos los aparatos de televisión, por lo que se recomienda mantener las partes importantes de la composición dentro de los márgenes de seguridad, en las áreas conocidas como zonas seguras. La zona segura para la acción convencional es el 90% del ancho y el alto de la composición, en ella se establecen todos los elementos visuales. En el caso de los textos, existe la zona segura para los títulos, que corresponde al 80% del ancho y el alto de la composición, dentro de esta área se asegura la lectura de los textos. No obstante, los nuevos aparatos de video digital, no tienen ese problema, por lo que esos espacios deben ser considerados de igual manera a la hora de componer la pieza gráfica final.

Margenes de seguridad en Viz Artist y en After Effects.

Muchas de las piezas gráficas que realizamos a diario, mantienen un lenguaje común, puesto que se enmarcan dentro de un programa, como un noticiero. Existen diversos tipos de piezas que se desarrollan en el departamento gráfico, cada cual corresponde a una suerte de infografía o mapa contextual que informa de manera visual algún acontecimiento contingente. A pesar de la variedad de temas que se pueden tratar, la mayoría responde visualmente a la identidad gráfica del programa y se componen en base a una plantilla. Tal como el trabajo editorial, nos regimos por reglas de estilo. Tipografía, tamaños, colores, formas, pudiendo variar alguna, sin alejarnos demasiado a la plantilla original. Esto permite ejecutar trabajos en poco tiempo, pero por sobre todo, sirve para orientar al público y situarlo dentro de un escenario. En nuestro caso, gracias al tratamiento gráfico, el público asume que esta viendo el noticiero de TVN “24 horas” y no otro.

Infografía económica que mantiene una norma gráfica evidente acorde al noticiero donde se presenta. 24 horas señal abierta.

El tiempo de respuesta del departamento gráfico, es un factor muy importante, dentro de programas de prensa, puesto que se está en constante recolección de información coyuntural. Muchas veces los trabajos realizados, responden más a la inmediatez, que a la espectacularidad de la obra, en simples palabras información clara y precisa en menor tiempo.

Pieza gráfica automatizada para Viz Trio, que permite modificar los valores de manera inmediata, para ser lanzada al aire sin necesidad de render.

La industria del software a aportado lo suyo en este sentido, con plataformas que permiten ahorrarnos el tiempo de espera de renderizado de la obra grafica. Vizrt es una compañía que pone a disposición de los canales que lo adquieren, completas plataformas de diseño y programación de piezas graficas, ellas permiten diseñar y componer infografías animadas y elementos visuales, los cuales pueden ser transformados en video o llevados directamente a la pantalla del televidente. Esto funciona mediante el diseño de plantillas en Viz Artist, donde se componen los elementos y se programan las funciones de la pieza. Posteriormente, se modifican los elementos editables mediante Viz Trio, y disparadas al aire por un operador, sin necesidad de render.

Viz Trio, administrador de piezas gráficas diseñadas y automatizadas en Viz Artist, que son lanzadas al aire de forma inmediata.

En conclusión estamos ante un área de diseño compleja, que asume un rol social, por ser un medio de información constante y masivo, a su vez, es una disciplina industrial, por cuanto sintetiza conocimientos, métodos, técnicas, creatividad y tiene como meta la concepción de obras de producción industrial.

Acerca del Autor:
Orlando Rubina es diseñador Licenciado de la Universidad de Valparaíso. Productor de este Blog y diseñador gráfico del Área de Prensa de Televisión Nacional de Chile.

La vida de un diseñador es una lucha: La lucha contra la fealdad. Igual que un médico lucha contra la enfermedad. Para nosotros, la enfermedad visual es lo que nos rodea, Y lo que tratamos de hacer es curarla de alguna manera, con el diseño. Un buen tipógrafo siempre tiene sensibilidad con la distancia entre las letras. Creemos que la tipografía es blanco y negro. La tipografía realmente es blanca, ni siquiera es negra. Es el espacio blanco entre los negros que realmente la crea.
Massimo Vignelli, 1966. Diseñador de la señalatica del metro de NY. Via: http://www.alejandroherrero.com

Gráfica para el Canal Encuentro

La identificación visual de un proyecto educativo para todo el continente que surge de la convocatoria a concurso del Ministerio de Educación de la Argentina.

Steinbranding fue la empresa ganadora de un concurso que se convocó para realizar la imagen visual del canal. Se le solicitó el desarrollo completo: nombre, isologotipo y todos los elementos comunicacionales de aire y fuera de aire, así como la comunicación interna corporativa. El desarrollo debía contribuir a la construcción de una imagen federal e inclusiva en cuanto a la diversidad. Uno de los conceptos principales del canal es la idea de que un canal educativo también puede ser entretenido. Así, sus contenidos son exclusivos e inéditos en la pantalla argentina.

(via FOROALFA)

Audio

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz