5. CREACIÓ DE VISUALS

A la creació de visuals tenim d'aprendre a manejar programari específic que ens permeti crear contingut per als nostres treballs.

Podem crear contingut visual en 2D o en 3D, depenent del programari que usem, per després ser capaços de generar com a resultat un fitxer compatible amb els programaris de reproducció de vídeo.

Programari de vídeo n'hi ha molts i molt variats, però mostrarem les tècniques bàsiques, ja que pràcticament tots els programes d'aquest tipus tenen modes de treball i efectes similars.

A continuació veurem el programa Adobe After Effects per a composició 2D i el programari Cinema 4D per a creació de continguts 3D.

Per als programes de VJ que hem vist anteriorment, ArKaos GrandVJ i Resolume Arena, haurem de crear contingut visual amb formats adequats a elels. Cada vegada que fem i contingut visual haurem d'adaptar-lo per tal que s'hagi de tenir. No és el mateix editar un vídeo que serà reproduït en una sala de cinema que un vídeo mapping, per exemple.

A els programes de VJ el millor són arxius en format QUICKTIME i amb el còdec O-JPEG. Des de fa anys aquest còdec s'ha tornat com a referència a les sessions de VJ, no obstant, Resolume té el seu propi, el DXV, que es pot fer servir sempre que usem Resolume.A part de tot això, necessitem tenir uns coneixements bàsics per saber manejar i crear un mínim de contingut:

• Afegir efectes a un vídeo: tenim què ser capaços de saber afegir efectes, textos, etc. un vídeo, ja sigui un vídeo comercial o musical

• Saber animar una fotografia: és molt fàcil que a un esdeveniment ens enviïn imatges per projectar; saber animar una fotografia és un punt molt a favor nostre.

• Efectes coma el chroma key: el chroma key és i efecte bàsic, saber-ho és gairebé necessari, perquè ens permetrà manejar contingut. Podeu descarregar vídeos d'Internet amb fons verd o blau o ho podem crear nosaltres.

• Animacions amb textos: un text simple en una pantalla està bé, saber animar-ho millor i si és al ritme d'una música com a lyrics millor que millor.

• Crear loops i saber renderitzar: els loops són bàsic per a un VJ, crear els és senzill, però bonic de saber. I renderitzar al codi correcte és obligatori.

• Crear un logotip en 3D: amb el programari 3D, ho mínim que se'ns demana és saber crear un logotip. Que ens enviïn un logotip en qualsevol format i que siguem capaços de donar-li una profunditat, i relleu o una perspectiva.

• Modelat bàsic: crear formes senzilles, molt útil a combinar amb logos.

• Passar de 3D a vídeo: passar les imatges creades amb el programari 3D a vídeo per reproduir-lo posteriorment.

5.1 Adobe After Effects

Adobe After Effects és un programa de casa Adobe per a la creació de contingut audiovisual. És un programari de composició que va destinat a crear efectes i composicions de vídeo més complexos que, per exemple, el programa Adobe Premiere, que és un editor de vídeo.

icones de els programes més importants de la casa Adobe.

Un dels avantatges de fer servir programes d'Adobe és que és molt fàcil combinar projectes entre ells i facilita molt el flux de treball.

5.1.1 De Adobe Premiere a Adobe After Efectes

El que veurem és com un projecte d'Adobe Premiere es pot afegir i modificar a Adobe After Effects, molt útil per conèixer com combinar aquests dos programaris. Aquest primer exercici o pràctica ens servirà per iniciar-nos a Adobe After Effects.

Obrim el programa Adobe Premiere, amb un projecte obert hem de veure clarament el muntatge. Al timeline, on està fet el muntatge, podem veure l'edició, els talls de vídeo.

Seleccionem els talls de vídeo on vulguem afegir efectes amb l'Adobe After Effects. Seguidament ens col·loquem sobre ells i premem el botó dret del nostre ratolí. Seleccionem "Reemplaçar amb composició d'After Effects".

