Voltar aos vídeos
J

Jitter

Animate your Company Logo

Plataforma
YouTube
Duração
3:33
Idioma falado
inglês
Visualizações
29,1 mil
Corte mediano
3.53s
Rosto em cena
0%
Quadros escuros
9%
Jitter Animate your Company Logo at 0:00
JitterAnimate your Company Logo
0:00
Jitter Animate your Company Logo at 0:02
JitterAnimate your Company Logo
0:02
Jitter Animate your Company Logo at 0:07
JitterAnimate your Company Logo
0:07
Jitter Animate your Company Logo at 0:11
JitterAnimate your Company Logo
0:11
Jitter Animate your Company Logo at 0:16
JitterAnimate your Company Logo
0:16
Jitter Animate your Company Logo at 0:17
JitterAnimate your Company Logo
0:17
Jitter Animate your Company Logo at 0:18
JitterAnimate your Company Logo
0:18
Jitter Animate your Company Logo at 0:20
JitterAnimate your Company Logo
0:20
Jitter Animate your Company Logo at 0:21
JitterAnimate your Company Logo
0:21
Jitter Animate your Company Logo at 0:35
JitterAnimate your Company Logo
0:35
Jitter Animate your Company Logo at 0:43
JitterAnimate your Company Logo
0:43
Jitter Animate your Company Logo at 0:44
JitterAnimate your Company Logo
0:44
Jitter Animate your Company Logo at 0:57
JitterAnimate your Company Logo
0:57
Jitter Animate your Company Logo at 0:58
JitterAnimate your Company Logo
0:58
Jitter Animate your Company Logo at 1:06
JitterAnimate your Company Logo
1:06
Jitter Animate your Company Logo at 1:10
JitterAnimate your Company Logo
1:10
Jitter Animate your Company Logo at 1:30
JitterAnimate your Company Logo
1:30
Jitter Animate your Company Logo at 2:58
JitterAnimate your Company Logo
2:58
Jitter Animate your Company Logo at 3:02
JitterAnimate your Company Logo
3:02
Jitter Animate your Company Logo at 3:18
JitterAnimate your Company Logo
3:18
Jitter Animate your Company Logo at 3:22
JitterAnimate your Company Logo
3:22

Transcrição de Animate your Company Logo

Transcrito por um modelo de fala a partir do áudio do próprio vídeo, não escrito pela marca. Clique em qualquer linha para ir até aquele momento.

  1. 0:00Hi designers! In our template gallery we have a couple logo animation templates and today we'll
  2. 0:06be recreating number three. Now all of these animations are fairly similar so if you follow
  3. 0:11along with this video you should be able to recreate all of these. So let's get started.
  4. 0:16First we will create the design so our artboard has a background color of black. Then we want to
  5. 0:23import an ellipse let's go into design mode to make our life easier this will be 240 by 240 pixels
  6. 0:31will be white and it should be in the center now let's actually hide it from here so we can create
  7. 0:38the other animations i mean the other designs without getting disturbed so we want to import
  8. 0:44our actual logo this one will be 160 pixels by 160 pixels let's align it and
  9. 0:52then we want the text this will be our company Montserrat black white all right
  10. 1:01let's align this perfect now we can start to animate so let's first make this
  11. 1:08visible again so we can actually animate it and we are working with a couple
  12. 1:12custom animations today one of them being let's actually select the ellipse custom animation on
  13. 1:19the ellipse which will be arc and so we want a initial value of 0% donut we want to go to 100%
  14. 1:27donut like so we want it to be 1.2 seconds natural so right now we have this and at the same time
  15. 1:35add another action we want this to scale in from zero percent to a hundred percent giving us this
  16. 1:43little animation now about halfway we want to animate our logo in also with a scale or let's
  17. 1:50actually give it the scale grow in animation this will take care of the opacity by default
  18. 1:58and this will be 0.6 seconds also natural all right this looks great let's position it a little
  19. 2:06bit more to the left okay right before the end of this animation we want to start moving this
  20. 2:14so let's give it a new animation custom move and we want it to move to the left now this move will
  21. 2:24be 0.8 seconds natural so that's perfect and let's actually just do ctrl c or command z on
  22. 2:30mac and then paste it onto the actual company make it at the same time and so this will move
  23. 2:38our entire composition and now we can actually move it a little bit further
  24. 2:43so it is nicely centered in the middle perfect and the last thing we want to do is to actually
  25. 2:51make sure that the company logo is not visible from the beginning so about here we will give our
  26. 2:55company logo a default in animation which will be slide from the right and it will be i think 50
  27. 3:05let's say 300 milliseconds natural on the letters forward 50 milliseconds delay and slow down this
  28. 3:14is exactly what we wanted so let's take a look at the animation
  29. 3:20perfect you now recreated a logo animation and you can replicate this with all the other logo
  30. 3:25templates because they are quite similar if you have any questions feel free to leave a comment
  31. 3:30and we will respond as soon as possible
31 linhas · 540 palavras

More from Jitter

All of Jitter →

The rest of their work we have taken apart.

