Step 12

And there you go, this is the final piece and it should look like this:

SO keep playing with values and changing the variables and see what different patterns and looks you can create.

Step 11

If there are any problems or warning messages you can just right click and click "go to source" and it will highlight it on the actions page

The warning page will tell you what's wrong, just make sure you type slow, check spelling, and look out for little mistakes like missing punctuation

Step 10

Once the code is all typed in and you have changed the values and colours of the butterflies to ones you like, test it out by hitting “shift + enter”. This is called exporting and it also creates a swf file. You can play around with the butterfly image, colours, alpha channels, and values to change it up and make it your own, just trial and error.

When playing with values you can always comment out certain text. Just copy and paste the line you want to change and use two forward slashes // to comment out one of the lines, that way you can keep the original text and if it doesn’t work you can always go back and try again

The grey shows the code is not commented out

Step 9

To change the alpha (opacity) of the butterflies: This will make some of the butterflies transparent depending on the value and rotation randomly selected by the variables you chose:

clip.alpha=(Math.random()*3);;

Step 8

To change the scale (size) of the butterflies as well as the rotation: This code will randomly select values between whatever values you select and will change the scale and rotation of them creating an interesting pattern:

clip.scaleX = clip.scaleY = (Math.random() * 0.75) + 0.25;

clip.rotation=(Math.random()*200)+5;

Step 7

To change the colour: Use the HTML colour names to change the colours to which ones you would like:

var color:ColorPool = new ColorPool(

0x33CCCC, 0x339999, 0x336666, 0x333399, 0x33FFCC, 0xFFCCFF, 0x33CC66, 0x99FFFF, 0x33FFFF

Step 6

I will provide you with the code. You can not just copy and paste the code though, you have to write it out yourself. Make sure the names match from whatever you called the movie clip to match the code.

Code:

import hype.extended.color.ColorPool;

import hype.extended.layout.ShapeLayout;

import hype.framework.core.ObjectPool;

import hype.framework.interactive.Adjuster;

MyShape.visible = false;

var pool:ObjectPool = new ObjectPool(MyCircle,500);

var layout:ShapeLayout = new ShapeLayout(MyShape);

var color:ColorPool = new ColorPool(

0x33CCCC, 0x339999, 0x336666, 0x333399, 0x33FFCC, 0xFFCCFF, 0x33CC66, 0x99FFFF, 0x33FFFF

pool.onRequestObject = function(clip) {

clip.scaleX = clip.scaleY = (Math.random() * 0.75) + 0.25;

clip.rotation=(Math.random()*200)+5;

clip.alpha=(Math.random()*3);;

layout.applyLayout(clip);

color.colorChildren(clip);

addChild(clip);

}

pool.requestAll();

var adjuster:Adjuster = new Adjuster();

addChild(adjuster);

pool.activeSet.forEach(adjuster.add);

Step 5

On an “Actions” layer you have to open up your actions window:
1) Windows
2) Actions

Step 4

Now set up your layers.

Layer setup:














If there are any layers you don’t need you can guide out the layer:
Right click and select “Guide”, This makes them invisible without deleting them

Step 3

Bring in the file:
1) File
2) Import
3) Import to stage (or) Import to library

Now make the file a movie clip:
1) Insert
2) New Symbol
3) select “Movie Clip”
4) Name it something simple you can remember

Step 2

For setting up your flash file you will need to:
1) Open Adobe Flash CS5
2) Choose Action Script 3.0

I am providing the butterfly image to you, just drag it to your desktop, it is a png file so there is no background. If you’re going to use a different butterfly image make sure it has an outline and is a solid colour.

HERE you can find the link to the butterfly image to use.

Butterfly Tutorial: Step 1

This is a tutorial to showcase the process and design of one assignment and the details in order to re-create it yourself. With this you will be able to follow along and see the design process to do this project yourself and using the same source files and assets for the recreation. Remember, save your work often.


This is what we will be creating:

FOR THE FINAL

I will be working on the tutorial for the FIRST project we did with the butterflies. I am choosing NOT to do one for the music assignment because honestly, I barely understood how to do it so I would be no good at explaining to someone else how do do it. So I am working with the butterfly piece, explaining alpha channels and colour, a tutorial about the code and how we got to the final image.

showing music: Process work 5

playing with the shape, adding extra pieces, and changing the size. I kept the circle shape because i liked it, it fits with the hard beat of the song. It's simple too like the song.

showing music: Process work 4

Playing around with colour, background, the music code (which was particularly difficult)

showing music: Process work 3

playing around with the colours

showing music: Process work 2

Playing with the placement of the objects (but i like them in the original straight line, position)

Showing music: Process work 1

process work, looking at and figuring out the code

Artwork 4

For my artwork I just played around with the numbers and the shape of the object because I likes the colours of the background image already so I did not want to change that

Artwork 3

For my artwork I just played around with the numbers and the shape of the object because I likes the colours of the background image already so I did not want to change that

Artwork 2

For my artwork I just played around with the numbers and the shape of the object because I likes the colours of the background image already so I did not want to change that

Artwork 1

For my artwork I just played around with the numbers and the shape of the object because I likes the colours of the background image already so I did not want to change that

Wine Bottle Process Work 2 (Week2)

The bottle is not finished yet because I could not figure out how to wrap the bottle around the 3D bottle made in illustrator

Wine Bottle Process Work 1 (Week2)

Process Work 3 + Alpha Channel (week2)

Process Work 2 (week2)

Process Work 1 (week2)

full Colour (multi-colour background)

Full Colour

Two Colours: Magenta and Yellow

Greyscale

Black and White

New Logo

Because the images are the same I will only be putting the full colour one in the different backgrounds, to showcase the colours. That way you will be able to see what it would look like on any colour wrapper or item. The grey scale and other images are to test the logo and to see what it would look like in black and white and if it still holds it's own as a logo.

The logos are as shown above ^^^

Re-branding

Justify your colour choices:

The reason I chose the colours I did is because they are fun and exciting. Bubble gum is known in it's history for being predominately pink, so the bubble had to be pink, also, it is generally recognizable to almost everyone as gum if it's pink. The boys clothes are what i think a standard young school boy would wars in the 80's, simple blue shirt, pants, and red converse. The colours are also very complimentary, I made sure not to pick colours that would drown each other out, instead they help each one stand out even better. The company is for mainly children so I wanted the logo to be cute, fun and energetic.

Re-Branding

In three words describe your re-branded company:

Energetic

Reminiscent

Upholding