Full lipsyncing control with FrameSync now available for Adobe Animate CC

Justin | Animate/Flash,animation,extensions | Tuesday, May 10th, 2016

FrameSync lets you rapidly lip-sync your characters with an audio track.

The newest installer now works with Adobe Animate CC.

Feature recap

Modes to suit your style

Use keyframe numbers (shown below) or add labels to your frames (shown in the top image).

Audio Playback Navigation

No need to scrub the playhead to hear a single frame of audio, or move one frame back or forward. All of your lip-syncing can be completed from within the FrameSync panel. No jumping around the Flash interface!

Download

(compatible from Flash MX 2004 & up, including Adobe Animate CC 2015)

FrameSync.zip

Other Lip Sync Tools from Ajar Productions

  • SmartMouth – automatic lipsyncing (audio analysis) – pair this with FrameSync and you have the fastest lipsyncing workflow on the planet.
  • FrameScrub – an alternative to FrameSync.

How to Replace an iFrame with a Message When Your Viewer is Offline

Justin | HTML5,tips | Tuesday, March 15th, 2016

An iFrame lets you embed a website inside of another HTML document. It’s often used to add online content to otherwise offline publications. When a viewer is offline, the iframe fails completely, and the author doesn’t have control of what is displayed.

So how do we go about fixing that?

(more…)

The Quickest Way to Test a Mobile Layout on Your Computer

Justin | design,HTML5,interaction,tips | Wednesday, March 9th, 2016

hero_device_emu

There are several great tools for testing mobile layouts.

The iOS and Android Simulators can test almost every aspect necessary, without actually needing a device.

Browserstack is a subscription service that lets you test all kinds of devices, browsers, and operating systems.

However, sometimes the power that these systems offer is overkill, and I just need a quick way to test a mobile layout.

The Quickest Way to Test a Mobile Layout

Enter Chrome Device emulation.

Device emulation is part of the Chrome Developer Tools. All you need is the Google Chrome web browser.

You can learn more about the Developer Tools, including how to use them as a designer in this free email course.

There are 2 important parts to testing mobile layout.

  1. The viewport meta tag—this controls document scaling on mobile devices.
  2. The CSS media queries—these are rules that control how the design changes on different screens.

The emulator also simulates touch events, touch scrolling, and device orientation.

(more…)

How to always show scroll bars on a Mac

Justin | tips | Tuesday, March 8th, 2016

What if you were missing out on web content just because your Mac wasn’t telling you that you could scroll?

It turns out that this is the default on the current version of OS X. So there’s a good chance you are missing content.

Here’s the short and sweet steps to a solution.

How do I show scroll bars on a mac?

  1. System Preferences (from the Apple Menu) > General.
  2. Change the Show scroll bars setting to Always.

(more…)

A Swiss Army Knife Extension for Adobe Animate

Justin | Animate/Flash,design,extensions | Thursday, March 3rd, 2016

Queasy Tools Panel v1.5.0Queasy (Quick and Easy) Tools takes a whole bunch of the most common actions that you make as a designer or an animator and groups them into a single panel.

More than that, Queasy tools lets you take multi-step actions with a single click.

Did I mention it’s free?

Get the latest installer to start using Queasy Tools with Adobe Animate CC.

Update: For the latest version of Adobe Animate, you may need this extension installer.

Page 2 of 4812345...102030...Last »