Abortion Pills In Pretoria ](+27832195400*)[ 🏥 Women's Abortion Clinic In Pre...
Adobe Edge Animate and Captivate 8 Redux
1. Demo by Kirsten Rourke
Breaktime
Investigations
“FDCPA Uncovered”
Adding Edge Animate content to Adobe
Captivate 8 projects
http://bit.ly/captivateEdgeDemo
2. Presenter
Kirsten Rourke
CompTIA Certified Technical Trainer, Speaker, and Instructional Designer
focused on Adobe graphic design and eLearning products.
Adobe Community Professional
Owner of Rourke Training since 2000
Co-hosts a weekly podcast, "eMediaChat," with Rick Zanotti
UGM of CMAAUG (Central MA Adobe User Group) covering both the
Adobe eLearning products and Creative Cloud.
3. The Plan
Workflow – PS into Edge into Captivate
Responsive Scaling vs. Percentage
Adding Edge OAM to Captivate
Publish
4. Cp - Advanced Action Navigation
This button will:
• bring you back to the
“investigation” page
• disables the “Talk to the
neighbor” button
• and adds a checkmark
5. Edge Animate into Captivate 8
1. Create logo in Edge
2. Publish as OEM file
3. Insert OEM in Captivate as either Web Object
or HTML5 Object
7. Edge Logo Animation
450 square stage
Import “detectiveLogo.png”
Draw ring and mask half
Duplicate
Name and Color
Top Ring = Black/Bottom Ring = Slate
Use Keyframes and Pin to set rotation points
Responsive Scaling, Save
Publish Settings for OAM, Publish
8. Edge Animation Spritesheet
Take images from Illustrator; paste as smart objects in PS
– or –
Create directly in PS
Make Spritesheet directly in Photoshop
http://bit.ly/ConverseSpritesheet
Photoshop – load script to make spritesheets
http://bit.ly/PSspritesheets
http://bit.ly/EdgeImportSpritesheets
Run script to generate .png and .eas files.
9. Things to watch for
SVG server settings, best alternative is use PNG
https://helpx.adobe.com/edge-animate/kb/best-practices-
graphics-edge-animate.html
Hide Firefox Browser Warning for Cap 8
https://support.muse.adobe.com/thread/1558076?start=
0&tstart=0
10. What we talked about
Workflow - IL and PS into Edge into Captivate
Responsive Scaling vs. Percentage
Adding Edge OAM to Captivate
Publish
Default 550x400
HTML5
CSS
JavaScript
Illustrator – PNG files (SVG – change server settings)
Photoshop – SpriteSheet
Audition – Sound off for ipad?
What HTML5 Won’t show- show list. No rollovers
capFile_Begin
New – Responsive Project
Load the style sheet
Library – import png files
Set up Masters
Show Grid
Theme = Blank
13 Slides
Being file will have all except “nextDoor” – add that and show the resizing
Set up the 3 master views – move items around
Show place things in main view and adjust for secondary and mobile view
Edit in main view first
Mobile changes stay in mobile
Make mobile version taller (355x1217) for the “Next Time” page
Show crop image for mobile – show that it messes with the original size
Object Style Manger - Font = Geneva
(Export All Styles of All Objects)
Percent -= responsive
Every project unique ID
Down-level stage
Name no spaces
3 properties in css for border
No lined in css – use div
Remove items in finder
Set tab indexx and name for buttons
contnet grabber
Add checkmarks
Build adv actions
Disable button and show checkmark
Show how to hide (Click eyeball for checkmarks)
Stage 100% Width
Each scroll = pixels
Pinned left and right
Text
X and W set to %