S'obrirà una finestra in la qual haurem de posar el nom de la composició, triar la resolució en què volems treballar, la velocitat dels fotogrames, l'inici i la finalització, i la durada de la composició.

És clau conèixer aquesta finestra per manejar la resolució i els temps dels nostres projectes.

Per importar material a la composició, simplement en tindrem prou amb arrossegar l'element a ella. Per importar-ho a la nostra seqüència tenim dues opcions: arrossegar el clip a la seqüència o prémer dues vegades sobre el clip. Se'ns obrirà una finestra on podrem visualitzar el nostre vídeo. Hi podrem seleccionar el punt d'inici i final que més ens interessi.

Per importar la part que haguem seleccionat prèviament ho fem amb les icones de "Edita ondulació" o "Editar superposar".

Un cop tenim a la nostra composició el nostre clip, podem modificar la seva durada fent doble clic sobre la pista que volem modificar.

Si un cop importat desitgem tallar el clip per la meitat haurem de copiar (CTRL+C) i enganxar (CTRL+V). Un cop tenim la mateixa pista per duplicat, col·loquem l'indicador situat a la línia de temps sobre el lloc on volem "tallar" el vídeo. Després situarem el cursor al lateral dret de la primera pista mantenint premut el ratolí i arrossegarem fins a l'indicador. Ara repetirem l'operació a la segona pista però de manera inversa.

Començarem explicant la manera més senzilla, que ca hisenda clic a "Eina de text", a la part superior a la dreta. Seleccionarem a la part de la pantalla on volem escriure i posarem el text que vulguem. Automàticament, apareixerà a el nostre timeline una pista vermella. Aquesta pista és el nostre text.

Per afegir-hi un efecte marxem a la finestra situada a la part dreta "Efectes i ajustaments preestablerts". Ampliem el panell de "Ajustos preestablerts d'animació", Després "Text", "Animació" i seleccionem el efecte desitjat.

Hi hem afegit un text amb animació a un vídeo a After Effects. En guardar el projecte d'After Effects, a l'Adobe Premiere amb han de veure reflectits tots els canvis realitzats i podrem seguir editant el nostre projecte com i la composició d'After Effects fos un clip de vídeo.

5.1.2 Maneig de fotografies a After Effects

Anem-hi a explicar breument com importar imatges a After Effects per crear vídeos amb elles.

Tenim un fitxer PSD preparat amb diferents capes, separades i netes, d'una composició. La importem a After Effects per afegir moviment (per començar importem en arxiu PSD).

Se'ns s'obrirà una finestra on hem d'indicar i volem importar les capes del nostre arxiu per separat, juntes o fusionades. A aquest cas triarem la opció de "Composició" i a opcions de capa marcarem "Estil de capa editable". Ens hi haurà importat una seqüència on dins ens trobarem totes les capes del nostre PSD

.

La seqüència tindrà una durabilitat determinada, per modificar-la haurem de donar-li al botó dret del ratolí sobre la part esquerra del timeline (on veiem la llista de les nostres capes); premem activat "Ajustaments de composició" i canviarem la durada.

Ara que tenim preparada la composició, totes les capes són invisibles, excepte la superior, ja que és la primera amb què treballarem. Això ho farem desactivant el dibuix de l'ull que trobarem a la banda esquerra del timeline.

Treballarem primer amb la capa que hem deixat visible. Despleguem amb la fletxa de la capa el menú amb els diferents paràmetres que podrem canviar. Un és el punt d'ancoratge, sobre aquest punt treballaran tots els paràmetres que canviem. Per modificar la posició del punt d'ancoratge cal seleccionar l'eina del "Punt d'ancoratge". Aquesta es troba a la part superior del panell.

Per animar els paràmetres del clip, ens col·loquem sobre el dibuix del rellotge que es troba al costat de cada paràmetre i ho activem. Aquesta acció ens crearà un frame. Aquest punt clau contindrà els valors del paràmetre que hàgim indicat (els números blaus).

