Computer Arts November 2008 www.computerarts.co.uk

84

ART155.tut_after 84 6/10/08 5:34:44 pm

Computer Arts November 2008

02

01

03

Photoshop After E�ects

Crea profundidad y

movimiento Usando herramienta clon

para recrear el centro de Torontoe insertar una camara virtualen el frame Robert Chui y S Santos...

Rob Chiu Arturo Romero M

Habilidades

Vanishing Point Clone tool Patch tool 3D layers

lautriv a gnivoM camera

Susana Santos

ART155.tut_after Sec2:85 6/10/08 5:34:45 pm

Tecnica::.. Traduccion: Arturo Romero Marquez.

Abrimos el archivo building.psd en Photoshop. Existenvarios elementos que tendran que ser cortados o retocados, paraser usados en After E�ects, en capas separadas. Esto nos permitirasimular un entorno en 3D. Primero duplica la capa de fondo, comouna medida de seguridad, que siempre podras usar como referencia.

Esta tutorial fue extraido de la revista computerarts y traducido por Arturo Romero Marquez.

Claro que en el mundo real es imposible borrar edi�cios, lamparas, postes, etc. Aqui es donde nuestro amigo Photoshop entra en accion.

Utilizando algunas de las herramientas avanzadas de Photoshop podemos reacrear elementos de fotos que no se encuentran en la fotogra�a original, permitiendonos romper una foto y reconstruir esta a nuestro antojo, creando un entorno sin errores.

En el siguiente tutorial aprenderas como hacer esto utilizando una foto de Toronto , Canada, y aprenderas a dispersar las capas para crear un mundo en 3D, usando After E�ects (software de Adobe), dando como resultado un clip de 10 segundos.

Inspirado por elcine, viajar y musicaRob trabaja como unRonin en el campo deel diseño en movimientoTambien es uno de lospioneros de www.theronin.co.ul y el sitiowww.devoidofyesterday.com

Con una gran trayectoria en ilustracion Susana trabaja mano a mano con Chiu como artista en photoshop para recrear pinturas famosas para BBc. Para mas informacion visita www.susanasantos.ne

Traductor del articulo, y desarrollador de el sitio tech4u.rrwebsolution.comExperiencia moderada en diseño y programacion.Para mas info visita www.rrwebsolution.com

Para una rapida seleccion y cortar las partes di�ciles como los cables del fondo, selecciona Filtros >Extraer, Selecciona la herramienta de resaltado. funciona mejor con un fondo plano como el cielo de esta imagen. Esto creara una nueva capa con

Para seleccionar las partes sobrantes del cemaforo, dibuja un camino usando la Pluma. La pluma es la mejor forma de seleccionar objetos con formas geometricas como esta.Haz una seleccion de el camino y crea una capa copiando (Cmd/Ctrl+J). Realza esta capa sobre la anterior (Cmd/Ctrl+E), para que los cables esten sobre la misma capa.

Computer Arts November 2008 www.computerarts.co.uk

08

07

09

06

05

04

ART155.tut_after Sec1:86 6/10/08 5:34:48 pm

Para recrear la parte inferior del poste, usamos la herramienta de Clonado Stamp, manteniendo la tecla Alt para determinar el area de la forma a clonar. Despues de recrear la parte inferior, selesccionamos la herrmianta Patch para integrar las texturas y obtener algo mas realista. Ya tienes la capa de fondo completa. Ponle seguro en la posicion en el panel para que no se mueva de su sitio

Para recrear las partes del edi�cio que fueron cubiertas por el poste y las luces, seleccionamos Filtro>Punto de Desvanecmimiento. El punto de devaneci-miento nos permite trabajar en perspectivas, para que no tengamos que dibujar una cuadricula en el edi�cio, usando la cuadricula existente en la ventana. Despues de hacer esto comenzamos a clonar con la herramienta de Stamp.

Duplicar la ventana existente puede ser sencillo usando la herramienta Marquee y manteniendo las teclas Opt/Alt+Cmd/Ctrl cuando mueves la seleccion. Otra forma de hacer esto es arrastrando la herramienta de Marquee mante-niendo las teclas Cmd/Ctrl. Esto te permitira vera ver donde quieres mover la ventana continua sin tener que mover la selecciona actual.

Para simpli�car las cosas, elimina el poste y los cables de la derecha, eso permitira tener menos elementos de que preocuparse. Borra el poste del telegrafo a la derecha y recrea las partes restantes con la herramienta de Marquee con perspectiva. Trata de que los colores coincidan.

No necesitas borrar la parte superior del poste del telegrafo, porque tendremos una nueva capa para el cielo, Termina de copiar los elementos restantes del edi�cio, usando la herramienta de Transformacion necesatia para ajustar el tamaño. Crea una nueva capa (Shift+Cmd/Ctrl+N) y llenala usando la herramienta de Gradient o difuminado. Toma los azules originales del cielo usando el gotero.

Como no tenemos el anuncino completo , remuevelo usando la herramienta de Marquee. Borra la caja de electricidad, y clona la ventana de la tienda. Tambien puedes oscurecer esta area y agregar un poco de textura utilizando la herramienta de Patch. Esta area de la imagen no se vera por mucho hasta la parte �nal de este tutorial.

November 2008

1312

10

14

11

15

Graduar