Jitter Beta – A simple animation tool on the web74K views
Jitter
Jitter Beta – A simple animation tool on the web
0:2831 frames0.9s cut0% face
Animated Button Switch (toggle)28K views
Jitter
Animated Button Switch (toggle)
2:35104 frames0.5s cut0% face
Animate your company Logo26K views
Jitter
Animate your company Logo
1:3839 frames2.9s cut0% face
Introducing Jitter 1.0Launch25K views
Jitter
Introducing Jitter 1.0
0:1019 frames0.4s cut21% face

Cut at the same speed

Films whose median shot runs closest to 3.53s.

Fixing one million bugs with AI15K views
Cursor
Fixing one million bugs with AI
1:5470 frames3.5s cut63% face
Introducing workspace agents in ChatGPTLaunch3.5M views
OpenAI
Introducing workspace agents in ChatGPT
1:1027 frames3.5s cut0% face
In the past month, Cursor found 1M+ bugs in human-written PRs. Over h...340K views
Cursor
In the past month, Cursor found 1M+ bugs in human-written PRs. Over h...
1:5369 frames3.5s cut64% face
Inner World: Dalai Lama x EquinoxLaunch8K views
Equinox
Inner World: Dalai Lama x Equinox
2:00131 frames3.5s cut44% face
How Product + Eng Teams Use Notion To Ship Faster6K views
Notion
How Product + Eng Teams Use Notion To Ship Faster
4:45183 frames3.5s cut55% face
Announcing Apple’s next big step for Siri and iPhoneLaunch
Apple
Announcing Apple’s next big step for Siri and iPhone
1:3649 frames3.5s cut8% face
Introducing Phone (4a) ProLaunch1.1M views
Nothing
Introducing Phone (4a) Pro
12:06322 frames3.6s cut57% face
Our launch video went viral today on X. How much did we spend on this...352K views
Tanay Kothari
Our launch video went viral today on X. How much did we spend on this...
1:3246 frames3.5s cut63% face
CleanShot X for Mac56K views
CleanShot X
CleanShot X for Mac
2:36133 frames3.5s cut0% face
Starting today, you will be able to select Gemini 3 Pro as an experim...170K views
Figma
Starting today, you will be able to select Gemini 3 Pro as an experim...
0:4423 frames3.6s cut0% face
George Hartley ☄️ - I just sent our launch announcement to 10,000 people. It took one pr...Launch563K views
George Hartley
George Hartley ☄️ - I just sent our launch announcement to 10,000 people. It took one pr...
1:0427 frames3.6s cut0% face
Our investor is using a Dia Skill to evaluate founders12K views
The Browser Company
Our investor is using a Dia Skill to evaluate founders
4:45182 frames3.5s cut55% face

Lit and framed like this

Closest on how much of the running time has a face in it and how dark the frames are.

Volkswagen App (Deutsch) | Volkswagen2K views
Volkswagen
Volkswagen App (Deutsch) | Volkswagen
1:4235 frames0% face
We Charge In-Car App (Deutsch) | Volkswagen2K views
Volkswagen
We Charge In-Car App (Deutsch) | Volkswagen
2:1895 frames0% face
Nano Banana Pro and Sora 2 Pro are now the default generation models ...141K views
Perplexity
Nano Banana Pro and Sora 2 Pro are now the default generation models ...
0:2912 frames2.6s cut0% face
Brain for Perplexity Computer18K views
Perplexity
Brain for Perplexity Computer
1:0624 frames0% face
ColorSlurp - The best Mac color picker in the universe!9K views
IdeaPunch
ColorSlurp - The best Mac color picker in the universe!
0:3024 frames1.9s cut0% face
Flashcards on OpennoteLaunch4K views
Opennote
Flashcards on Opennote
0:3312 frames0% face
Introducing GPT-5.5Launch270K views
OpenAI
Introducing GPT-5.5
0:5522 frames15.4s cut0% face
Over-the-Air Updates (Deutsch) | Volkswagen518 views
Volkswagen
Over-the-Air Updates (Deutsch) | Volkswagen
1:4737 frames0% face
Vector Creator. Create free personalized illustrations from 3000+ elements7K views
Icons8
Vector Creator. Create free personalized illustrations from 3000+ elements
1:0725 frames9.5s cut0% face
Postcards 2Launch16K views
designmodo
Postcards 2
1:0238 frames0.3s cut0% face
Perplexity Computer can now help prepare your federal tax return. Se...3.4M views
Perplexity
Perplexity Computer can now help prepare your federal tax return. Se...
0:5621 frames0.0s cut0% face
What is Ramp Procurement?1K views
Ramp
What is Ramp Procurement?
3:31115 frames0% face

More social

Same category, other makers, most watched first.

Your ideas, your apps—Base44622M views
Base44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
Turn any idea into an app with Base44538M views
Base44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
Build Your Website with One Sentence | Base44154M views
Base44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
Rip The Script | Nike Football81M views
Nike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
PetSmart | "Pickup in...STORE!"75M views
PetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
NEO The Home Robot Order Today69M views
1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
Apple Education: Ready for every learning opportunity69M views
Apple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
Phone calls suck. So, we bought a giant telephone car, raised $65,00...64M views
Bland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...39M views
Figma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
Getting Help is Simple, With Hims36M views
hims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
Made in Figma (2025) Like this ❤️ we designed it for you36M views
Figma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
Hello, MacBook Neo35M views
Apple
Hello, MacBook Neo
3:50291 frames67.5s cut1% face
Browse every frame in the library