Si ens desplacem a un altre punt més avançat del clip i canviem el paràmetre, veurem que s'ha creat un altre punt clau. Si movem l'indicador d'un punt a un altre veurem que After Effects ha interpolat un valor amb un altre i ha creat una animació.

Jugant amb l'Escala i el Punt d'ancoratge podrem crear la nostra animació amb el nostre arxiu PSD. Hem de treballar capa per capa, hisenda visible cadascuna en el procés que anem treballa

nt.

Els punts d'ancoratge es poden eliminar seleccionant-los i amb la tecla "Suprimir".

Fer petites animacions en imatges ens donarà un extra de qualitat als nostres vídeos, que ja passen de ser una senzill imatge a un vídeo animat.

5.1.3 Clau cromàtica

El croma key és un efecte que, en la seva versió més bàsica, consisteix a substituir el fons d'una imatge que prèviament amb ha gravat amb un Sol color (verd o blau

ó.

Un cop fet això anirem al menú d'efectes, Després a l'apartat "incrustació", seleccionarem l'efecte de "Keylight" i l'arrossegarem cap a la capa. L'efecte ja estarà aplicat al vídeo, de manera que s'obrirà una finestra al costat esquerre on podrem controlar tots els paràmetre

s.

El primer que hem fer és seleccionar el color del croma. A la finestra anteriorment citada, a l'apartat de "Screen Colour" seleccionem el comptagotes, ens situem sobre la part del croma que estigui més a prop del subjecte i cliquem. Automàticament, l'efecte s'activarà i desapareixerà el nostre fons

.

Podrem observar que hi ha diferents imperfeccions a l'efecte (pixelat a les vores, ha interpretat que el tremolar era més extens i amb ha menjat part del subjecte). Per veure millor aquests errors, haurem de crear un so. Peròemos botó dret a la part esquerra del timeline, "Nou", "S61ido". Se'ns obrirà una finestra on podrem triar el color del nostre sòlid. Un cop creat el situem a la pista inferior (sota el nostre clip).

A la mateixa finestra de l'efecte, canviarem la vista per "Pantalla Matte", d'aquesta manera el canal alpha es transformarà en negre, i el subjecte serà en blanc. Així podrem veure on són les errades.

Per corregir aquestes imperfeccions haurem de modificar els paràmetres “Clip Black” i “Clip White”. Això farà que la imatge passi a ser blanc i negre, que és com a podem dir que és el que és transparent i que no

s.

Si veiem que a les cantonades de la nostra imatge queden arrugues o hi ha algun element que no ens interessa, crearem una màscara. Per això seleccionarem la pista de vídeo i ens anirem al icona de la plo

ma.

Fet això de la ploma, ja tindrem el nostre "motive" net per tal que puguem afegir una capa per sota a que sigui el nostre fons.

5.1.4 Creació de lletres

Un lyrics és un conjunt de textos què van al ritme d?una cançó on coincideix exactament el text amb la lletra de la cançó. És un recurs cridaner i s'utilitza força a la realització de vídeos musicals o en concerts.

jomportem l´àudio d´una cançó al nostre projecte. Crearem una composició arrossegant el fitxer de àudio al dibuix de la composició, això farà que es creï una amb la durada de la pista. Per modificar la resolució de la composició, recordem, fem clic dret al timeline, "Ajustaments de composició". Ens identifiquem on comencen a cantar i col·loquem un marcador. Arrosseguem el icona de “marcador” fins al punt que desit

gem.

En aquest punt crearem el nostre primer text amb la primera frase de la cançó. Modifiquem la durada de la pista de text perquè coincideixi amb l'inici de l'estrofa de la cançó.

A la finestra de "Caracter" podem modificar la tipografia, la mida de la imatge, afegir vores al text, e

tc.

Crearem una animació que consisteix a simular l'escriptura de la frase. Per això ens n'anirem a la finestra d'efectes. A "Ajustos preestablerts", "Text", "Animate In", "màquina d'escriure". Apliquems l'efecte arrossegant-lo a la pi