ART155.tut_after Sec1:87 6/10/08 5:34:50 pm

Corta el edi�cio principal usando la pluma. (Shift+Cmd/Ctrl+N). Renombra el path en la paleta de Paths y guardalo. Crea una seleccion y crea una nueva capa copiando esta (Cmd/Ctrl+J) para tener tu edi�cio en una capa separada. Crea una nueva capa (Shift+Cmd/Ctrl+N). Llena con blanco para que veas la imagen cortada.

Asi debe de lucir lo que cortaste del edi�cio.Notese que el re�ejo que se muesta en la cima de edi�cio crea un patron aleatorio. Esto se debe a haber usando la herramienta de clonar repetidas veces en algunas partes. Para hacer la repeticion menos evidente, puedes usar la herramienta de Burn, para oscurecer algunas areas.

Crea una mascara para aislar el edi�cio blanco, y una capa usando Copiar (Cmd/Ctrl+J) para hacer este edi�cio una capa separada. Tienes que elimiar los cables y recrear la parte del edi�cio que esta oculta tras el principal, como en los pasos 5 y 6.

Tienes que completar el logo tu mismo,, como originalmente estaba cubierto por un cable. Para la ‘O’ puedes usar la mitad que tienes y duplicarla. Tendras que usar la herramienta de espejo para esto Edicion>Trasformar>Virar Horizontalmente,. Puedes ajustar la perspectiva rotando, usando la herramienta de transformacion libre (Cmd/Ctrl+T) para rellenar los espacion restantes usa la herramienta de brocha.

Una buena graduacion puede hacer que una foto mediocre luzca espectaclar.Usando las capas para ajustar las curvas, seleccionar los colores, niveles y mapas de gradient, es muy facil lograr esto en minutos. La mayoria de los efectos se pueden importar directamente en After E�ects desde Photoshop, para darnos mas control y tono en nuestro trabajo.

Corta los edi�cios restantes y mantenlos en capas separadas, es importante que renombres las capas para saber cual esta mas cerca de la camara( Esto es el poste primero , el cielo el ultimo)

Inicia After E�ects. Ve a Archivo>Importar e importa el archivo building.psd como una composicion con capas. Cambia las propiedades de la compocision para una resolucino a televisores PAl, de 1024x576 , usando 25fps y una duracion de 10 sec

November 2008

18

19

16

20

17

Rob ChiuCinco muestras deltrabajo de los diseñadores

Visual CV

Chimera Creado como parte de una serie de 120Chimera es un cortoemtraje basado en las expericias y memorias que no son realmente lo que parecen.

OFFF NYC

OFFF Lisbon

Webby Awards Intro

Things Fall Apart

ART155.tut_after Sec1:88 6/10/08 5:34:52 pm

En fotos: una pequeña muestra del trabajo de los autores

Como una bifurcacion de los trabajos de 3 dias en el centro de NYEl titulo es una secuencia que encapsula la energia de la ciudad y de las conferencias.

Cuando OFF se mudoa Lisboa, se crearon nuevos titulos. La introduccion es unamezcla de vistas dentrode la piel de creaturassubmarinas, actuandocomo una metamorfosispara el presentador.

Dirigido y fotogra�ado por Chiu, trabajando para Digital Kitchen , esta secuencia fue reproducida, en la premiacion de la noche de gala de este evento.

Un cortometraje que explora la frustacion concentrada en una fuerza que marca el �nal de la inocencia. Ha sido mostrada envarias publicacio-nes y festivales de cine.

Asegurate que las capas son 3D haciendo clic en el icono 3D en la linea de tiempo, luego agrega una camara de 35mm a la linea de tiempo, dando clic en Capa>Nuevo>Camara. Despues ve a tu ventana de composicion y acciona dos vistas horizontales para que tengas una vista de arriba para abajo atravez de la camara que acabas de agregar.

Usando la vista superior como una guia, dispersa las capas de forma individual arrastrandolas a la axisa Z en el espacio 3D, asegurandote que los elementos como el poste estan mas cerca de la camara. Notese que la camara esta abajo de la pantalla , asi que todo lo que este de la mitad para abajo de la pantalla estara mas cerca.

Debido a la distancia entre las capas, las cosas se veran mas grandes o pequeñas que en la foto original. Compensa esto usando la herramienta de escala y posicion para realinear los elementos separados para que este esteticamante correcto. Trabajaremos en una resolucion menor a la de la foto original, lo que signi�ca que un alargamiento del 200 por ciento no causara distorcion.

Abre el menu de propiedades de punto de interes en la linea de tiempo de la camara, Establece un frame llave para las dos en 0.00 luego ve al �nal de la linea de tiempo y da zoom a la camara hasta que la luz de tra�co sea el punto principal. Trata de experimentar usando las propiedades de X , cuando hagas esto veras que la perspectiva cambia.

Abre las propiedades de rotacion de la camara. Establece los frames llave para X y Y en 0.00 y de nuevo en 10.00.Selecciona todos los frames llame y usa la herramienta wiggler set , en la frecuencia 1.0 , magnitud 0.5 para un efecto mas atractivo.Reproduce con la camara desde �otar hasta agitar el moviento generado por los frames en la linea de tiempo.Previsualiza, para que veas lo que antes era una imagen en 2D , ahora es una fabulosa secuencia!