Helpful stuff on Flash, ActionScript, After Effects etc

cases, code, tips and guidance

Archive for the ‘Timeline animation’ Category

showcase: Sanita workwear Flash, part 2

without comments

the assignment:
having made an intro for Sanita in Flash, they luckily liked it so much, that they actually requested a variation of the Flash.
this time the Flash-file should be smaller in file size (the original was 262kb) and have almost no text, just statements and pictures.
what we did to keep the file size down was to actually create not 1 but 2 variations of the intro.
each of the variations holds 3 pictures that they loop through.
using only 3 pictures in each variation keeps the file size of the variations at 110kb and 115kb, and by creating 2 different variations, it not only makes the use of the variations more flexible, it also still uses the 6 desired pictures for the variations.

The Sanita workwear Flash

click here to see the result of the first Sanita workwear Flash variation
click here to see the result of the second Sanita workwear Flash variation

the intro:

here is the original intro that the variations are created from:
click here to see the original Sanita workwear Flash intro assignment

Bookmark and Share

Written by admin

marts 6th, 2010 at 11:50 pm

showcase: Sanita workwear Flash

with one comment

just a quick post on this Sanita Flash.
the assignment:
- create a Flash that combines these pictures with the Sanita workwear needed in the situation.
- add an animated sequence besides the pictures.
- have it ready within 2 hours.

The Sanita workwear Flash

click here to see the result of the Sanita workwear Flash assignment

other recent showcases:
University College Mordjylland tabbed informationbar in Flash
New Years Eve 2009 invitation
Xmas 2009, invitation and greeting

Bookmark and Share

Written by admin

februar 28th, 2010 at 3:28 pm

showcase: SYD ENERGI banners by Esben Hindhede

without comments

having written about banners recently, I just had to show this banner by my colleague Esben Hindhede.
first of all; these recent 4 banners made in 4 hours by Maria Bøge Sørensen might not be as impressive as these new banners by Esben Hindhede.
but please notice, the creation of these new marvelous banners by Esben Hindhede took about 4 times as long to create.
check out the banners by Esben Hindhede for SYD ENERGI here

I like these new banners very much, I like the details and the speed in the animation.
I definitely prefer banners that are worked thoroughly through like this.

nice work, Esben!

check out these previous banners mentioned in this blog:
scary videobanner for woodi.dk
using clickTag in ActionScript 3.0
banners made from august 2007 – august 2008

Bookmark and Share

Written by admin

november 3rd, 2009 at 11:01 pm

horror short: Fraidy Cat

without comments

while eagerly awaiting Paranormal Activity I found this horror shortfilm made in Flash, that is worth 2 minutes of youtube-time:
check out the Fraidy Cat here

Bookmark and Share

Written by admin

oktober 21st, 2009 at 8:28 pm

Timeline animation: 4 banners in 4 hours

with one comment

this week my friend and colleague Maria Bøge Sørensen was given this assignment:
make 4 banners for 4 different customers in 4 hours.

here’s what Maria ended up with:
check out the 4 different banners made in 4 hours

I think my favorite is the one for Ikast Byliv, which one is your favorite?

Bookmark and Share

Written by admin

oktober 18th, 2009 at 9:43 am

cool Flash jazz timeline animation!

without comments

my good friend and colleague Esben Hindhede recently did this timeline animation, which definitely is a click worth.
read all about it here:

http://www.esbenhindhede.dk/?p=123

Bookmark and Share

Written by admin

oktober 1st, 2009 at 10:13 am

ActionScript 3.0: starting at a random frame in your Flash

without comments

this is a simple task.
imagine you need to do a flash, that must be able to show 3 different pictures.
which of the pictures is actually shown must be decided randomly.
here’s an idea of how to solve the problem:

setup a basic flash where timelineanimation fades each picture onto each other. frame label each picture “picture1″, “picture2″ and “picture3″.

how the different pictures are arranged inside of Flash

and now let ActionScript decide which picture to show from the start:

stop();

var _myNumber:Number = new Number();
_myNumber = Math.floor(Math.random()*3);

trace("_myNumber = "+_myNumber);

if (_myNumber == 0){
          gotoAndPlay("picture1");
} else if (_myNumber == 1){
          gotoAndPlay("picture2");
} else if (_myNumber == 2){
          gotoAndPlay("picture3");
} else {
          trace("something has seriously gone wrong!");
}


check out a Flash that randomly shows one of 3 pictures each time you reload the site

the pictures in this Flash are from Multiform, Invita and Møbelgalleriet.

Bookmark and Share

Written by felisan

juni 9th, 2009 at 11:52 pm

showcase: random introflash for Konceptas..

without comments

