ÍndiceÍndice  PortalPortal  CalendarioCalendario  FAQFAQ  BuscarBuscar  MiembrosMiembros  Listado de TiendasListado de Tiendas  Guía PrincipiantesGuía Principiantes  RegistrarseRegistrarse  ConectarseConectarse  

Comparte | 
 

 [Tutorial] Rotaciones de 360°

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
AveragePerv
Figuradicto de Bronze
Figuradicto de Bronze


Ninguna
Putis
Mensajes : 1022
Inscripción : 22/09/2014
Edad : 27
Masculino

MensajeTema: [Tutorial] Rotaciones de 360°    Jue 13 Nov - 9:33

Hola a tod@s, como tenia algo de tiempo libre quize realizar este pequeño tutorial sobre la creacion de las animaciones de 360°,
este tipo de animacion es mas factible para aquellos que tengan tienda en linea pero supongo que puede ser util para algunas personas.

Aun no domino completamente la manera de realizar una animacion como deseo, a veces cometo errores (muestra de ello al final), pero
estoy cada vez un poco mas cerca de lograr lo que ocupo.

Las fotos aqui puestas fueron tomadas sin orden establecido incluso en diferentes dias o cuando me acorde que ocupaba alguna toma
,aunque intente acomodarlas de manera que tuviesen sentido

Algo que nos facilitara la vida para esto es una "Lazy Susan" o un centro de mesa rotativa, se puede comprar en tiendas especializadas
pero el costo de una ya preparada es mucho muy alto, a aquellos que no conozcan lo que una Lazy susan es, este video lo muestra de manera
sencilla




En Mexico es posible conseguirlas en tiendas como WaltMart, quizas Ikea o similares de venta de centro de mesas en posible conseguir
algunas baratas, como obviamente no cuentan con guias que nos funcionen, tendremos que modificarla para nuestro particular uso. La
pieza que yo utilizo la compre en 5usd en un "mercado de pulgas", las lazy susan pueden costas 10-15usd y las ya fabricadas recuerdo
haberla visto en 90usd

[Esta es la compilacion de ideas de modificar una lazy susan que encontre entre muchos sitios que funciono de manera mas simple para mi]


Lo primero es obviamente conseguir una Lazy Susan




Lo siguiente es conseguir un papel suficientemente amplio que cubra la LazySusan (un periodico en mi caso), algun plumon o marcador permanente
y alguna regla lo suficientemente grande que sobrepase la lazysusan.

Los pasos seran estos

