Monthly Archives: October 2018

Showcase Website Code

When you publish or even test an Adobe Animate project it automatically creates the html file, javascript file and even images folder necessary to upload the project live to the web. To create the showcase website all you need to do it add the code below into the html file that Animate creates.

Add to the <head> area:

<style>
.mainBox{
width: 80%;
margin-right: auto;
margin-left: auto;
}
</style>

Add this to the <body> area of your page:

<div class=”mainBox”>
<h1>Title of Project</h1>
<h2>Insert Full Name Here</h2>
<h3>Description of Project</h3>
</div>

You can also add the class=”mainBox” attribute to the div that Animate automatically creates to hold your canvas animation.

Using Adobe Animate CC

Getting To Know The Timeline

https://helpx.adobe.com/animate/how-to/learn-timeline.html?playlist=/ccx/v1/collection/product/animate/segment/designer/explevel/beginner/applaunch/orientation/collection.ccx.js&ref=helpx.adobe.com

Editing Motion Tweens

https://helpx.adobe.com/animate/how-to/edit-motion-tween.html?playlist=/ccx/v1/collection/product/animate/segment/designer/explevel/beginner/applaunch/orientation/collection.ccx.js&ref=helpx.adobe.com

Create a 2D Charater Animation

https://helpx.adobe.com/animate/how-to/create-2d-animation.html?playlist=/ccx/v1/collection/product/animate/segment/designer/explevel/beginner/applaunch/orientation/collection.ccx.js&ref=helpx.adobe.com

Import Photoshop & Illustrator Files

https://helpx.adobe.com/animate/how-to/import-photoshop-illustrator-assets.html?playlist=/ccx/v1/collection/product/animate/segment/designer/explevel/beginner/applaunch/continuinged/collection.ccx.js&ref=helpx.adobe.com