13

My After Effects workspace for mobile prototyping

over 5 years ago from , designer

http://i.imgur.com/aSahoZ1.png

Nothing too crazy here, but for those of you who prototype mobile apps/web in After Effects, I thought I'd share my workspace.

Using the default AE workspace, I found myself trying to find a balance of space between my composition window and timeline. This layout saves me quite a bit of hassle.

Feel free to share your workspaces, comments, suggestions, etc..

14 comments

  • Jason HowmansJason Howmans, over 5 years ago

    I've never used After Effects for prototyping before, I'd like to hear more about how you fit it into your workflow (I assume you use Photoshop)? Also, have you found any advantages to using AE over prototyping in HTML & CSS?

    2 points
    • louie solomon, over 5 years ago

      I have found After Effect my go-to application for prototyping animations to show clients and developers how an animation (or an entire section of an app) will look. I can create animations extremely quickly, and test out animation speeds, transitions etc with little effort.

      I do use Photoshop in my animation workflow. Once I have some final screens finished, I'll export the assets into After Effects and start putting the animation together. Once I'm done with , I'll pre-compose the animation and put it on a phone bezel composition for presentation.

      While I can't make interactive prototypes in After Effects, I find that I'm able to get my point across quickly and experiment along the way.

      2 points
  • Florian PnnFlorian Pnn, over 5 years ago

    You should take a look at this plugin to speed up your process regarding ease : http://aescripts.com/ease-and-wizz/ :)

    1 point
    • louie solomonlouie solomon, over 5 years ago

      Thanks, I do use Ease and Wizz quite a bit. I've learned to use the speed graph to emulate a lot of what Ease and Wizz does, and can create nice transitions pretty quickly.

      My only Gripe with Ease and Wizz is that you have to use the same transition on that layer. It's an easy problem to fix (duplicate the layer and change the Ease and Wizz transition type) but things can get messy.

      I think there may be an After Effects plug-in that allows you to enable and disable expressions at different times during an animation.

      0 points
  • David LuhmanDavid Luhman, over 5 years ago

    I would love to talk to you more about your workflow for mobile prototyping (definitely could pickup some ways to reduce some friction points you've overcome).

    1 point
  • Pierre de MillyPierre de Milly, over 5 years ago

    I just opened it fullscreen on my 27' and everything seems too small. Just how big is your monitor ??!!

    1 point
  • Matt Smadner, over 5 years ago (edited over 5 years ago )

    double post.

    0 points
  • Matt Smadner, over 5 years ago (edited over 5 years ago )

    I also use aftereffects. I keep a project assets folder where I export my sketch slices. Aftereffects watches the folder and updates my assets as I design. Its really nice and simple. I have a second comp that loads my main comp into an image of a monitor or mobile device.

    I never thought about changing the workspace to be that simple. I need to do that.

    0 points
    • louie solomonlouie solomon, over 5 years ago

      Yeah, I do something very similar with Photoshop. I love that AE uses linked files, and updating the source will update in your composition instantly.

      0 points