Flat Design Animation After Effects Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2024
  • Suscribe : bit.ly/TutsSubs...
    Resources and Files : www.massterfx.com
    CHECK VISUAL KINETIC ---► bit.ly/Kinetic...
    In this tutorial I teach you how to create and animate a flat design scene in after effects completely from 0 using a couple images of dragon ball as a reference, I hope you enjoy it.
    Twitter ► bit.ly/MfxTwitter
    Instagram ► bit.ly/MfxInstagrm

ความคิดเห็น • 713

  • @MassterFX2
    @MassterFX2  5 ปีที่แล้ว +96

    los veo mañana domingo como a las 7 PM en Instagram !

    • @nguyentrujillo1119
      @nguyentrujillo1119 5 ปีที่แล้ว

      Estaremos por alli

    • @musicnocopyright7162
      @musicnocopyright7162 5 ปีที่แล้ว +1

      MassterFx
      Hay alguna manera de editar un vídeo en este casi adelgazando cosas y personas y si tiene movimiento que continúe como ya lo editaste

    • @CM4Assault
      @CM4Assault 5 ปีที่แล้ว +1

      woooooooow esta muy buena esa animacion , la pondria como salvapantallas para la PC :O

    • @agustinclaro9541
      @agustinclaro9541 5 ปีที่แล้ว

      Tengo una duda muy importante, tengo el ae cc 2019, por si sirve saberlo, cuando quiero hacer lo del loopout y pongo el tiempo de 40 a 39 automáticamente el efecto desaparece y no se que hacer porque seguí todos los pasos, solamente me deja el efecto cuando está en 40 y por ese freim se me desaparece y reaparece el goku, ayuda porfavor

    • @djaldmusic
      @djaldmusic 5 ปีที่แล้ว +1

      No me sale el motion tile, hice todo lo del tutoríal pero al momento de buscar motion tile no me sale y ese es un gran problema porfa alguien ayúdeme

  • @danielcastiblancopinzon5195
    @danielcastiblancopinzon5195 4 ปีที่แล้ว +333

    Para los que lo tienen en español el efecto Motion Tile se llama Mosaico en Movimiento.

  • @michaelwong4789
    @michaelwong4789 5 ปีที่แล้ว +473

    I don't understand the language, but the tutorial looks awesome.

    • @story_play
      @story_play 5 ปีที่แล้ว +4

      It's very easy

    • @lincheers8818
      @lincheers8818 5 ปีที่แล้ว +13

      well, it's Spanish, you'll need to wait till someone put subtitles on.

    • @Wowdeivis
      @Wowdeivis 5 ปีที่แล้ว +1

      michael wong yes is good!

    • @nosirve9458
      @nosirve9458 4 ปีที่แล้ว +3

      xdd yeh we will put sub for u... -_-

    • @chiguirolover
      @chiguirolover 4 ปีที่แล้ว +4

      *The title is in English and Spanish at the same time*

  • @francofx
    @francofx 5 ปีที่แล้ว +144

    si la expresion usas loopOut("Cycle")
    no necesitas mover el keyframe y tu animacion se va a loopear perfectamente

    • @MassterFX2
      @MassterFX2  5 ปีที่แล้ว +42

      Tremendo tip hermano , así es !

    • @GRlNDOR
      @GRlNDOR 4 ปีที่แล้ว +1

      I didn't understand how to loop it.. can you help sir.. if you have a discord. Thanks..

    • @euclostacio208
      @euclostacio208 4 ปีที่แล้ว +21

      Habla en español, no mames.

    • @italosolar5276
      @italosolar5276 4 ปีที่แล้ว +4

      @@GRlNDOR That if you use LoopOut("Cycles") you dont need to use the keyframe and your animation its going to loop and look perfect

    • @HectorTrasvinia
      @HectorTrasvinia 4 ปีที่แล้ว

      hola, podrías explicar como :)? no se como loopearlo infinitamente.. por aquí en los comentarios alguien mas hizo la pregunta

  • @Randomhaamu
    @Randomhaamu 3 ปีที่แล้ว

    i have been trying to find easiest to understand like animation tutorial about the pins (basicly the gokus hair moving things etc) and yours have been the best. thank you

  • @LEISTUDIO
    @LEISTUDIO 2 ปีที่แล้ว

    Muy buen aporte, agradcido por haberlo compartido..

  • @samydex156
    @samydex156 ปีที่แล้ว

    Gracias maestro. Lo pude lograr siguiendo tus pasos. omití a gokú y usé un flat Art de una ciudad con montañas y logré el efecto .

  • @jorgextream
    @jorgextream 5 ปีที่แล้ว +11

    Definitivamente el nombre de Masster le va como anillo al dedo. Excelente tutorial, excelente explicación...

  • @marianavictoriariadigossca4864
    @marianavictoriariadigossca4864 4 ปีที่แล้ว +3

    Excelente tutorial, yo me pasaba creando capas gigantes para evitar recortes, por lo que el mirror edges es espectacular!!!!!!!!! Gracias por tu generosidad y compartirlo!!!!

  • @d.galicia4167
    @d.galicia4167 4 ปีที่แล้ว +3

    Este es el primer video que veo, es realmente genial!
    Estoy ansiosa por seguir aprendiendo con usted :)

  • @cristianpado
    @cristianpado 3 ปีที่แล้ว

    muy bueno!!!! simple y claro.

  • @DiegoRodriguez-vf6pp
    @DiegoRodriguez-vf6pp 4 ปีที่แล้ว

    Muchas gracias por tu generosidad.

  • @Dapy4u
    @Dapy4u 5 ปีที่แล้ว +42

    Genial! Practicaré para que me salga, buen trabajo 👍

  • @newbietomusic2616
    @newbietomusic2616 4 ปีที่แล้ว

    Es el mejor tutoría que eh visto, eres el mejor bro.

  • @annasanchez5834
    @annasanchez5834 2 ปีที่แล้ว

    Graciasssss, que genial. Lo que necesitaba.

  • @Pabloamasifuenmusic
    @Pabloamasifuenmusic 2 ปีที่แล้ว

    Acabo de usar esta técnica para uno de mis videos y ha quedado increíble! Muchas gracias por compartir!

    • @ZethCardia
      @ZethCardia 2 ปีที่แล้ว

      No se salio error al exportar? Por el efecto de mosaico?

  • @jhojanmed
    @jhojanmed 3 ปีที่แล้ว

    esta muy bueno , ando viendo videos para aprender graciasssss

  • @cristianandrestorresropero1658
    @cristianandrestorresropero1658 4 ปีที่แล้ว

    Me gusta muco este canal, he aprendido mucho con tus vídeos .

  • @juliocesarvelandia3386
    @juliocesarvelandia3386 2 ปีที่แล้ว +1

    Muy buen video.
    Ya me suscribí y toma tu like.

  • @alejandrogardunoperez4282
    @alejandrogardunoperez4282 4 ปีที่แล้ว

    Me gusto. Eres muy bueno enseñando, gracias.

  • @mikelcampo1230
    @mikelcampo1230 4 ปีที่แล้ว

    Eres un máquina, amigo!

  • @MissDulcesRizos
    @MissDulcesRizos ปีที่แล้ว

    Está padrísimo!! gracias!!

  • @FlexAlejandro
    @FlexAlejandro 4 ปีที่แล้ว

    wuao ere un gran profesional haciendo eso. me sucribire a tu canal por que haces eso jajajaja me encanta buen video

  • @Dvfacu
    @Dvfacu 3 ปีที่แล้ว

    Excelente tutorial! Muchas gracias!

  • @jamestsuki389
    @jamestsuki389 4 ปีที่แล้ว

    buenaso el tuto man muy bie explicado ya voy a practicar

  • @cerebrosdeperro
    @cerebrosdeperro 3 ปีที่แล้ว +1

    MUY HERMOSO!!!! LO TENDRE EN CUENTA. MUCHAS GRACIAS !!! 😍🇨🇴💪❤️

  • @carloshidalgo9276
    @carloshidalgo9276 3 ปีที่แล้ว

    Muy buen Tuto y buen profe!! // Saludos!

  • @angeldigital9138
    @angeldigital9138 2 ปีที่แล้ว

    Gracias amigo me suscribi, estaba buscando como hacer esto tendre que aprender AFTER EFFECTS, Disculpa amigo, crees que este tipo de animacion la pueda hacer en davinci resolve, lo estoy aprendiendo de cualquier forma vere como aprender After.
    Saludos

  • @joel0663
    @joel0663 2 ปีที่แล้ว

    gran tutorial... me sirve bastante para hacer las animaciones que quiero !!!!

  • @Thandidladla
    @Thandidladla 5 ปีที่แล้ว +23

    Yoo this is *sick* man! I've been wanting to do such animations for a long time.
    Thank you so much for this tutorial

    • @casewhite5048
      @casewhite5048 4 ปีที่แล้ว

      yeah since like 1998 for me

  • @inkatupacamaruiicinemusica3404
    @inkatupacamaruiicinemusica3404 4 ปีที่แล้ว +1

    Gran tutorial gracias por el excelente vídeo ... like y me suscribo saludos desde Perú

  • @rossanadehache165
    @rossanadehache165 3 ปีที่แล้ว

    ¡Qué buen tutorial! Muchas gracias.

  • @ProduccionesAngelBlack
    @ProduccionesAngelBlack 5 ปีที่แล้ว +58

    Y como sería el mismo efecto pero en vez de que se aplique hacia los laterales, se aplique hacia la profundidad (como si fuese un constante zoom in).
    Me gustaría que hagas un video explicando eso.

  • @gzeta2251
    @gzeta2251 4 ปีที่แล้ว +1

    Muy lindo el video, parece que explicas bien pero alguien que no tiene ni idea es IMPOSIBLE seguirte. hice exactamente lo que entendí y lo que has dicho del video y estoy frustradicimo hace 3 horas que no consigo hacer más que los contornos de los objetos. Tendrías que explicar más detalladamente para quienes nunca tocaron este programa. 5/10

  • @VinotinToons
    @VinotinToons 6 หลายเดือนก่อน

    hola, además de illustrator o el mismo after, qué tal son los gráficos SWF de animate? pierden resolución si se modifica su tamaño en after?

  • @Eindrew9
    @Eindrew9 5 ปีที่แล้ว

    me encanta cómo queda el Glow!

  • @napoleonsanchezmarin4382
    @napoleonsanchezmarin4382 4 ปีที่แล้ว

    GRACIAS...BUENOS VIDEOS. LIKE Y ME SUSCRIBÍ...SALUDOS DESDE CARACAS, VENEZUELA.

  • @natanielalvarez7954
    @natanielalvarez7954 2 ปีที่แล้ว

    muuuchas gracias!!! 🙏🔥🔥

  • @noz8437
    @noz8437 4 ปีที่แล้ว

    El mejor puto tutorial del mundo. Gracias

  • @JarochoGamble
    @JarochoGamble 4 ปีที่แล้ว

    Ta chingon. Quiero aprender más.

  • @reinaldocruz4926
    @reinaldocruz4926 4 ปีที่แล้ว

    Eres un genio masster gracias por compartir tu conocimiento

  • @sector96.96
    @sector96.96 4 ปีที่แล้ว

    muy bien estuvo genial ,la mejor manera de realizar animaciones

  • @felipecampillayerazo6094
    @felipecampillayerazo6094 4 ปีที่แล้ว

    fantástico, muchas gracias por compartir

  • @alejandrorotenberg3626
    @alejandrorotenberg3626 4 ปีที่แล้ว

    excelente!! muchas gracias!

  • @valeuwu3499
    @valeuwu3499 4 ปีที่แล้ว +1

    Lo estoy haciendo!! muchas gracias por el tutorial, soy principiante jeje🥰

  • @carloscastillo2915
    @carloscastillo2915 4 ปีที่แล้ว

    hola gracias por el tuto muy bueno , algo que vi es que mi animación cunado la reproduzco va muy rápido por los 15 seg pero vi que después estas diciendo que al segundo 40 tal efecto y eso , mi pregunta es le cambiaste el tiempo o yo me equivoque en algo , saludos y de nuevo gracias por el tuto

  • @pattriciapatino
    @pattriciapatino 3 ปีที่แล้ว

    Me has salvado la vida...

  • @JuanTecocha
    @JuanTecocha 4 ปีที่แล้ว

    Buen tutorial, me sirvió mucho para un videoclip en mi canal!!!

  • @crypsis8640
    @crypsis8640 5 ปีที่แล้ว +1

    se ve buenisimo con ese efecto glow no se ve tan plano la animacion , le da un acabado 2D

  • @_tadeu
    @_tadeu 4 ปีที่แล้ว

    Muchisisisimas graciasss
    Eres un masster

  • @inyector45
    @inyector45 4 ปีที่แล้ว

    Bueeeeeehnaaaa. El dato a la vena. Éxitos man!

  • @danny_uzumaki394
    @danny_uzumaki394 4 ปีที่แล้ว

    Esta súper cool trataré de hacer uno igual

  • @iironfish
    @iironfish 3 ปีที่แล้ว +1

    apesar de eu não entender nada do que você fala, eu assisto muito seus tutorias são muito bons, da pra ter uma noção onde devo mexer no programa 👏👏👏👏 continui asim amigo

  • @Jnoahz
    @Jnoahz 4 ปีที่แล้ว

    buenas muy bueno tu video me gusto mucho, aunque no se nada de esto jeje, tengo una pregunta se que la animacion queda estilo a un gif que reproduce toda la secuencia y al final se corta de golpe, hay una forma de que la reproduccion sea mas suave al final y vuelva a comenzar, osea que sea vea como si fuera una animacion infinita del goku volando ?

  • @22Wishper
    @22Wishper 5 ปีที่แล้ว

    Recien descubri este canal, explicas y mostras todo re bien me encanto te agradezco mucho

  • @juankinger5652
    @juankinger5652 4 ปีที่แล้ว

    Quedo bien la verdad. Para fondos animados se ven estupendos. Buen video.

  • @camilogambino9894
    @camilogambino9894 5 ปีที่แล้ว +1

    BRoo eres un duro papa, saludos desde colombia hermano!.. aprendiendo gracias a tus vídeos, gracias por compartirlo.. Seguimos avansando, no pares papá!

  • @Totorus
    @Totorus 4 ปีที่แล้ว

    Muy bueno, gracias por compartirlo!!!

  • @Elpodcastdelcristiano
    @Elpodcastdelcristiano 3 ปีที่แล้ว

    WoW te pasaste bro esta perika la animación ✌️animo salu2 desde Monterrey...

  • @pipislao
    @pipislao 4 ปีที่แล้ว

    gracias. muy bueno!!

  • @gamecubeism
    @gamecubeism 5 ปีที่แล้ว +2

    ERES UN CRACK SIGUE SUBIENDO MAS PORFAVOR ME GUSTAN MUCHO TUS VIDEOS TE FELICITO MAESTRO

  • @marioangel
    @marioangel 4 ปีที่แล้ว

    Muchísimas gracias hermanito

  • @alquimiaproductions1582
    @alquimiaproductions1582 5 ปีที่แล้ว +1

    Masster jamas dejes esto eres lo maximo, deberias hacer tu propio film Vfx, yo lo veria

  • @sebastianigareta
    @sebastianigareta 5 ปีที่แล้ว

    Gracias, son trucos sencillos pero súper útiles.

  • @ANMEOM
    @ANMEOM 4 ปีที่แล้ว

    Hola! muy buen video! tienes mucho talento! me gustaría saber si es posible usar tu animación para un video..

  • @chimoidk
    @chimoidk 3 ปีที่แล้ว

    dios miooo, primer tutorial que me sirve :D explicas muy bien

  • @WilLBS.96
    @WilLBS.96 5 ปีที่แล้ว

    Gracias a tus tutoriales pude hacer un buen video para mi canal, muchas gracias

  • @andresbonda
    @andresbonda 4 ปีที่แล้ว

    muy muy bueno. excelente!

  • @neo5268
    @neo5268 5 ปีที่แล้ว

    Gracias por tus vídeos me ayudan mucho

  • @Predator999
    @Predator999 4 ปีที่แล้ว

    Hola Buenas Noches, quería saber si se puede conseguir un acabado con bucle perfecto de toda la composición y si podría ayudarme como hacerlo, graciias

  • @tomassaldano5636
    @tomassaldano5636 4 ปีที่แล้ว

    Que genial!! Hermano dónde puedo conseguir las imágenes para comenzar, en la descarga solo estan las capas, habrá q tocar algo para volver al origen de las imágenes?

  • @WARZONENICKYMETA
    @WARZONENICKYMETA 5 ปีที่แล้ว +2

    Excelente tuto hermano master..... esta super bro...

  • @rodrigovasquez1663
    @rodrigovasquez1663 5 ปีที่แล้ว

    Hola soy nuevo en el mundo de la animación, me gusta mucho tu contenido, dos preguntas, quienes son tus referentes en cuanto a diseños o animaciones. Y para armar una computadora, que parte de la pc es la que exige mas programas de edicion visual (AE, PR, 3D max , cinema 3d etc.)
    muchas gracias y que sigan los exitos

  • @AngelBeltranAutor
    @AngelBeltranAutor 5 ปีที่แล้ว

    Me encanto el vídeo y estoy suscrito a tu canal desde hace tiempo. Solo una pregunta: he visitado la web de premiumBeat para coger algo de música para mis vídeos, pero veo que junto al botón de descarga indica el precio. ¿hay que pagar? Creí que comentaste que era libre de derechos. Gracias.

  • @aldorock962
    @aldorock962 4 ปีที่แล้ว

    Te quedó super rifado!!! chingón y gracias por compartir mi estimado!!! te dejo tu Like y me suscribo para seguir aprendiendo.

  • @yudaca5309
    @yudaca5309 3 ปีที่แล้ว

    hola colega te agradeceria si me sacas de una duda
    1- tengo un proyecto que dura 3min
    2 cual es el problema cuando le doy prepoducir no previsualizar si no
    repoducir con el botón de play o con la barra espacio lo hace pero no repoduce completamente
    3- solo reproduce un pequeño fragmento que es la linea verde brillante en la linea de tiempo que se ubica bajo la regla de tiempo
    se ve un fragmento verde y luego se corta y partes azules pero se corta la preproduccion justo donde corta la linea verde
    o se repite el buqle solo en esa sesion y yo quiero verlo completo solo dando play
    4 como hago para solucionar eso, o es normal ? o que consejo me das o es alguna falla de mi lapto?
    5- o es asi por ser tantos minutos?
    6- te lo agradecería gracias por tu canal seguiré viendo tus tutoriales

  • @silviaranzlara3913
    @silviaranzlara3913 ปีที่แล้ว

    fantástico tutorial

  • @yudaca1
    @yudaca1 3 ปีที่แล้ว

    Hey vbtoher que tal, una pregunta si yo quisiera hacer la animación tipo rick and morty y que los paisajes se vean como animación 2D tendría que vectorizar en ilstrator o hay algún video que expliques como haces esto mismo pero que no se vea vectorizado si no mas tipo animación 2Dejemplo en vez del goku rick en su nave y de fondo el paisaje del primer capítulo de rick and morty

  • @barbarasantamaria2871
    @barbarasantamaria2871 4 ปีที่แล้ว

    Hola,muchasgraciaspor el video. Tequeriahacer unapregunta. En el minuto 2:35 cuando estas creando la composicion, estoy haciendolosiguiendo tus pasos, pero cuando tu das click en aceptar, la coomposicion se te crea con color transparente y no con elcolor que dice ahi que es negro. Queria saber que hago para queme salga igual como te estasaliendo a ti con el fondo transparente. Muchas gracias de antemano

  • @nicolasramirez922
    @nicolasramirez922 4 ปีที่แล้ว +1

    Yo quiero esa animación para mi wallpaper xD excelente video jefe!

  • @AlejoSuarez86
    @AlejoSuarez86 5 ปีที่แล้ว

    Que calidad, y la explicación super, eres todo un Master, felicidades y saludo desde Colombia.

  • @ezefacci.artevisual
    @ezefacci.artevisual 3 ปีที่แล้ว

    Muchas gracias!

  • @phabbian
    @phabbian 4 ปีที่แล้ว

    GRACIAS :3 ME ENCANTA TUS VIDEO Y EXPLICAS MUY BIEN DE COMO MANEJAR EL PROGRAMA TE LO AGRADEZCO

  • @Hs-ie5xx
    @Hs-ie5xx 4 ปีที่แล้ว

    buen tutorial amigo, muy bien explicado me suscribo

  • @alejandromodosetso6406
    @alejandromodosetso6406 2 ปีที่แล้ว

    Thank you soo much! This helped a lot!

  • @jhontello2534
    @jhontello2534 3 ปีที่แล้ว

    Muy bueno, gracias

  • @jorgeluismontoyasolis9800
    @jorgeluismontoyasolis9800 4 ปีที่แล้ว

    Eres lo máximo. Saludos desde Perú!

  • @hiumansproject
    @hiumansproject 3 ปีที่แล้ว

    Se podría hacer igual pero pasando a After Effects cada una de las capas de la ilustración hechas en Illustrator, verdad?

  • @MauroNoruaM
    @MauroNoruaM 3 ปีที่แล้ว

    Hola una duda, si exporto desde otro programa las capas puedo aplicar los mismos pasos para lograr esto (tengo 3 capas pixel art hechas en aseprite y quiero que se muevan a velocidades distintas según la cercanía con la cámara.)
    de todos modos buen video!

  • @theredmaster_superbee
    @theredmaster_superbee 5 ปีที่แล้ว

    profesor... ¿se pueden crear movie clipts dentro de una animación o sea películas dentro de la película como se hace en flash o en el nuevo adobe animate? por ejemplo se me courre que... un rehilete esté dando vueltas mientras lo animamos por toda la nueva escena... ¿es posible? es que quiero intentar incertar animaciones cíclicas dentro de otra animación para exportar como .json para insertar en wordpress... saludos

  • @Darkerdi1
    @Darkerdi1 3 ปีที่แล้ว

    ¿Cómo le coloco las líneas? por cierto re buen video, calidad

  • @pp.ppjfff
    @pp.ppjfff 4 ปีที่แล้ว

    Estan geniales tus tutoriales, gracias por el aporte. ♥

  • @tomaszciszek3023
    @tomaszciszek3023 5 ปีที่แล้ว

    Muy buen tutorial. Buena dinamica. No muy rapido, no muy lento. Explicastes el motivo de los efectos y no solo los pusistes y ya. ME encanto lo sencillo y el uso de nomenclatura international, que sirve para el que tiene el software en ingles o espanol. Gracias por usar espanol generico y un contenido limpio. Kudos!

  • @kc7973
    @kc7973 4 ปีที่แล้ว

    Eres el mejor♡

  • @t8mil964
    @t8mil964 2 ปีที่แล้ว

    muy bueno hombre.

  • @dashoverboard.
    @dashoverboard. 5 ปีที่แล้ว +389

    Cuidado con las proporciones y distancias de perspectiva*
    Si pones a Goku detrás de las montañas, entonces Goku mide como 200 metros de alto.

    • @vanderveen5499
      @vanderveen5499 5 ปีที่แล้ว +15

      o las "montañas" no son montañas. Todo depende de cual sea tu referencia.

    • @latiaproductoramx3761
      @latiaproductoramx3761 5 ปีที่แล้ว +26

      todo les hace daño amos de la perfeccion !

    • @dashoverboard.
      @dashoverboard. 5 ปีที่แล้ว +54

      @@latiaproductoramx3761 Solo atención a los detalles y ojo crítico puede llevar tu obra al siguiente nivel. No hay que conformarse. Pero cada quien.

    • @rober3d763
      @rober3d763 5 ปีที่แล้ว +10

      Es un ejemplo de como hacer una animación Flat , no te están enseñando a diseñar

    • @dashoverboard.
      @dashoverboard. 5 ปีที่แล้ว +10

      @@rober3d763 Entiendo, sin embargo esto es motion design...

  • @fremendesign
    @fremendesign 3 ปีที่แล้ว

    Grande maestro!!

  • @shamant1999
    @shamant1999 4 ปีที่แล้ว +1

    Didn't understand a word but understood everything he did! Awesome thing.. Thanks yo

  • @JesarowYT-is-2099
    @JesarowYT-is-2099 2 ปีที่แล้ว

    Chingon, se ve muy padre

  • @blackpanda1302
    @blackpanda1302 4 ปีที่แล้ว

    Thanks for English subtitles