revealing the magic

Posted on Sep 7, 2014 in Interactive, Visual design

I’m working on a project that needs a loading state for an icon. I’ve never done this before and always wondered how it was done. A quick Google search revealed to me the secret and the magic will never again be the same.

I’ve used the animation timeline in Adobe Flash, After Effects and Premiere, but it wasn’t until today that I used the animation timeline in Photoshop.

16 circles later I have a loading icon.

loading icon

psd to web

Posted on Feb 21, 2014 in Interactive

I’m working on a project where I’ll be handing off my psd’s to a web dev. The backend dev on the project gave me this link to photoshop etiquette. It’s all in there in one handy resource. I picked up three new tricks from this:

  • make a separate text box for each style of text. ex. headings and paragraph text
  • create a separate layer or psd with all of the UI elements
  • use layer comps to show variations (I’ve been on CS4 until a recent upgrade to CC, I don’t recall ever seeing these before)

Hype framework

Posted on Mar 30, 2010 in Interactive

Get Adobe Flash player

With only a month until graduation, we’re all busy working away at our online portfolios. I’m looking for a job in Flash development, and I’ve been digging through some of my old files and I came across my final project for a term 4 Object Oriented Programming course that I never posted on my blog. Above you can see what I created. The whole thing was created in Flex used the Hype framework. I draw the firefly and tree in Adobe Illustrator and the rest is all generated with code. The background cloud scape is created with perlin noise, and the fireflies’ colour is randomly being fed in from Kuler (a colour palette showcase/generator website). If you hit the refresh button on your browser you’ll see them change colour.

Interactive lookframe

Posted on Jan 26, 2010 in Interactive

While I’ve been busy concentrating on the print side of the project, Taura‘s been working steadily at developing the look and feel of the interactive portion. Above, you can see a lookframe for one of four interactive sections of the story. This will be the second interactive spread in the book and will be put together in flash using the World Constructor Kit with Box2D physics engine with the possibility of incorporating a tweening engine called TweenMax for smoother transitions.

Term 4 portfolio

Posted on Dec 16, 2009 in Interactive

end_of_term_four

It’s the end of term 4 at VFS, and time to post some of the projects that I’ve been working on over the term. Term 4 is the term when they stop micromanaging you, and loosen up the reigns. Luckily, I like to make lists and organize my time, and I enjoyed all of my classes and instructors this term. It wasn’t a problem for me to get everything done in time. I still have a couple of projects to wrap up, but I’m chilling out in class watching YouTube videos on the class projector while I finish them.

I think a lot of my non-stress can be accredited to being involved in the pre-production stages of a music video for the song Allah, Allah, Allah, by MeWithoutYou.

I also reworked Buy-A-Net’s identity in Branding.

I’m also pretty excited about some generative art that we experimented with in Object Oriented Programming this term. It’s not pretty by any means (I’m working on my final right now and hopefully it will be) but you can see one of my weekly generative art assignments on my interactive page. There’s two layers of graphics on grids that are interacting with perlin noise in the background to change the rotation and scale of the objects. Click on the regenerate button to change the colour pattern (it’s random) and the pause button to pause the animation.

Twinkle twinkle little star

Posted on Oct 20, 2009 in Interactive

Get Adobe Flash player

It’s the end of term 3, and this is the last assignment that we had to create for Flash. It was created by adapting a sample file in the Away 3D engine file. You can rotate the firey star with your mouse; try it!

Recession

Posted on Oct 14, 2009 in Interactive

Get Adobe Flash player


This is a 3D text tornado that I built in Flash. I took a photo of the business section in the newspaper for the background. You can click on it and move it around.

Autumn Box2D flash assignment

Posted on Oct 11, 2009 in Interactive

Get Adobe Flash player

This was actually an assignment that I started in week 3 at VFS. It’s built in Flash with the Box2D physics engine. The leaves are collider objects so when they bang into other objects they change colour.

Live, Laugh, Love

Posted on Sep 12, 2009 in Interactive

Flash 1 complete. Onto Flash 2. We’re experimenting with the Box2D plugin that allows us to play with gravity and joints this term.

Get Adobe Flash player