video Tag

Last Tuesday we released the latest version of our iPad POS app, and this was a huge release for us, as we know combined our full-featured wrapper app with our beautiful but limited-in-features native app. Along with this release we launched the app store preview video I made! This was a labour of love of mine, which I worked on during slower periods of UI design work. I've been using After Effects a lot lately, working on the in app animations, and with my motion graphics chops feeling sharp, as well as Apple introducing the app store preview videos last September, the time was right. Shout out to local Montreal music producer Jordan Perry over at Landlocked Beats for selling us a license to his sick piece of music. ...

Heres a couple really useful tutorial videos for After Effects. I found both of these while working on some animation mockups for an iOS app we are working on, and found both of these really helpful. The animated numbers one particularly has a lot of uses of user interface motion design. http://www.youtube.com/watch?v=UbU04LgR5dQ starts at 3:00 in http://youtu.be/MYcp3qqPdDg ...

Our setup consists of two parts: capturing footage of the users hand interacting with the screen, and capturing a recording of the screen itself. Capturing footage of the user: We setup my personal Canon Rebel camera on a tripod for this. Using the video setting, we zoomed in fairly close on the user's hand and the ipad screen. The audio was captured using some wireless microphones borrowed from Desktop Support, which are used for Dax's speaches at the company meetings. The receiver part of the mics can be plugged into the audio input of the camera. Capturing the screen of the device: This part is more unique to us, as we used AirServer and AirPlay to create these videos. I would recommend Camtasia or another screen capture application that can be used for desktop computers or laptops. Putting it all together: The tricky part is to match up the two videos so that they are playing in sync. I ended up using Adobe Premier exclusively for this, as After Effects makes you create a RAM preview render after each little timeline adjustment in order to view your work. After dragging both videos onto the timeline I manually synced them up in a manner not unlike a DJ matching up two vinyl records. I added the text on the screen in Premier using a "title". In conclusion the whole thing requires some basic video skills, as well as a camera and the right software. We have found this process to be very beneficial and highly recommend it. I'd be happy to go into more detail about any of this stuff in the future. ...

http://www.youtube.com/watch?v=lwDbiRQzD8w amp = .07; freq = 2.0; decay = 10.0; n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n--; }} if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{value} by Harry J. Frank, graymachine.com (Min. Version: After Effects CS3, Category: Useful things, Type: Expressions)...