sta.

Modificarem la durada de la nostra animació seleccionant la nostra pista i teclejant la lletra "U". Se'ns desplegarà el menú de keyframe i arrossegarem l'últim punt clau fins on desitgem que s'aca

bi.

Perquè ens vagi apareixent el text per la pantalla en el mateix moment que s'escolta l'estrofa, anem a l'apartat "Transformar" sota el text (prement el triangle de l'esquerra). Mourem el text fora de la pantalla i posarem un punt clau, uns segons més avançat col·locarem el segon punt movent els paràmetres conforme vagi apareixent la frase. Podem jugar amb els paràmetres de posició combinats amb lefe

cte.

Podem tenir un petit moviment que no concordi, això pot passar perquè After Effects ens ha generat unas corbes d'animació, vol dir que ens ha interpolat els punts clau. Per solucionar-ho, cliquem el botó dret al keyframe que no quadra i seleccionem "interpolació de fotogrames clau". S'obrirà una finestreta on hem de canviar l'opció d'“interpolació espacial”: en comptes de suavitzar el moviment de manera corba, el canviem a line

al.

Repetim el procés amb la següent frase de la cançó. Per afegir una animació a un conjunt de paraules el que farem serà vincular totes dues a un nul. Creem l'objecte nul (botó dret "Nou", "Objecte Nu

ll").

