download-stykzfrom h6p://stykz.net/downloads/-or-ask-mrs. … · 2019. 5. 15. ·...
TRANSCRIPT
![Page 1: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/1.jpg)
www.m
rssw
ainsartclass.com
![Page 2: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/2.jpg)
Download Stykz from h6p://stykz.net/downloads/ or ask Mrs. Swain to AirDrop it to you!
![Page 3: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/3.jpg)
Make sure all of your windows are on display…
![Page 4: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/4.jpg)
Use the line tool to create a simple right-‐angled triangle.
![Page 5: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/5.jpg)
Change the line weight to 1 and the colour to the same colour that you want your triangle to be.
![Page 6: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/6.jpg)
Use this tool to select the anchor points. It will fill the shape with colour. Change the colour so it matches the line.
![Page 7: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/7.jpg)
Click “Next Frame” You now have two frames at the bo6om.
![Page 8: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/8.jpg)
While your in the second frame, change the angle of the triangle to 20.
![Page 9: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/9.jpg)
ConSnue to add new frames and change the angle by 20 degrees unSl your triangles have turned all the way back to the posiSon of the first one.
![Page 10: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/10.jpg)
This has completed Part 1-‐ the movement of the single triangle in a circle from a single point-‐ the first part of my example. Click PLAY to see it work. Now to create Part 2-‐ The triangles build on top of one another to create the circle…
![Page 11: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/11.jpg)
Click on the second to last frame. “Right Click” / “Control” + Click and copy triangle in that frame.
Paste the triangle onto the last frame. It will look like this-‐ two triangles.
![Page 12: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/12.jpg)
Click “New Slide.” You will see that the two triangles are in the new slide. You can now go to slide before the last one you copied, and repeat the process. ConSnue to add new slides and copy the previous triangles unSl you have something that looks like this…
![Page 13: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/13.jpg)
This has completed Part 2-‐ the triangles build on top of one another to create the circle. Click PLAY to see it work. Now to create Part 3-‐ The circle disappears and ends with the original triangle…
![Page 14: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/14.jpg)
This part is very easy. Simply add a “New Slide” and delete the triangle aZer the original one. Then keep adding new slides and with every new slide remove another triangle. UnSl you have only your original triangle leZ.
![Page 15: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/15.jpg)
This has completed Part 3-‐ The circle disappears and ends with the original triangle. Click PLAY to see it work. Save your animaSon as a Stykz file so you can conSnue to work on it. When you’re finished, export it as a movie.
![Page 16: Download-Stykzfrom h6p://stykz.net/downloads/-or-ask-Mrs. … · 2019. 5. 15. · Change-the-line-weightto-1-and-the- colour-to-the-same-colour-thatyou-wantyour-triangle-to-be.-](https://reader036.vdocuments.mx/reader036/viewer/2022071110/5fe5227194037a595d6bb10c/html5/thumbnails/16.jpg)
Go to h6p://www.mrsswainsartclass.com/tutorials.html to see the example video. Now that you know how to do these simple animaSons with just one shape, you can apply the same methods to more complicated versions. To extend… -‐ add more shapes -‐ allow the shapes to “snake” around the frame -‐ change the colours of each triangle through the colour spectrum so that the colour
changes gradually. -‐ use just colour changes so that shapes “flash.” -‐ Make smaller adjustments to achieve a smoother movement.
Remember… -‐ don’t make it too complicated too soon-‐ start simple. -‐ make movements and changes small from frame to frame to keep the moSon
smooth.