Blog moved ALERT ******

My blog has moved to http://betweenthetweens.com Please come and check it out and make sure to update your bookmarks...

scribblebug

just finished building this site for my sister. It's called scribblebug and is well worth a look. Check it out here

Photography meets Illustration

See the full photo set here

Silverlight

So over the past couple of weeks I have been messing around with making my first Silverlight application. I say application but really it is a just a simple hero banner which I had previously knocked up in Flash in a day. What happens is 4 images fade and scale between each other while a window expands center stage from the _yscale and text dynamically appears with a typewriter effect. There is also a button that appears on rollover with a URL programmed into it. So I got Parallels running on my mac (which incidentally is great) and had Expression Blend 2.0 (September Preview) installed which is what you need to create a Silverlight package. So Silverlight is actually the plug-in much the same way the Flash Player is a plug-in to your browser. It is Expression Blend that is the designer's tool to create the Silverlight application just as Flash 8 or CS3 would be used. I checked out the 'getting started' tutorials on Lynda.com which is well worth a look and then got started.

My overall impression of Blend is that it is similar to After Effects. The look and feel is that of dark panels with use of fixed or floating panels that can be minimized easily. It also makes use of sliders in the form of click and drag (left or down for minus amounts and right or up for plus amounts). To start building the Silverlight package you need to collect all your assets together which have to be added to the package in the same sort of way that you'd add say an image to your library in Flash. All well and good so far. So I managed to drag an image to the stage and with Expression Blend there is no need to create a movie clip and so I was ready to start animating. What you have to do first though is to create a 'timeline' which seems counter-intuitive coming to it from the Flash world. Oh and you have to watch out for whether the timeline is 'recording' or not as this will track any movement or changes. This became very tiresome very quickly. But I did manage to eventually get two images to scale and fade between each other. You have to set up key frames where you want the animation to be and off you go animating. Blend is a time based animation package which is ok but not very precise, I think I prefer animating over frames. What I did find weird was that there seems to be no way to resize an image to an exact pixel point. The only way I could manage to resize images was with the handles and then you had to resize to a 3 decimal point of a pixel which seems very odd.

Now I felt quite pleased with myself that after a day's work I had scaled and faded 4 images between each other and made the window pop open and closed at various points. By the way, Silverlight does not pixelate your images when scaling which is a problem flash has long had and is only overcome by using the BitmapData class. So my first major obstacle with Blend was how to preview the work. In Flash you would test the movie and it would appear in the stand-alone player or you could view an HTML page to see how it views in your browser. With Blend you supposedly press F5 and it tests your movie for you. But for me this did not work. It seemed frozen on the first frame. After an extensive internet search I found some xaml code (xaml is the new programming language for Blend and Silverlight and is very XML based) that would autoplay the animation on load. Now I thought that the onload command was supposed to be built in? Anyone coming at this from a non-code background is going to be very frustrated very quick. It took a bit of hacking but eventually I got the XAML to work and my animation started to play.

And so to frustration #2. When viewing the animation in Firefox the dimensions were wrong. I had set my document properties within Blend and the XAML seemed right too. So what was the problem? I decided to get my hands dirty and look at the javascript and this is where the problem lay. It seems that Blend did not create the browser page properly so by changing these width and height properties I was on my way. Although this does seem a very basic thing and one that will again frustrate many people (myself included). Leading me to think that perhaps this version is not ready for public release yet.

Frustration #3. Each time I previewed my work in Firefox it asked me whether I wanted to reload the project as it said it had been modified outside of Blend. Clearly it hadn't but I did reload it each time. This seemed weird and the major issue I had with this workflow was that it reset your page settings and layout to the default which is not cool because the animation layout is not the default setting. The Lynda tutorial recommended allowing the reload.

So my next task was to create the text. Now I wasn't going to try anything as complicated as coding a typewriter effect, I was simply going to get my text to fade in and out. So I set up my text box and typed the copy in and then I went to select my font. WHAT??? Only 9 fonts available. That can't be right. This is for a client and they need a specific font. Grrrrr. Back to the online forums. No help there. So I pulled in some resources from work and eventually got some tech support from a person who worked on the Silverlight program over in the States. He said that Silverlight only supports 9 fonts. Really? Well I suppose the same is true of Flash but you can still design with other fonts and Flash will embed them for you or you can do it yourself. Not so with Silverlight. The only solution was about 20 lines of javascript that the guy sent me. And to be honest it was way over my head. Blend creates 3 javascript files and I had no idea where to put this code. This seems crazy to me and really frustrating. So this is where my project died.

I'm off to Silverlight training for the next 3 days so I plan to ask a lot of questions then. I am required to learn this software package as the client is demanding Silverlight applications in the near future. But my advice to any fellow Flashers looking to learn another software package is hold off on this one. It is simply not ready. It is not designer friendly yet. There is potential for it being ok. But it is years behind what Flash can do and you will need to learn new code to get it to work. But then again this is Microsoft and they will be pouring a lot of resource into this project in the future so be sure it is set to challenge Adobe. But for now just sit back and wait.

gondry motorola ad

