01 Opening sequence - Glitch (tutorial 1)

Super Sila: School of Motion Design 10 Opening sequence - Complex glitch 1
11 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.58
List Price:  €65.22
You save:  €18.63
£40.03
List Price:  £56.04
You save:  £16.01
CA$68.63
List Price:  CA$96.09
You save:  CA$27.45
A$76.02
List Price:  A$106.44
You save:  A$30.41
S$67.81
List Price:  S$94.93
You save:  S$27.12
HK$390.69
List Price:  HK$547
You save:  HK$156.30
CHF 45.46
List Price:  CHF 63.65
You save:  CHF 18.19
NOK kr546.43
List Price:  NOK kr765.05
You save:  NOK kr218.61
DKK kr347.46
List Price:  DKK kr486.48
You save:  DKK kr139.01
NZ$83.33
List Price:  NZ$116.68
You save:  NZ$33.34
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,489.47
List Price:  ৳7,685.71
You save:  ৳2,196.23
₹4,174.55
List Price:  ₹5,844.71
You save:  ₹1,670.15
RM236.99
List Price:  RM331.80
You save:  RM94.81
₦70,298.43
List Price:  ₦98,423.43
You save:  ₦28,125
₨13,909.88
List Price:  ₨19,474.95
You save:  ₨5,565.06
฿1,846.13
List Price:  ฿2,584.73
You save:  ฿738.60
₺1,610.66
List Price:  ₺2,255.06
You save:  ₺644.39
B$254.49
List Price:  B$356.31
You save:  B$101.82
R927.79
List Price:  R1,298.99
You save:  R371.19
Лв91.12
List Price:  Лв127.57
You save:  Лв36.45
₩68,531.94
List Price:  ₩95,950.21
You save:  ₩27,418.26
₪186.70
List Price:  ₪261.40
You save:  ₪74.69
₱2,868.05
List Price:  ₱4,015.50
You save:  ₱1,147.44
¥7,794.14
List Price:  ¥10,912.42
You save:  ¥3,118.28
MX$847.82
List Price:  MX$1,187.01
You save:  MX$339.19
QR181.98
List Price:  QR254.79
You save:  QR72.81
P683.14
List Price:  P956.45
You save:  P273.31
KSh6,548.69
List Price:  KSh9,168.69
You save:  KSh2,620
E£2,366.87
List Price:  E£3,313.80
You save:  E£946.93
ብር2,871.93
List Price:  ብር4,020.93
You save:  ብር1,149
Kz41,809.30
List Price:  Kz58,536.36
You save:  Kz16,727.06
CLP$46,797.13
List Price:  CLP$65,519.73
You save:  CLP$18,722.60
CN¥361.26
List Price:  CN¥505.79
You save:  CN¥144.53
RD$2,902.73
List Price:  RD$4,064.05
You save:  RD$1,161.32
DA6,738.30
List Price:  DA9,434.16
You save:  DA2,695.86
FJ$113.87
List Price:  FJ$159.43
You save:  FJ$45.56
Q388.63
List Price:  Q544.12
You save:  Q155.48
GY$10,470.35
List Price:  GY$14,659.33
You save:  GY$4,188.98
ISK kr7,002.59
List Price:  ISK kr9,804.19
You save:  ISK kr2,801.60
DH501.40
List Price:  DH702
You save:  DH200.60
L883.29
List Price:  L1,236.68
You save:  L353.38
ден2,870.60
List Price:  ден4,019.08
You save:  ден1,148.47
MOP$402.76
List Price:  MOP$563.89
You save:  MOP$161.13
N$930.61
List Price:  N$1,302.92
You save:  N$372.31
C$1,841.31
List Price:  C$2,577.98
You save:  C$736.67
रु6,683.63
List Price:  रु9,357.62
You save:  रु2,673.98
S/186.29
List Price:  S/260.83
You save:  S/74.53
K193.80
List Price:  K271.34
You save:  K77.53
SAR187.48
List Price:  SAR262.49
You save:  SAR75
ZK1,366.70
List Price:  ZK1,913.50
You save:  ZK546.79
L231.77
List Price:  L324.50
You save:  L92.73
Kč1,164.46
List Price:  Kč1,630.34
You save:  Kč465.87
Ft18,093.17
List Price:  Ft25,331.89
You save:  Ft7,238.71
SEK kr546.34
List Price:  SEK kr764.93
You save:  SEK kr218.58
ARS$44,079.30
List Price:  ARS$61,714.55
You save:  ARS$17,635.24
Bs345.59
List Price:  Bs483.86
You save:  Bs138.26
COP$194,670.18
List Price:  COP$272,553.83
You save:  COP$77,883.65
₡25,602.51
List Price:  ₡35,845.57
You save:  ₡10,243.05
L1,236.05
List Price:  L1,730.57
You save:  L494.52
₲373,702.36
List Price:  ₲523,213.21
You save:  ₲149,510.84
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł200.15
List Price:  zł280.23
You save:  zł80.07
Already have an account? Log In

Transcript

Hi guys, today I will tell you how to make this simple to the screen savers. quite big like your profile after studying the curse of Supercell, and I need to get it into zero parts, but I hope that after it there will be less questions about screensavers like less space in your wallet after you will use the new skills from the lessons. One of the approach to this whole thing is to just jump in on the run and then comes again I was using this principle when I was creating this tab from the beginning. It's a good way let's divide the project into parts for better start development. culmination and back sharp Firstly, Saturn should appear from the emptiness then everything is going to turn rotate and boil. Then the grandmas moment and smell the back shocked.

