Animar una ilustración con Fotogramas Claves y cámaras en Clip studio Paint

Guia practica sobre Animacion en clip studio paint.
Created for #ClipStudioTips2021
#Camerawork
Find more Clip Studio Tips here: tips.clip-stud...
Find the text version of the Tutorial here: tips.clip-stud...
Tutorial recomendado sobre objetos de archivo:
tips.clip-stud...
tips.clip-stud...
Music Credit: LAKEY INSPIRED
Track Names: "All i need", "Memories with you", "The process"
Music By: LAKEY INSPIRED
Official SoundCloud / lakeyinspired
Official KZbin Channel: www.youtube.co....
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) creativecommon....
Music promoted by: Chill Out Records @ goo.gl/fh3rEJ
www.ChillOutMedia.com / www.LoFi-HipHop.com

[@lauramoreno8735]

No sabía que Clip Studio tenía camaras:000 me encantó el tutorial, seguro volveré a él. muchas gracias!

[@ferguerrero8990]

De todos los videos que he visto, eres la persona que mejor ha explicado, muchas gracias!!!✨✨✨✨

[@mattlamp8331]

Gracias a vos por comentar :D

[@kutdere_pan]

El video que necesitaba, merece ser mas conocido

[@muffin_crow]

Este tutorial se ve super bien editado y perfectamente explicado, por qué tiene tan pocos likes?? pd: Nuevo sub ^^

[@mattlamp8331]

Gracias 🥰

[@Emilio-uy]

@@mattlamp8331 hola no entendi bien yo tengo el ex pero no se como hacer que la imagen se mueva mas lenta me ayudarias?

[@mattlamp8331]

@@Emilio-uy a qué te refieres con más lenta? Si puedes me explicas un poco mejor que necesitas hacer e intento ayudarte.

[@lauramoreno8735]

@@Emilio-uy creo que puedes hacerla más lenta 1. bajandole al frame rate 2. agregando más frames intermedios

[@sweet_bee1464]

GENIOS

[@gioartworld320]

Excelente tutorial, me encantó, muchas gracias!!!!

[@mattlamp8331]

Gracias 🥰

[@noqui4994]

Buenísimo tu video, te quedó muy linda la animación al final!

[@mattlamp8331]

Gracias 😁☺️

[@eddiecastillo2409]

gracias amigo que buen tutorial y , que gran conocimiento tienes muchas gracias.

[@Inksoup04]

aaa gracias, el unico video que explica como hacer estas cosas xdd graaxx

[@anematoons4762]

Gracias compa me hiciste el día. Yo buscando programas para hacer esos movimientos, cuando internamente el programa ya tiene las funciones que buscaba. ;' )

[@aimhys92]

Literalmente me acabo de enamorar de este tutorial

[@mattlamp8331]

Literalmente me alegraste la noche con tu comentario❤️ muchas gracias😊

[@cindycuevas3499]

Super!!! Muy buen tutorial!!🤌🏻🤌🏻

[@Black_sh87]

excelente tutorial bro, nuevo suscriptor.

[@nadiavillagomez3499]

Reeee graciass!!! ✨️✨️✨️

[@oscarh.gonzalez7429]

Tienes un contenido de muchísima calidad, ojalá tuvieras mas videos. Saludos desde Colombia.

[@mattlamp8331]

Muchas gracias por tu comentario, voy a intentar subir más seguido. Alguna sugerencia de temas que te interesen?

[@oscarh.gonzalez7429]

@@mattlamp8331 Es notorio tu conocimiento en el área de animación en Clip studio, creo que los tutoriales que cubran este aspecto serían muy bienvenidos.

[@mattlamp8331]

@@oscarh.gonzalez7429 voy a tratar de preparar alguno

[@birralayth96]

Gracias🎉🎉

[@babysaga417]

Me ayudoooo muchisimo gracias, nuevo suscriptor.

[@mattlamp8331]

me alegra, gracias por comentar.

[@eldensoul2335]

Sos un capo te amo me salvaste la vida con ese tip

[@ferramirez9015]

Hola saludos buen vídeo soy nuevo y bueno estoy haciendo un animación de 20 segundos pero tengo problemas con la cámara al usarla se pone lenta y no se logra ver normal la línea de tiempo se recorta se pone lenta que hago ? Ayuda

[@jhonmanuelperez6928]

FENOMENO CHEE

[@mattlamp8331]

Me alegro que te sea de utilidad! Gracias por comentar :D

