Design Portfolio

FieldAnalyst Brochure

View the Brochure here: Field Analyst Brochure.pdf

NeoFace Brochure

View the Brochure here: NeoFace Surveillance and Monitoring Brochure.pdf

Import Video Into Flash and Loop The Video with Action Script

This is the process I used to import video bought from istock into Flash CS4 and have it loop behind a few motion tween layers I had created. This does not embed video, so it keeps the file size of the SWF low, as well as giving the best looking video quality. Embedding an FLV gives you lower video quality as it is highly compressed.

Initial Layout Idea for Animated Targets with Quick Facts and istock Video of People Walking

Make an F4V File From a MOV File With Adobe Media Encoder

1. Open Adobe Media Encoder
2. Click the add button and select your MOV file
3. Click the button “Start Queue”

It should save a F4V into the same location as the MOV file.

Create a Folder and Save Your Flash File and F4v Video File There

Importing video will create a link (relative path ) to the video, so keep the video file, flash file and SWF file together.

Import Video Window Shows RelativePath

Make a video Loop

In your flash file create new layer, click on frame 20 and click F5 to extend the frames. Otherwise, extend the frames to the end of any other content you want to play. I extended the frames to match the end of motion tweens I had on other layers.

Import Video

1. Go to File > Import > Import Video

2. Select the “Load external video with playback component” radio button

3. Choose “Browse” to select the video

4. Choose your video, with f4v extension ( see above on how to make f4v with adobe media encoder)

5. Click next

6. Leave “Skin” set to none and cick next

7. Click finish

Import Video

Import Video Window - Choosing the Previously Created F4V

Name the Instance

1. Select the instance of your video on the stage. In the properties panel it should say “Instance of: FLVPlayback”
2. In the text field in the Properties Panel create an instance name of: ksvid

Create an Instance Name In The Properties Panel

Add Actions/Action Scripting

1. Create a new layer

2. Click on frame one

3. Press F9 to open the Actions Frame

4. Copy the following into the Actions Frame

import fl.video.VideoEvent;

ksvid.autoRewind = true; // fl_video being the name of the video component

ksvid.addEventListener(VideoEvent.AUTO_REWOUND, doLoop);

function doLoop(e:VideoEvent):void

{

e.target.play();

}

Adding to the Action Script Window

View Your Looping Video

• Press Ctrl + Enter to view your video playing continuously
• To save a SWF go to File > Export > Export Movie

Video And Targets Animation

Shows the video on the 15th Frame and the Action above it

NEAX Website

Front End design done by myself with Photoshop, CSS and HTML.

The entrance page to the touch Real Estate Website

A brief introduction to the featured home

Touch the arrows and numbers to view photos of the house

A basic touch website created as an example of what a real estate company might use in their office, with examples of current homes for sale, their features, photos and location. This was created to be shown on a Large LCD Screen such as 46″ or 50″.

Cricket Theme Form Design

I created this Up-load Form while coming up with design ideas  for a website prototype for a Facial Recognition application.

Blue WordPress Theme Design

The beginning stages of a web design for using as a theme in Weebly. This is a basic design which I want to use as a starting point to add really creative design ideas to.