Tecnologie dal futuro – Technologies from the future

Video

Guardando lo showreel di Messineo al link http://www.cmessineo.com, abbiamo visto una scena all’interno della quale un’attrice indossava un casco olografico e comunicava con esso attraverso comandi vocali. Siamo rimasti colpiti non tanto dall’effetto in sé, quanto dall’ideazione dell’interfaccia.

Abbiamo quindi cercato di capire il lavoro che si nasconde dietro l’ideazione di un’interfaccia futuristica e per farlo abbiamo inventato una nuova tecnologia mobile. Il modello di cellulare da noi ideato permette non solo di comunicare attraverso un ologramma proiettato dal dispositivo, ma consente anche l’invio di files durante la chiamata.

Il video mostra un utente tipo che riceve la chiamata di una collega: è in ritardo, il file che le doveva inviare non è ancora stato mandato. Il ragazzo allora, senza interrompere la comunicazione, cerca il file all’interno dell’interfaccia del dispositivo e glielo manda direttamente trascinandolo all’interno del riquadro con la chiamata.

Per realizzare questo video abbiamo innanzitutto ideato l’interfaccia e le azioni che permette di eseguire: in seguito, in fase di creazione, l’abbiamo arricchita di elementi grafici in movimento in modo da rendere lo stile futuristico.

Abbiamo quindi reso i vari piani dello schermo in tre dimensioni e li abbiamo legati ai movimenti del telefono tramite i tracking 3D di After Effects e Mocha. Quest’ultimo è stato inoltre utilizzato per far comparire la schermata interattiva della chiamata in arrivo sul cellulare.

Per ogni scena siamo stati molto attenti alle varie riflessioni dello schermo del telefonino e del relativo ologramma: sono state create delle maschere per tutti gli oggetti colpiti dalla riflessione dell’interfaccia e illuminate proprio come se lo schermo olografico fosse reale all’interno della scena.

L’illuminazione dello schermo è stata creata per mezzo di un’apposita maschera e i relativi parametri di Glow, mentre la luce che proietta l’ologramma è stata realizzata mediante il plug-in Optical Flares di After Effects.

Video Mapping

Standard

HEY!

Last post we saw an incredible way to tell a story and now we want to use all the tools we have learned put in one trendy and advanced tool made by the media & communication, which helps to tell more abstract and conceptual stories or simply for fun and incredible moments of joy to impress your friends or general public: THE VIDEO MAPPING!

The first thing to have on mind was where to map out; we built a structure and we took a picture to have it as reference. It is more interesting to map out a video in a tridimensional structure rather than in a flat wall.

1

Then we created the structure using a 3D program; we moved the camera to get a render as close as the picture of the original structure.

2

The next step was to add movement and color to the structure and then create the render obtaining the first video to map out on the structure.

3

Once we had the structure in the 3D software, we made the render of the wireframe; this was really useful to get animations in a 2D software.

4

To make a different animation first we made a simple animation of bars moving, and then we used an image of the 3D render.

5

We duplicated the small video to cover all the sides of the structure, we moved them in the 3 axes, change the direction of the animation and also created adjustment layers to make the animation more realistic, simulating shadow. At the end we rendered the video without the reference image.

6 7

We also made an animation with particles in a 3D software.

8

Finally, all we had to do was inserting the videos in special software like MILLUMIN to map out the videos we have previously created.

9

 

I Hope you have enjoyed …

 

Jose & Laura (Evolution Group)

Sherlock Holmes End Credits (+ Tutorial)

Video

Since we analysed the history of title sequences in Cinema, we thought we could understand the whole work behind one of them. We took the one that hit us the most for both concept and graphic: the ‘Sherlock Holmes’ end credits (Guy Ritchie, 2009).

This sequence has been created and realised by Prologue, the one that is considered today as the most important creative agency in the world behind titulations, founded by Kyle Cooper. Three separate teams – with a total of about 14 people – worked on this closing sequence. They were guided by Danny Young, creative director of Prologue; the illustrations are made by Jorge Almeda. An interview to Danny Young about the realization of these titles can be found at http://www.artofthetitle.com/title/sherlock-holmes

To recreate this sequence, we decided to split the work between the four of us: we worked each for one specific character, trying to make the whole composition grafically uniform, and then we merged the different scenes. Then, each of us chose the movie scene he would have worked on and realized the illustration on Photoshop: the sequence background has been removed and substituted with the texture of an ancient paper, while we added to the characted some artistic filter such as charcoal, glowing edges and poster edges. With the tool saturation we made the picture black and white and we used multiply to merge the different layers with the background.