[@Wladi2470]

Muy bueno !

[@mattlamp8331]

Gracias por comentar:D

[@RickDevil12]

Buenísimo el tutorial, no encontré ninguno mejor ni en inglés

[@royerball]

me sirbe mui bueno salu2

[@ferramirez9015]

Hola saludos buen video espero puedas subir mas videos yo hice una caricatura en movimientos y quiero dibujarle un fondo para que el personajee camine como le hago

[@SoraRin]

Ayudaaaa porfavor 😢 no puedo ponerle la línea de tiempo al edit de la animación, estoy en una tablet

[@mattlamp8331]

lo siento no entiendo, no te aparece el panel de linea de tiempo? no se bien como es la interfaz en la version para tablet como para poder ayudarte.

[@SoraRin]

@@mattlamp8331 sip osea, a diferencia de la versión en computadora, no puedo poner la línea de tiempo para poner los clips 😥

[@mattlamp8331]

@@SoraRin perdon pero nunca use la version tablet , no se q decirte :(

[@kathig8484]

Hola, excelente video ♥️ me ha ayudado a entender mejor las herramientas, pero quisiera saber que podría hacer para que una imagen parezca aparecer en desvanecido como si apareciera poco a poco, existe algún efecto para esto? No sé si me explique

[@mattlamp8331]

Si es digamos, de transparente a opaco puedes animar la opacidad de la capa o grupo utilizando los fotogramas claves. Otra opción es crear una máscara de capa, desvincularla para poder moverla y animar la posición de la misma, con este técnica puedes animar un barrido desde cualquier posición, por ejemplo para que un efecto de energía aparezca de izquierda a derecha. Y además puedes definir texturas al borde de la máscara para obtener diversos resultados. Espero te sea de utilidad.

[@kathig8484]

@@mattlamp8331 muchas gracias, si ya más claro 😁

[@butterfly.03._]

Hola, hay una forma de crear un loop con el fondo? Quiero hacer un video que tenga un personaje caminando por unos 4 minutos

[@ferchilandiaa8240]

supiste como bro busco lo mismo

[@Daniel-ly3wi]

hola amigo me puedes ayudar? lo que pasa es que hice una animacion con los fotogramas claves pero necesito colocarle otra capa con lo fotogramas claves y no me deja o me elige la capa equivocada una capa es de nubes moviendose y la que necesito encima es de unos arboles alejandose ayuda porfavor

[@mattlamp8331]

Tendría q ver cómo tienes organizado el archivo para entender porque te selecciona otra capa. Pero tal vez estás creando la capa nueva drentro de la misma carpeta de animación o algo así. Probá primero creando una carpeta nueva por encima de todo y ahí agrega las capas del árbol. Con algo más de info podría ayudarte de mejor manera. Sino podes mandarme un mensaje por discord @mattlamp. Saludos

[@nefelibata_artwork]

Tengo dudas cuando activo la acción este no me deja editar nada en el dibujo, tambien me gustaría saber como repites en bucle los fotogramas ya existentes, solo se me ocurre copiar y pegar, pero para copiar y pegar clip studio lo hace mas complejo por que no solo basta con eso ya que la imagen que copiaste no se visualiza

[@mattlamp8331]

Holaa espero poder ayudarte, cuando activas la acción te refieres a qué activas animación por fotosgramas clave? En el vídeo explico q mientras estén activos no podemos dibujar en la caoa, pero si los desactivamos luego de dibujar y volvemos a activar los keyframes creados están en el mismo lugar. Para copiar y pegar los fotogramas simplemente seleccionas en la línea de tiempo cual quieres copiar, presionas Ctrl+c luego mueves la línea de tiempo donde quieres pegarlo y presionas Ctrl+v debería funcionar sin inconvenientes. Sobre esto hablo al principio del vídeo desde el minuto 1:30 hasta el 3:15

[@nefelibata_artwork]

@@mattlamp8331muchísimas gracias por contestar, muy amable d etu parte, en mi caso lo que sucede cuando copio el frame que quiero repetir y pego, el frame que se pega en la linea de tiempo no es editable no me permite dibujar encima de el y este mismo frame no se visualiza a la hora de reproducir el video, lo que tengo que hacer para hacerlo editable es pegar lo que copie en la zona de capas, debo insertar un frame en blanco darle clic derecho buscar entre las capas, la capa que añadí y la que deseo copiar y listo, pero me parece algo muy tedioso sobre todo si tengo muchos frames por repetir y que quiero editar :(

[@mattlamp8331]

@@nefelibata_artwork ahora entiendo mejor lo que te referis como frame es a la capa con dibujo no a los fotogramas claves q yo uso en este video para animar movimiento escala etc. En ese caso si tienes q duplicar los frames como si fuera de manera tradicional. Si solo querés referenciarlos no hace falta duplicar la capa solo designarla en el tiempo correcto

[@anthonysc342]

genial!! una pregunta como hiciste el fondo?

[@mattlamp8331]

Hola, gracias por comentar. El fondo lo pinte manualmente, con diferentes pinceles. Dividi los diferentes planos para poder animarlos como muestro en el video. Muchos elementos los pinte en capas individuales, por ejemplo los arboles mas lejanos los fui duplicando y modificando algunas partes para agregar variedad sin tomarme mucho tiempo, Intente mantener una perspectiva mas o menos correcta pero no utilicé guias ya que no era el foco del tutorial y el fondo es natural. Si tenes alguna duda especifica puedo buscar el archivo y mostrarte la estructura de capas.

[@anthonysc342]

@@mattlamp8331 muchas gracias!! recién estoy empezando con la animación y quisiera saber como hacer fondos con que programas y como exportarlos para usarlo en algún programa de animación aparte o también se puede hacer desde el clip studio?

[@anthonysc342]

también podrías ayudarme con un problema que tengo con el clip studio y es que en puntero cuando voy a dibujar desaparece y aparece rápidamente y no me deja dibujar

[@mattlamp8331]

@@anthonysc342 Clip studio paint tiene muy buenas herramientas para fondos, como las capas 3d para referencias, conversion LT de capa, capas de vectores etc. En este caso simplemente pinte en diferentes capas. Esto es posible en casi cualquier programa. En CSP podes exportar como PSD para tener capas o como imagen en el formato que necesites.

[@mattlamp8331]

@@anthonysc342 No estoy seguro ya que nunca tuve ese problema, pero deberias comprobar tu configuración del cursor en "Preferencias > Cursor" y tambien los drivers de tu tarjeta de video y tableta.

[@Mits.uki020]

Hola!, Soy una novata en Clip estudio. Intento copiar y pegar marcos, pero no hay una manera clara de hacerlo. He intentado hacer clic derecho en el marco, lo que me permite agregar otro marco a ese punto, pero si trato de cambiarlo, también cambia el otro marco original, como si estuvieran vinculados y no puedo encontrar la manera de separarlos. ¿Sabe cómo evitar esto o simplemente no es una característica de Clip Studio? Porfa, ayuda. Suelo ver mucho sus videos, y son muy buenos. Supuse que me podria ayudar.

[@mattlamp8331]

A qué te refieres con marcos¿ A los marcos de viñeta, o a los frames de animación?

[@Mits.uki020]

@@mattlamp8331 A los frames de animación.

[@mattlamp8331]

@@Mits.uki020 Me imagino tu problema entonces. Los frames de animación en la línea de tiempo son solo referencia a la capa correspondiente en el panel de capas. intenta esto por ejemplo. Digamos que tenés una carpeta de animación con un frame llamado 1 en el q dibujaste algo, querés duplicar el frame y solo modificar una parte para no tener que redibujar todo.(eso me imagino que es tu idea) entonces lo que haces es en el panel de capas darle click derecho a la capa llamada 1 y la duplicas. Cámbiale el nombre por ejemplo a 2. Y en el frame siguiente en la línea de tiempo asignas la capa 2 dando click derecho y seleccionando. Si modificas el contenido de la capa 2 no debería modificar la original. Espero se entienda. Luego hay varias funciones q pueden ser utilizadas para asignar, renombrar y reordenar las capas según el orden en la línea de tiempo. Espero mí respuesta te sirva. Quedo atento por si necesitas más ayuda.

[@Mits.uki020]

@@mattlamp8331 oh, entiendo! Muchísimas gracias, entendí perfectamente su explicación.

[@mattlamp8331]

@@Mits.uki020 Si logras resolverlo confirmarme si mí explicación fue la correcta o si encontraste otros pasos para que quede resuelto si alguien tiene tu mismo problema. Saludos

[@sislana4236]

A mi me pone, en tu configuración tiene límite en 25 fotogramas

[@mattlamp8331]

probablemente debes tener clip studio paint pro que tiene un limite de fotogramas. yo utilizo la versión EX

[@asscoiris5268]

Hola! tengo una duda (creo que es bastante sencilla pero recién estoy entendiendo el programa) quisiera saber si hay una forma de poder hacer un acercamiento a un personaje de mi animación. En este caso en los primeros frames se muestra este personaje pero desde más lejos y me gustaría que más adelante se muestre más cerca, el problema es que este personaje lo tengo dividido en varias carpetas de animación ya que todas sus articulaciones se está moviendo (brazos, manos, cabeza, etc) y se me hace muy difícil transformar cada frame para agrandarlo porque son muchos:( no sé cómo seleccionarlo todo y hacer el acercamiento, algo parecido en lo que se muestra en el 2:14 de tu vídeo pero sin que vuelva a alejarse. ¿Algún consejo?

[@mattlamp8331]

Hola a ver si puedo ayudarte. Una opción es agrupar todas las carpetas de tu personaje dentro de una nueva y animar la propiedad de escala y posición de este grupo. Otra opción es utilizar las carpetas de cámara 2D que explico al final del tutorial. El proceso es muy similar. Sin ver tu proyecto es difícil saber exactamente que necesitas hacer, pero si vas a reutilizar la animación del personaje te aconsejo que dibujes en la resolución más alta dependiendo del acercamiento de la cámara. De esta manera no vas a perder detalle ni se va a pixelar la imagen. Siempre es mejor tomar en cuenta el plano o tamaño más grande ya que al reducir tamaño no vas a perder resolución pero si agrandas la imagen si es posible. Si necesitas organizar tus archivos de manera más ordenada, Una opción es crear la animación del personaje o elemento en un archivo aparte y luego importarlo a la animación final como objeto archivo del cual también hablo en el tutorial.. Por ejemplo si tu animación final la vas a realizar en 1920pxX1080px, podes crear los elementos como el fondo o el personaje en una resolución mayor por ejemplo 3840X2160, estos elementos los importas en posicionas en el archivo final y como tienen mayor resolución tenés margen para jugar con la cámara, con acercamientos a detalles o movimiento de fondo. Espero se entienda, todo lo q digo creo que lo explico en el vídeo, de todas maneras quedo atento para responderte cualquier otra duda

[@kinsine]

Como puedo añadir más fotogramas? siempre tengo esa complicación y tengo que hacer una animación diferente cada vez que se me acaban las celdas de animación y es dificil retomar

[@mattlamp8331]

Seguramente tengas clip studio paint PRO el cual tiene un límite de 24 fotogramas. Existen algunos workarounds para saltearse el límite pero como yo uso la versión EX no te sabría decir como son

[@kinsine]

@@mattlamp8331 gracias por la información

[@eltroll2704]

Hola! muchas gracias por el tutorial, me sirvió mucho, pero tengo un problema, cuando pongo play a la animación pasa desde el primer fotograma y directamente va al último, para explicarme mejor, hago 6 fotogramas, va desde el 1 y despues 6, sin tomar en cuenta el 2,3,4,5. Sabes porque pasa esto?

[@mattlamp8331]

Nunca me pasó pero podes activar la opción de renderizado antes de reproducir, así se ven la animaciónes en tiempo real sin saltarse fotogramas. Eso lo activas desde el menú de animación, o de línea de tiempo no recuerdo exactamente

[@eltroll2704]

@@mattlamp8331 Muchas gracias! si me funciona ahora :D

[@ferramirez9015]

Esto me pasa a mi cuando aplicó la cámara ayuda que puede ser ?? Se saltea del 1 al 6 pero cuando doy play normal sin cámara corre normal solo pasa cuando uso camara mmm?? Alguien me ayuda

[@tobyowlanimations7065]

se puede hacer animacion con mascara?

[@mattlamp8331]

Sii, se puede animar una máscara de capa con las funciones de fotogramas clave. Por ejemplo podrías desenlazar la máscara de la capa, pintar una gran textura en la máscara y animar la posición. Por ejemplo yo lo e utilizado para realizar un efecto de holograma. En la máscara de capa agregas líneas y vas moviendo la posición para lograr un efecto vcr. Experimenta, si necesitas ayuda con un ejemplo específico avísame.

[@tobyowlanimations7065]

@@mattlamp8331 mmm un tutorial de eso no estaria mal, pero bueno, solo es sugerencia mia, saludos

[@mattlamp8331]

@@tobyowlanimations7065 lo tomare en cuenta

[@alita1099]

Cómo dejo el gif sin fondo?:c

[@mattlamp8331]

Depende de la complejidad de la ilustración y donde necesites utilizarlo el formato gif no es muy amigo de la transparencia, de ser posible te recomiendo exportar en Apng (secuencia png animada)

[@leocastillo7010]

pregunta.... si realizo el fondo hay alguna manera de importarlo a la animacion? o si o si hay que ilustrarlo dentro del archivo de animacion? por otro lado si se puede importar en png? ya que estuve intentandolo y cada vez que lo hago las ilustraciones no aparecen

[@mattlamp8331]

Se puede perfectamente, tanto importarlo como objeto de archivo en formato clip. Cómo en PNG. Lo que debes hacer es asignar la capa importada a un frame o más de animación. Probablemente se te importe dentro de una carpeta de animación y no tiene un frame asignado. Move la capa de fondo por debajo de la carpeta de animación y asignale una duración al fondo en la línea de tiempo. Espero se entienda. Saludos

[@leocastillo7010]

@@mattlamp8331 creo que entendi.. si funciona te aviso.. gracias bro

[@leocastillo7010]

@@mattlamp8331 si funcionó, muchas gracias😁

[@mattlamp8331]

@@leocastillo7010 genial, me alegro haber podido ayudarte. Saludos.

[@anthonysc342]

amigo como le haces para importar una carpeta con las capas dentro?en que formato se debe exportar el escenario y como lo importar al clip studio :(

[@mattlamp8331]

En qué momento te refieres que importo carpeta con capas dentro? El escenario lo dibuje directamente en clip studio así que no tuve que importarlo, pero si me comentas más detalles de cómo quieres trabajar o si dibujaste escenarios en otro programa y quieres incorporarlos para poder ayudarte.

[@anthonysc342]

@@mattlamp8331 me refiero a que como importas un archivo del mismo clip studio(escenario) para ponerlo en otro proyecto, yo cree mi escenario por capas, lo guarde y ahora estoy haciendo mi animación pero no se como importar mi escenario que es un proyecto aparte y cuando lo intento solo es como una imagen y todas las capas se fusionan

[@anthonysc342]

por que quiero hacer un efecto paralax como el tuyo

[@mattlamp8331]

​@@anthonysc342 ahh ahora entiendo, dame un minuto que confirmo los pasos y te explico pero si mal no recuerdo simplemente tienes los 2 proyectos abiertos y copias la carpeta de un proyecto al otro con CTRL+C CTRL+V. Enseguida hago una prueba y te escribo otro comentario confirmando los pasos.

[@anthonysc342]

​@@mattlamp8331 lo intente pero no me dejaba,. oh enserio gracias amigo espero tu respuesta :,)

[@angeelinazzz5635]

No entendí nada pq usas terminos muy tecnicos

[@mattlamp8331]

Perdón intenté ser lo más claro posible mientras explico cada punto. Si te sirve en la descripción del vídeo está el link al tutorial escrito con imágenes de Ayuda. Saludos

[@angeelinazzz5635]

@@mattlamp8331 bueno gracias, supongo que es un buen turorial pero para las personas que ya tienen un minimo nivel en el tema.

[@jesusart2130]

ALPRINCIPIO , PARA CREAR UNAANIMACION DE FORMA TRADICIONAL ... PUSISTE 4 CEL DE ANIMACION QUE GUARDASTE EN UNA CARPETA DE ANIMACION, LPO QUE NO ME EXPLICOP ES COMO TENIAS 4 CELDAS SOLAMENTE SI EN LA LINEA DE TIEMPO TENIAS 24 CELDAS EN BUCLE, SIENDO QUE EN LAS CAPAS SOLO TENIAS 4????????? ALLIDAAAAAA

[@mattlamp8331]

Hola, para realizar esa animación solo dibuje 4 capas las cuales fui repitiendo. En la línea de tiempo si te fijas puedes ver el nombre en este caso número de cada capa en el frame correspondiente. Es decir tengo 4 capas dibujadas las cuales voy asignando a cada frame. 1 2 3 4 1 2..etc con 7 vueltas ya obtengo 24 fotogramas lo cual en este caso equivale a 1 segundo de animación. Espero se entienda. Para clarificar en la línea de tiempo solo se asigna que capa está activa para cada frame y también su duración. no necesariamente equivale al número de capas. Por ejemplo si quisiera q una pose dure más de un fotograma puedo asignarle más duración digamos por ejemplo 122234 etc. Espero de entienda. Cualquier cosa me consultas