Ara podem observar que a totes les pistes trobarem un dibuix d'una espiral, que serveix per vincular objectes entre si. El que hem de fer és simplement arrossegar l'espiral cap a l'objecte que volem vincular amb un altre. Un cop ho tinguem, tot el que fem a l'objecte nul (girar-lo, moure'l) es traslladarà als elements vinculats amb aques

tes.

Observarem que sembla que el so ha desaparegut, i al seu lloc s'ha creat una línia violeta.

A el costat esquerre, a la finestra de "Controls d'efectes", a la capa de àudio seleccionarem la nostra pista .MP3.

5.1.5 Bucles de vídeo

Un loop de vídeo no ca més que un petit fragment de vídeo que es repeteix, es pot crear a partir de qualsevol element. No cal que final tal com va començar, encara que seria l'ideal per evitar què existir un salt quan es reprodueix en bucle. Reproduir-lo en bucle o en loop és un dels modes de reproducció dels programes de VJ.

Crearem un loop de vídeo per treballar en programes de visuals. Per això importem el pel·lícules del quin desitgem treure el anar. I estigui cas hem elegit una pel·lícula, però podem fer-ho amb qualsevol cosa (pel·lícula, vídeo musical, enregistraments pròpies).

Crearem una seqüència des de zero. Li donarem doble clic a nostre vídeo i importem el tros que ens interessi en la seqü

sta.

A aquesta darrera pista li aplicarem el efecte de temps invers. A això cliquem al botó dret, anirem a "Temps", "Capa temps invers". I ajustarem la composició perquè duri exactament el que duren les dues clips jun

tes.

Aquests exercicis d'After Effects són els més bàsics que hauríem de controlar per resoldre un mínim de problemes o conflictes a l'hora de crear visuals si estem a càrrec de les projeccions d'un concert, teatre o habitació de ball.

5.1.5 iniciació al Cinema 4D

Cinema 4D és un programa per crear gràfics a 3D, les seves virtuts fill moltes, però la més destacable és que s'aconsegueix un resultat molt bon de manera molt fàcil. La corba d'aprenentatge és molt alta, s'aprèn molt en poc temps si ho comparem amb altres programes de 3D com són el Maya o el 3ds Max.

El més bàsic és saber crear un logotip en 3D.

El que anem a aprendre a els següents exercicis és pràcticament similar a tots els programari 3D (canvien els nomss però els efectes i tècniques són idènti

cs).

interfície gràfica del Cinema 4D amb un objecte en 3D ja creat.

5.1.6 Crear un logotip en 3D

Crear un logotip en 3D és una cosa bàsica que necessitem conèixer: saber crear un logotip a partir d'imatges vectoritzades o mapes de bits com arxius JPEG.

Per crear un logotip en 3D el primer que farem és aconseguir el “dibuix” piano del que volem que sigui el nostre logotip, podem crear-lo a partir d'una imatge vectoritzada. En cas de tenir el nostre dibuix en una imatge de mapa de bits com podria ser a JPG, crearem la nostra imatge vectoritzada a través d'aquesta.

En cas que vulguem crear un logotip des de zero, podríem formar aquesta imatge vectoritzada utilitzant splines, per exemple, un text.

Després d'això us aplicarem un objecte extrusió per donar volum a la nostra forma i així crear el nostre logotip en 3D.

Passos que s'han de dur a terme un cop tinguem la imatge vectoritzada:

• importem la nostra imatge a Adobe Illustrator.

• Editem la imatge vectoritzada eliminant tots els vèrtexs que no ens siguin necessaris, com ara els marcs.

• Per comprovar els vèrtexs que hi ha seleccionarem tot i, en marcar els vèrtexs, veurem si n'hi ha algun que no ens calgui.

Desem el logotip editat en el format d'Illustrator (*.Al), encara que A les opcions d'exportació us direm que el deseu a la versió més antiga d'Illustrator (Illustrator 3) per evitar que creeu opcions de versions més recents que el Cinema 4D no entengui i ens produeixi er

tre logo.

En cas de necessitar editar la nostra imatge vectoritzada per algun tipus d'error que ens generi en aplicar-vos l'extrusió, podem treure el logo de l'efecte d'extrusió i editar-lo habilitant l'edició per a punts en C

inema 4D.

Imatge amb la extrusió aplicada, marróaixò és tot pot apreciar la profunditat del logo.

Si no tenim la imatge vectoritzada, sinó una imatge al mapa de bits, el primer que haurem de fer serà transformar-la en una imatge vectoritzada per poder seguir el mateix procés explicat anteriorment.

Per això farem servir un programari que ens transformi una imatge de mapejat de bits en una vectoritzada, com podria ser el Vector Magic Desktop Edition. Aquesta aplicació és una de les moltes que podem trobar al mercat.

Aquest programa el que fa és veure imatges en JPG o un altre format de mapatge de bits i les transforma en imatges formades per vectors. Per això és important que hi hagi un gran contrast a la imatge, de manera que si podem tenir el nostre logotip en blanc i negre us serà més fàcil a l'aplicació detectar on es troben els límits del nos

tre logo.

interfície del programa Màgia vectorial. Aquesta temps utilitzem com prueba i logotip per un famós superheroi de còmics.

En cas de no disposar del logotip en blanc i negre, sempre podríem editar la nostra imatge original a Adobe Photoshop per deixar-la en blanc i negre.

Un cop passat el logotip pels processos anteriors (obrirlo a Illustrator i guardar-ho), importem el nostre logo com a imatge vectorial al Cinema 4D amb "Fusionar" des del menú 

de "Arxiu".

Ho fiquem a el efecte extrusió tal com hem fet anteriorment amb l'altre logotip.

Com podem observar, Sol ens crea una part del logo, l'altra això buida, a continuació veurem com procedir per soluci

onar això.

Per crear una base copiem el logotip de Superman (fora de l'extrusió) i amaguem l'extrusió perquè no ens molestés. Per amagar-la només cal prémer la "fletxeta" de color verd.

Ara entrem al mode d'edició de punts i els esborrem tots menys el triangle, per tenir

 la base.

Introduïm aquesta segona capa en un altre efecte extrusió i ara tenim les dues capes del gruix i la base per separat.

Haurem d'editar i poc els punts de la base per fer que lels pàglanys exteriors de la base i del gruixut no estiguin al mateix lloc. En estar al mateix lloc podria arribar a donar algun error a la farà del r