to the website for konceptas.dk I did a series of different flash-files, that were to load randomly.
the flashfiles not only load randomly, but also behave differently, though made from the same concept.
the interaction with each flash – if existing – is not at all documented, so it’s up to the visitor to try everything out :)


check the Flash made for Konceptas here

the website loads 1 of 6 different flash-files, here’s a short rundown of what they do:

version 1.01
when clicking the logo, one of the 150 red circles changes size and color

version 1.02
when clicking the logo, one of the 150 red circles changes size and color to black

version 1.03
the 150 circles changes the color in a predefined pattern. no interaction

version 1.04
when clicking the logo, one of the 50 red circles dissapears.
the logo is made easier to click in this version.

version 1.05
the logo just moves randomly across stage, no interaction

version 1.06
the logo is a base from where you shoot.
if your shot hits any of the black logos, they dissapear.

Bookmark and Share

Written by felisan

februar 12th, 2009 at 12:43 pm

showcase: Entré, Blue Willis, Flash for education, paintings

without comments

about two years ago I made the first version of this shopping center in Malmo, Sweden, in Flash.
I made it for Dafolo Marketing and TK Development while working at Konceptas.
this Flash should visualize the different shops and stores in the shopping center called Entré and help TK Development with the reservation and rental of the different rooms and shops.

recently I made a lot of updates to this.
not only had this Flash helped TK Development in reserving and renting, it had turned out to be a nice feature for people who considered renting rooms at Entré. by looking at this they could easily look at the competition from other shops and also the placement of these.

take a look at the shopping center Entré in Malmo, Sweden, here

the Flash you see at the link is only with static info, but online it’s with “real data”.
and online, all of the info shown is controlled with this CM System also made in Flash.

here’s what it looks like, when you log in:
log in picture

and here’s what it looks like, when you’re editing data for a single room for rent:
CM system for Entré Malmo, Sweden

for each room you can change what type of shop you want there, if it’s available, reserved or occupied, how many square meters big it is, and what the price pr square meter is.

this is probably one of the biggest projects I’ve ever made, and though almost 2 years old, I can still look back at it and wonder how I ever managed the lot :D

—–

back in my first days as a multimediadesigner, I made some projects for Blue Willis.
I had to visualize their collections on the internet.

I managed to make this timeline-animated Flash.
the Flash should change the pictures even without interaction, but it should also be possible to interact and choose what to see…

click here to see the Blue Willis spring & summer collection
click here to see the Blue Willis autumn & winter collection

the Flash was made together with Baxx Advertising

—–

for Co3 I have made a lot of educational Flash.

check out this Flash that tells about how it is to work with people who has psychiatric problems.

when the intro has been loaded, simply click it and the story will be loaded, a story with speak, timeline and pictures. the Flash is made in using ActionScript 2.0 and Tweener.

the speak is by Troels Møller from Konceptas

—–

last summer, going to Stig Meyer Jensens birthday party, two friend of mine and I had absolutely no idea of what present to give him, the guy already has all the interesting stuff in the world.
so we decided to make a very unique present for him; to paint him some pictures.

no one of us has ever painted before, so obviously this project was a massive laugh.

check out the paintings made for Stig Meyer Jensen here

Bookmark and Share

Written by admin

august 26th, 2008 at 10:06 pm

showcase: different stuff made in After Effects

without comments

back in 2007 while working at Konceptas we did a lot of jobs for Berg Furniture. among other stuff Søren Dybdal made this DVD in After Effects.

check out the DVD for Berg Furniture here

the video above is a Windows Media Video-file for the internet and therefore in low quality – the result is naturally much better on DVD.
actually the DVD is made from this demo I made as timeline-animation in Flash:

check out the first DVD-example made in Flash

—–

experiment, this experiment is made almost entirely with effects in After Effects. it’s a bit hard to say what it has turned out to be. dots that are alive, perhaps?

check out the example made out of effects in After Effects here

—–

experiment, this experiment is a video-intro, like the Nordisk Film-intro with the polar bear growling or the stars around a mountaintop in the Paramount Pictures-intro.

check out the intro here

this intro has a nice 3D-feel and depth!

—–

experiment, so, just playing around with After Effects, I ended up doing another simple intro:

check out the intro made in After Effects here

it’s nothing out of the ordinary, but one thing worth mentioning is the text effects on the bit: “Creating Text Animation”..
it’s very easy to add effects in After Effects.
I just selected the layer with the text in my composition, chose effect and added the Wave Warp effect.
that’s all – to me, coming from Flash, this is very simple and easy to make :O)
and each effect is highly customizable, so it can be adjusted for lots of purposes.

see the effects from the menu, and the effect controls in the in red wagely highlighted area:

Bookmark and Share

Written by admin

august 23rd, 2008 at 10:41 pm