- Colocar el papel encima de la lazysusan y procurar posicionarla en tres esquinas del circulo
- Usar la regla para medir la distancia central entre dos esquinas
- Con el plumon, marcar la mitad de la distancia entre ambas esquinas en la lazy susan (rompo con el plumon el centro del papel y dejo la pequeña
 marca como "centro" de la lazySusan




Ahora la parte divertida... con un trasportador (o esa cosa en forma de "D" que usabamos en la escuela para marcar los grados) usaremos el punto
central como guia, con algo de cinta adhesiva aseguraremos el transportador para evitar su movimiento; asegurado esto, con la regla, marcaremos cada 5°
en ambos extremos para un total de 72 marcas. Personalmente tambien ennumero dichas marcas para evitar pasar o repetir tomas




Nos quedara algo asi:




Ahora la parte superior, elegi el color blanco ya que da algo mas cercano al efecto que deseo, como esta mesa giratoria es de muchos colores menos blanca
lo que hize fue comprar en una tienda de articulos graficos 1/2mto de vinyl blanco (que se usa para sticker/calcomanias) por unos 2usd y quedo mas o menos
asi:




No se ocupa un gran pulso o acabado solo que cubra todo el tope, fotos de mi pulso de carnicero en el acabado, el corte se realizo con una navaja exacto:






Ahora la preparacion de la tomas, este es un diagrama de la manera en que hago esto:




= Se que para la mayoria, el equipo que uso es demasiado, pero quiero asegurarles que no es indispensable, se puede realizar dichas tomas con focos CFL, papel
calca y algunos pliegos de cartulina blanca, yo los he usado y es posible =


Primero, ocupamos nuestro fondo blanco, algun pliego de cartulina blanca es suficiente, el rollo de papel aqui mostrado, es practicamente un rollo de cartulina




Y ocupamos una mesa un poco separada de ella, yo uso un buro.




Donde colocaremos sobresaliendo un poco la mesa rotativa




Tal cual se muestra en el diagrama, colocaremos una luz exclusiva para la iluminacion del fondo, si usan focos, debe ser de mayor potencia que el resto




Esto es lo que nos habilita el fondo blanco, aqui la muestra




La iluminacion de la figura la realizo con dos softboxes, si utilizan focos cfl, una manera de difuminar la luz seria con papel calca




¿Recuerdan que mencione que el foco de mayor potencia va a la iluminacion del fondo? La razon es esta:


Iluminacion equitativa en todas las fuentes de luz:




Fondo iluminado con mayor potencia




Ahora, colocamos la camara en modo Manual, enfoque manual, y para disparar los flash un disparador remoto, asi se mira la criatura en el tripode




¿Observaron ese banquillo rojo? Por razones que se mostraran abajo ahora utilizo un disparador para camara alambrico, mientras me siento en ese
banquillo, en esa posicion tambien me encargo de girar manualmente la mesa giratoria, la pluma la utilizo como guia para las marcas a 5° que
realizamos anteriormente



Colocamos la guia en el numero 1 de la tabla y empezamos nuestras 72 fotografias


Datos tecnicos de alguna importancia:
 

-
-
-
-
-
-

Ok, supongamos que ya tenemos nuestras 72 tomas, asi que continuemos, con nuestro Gif, aqui muestro el uso con Adobe Bridge, Adobe Photoshop y
Google Web Designer + Google Drive


Si usas Jpeg como formato de salida pasa directamente a la seccion de Photoshop.

Si usas RAW
Primero con Adobe Bridge abriremos la ubicacion de las tomas y las seleccionaremos todas




Click derecho y las mandamos a Camera Raw (plug in de Bridge y/o Photoshop)



Aqui en la parte superior izquierda hacemos click en seleccionar todas para tratar como lote las tomas y cortamos para lograr un buen encuadre
o cambiamos parametros para lograr un poco mas la toma



Hecho esto guardamos en Jpeg




Terminamos con Bridge, ahora el Gif

Aqui es igualmente sencillo

Abrimos Photoshop, seleccionamos archivo-secuencia-apilar


Nos pedira los archivos, que buscaremos con explorar


Seleccionaremos nuestros archivos editados


Aceptamos y nos cargara los archivos, igualmente volvemos a aceptar


Acto seguido usaremos la linea de tiempo


Si no existe para que se mueste, en Ventana-linea de tiempo


Volvemos a la linea de tiempo


En la flecha hacia abajo cambiamos tiempo de video a animacionde cuadros


Seguido en el lado derecho, hacemos click en este cuadro


Seleccionamos capas a partir de cuadros


Y nuestra linea de tiempo se llenara de nuestra fotos


Algo importante es cambiar en la linea de tiempo la cantidad de veces que se repetira el gif, de una vez a infinito


Seguido, procedemos a guardar nuestro trabajo, archivo-guardar para web


Aqui seleccionamos la salida como gif, el lugar a donde guardar y si ocupamos redimensionar


Y Listo!! habemus gif


En objetos con colores simples y solidos como en este ejemplo los gif solos quedan bien, sin embargo algo de mayor calidad o colores mucho
mas complejos un gif simplemente no da la talla.

Entonces iremos a algo un poco mas elaborado con Google Web Designer

Abrimos Google Web Designer (GWD desde ahora)


Archivo nuevo


Es un buen momento para revisar bien el tamaño de los archivos Jpeg que creamos en Bridge


Regresamos a nuestro archivo nuevo, a base de prueba y error, estos son los parametros que me han funcionado
Anuncio Intersticial, Entorno Generico, Dimensiones custom al tamaño de nuestro archivo, introducimos un nombre para nuestro archivo
en este caso di de nombre woody360 y una ubicacion para guardad nuestro trabajo, animacion rapida


Una vez hecho esto, nos mandara de nuevo a la prmer pantalla, en la parte izquierda en componentes seleccionamos galeria 360° y arrastramos hacia
la zona de trabajo


En la parte izquierda justo arriba de componentes en propiedades,en posicion y tamaño colocamos en izquierda y arriba 0, y en ancho y alto lad dimensiones
de nuestra foto, esto centrara nuestro trabajo


Hacemos scroll hacia abajo en propiedades del componente y buscamos el apartado de imagenes y hacemos click en el simbolo de la montaña con ese +


Aqui buscaremos los archivos y seleccionamos




Hecho esto nos mandara de nuevo a la zona de trabajo


Y nuestra rotacion? Como obviamente no leimos nada de los tutoriales de google, claramente no dicen que no existe vista previa en la zona de trabajo, ¿y entonces?
bueno, pues seleccionamos la vista previa de la parte inferior


Asi nos dara una vista local


Practicamente terminamos, pero hay que publicarla en algun lado si queremos usar dicha animacion, si elejimos publicar localmente nos arrojara los archivos para
subirlo a nuestro Host y mostrarla en nuestra pagina web, si tienes pagina web supongo que ya sabras como hacerlo y me evitare recordarte como usar el FTP, ahora,
para mostrar a alguien dicha animacion, podemos usar a Google Drive (GD desde ahora) para dicho fin.

Asi que elejimos publicar en GD


Eliminamos esa opcion de comprimir y hay que darle una ubicacion al archivo


Para ello elijire una carpeta que previamente cree en GD, les sujiero hacer lo mismo, para evitar dobles pasos


Seleccionamos esa ubicacion de nuestro GD


Y Publicamos (los archivos se subiran a nuestra cuenta de GD el tiempo depende de la conexion con la que contemos)


Despues de la espera, veremos nuestro archivo en GD, pero aun faltan unos ultmos pasos para poder compartir dicha animacion


Seleccionamos nuestra carpeta con los archivos y al lado derecho veremos las pestañas actividad y detalles
Damos click en el lapiz a un lado de la opcion compartir y nos saldra la siguente ventana.


Hacemos click en las opciones avanzadas que estan en la parte inferior derecha


Y cambiamos la opcion de quienes tienen acceso de solo tu a todo publico y guardamos



Guardamos

Y vemos como nuestros archivos mostraran el simbolo de compartido


Y solo una vez que TODOS los archivos muestren el membrete de compartido, aparecera en la pestaña de detalles, que anteriormente entramos
la opcion de alojamiento


Si visitamos dicho enlace, veremos la pagina donde tendremos alojada nuestra animacion flash/html y ese URL podremos compartir para que sea
visto por los demas


Que dara algo como esto, Click&Drag para rotar

https://32b7d2c19ce8d377e9049636855ec864c5aef8c4.googledrive.com/host/0B6_MJsj09I-MTHZmcXRkUV93cUk/





Como pueden leer, la tecnica es sencilla de realizar una vez que vas tomando un poco de experiencia. Sin embargo un error ligero y te tira todo a la basura, dare el ejemplo de como un error ligero termina arruinando una "sesion"  en un post que escribire un poco mas tarde que reuna las fotos.




Arruinando todo:
 



.


Última edición por AveragePerv el Vie 14 Nov - 6:19, editado 1 vez
Volver arriba Ir abajo
http://myfigurecollection.net/collection/AveragePerv https://averageperv.wordpress.com/
nahokodoll
Webmaster
Webmaster


Alter
Bishōnens
Mensajes : 6372
Inscripción : 03/07/2012
Edad : 30
Localización : Iwatobi swim club
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Jue 13 Nov - 12:53

Genial tutorial!

Muchas gracias por compartirlo! ^^

_________________
HIMITSU NO NAHOKO-CHAN BLOG
FACEBOOK
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/nahokodoll http://himitsunonahokochan.blogspot.com.es/
erinea
Figuradicto de Plata
Figuradicto de Plata


Alter
Bishōnens
Mensajes : 1265
Inscripción : 25/10/2014
Edad : 27
Localización : Mordor lucense
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Jue 13 Nov - 14:38

El tutorial está completísimo, muchas gracias Very Happy
Yo soy nula a la hora de fotografiar, pero si un día consigo el material adecuado desde luego que lo pondré en práctica.

_________________
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/erinea http://es.touken-ranbu.wikia.com/
Tali
Figuradicto de Plata
Figuradicto de Plata


Alter
Dolls
Mensajes : 1801
Inscripción : 18/07/2011
Edad : 24
Localización : Mallorqueta >:3
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Jue 13 Nov - 15:45

Genial tutorial!!! gracias por compartirlo, sin duda un gran aporte a esta comunidad :plasplas:

_________________


 
Volver arriba Ir abajo
http://myfigurecollection.net/profile/Tali http://orchiddolls.wordpress.com/
yoko_ushiromiya
Figuradicto de Oro
Figuradicto de Oro


Alter
Bishōnens
Mensajes : 2054
Inscripción : 04/08/2011
Edad : 25
Localización : Rokkenjima
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Jue 13 Nov - 15:48

:plasplas: :plasplas: que maravilla de tutorial, te lo has currado!! gracias por compartir

_________________
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/yoko_ushiromiya
Yuriko-chan
Chibi Mod
Chibi Mod


Alter
Dolls
Mensajes : 12190
Inscripción : 04/11/2010
Edad : 30
Localización : En la luna
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Vie 14 Nov - 0:21

pedazo de tutorial!! gracias por el aporte

por otra parte.. puedes redimensionar las imagenes? la gran mayoria superan la medida maxima permitida en el foro que es de 800 x600

_________________
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/Yuriko-neko http://www.fotolog.com/yurikoyamino
AveragePerv
Figuradicto de Bronze
Figuradicto de Bronze


Ninguna
Putis
Mensajes : 1022
Inscripción : 22/09/2014
Edad : 27
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Vie 14 Nov - 6:22

Yuriko-chan escribió:
pedazo de tutorial!! gracias por el aporte

por otra parte.. puedes redimensionar las imagenes? la gran mayoria superan la medida maxima permitida en el foro que es de 800 x600


Gracias!

Ya esta reeditado el post.
Volver arriba Ir abajo
http://myfigurecollection.net/collection/AveragePerv https://averageperv.wordpress.com/
LilianaG
Pendoroid
Pendoroid


Good Smile Company
Nendos
Mensajes : 145
Inscripción : 04/04/2014
Localización : En algún rincón de este mundo.
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Vie 14 Nov - 6:32

Gracias por el tutorial y gracias por compartilo. Cada día aprendo algo nuevo en este foro.
Volver arriba Ir abajo
Dar-k
Ronin Mod
Ronin Mod


Orchid Seed
Putis
Mensajes : 4535
Inscripción : 26/07/2012
Edad : 39
Localización : Lost in BCN
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Vie 14 Nov - 16:54

Que currada de Tutorial y muy interesante....gracias por el aporte AveragePerv!!XD

_________________
Volver arriba Ir abajo
PVCmaniac
Admin
Admin


Max Factory
Putis
Mensajes : 10058
Inscripción : 16/01/2012
Localización : Barcelona
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Vie 14 Nov - 17:25

Genial tutorial, y gracias por compartirlo.
Volver arriba Ir abajo
AveragePerv
Figuradicto de Bronze
Figuradicto de Bronze


Ninguna
Putis
Mensajes : 1022
Inscripción : 22/09/2014
Edad : 27
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Dom 16 Nov - 4:44

Gracias a tod@s por sus comentarios, ojala algun dia pueda serles de utilidad el tutorial.

Mientras hagamos una variacion quizas si el fondo blanco no les agrade, podriamos usar un fondo negro.....

Primero haremos en fondo negro, esto es mucho mas sencillo y economico que el fondo blanco ya que  lo necesario para esto bien puede ser solo una fuente de luz y un tramo de terciopelo negro.

Como se realiza una foto con fondo?

Por lo general, pego con cinta doble cara de espuma a la pared el tramo de terciopelo y dejo que "descanse" sobre una mesa (que vendria siendo el mismo buro de la parte de arriba) ya que aqui es solo es una fotografia se puede utilizar solamente una fuente de luz (Foco fluorescente CFL, estrobo o flash) eso si, siempre debe ser "difuminada" con un papel calca o un softbox, la idea de estos es que la luz se esparza uniformenente sobre un area mayor y evite las sombras duras que una fuente de luz focalizada provoca, el mejor ejemplo de esto serian las fotografias para credenciales que jamas salimos bien un solo flash directo a la cara y parecemos 20 años mas viejos, tambien podemos observar este uso en el tutorial de fotografia de nuestro compañero ciro22 al rebotar el flash y usar el techo de la habitacion como "softbox" para una luz mas esparcida y el fondo de cartulina como reflector trasero para una iluminacion suave en toda la figura, excepto aqui el terciopelo tiene la funcion de absorver la luz y nos dara ese fondo negro

Aqui se puede ver el setup, el tramo de tela pegado a la pared, el buro y una fuente de luz con un softbox.

Esta toma esta sobreexpuesta de manera intencional para mostrar el terciopelo


Esta toma es tal cual sale de la camara


Jugando un poco con AdobeBridge/Camera Raw podemos salir con esto


Como ven usando formatos de imagenes sin compresion (Raw) podemos salir bien librados en hacerle un pequeño "ajuste" a nuestras fotos, pero que tanto es un poco? Bueno...

Foto Original


Foto "ajustada" ligero re-encuadre, corte, balance de cuadros, sombras, iluminaciones, etc podemos ver los ajustes en las barras a los lados

Esta seria la toma final de la foto




Ahora, hemos hecho nuestra lazy susan en color blanco (bueno, al menos yo) y si no deseamos cambiar cada tanto un color de vinilo por otro, ocupamos algo que pueda simular este color negro, lo que yo rrealize fue la compra de un circulo negro hecho de acrilico, el circulo al tamaño de nuestra lazy susan, y al colocarlo encima esto nos dara ese efecto negro.

Simplemente colocamos la lazy susan en la tabla encima del terciopelo y sobre ella el acrilico negro, esto nos permitira ver las guias de 72 fotos y cambiar el color de la plataforma en cualquier momento.

Tomamos las fotos (aun y cuando la fuente de luz para iluminar el fondo blanco ya no es requerido, igualmente recomiendo un minimo de 2 fuentes de luz para el objetivo para tener uniformidad en la iluminacion del sujeto mientras rota) editamos con los pasos arriba y podemos tener algo asi (esto es MUY +18 pues es lo unico con lo que he realizado esta variacion):

+18 :
 

Aqui estan todas las animaciones que he realizado hasta ahora, algunas ya las tenia de hace tiempo.

Starless Marie Mamiya:
 



Bakunyuu Maid Kari - Yuzuki:
 



Belphegor (Seven Deadly Sins):
 




Waga Ie no Liliana-san - Liliana   WARNING +18 :
 


PD. Se que tengo pendientes a las otras tres "sins" solo que arruine las tomas (como lo mencione en el tutorial) en cuanto realize las tomas, las posteare en este thread
Volver arriba Ir abajo
http://myfigurecollection.net/collection/AveragePerv https://averageperv.wordpress.com/
Yuriko-chan
Chibi Mod
Chibi Mod


Alter
Dolls
Mensajes : 12190
Inscripción : 04/11/2010
Edad : 30
Localización : En la luna
Femenino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Lun 17 Nov - 1:02

AveragePerv recuerda que no esta permitido hacer doble post si no ha pasado como minimo una semana, te he juntado tu ultimo post con el anterior.

_________________
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/Yuriko-neko http://www.fotolog.com/yurikoyamino
AveragePerv
Figuradicto de Bronze
Figuradicto de Bronze


Ninguna
Putis
Mensajes : 1022
Inscripción : 22/09/2014
Edad : 27
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Mar 18 Nov - 22:03

Yuriko-chan escribió:
AveragePerv recuerda que no esta permitido hacer doble post si no ha pasado como minimo una semana, te he juntado tu ultimo post con el anterior.

Intente separa el tutorial en bloques un poco mas logicos del tutorial, el fondo negro y la compilacion, ya que escribi entre varios dias el tutorial y como en el primer bloque ya era algo largo y varias veces me perdi entre el escrito, evite en el ultimo hacer uno solo y que se me liara el escrito en el block de notas de windows

Pero en el futuro evitare el doble post
Volver arriba Ir abajo
http://myfigurecollection.net/collection/AveragePerv https://averageperv.wordpress.com/
AveragePerv
Figuradicto de Bronze
Figuradicto de Bronze


Ninguna
Putis
Mensajes : 1022
Inscripción : 22/09/2014
Edad : 27
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Miér 10 Dic - 2:48

Doble post!

Dicen que lo prometido es deuda, despues de un tiempo finalmente hice las rotaciones de las figuras restantes de las Seven Deadly Sins que me faltaban



Asmodeus:
 



Leviathan:
 



Lucifer:
 


+18 Tonari no Uchi no Anette-san:
 




.
Volver arriba Ir abajo
http://myfigurecollection.net/collection/AveragePerv https://averageperv.wordpress.com/
Sure
Figuradict@ Etern@
Figuradict@ Etern@


Ninguna
Mensajes : 8431
Inscripción : 05/11/2010
Edad : 31
Localización : ClaRO de luNa
Masculino

MensajeTema: Re: [Tutorial] Rotaciones de 360°    Miér 10 Dic - 20:29

Pedazo tuto de 10! Lo acabo de encontrar, muchas gracias por el currele ^^

_________________
Estoy trabajando en un nuevo hilo de ventas. Muy pronto estará listo...  :secreto:
SK
  SAVE THE FIGURINES bounce
Volver arriba Ir abajo
http://es.myfigurecollection.net/profile/Sure
Contenido patrocinado




MensajeTema: Re: [Tutorial] Rotaciones de 360°    Hoy a las 21:22

Volver arriba Ir abajo
 

[Tutorial] Rotaciones de 360°

Ver el tema anterior Ver el tema siguiente Volver arriba 

 Temas similares

-
» Tutorial: Cámara estenopeica
» Tutorial para poner nuevas piezas a los transformers parte 5
» Peticion: Tutorial Piroxilina
» Tutorial :: como limpiar tu dibujo hecho a lapiz con photoshop ;D
» TUTORIAL 2: la firma
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
 :: Comunidad :: Tutoriales, últimas adquisiciones, reservas, pedidos y ofertas-