It's tart. I didn't want to buy And chose two colors red and blue. Because we're talking about motion design, I feel this screensaver of objects that are close to the sphere. Especially from the beginning. That means an endless, vast the problems with orientation and workspace and blah blah blah. So you catch it, make make a position 1920 and 80 femtosecond 25.

Let the ground be like that. Make a square shape over 80 pixels. As I said, we're going to use to call us right into them then animate the scale. put three keyframes the middle one will be 150 the first year I forgot to do it from the beginning then use Graph Editor and both this chart is in key as I said. Not to mess everything renamed the square then duplicated and more blank stares, every second shape will have blue curve, they'll add blue I bring from the logo palette, then select the second shape and make a diff from either I make it bigger rotated to 45 degrees in the non frame, put the scale keyframe and move the last color when you're there. 245 then next second frame 396.

Then using capacity patrolling keyframes to make the effect of flickering, think up the wrong channel the field and increase the size, duplicate the room, decrease the size, change the color to red and shift the time and I think that you may not catch all the things so I need a mouse during this screencast. I tried this for that animation. So I changed the values of keyframes. A lot of times I love them back then I went to another object then returned back. So that's why you see the footages of the objects and their keyframes. Finally, without it the lesson will take hour and a half and will be too boring.

Then let's add here an element of Aya interface free squares. Then draw a square. The goal is the same 10 pixels dedicated and place the square on the distance of 50 pixels over all four corners and make a scale box. Change the values from zero to 22 and copy that and paste it to the other squares and do a random animation then link them to the main square grid triangles aside so grid is square then cut it by two embossed then rotated to the 45 degrees over the side. Then add create scale keyframes 363 and 450 and 100 lemon made the position movement to the right. The cable there zero link down there and change the value to 90.

That is how we create focus of all sides. Then add random animation by moving it on the timeline that is had triangles below then up and behind quads, then add the lines that will follow the triangles by train paths to catch the time and you should put the keyframes on the same place and do the same is indicated. Then I tune the triangles for better appearing. Then I want to amend these four things. They will move a square pattern, so create a square. Then duplicate the central square.

Delete all of animation except square and grab and move it to the upper left corner of these squares are edit shift to the right and make it wrong. Put the keyframe somewhere near the end And then tune the timing and in the middle rotation, so use my above timing motor keyframes to understand better the differences between standard timing of keyframe by using it in and by using the normal keys as flickering in the end Advil effect. It is my bookmark on the toolbar and animate it using case then make four copies duplicate the layer and parent it to the now object and mirror it vertical and horizontally by negative square. Duplicate these two layers and using the object rotated 90 degrees. The last copy ship forward to the timing and let this chart color be blue. Let's make the square become a key frames after flickering effect.

Replicate our main square rotated. add one more shape. Then add to emboss carded and add merge box Make copies of keyframe basic to the objects holding them to the right. Then we'll create a transition of the current by opacity. And we have got a nice thing. Let's make opposite keyframes blue.

Don't pay attention to these dots in the background, we will turn back to them later. I think that magisterial video seems to be like a movie looper but a bit cheaper and with a bad camera. Copy the animations and fields and paste them to the keyframes. upper left hand behind that object will have a blue keyframe in the end. Perfect. And now the most interesting part of the lesson these lands in the background, because after In fact, good solo system already.

We will do it in this separate composition. And we need to put markers on glue moments and precompose named form hoping it had new solid and trapcode form the size will be 1000 2000 and number of particles 20 to 20 the particles will be square size to random scale 50 or maybe the number 10 by 10 is better put the keys in the size tab now we are going to make a bounce kit with a zero a bit bigger than smaller and full size then Chantelle decided to change this protocols to free and then add go to an impact open fracture fail 10 random positive will be to the spirit of Shan effect can be increased by 103 using flow evolution retro scale and do that alright, so let's add these lines or duplicate the layer turn of effect of flickering normals has and let it be a separate composition That will name blind birth.

And I'm going to tell you about the most simply and convenient way to create such an animation. I think that most of my colleagues will do it by for more context or by cinema 4d who is a bit smarter than I. But hang around dinner man. See the problems solved by shapes. So shapes will be out too. But we'll add few tricks here.

Draw a line between two dots had to involve and animate it like back now slowly know quickly, like that. Then and component to the beginning of the line, Wk Dahlia rotated 90 degrees. And now using these two lands, we can create a whole mesh of animated lines, duplicate the lands place it somewhere as you like. And now when we have a number of lines, you need to do this tap create an object and locate all that you have to link it to the new object then Use rotation, rotate in 90 or 180 degrees. Do this stuff once or twice, and after just duplicate and place it but don't forget to unlink everything before the application. So using this trick, fill the mesh, you can add some more long lines for the rest.

So we've got a lot and now we need to place the animation along the timeline. Use plug in rate, use second state, use random more than 10 and start to add random animation It can diplucate several dozens of shapes and paste them on the timeline to create an animation with duration four seconds. Ready. Now let's paint this step. So we need to feel red and blue and the script that will be given to you. The script is very helpful and having a few tabs.

So firstly copy the red pill, then open the composition, press this icon. Every second layer is chosen. Press Control plus V and now a house of shapes is read copybook for you over the composition then press out plus the same item and another how shapes are chosen based blue pill. As a final touch, we can add here as glow. Ready? Okay, for this moment such a simple composition is ready, looking not bad for your better status.

I will continue the project in the next class, try to analyze all the tricks that are new for you. It will help you in future to understand my my moves in future parts. I will upload the link to this project like it is nowadays. You can study it by ourselves and check every case timing and other stuff that you haven't catch here. Thank you. See you

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.