I was delighted to see some new Gondry work in a medium that he is really well suited to: the advertisment. Showing here with an ad for Motorola. Gondry is the king of the lo-fi look. In his last movie The Science of Sleep there were several dream sequences where the city seems to be made of cardboard. He is obviously exploring this a little further here. I absolutely love the way he explores the features of the new phone by imagining it as a real world entity complete with people inside operating the various functions. Gondry loves the surreal but he is never over-indulgent. Always charming and forever creating a tangible and enticing world to explore. His new movie Be Kind Rewind is out soon.

Interactive Shopfront

I really love this ingenious way to showcase your wares in a shop window seen here for New York Fashion Week for Elle MacPherson Intimates. Devised by Human Locator this is a great way to generate interest in a shop display as it encourages people to explore the window at their leisure and spend more time there than they necessarily would. Adding a level of interaction like this breaks the mold and reminded me of this banner of the day over at bannerblog. Exploration with your mouse to mimic your finger movement is the same in this banner as waving your hands by the window to see what is underneath. This really appeals to our inherent nature to be nosy and explore.

Review: Sticky Windows

I've been using Sticky Windows for about a week now and I've got to say I'm impressed. This great little app sits in the background and is launched on start-up. It is an alternative to minimizing windows to the dock which I've got to say I'm not a big fan of. I find that doing this I often forget about what I have open and using the application switcher can often work in unexpected ways. With Sticky Windows you drag your window to the side of the screen and it morphs into an elegant tab. You can see what you have open but the windows aren't all cluttering your desktop. If you're anything like me you have several windows open at once, this is a great way to manage your workspace. That is until Leopard arrives and we have Spaces, but more on that soon.

The countdown to Leopard

One of the most exiting new features in the upcoming Leopard has got to be Stacks. This could be a great new workflow for people who have to manage several files all over their system. For myself, I often find that I have a desktop littered with various files. What Stacks aims to do is to group those files by kind and stack them ontop of each other in a 3D style pile. With a click you can open the fan of files or have them arranged in grid. Thus saving a whole bunch of real estate on the desktop. Here's what you can expect from Apple in Leopard...



But of course what Apple does well has usually been done by other people first. I recall seeing the following video about a year ago and just highlights exactly the kind of bleeding-edge stuff that people are working on. An attempt to make the desktop a more intuitive space and more like the kind of space we actually have around us. Don't forget when the personal computer first came out we were expected to take on the notion of files and folders to understand the hierarchy of a computer's directory. This is just the next step....



And could this be the future. Apple is well in place to provide a home computing system like the following video. Multi-touch iMac? Open GL graphics. It's all there. The question is do we really want to be using hand gestures to navigate our personal computers?

iPhone vs iPod touch

So with Apple's touch line-up now in place for the UK holiday season I must admit that I am hankering for one of these devices. But which one to choose? There are three choices.

8GB iPod touch for £199
16GB iPod touch for £269
8GB iPhone for £269

The iPod touch is undoubtedly a great device but the iPhone is an iPod as well. And it would be so great to do away with that extra device I carry around with me, my phone. So are any of these configurations worth me giving up my 60GB iPod and my Sony Ericsson? Ok so storage is undoubtedly an issue. At the moment I carry around about 30GB of data. Half of this is in the form of music and the rest is a few movies and most of my picture library. I also use my iPod as an external hard drive carrying various essential bits of data as and when needed. For me to purchase any of these multi-touch products I'd have to rethink how I treat my media and move away from the notion of carrying it ALL with me. This is do-able. I have a vast amount of music that I never listen to and I could treat it the same way I treat movies on my iPod and just have a few. But realistically is 8GB just a bit too restrictive? I think it probably is. In this sense I should really hold out for a 32GB option especially now that the touch devices have an OS to hold too.

The next question I'm asking myself is could I live without the phone facility. In reality I don't make that many calls. Most of my call activitiy is in the form of texts. Actually a wi-fi option on the iPod touch is pretty good. You get great browsing speeds and where I work falls into the city of London which is a free wi-fi network. This could work. The only downside is that Apple has decided to not bundle the mail program (along with a couple of other nice online apps) which is a great shame as I subscribe to .mac and I don't want to be going online to check my mail all the time. Big black mark against the iPod touch for this one.

So it really seems that this first round of multi-touch devices just aren't for me. I think it makes sense for me to get the iPhone at some point but I need it to be my fully functioning iPod too so 32GB is a must. Some food for future thought is that Apple must get on the 3G bandwagon for the iPhone to be a viable competitor to other UK phones (without losing battery life). They also need to address the camera in my mind. It should really be on the front side so that video chats become possible and a flash option should be included for still shots. Although camera phones have always been dodgy in my mind. My Sony Ericsson has a 3MP camera phone with a good flash but it is VERY slow and the images are just OK. Camera phones need to address their lag time to make them a viable option to replace carrying a camera with you. But when you see the quality of the video on a product like the Nokia N95 you know it is possible and really does give hope that the all in one device is just around the corner.

5 gum

Wrigleys are bringing out a new line of designer high tech gum and have tasked The Mill LA to produce these awesome ads depicting what it is like to chew on their product. Some incredible production values here as you sense and experience the sensations for each flavour Rain, Flare and Cobalt. I just absolutely love the ball bearings version. I want to lie in that pool, what a great massage. You can check out their microsite here