Tutorial

Mouse Cursor Effects

Youtube (2013) Create a Mouse Cursor Mask in Adobe Flash. [video online] Available at: http://www.youtube.com/watch?v=5NloC-CK6jA&feature=player_embeddedClose0:00%20/%200:00 [Accessed: 25 November 2012].

Youtube (2012) How to create a Mask Effect in Flash. [video online] Available at: http://www.youtube.com/watch?v=HxpuRF8q6Ug&feature=player_embeddedClose0:00%20/%200:00 [Accessed: 25 November 2012].

Example website:

HowTech (2010) How to create a Mask Effect in Flash?. [online] Available at: http://howtech.tv/graphics/how-to-create-a-mask-effect-in-flash/ [Accessed: 26 November 2012].

Yanez, C. (2009) Create an iPhone-like Flip Effect in Flash Using ActionScript 3.0 | Activetuts+. [online] Available at: http://active.tutsplus.com/tutorials/effects/iphone-page-transition-flash/ [Accessed: 25 November 2012].

Mock-ups

Color Scheme

Wireframe

Brainstorming

These are some of the website which I have inspired from. The transition from page to page not only a click to the other page was really interesting for me. These are all flash website. My past action script assignments are mostly on basic and a click to the other page so I really wanted to add more variety on a flash website. 

Jeremylevine.com (2007) Jeremy Levine Design. [online] Available at: http://www.jeremylevine.com [Accessed: 12 November 2012].

This is a website which really caught my eye. The button moves by following the cursor which is one of my learning and aim in my assignment. There is also a glow following the cursor.

Thibaud.be (2005) Thibaud's Portfolio. [online] Available at: http://thibaud.be [Accessed: 12 November 2012].

This website is about the flipping effects which I want to implement to my bee page so keep it for one of my reference.

Thibaud.be (2005) Thibaud's Portfolio. [online] Available at: http://thibaud.be [Accessed: 12 November 2012].

This is the same website as the one before. I really like how the simple design which brings out the simple transition and also the information too.

Theoleg.com (n.d.) TheOleg | Freelance designer. [online] Available at: http://theoleg.com [Accessed: 12 November 2012].

This is a website which I found that shows how the image follows the cursor which is my based for my project.

Zeebee.co.uk (n.d.) ZEEBEE VISUAL COMMUNICATIONS, WEBDESIGN, 3D VIZUALISATONS,. [online] Available at: http://zeebee.co.uk [Accessed: 12 November 2012].

This is an addition reference which the transition really caught my eye. The images around the circle followed the cursor whenever it goes.

STI and Gantt Chart

STI Project redefinition

Name	Ashley Hang Pui Yee 09321863 BMM1005-1
What is the self-directed, focussed learning about a technical or practical topic connected with digital media?	I want to learn flash on applying creative effects on the cursor and the transition from page to page. -       Adobe Flash (Actionscript, javascript) -       Adobe Photoshop
What is the digital media artefact which will demonstrate the achievement of the learning targets? Spell out the project outcome(s)	A connected of artefacts: A swf file which contain 3 different types of transition of animals and cursor effects which will be the eyes of the animal point of view. There are 3 animals that I will be focusing on which are bee, horse and dog. Each animal will have a story to allow the user to experience on with different point of view from the animal angle.
	A group of artefacts:
	1.	Bee – A swf file which contain transition between images, cursor effects which is the eye of the bee on a movable image. The angle from the top to bottom and a filter of a hive on looking on everything in the world.
	2.	Horse – A swf file which contain transition between images, cursor effects which is the eye of the horse on a movable image. The angle from a higher view of a human and the vision on horse is like a divide into 2 side on everything it sees.
	3.	Dog – A swf file which contain transition between images, cursor effects which is the eye of the dog on a movable image. The angle from bottom to the top and a filter on black and white to allow the user to understand more on how the dog viewed on the world.
Provide a project description (Project aim, TA, content, delivery platform)	Aim: To allow user to understand about different type of animals have different type of views. Content: A creative website which allows the user to understand different type of eye vision by using the cursor as the eye. A page which contain effects on dog’s eye on the cursor and the image is movable. A page which contain effects on snake’s eye on the cursor and the image is movable. A page which contain effects on bee’s eye on the cursor and the image is movable. Target Audience: Teenagers and Young adults. (15 – 25) Delivery Platform:  1 swf file combining with 3 pages.
A gantt chart of action plan(s) of the technical learning with dates and interim targets and artefact production plan

Gantt Chart

No.

Task

Week1

Week2

Week3

Week4

Week5

Week6

Week7

2 weeks holiday

Week8

Week9

Week10

Week11

Week12

Week13

Week14

1.

Brainstorming, researching, confirmation of ideas

2.

Blog entries

3.

Tutorial exploration ( Masking, basic actionscript, storyboard)

4.

Mock-Ups, Moodboards, wireframes, art direction

5.

Flow chart

6.

20% progress on flash ( design of website ) Actionscript – 15 hours

7.

Take Photography

8.

Edit Photos in Adobe Photoshop – 10 hours

9.

60% progress on flash ( cursor effects and image ) Actionscript – 30 hours

10.

Learn masking on cursor in Adobe Flash – 5 hours

11.

Learn image movement in flash – 5 hours

12

90% progress on flash ( transition of image ) Actionscript – 20 hours

13.

Learn how to make transition between image and story. – 5 hours

14.

100% progress on flash (Sound effects ) – 5 hours

15.

Refine artwork

16.

Blog submission

17.

Artefact Deadline

18.

Drafting

19.

Refinement

20.

Reflective commentary

	Progress
	Learning
	Deadline