Monday, 26 November 2012

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].


Wednesday, 14 November 2012

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.

Monday, 12 November 2012

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