We later used After Effects to make ink drop and names appear on the paper thanks to different masks and their expansions; we finally made the different layers in 3D and added fast camera movements, simulating the original sequence.

The realization of this video represented a real challenge for us, because we faced a very elaborated and stunning sequence. Working on a real title sequence surely made us able to understand the great work hidden behind them.

– – – – – – – –

Dopo aver analizzato la storia delle titolazioni al cinema, abbiamo pensato di capire il lavoro effettivo dietro ad una di esse. Abbiamo quindi preso in considerazione quella che tra tutte ci aveva colpito, sia per concept che per lavoro grafico: i titoli di coda di ‘Sherlock Holmes’ (Guy Ritchie, 2009).

I titoli sono stati ideati e realizzati dalla Prologue, quella che oggi è considerata la più importante casa di titolazione al mondo, fondata da Kyle Cooper. A questa sequenza hanno lavorato giorno e notte tre team da circa 14 persone in tutto, guidati da Danny Young, direttore creativo della Prologue; le illustrazioni sono invece di Jorge Almeda. Un’intervista a Danny Young relativa proprio alla realizzazione di questa sequenza di titoli è presente a questo link: http://www.artofthetitle.com/title/sherlock-holmes

Per prima cosa, abbiamo pensato di dividerci il lavoro: ognuno di noi si sarebbe occupato di un personaggio diverso cercando comunque di uniformare lo stile grafico e poi avremmo unito le diverse sequenze. In seguito, ognuno di noi ha scelto la scena del film sulla quale avrebbe dovuto lavorare e ha realizzato le diverse illustrazioni in Photoshop: lo sfondo della sequenza è stato sostituito da una texture che richiama l’effetto di un foglio anticato, mentre al personaggio sono stati aggiunti alcuni filtri artistici quali l’effetto carboncino, bordi brillanti e contorni poster. Dopo aver reso la foto in bianco e nero per mezzo dello strumento saturazione, abbiamo applicato la modalità multiply per fondere i vari livelli allo sfondo.

Successivamente in After Effects, per mezzo di apposite maschere e relative espansioni abbiamo fatto comparire disegni, nomi e macchie varie sul foglio; abbiamo reso infine i diversi piani in tre dimensioni e abbiamo aggiunto movimenti di macchina molto veloci cercando di simulare quelli della sigla originale.

La realizzazione di questo video si è rivelata una vera e propria sfida, perché ci siamo confrontati con una sequenza molto elaborata e di grande effetto. Sicuramente, lavorare in prima persona alla realizzazione di una titolazione, ci ha fatto capire ancora di più il grande lavoro che si nasconde dietro di esse.

The little prince – Il piccolo principe with useful tools

Video

Hello again,

The last post we talked a little about the motion graphics and the common and most used tools in after-effects, now we’ll show you some tricky tools like the particles, the puppet pin tool, the stroke tool and a full use of the layers creating so, the chapter XX of ‘the little prince’ in Italian language ‘Il piccolo Principe’.

First of all we planned how we would like to tell the story, how was the look we wanted to achieve and then we search some reference images and we created ours too.

Backgrounds

Once we knew what we wanted to include in the final video, we looked for the right images and then we changed the look according to our vision.

Characters

Since we wanted to animate the little prince, we created the character head apart from the body and from the scarf.

And each rose was also created separately to have the best possible control of the animation

Sound

It was very important to record the voice previously of the animation; it gives you the right timing the animation had to last and look for an accurate song that fits into the story mood was very important too.

Animation

To start animating we put every single image in a different layer, made the layers 3D and moved them to the appropriate position. We left in the Background a blue sky and a green grass.
Then we worked with the camera and layers movement, to make the viewer feel how much the little prince had traveled so far.

The next step was to add realism to the planes, to actually feel that you are moving we add a blur to the images as they were moving forward and changed the opacity values to make the planes appear and disappear.

To make snow, we used particles. To animate the roses and the little prince we used the Puppet Pin tool. And even the eyebrow was in a different layer, which also helped us to use a mask and we corrected a little bit the shape.

We also used Color correction to make the change of the color of the little’s prince rose, to make her look like she was dying.

And for the title and the credits we used a simple stroke effect.

Laura & Jose (Evolution Group)

 

Last video: