Week 24 – Principles of shape – Learning Activity 6.1

“In this exercise, you shall create one Flash document, containing 5 scenes.

4 of the scenes will have to visualize and explain 4 of the principles of shape mentioned below:

  • Balance
  • Contrast
  • Motion
  • Proportion
  • Rhythm
  •  Harmony and dynamic
  • Unit and wholeness

Scene five has to be the index site/main page. This scene also has to contain four boxes, which will represent the four chosen principles of shape.

Whit action script, bring the five scenes together, creating buttons that will bring the user to each scene.
On each of the four scenes, there will also have to be a button that takes you back to the main page.

The finished scenes needs to be integrated in to an HTML and uploaded to the web server, where you will have to create a new file named flash.”

I’m having massive issues on this learning activity.
The creation of the scenes, and the work I have done in Flash has been no problem at all.
It’s the freakin’ uploading the web server that is wrecking my style totally.
Seems like my whole website has gone mental after I started adding the flash film to it.

My flash film doesn’t seem to be working at all when it’s published on my website: http://elevarbeid.webstudent.no/dmk1_nettstudier/marit_nilsen/

Also – my design has changed, and you have to click on “Forsiden”, to even get to the extra button called “Adobe Flash”.
I’ve clearly messed up the code, so I’m sitting here, like I’ve done AAAALL weekend, trying to fix it.
As I should have managed to do this by yesterday, I’ve chosen to publish my flash video on DeviantArt again, just to show that I’ve managed the Flash part of the exercise just fine:

http://marithex.deviantart.com/art/FormprinsipperFlash-375622608

It was quite alright to work with all these scenes in Flash. We’ve had loads of great online lessons, and as long as I kept my tongue straight in my mouth, and followed both them, and common sense, I managed to produce this no problem.

I am quite aware that it’s essential that I manage to upload this file to my webpage.

I’m going straight back on the task, so fingers crossed for me… 🙂

Rock’n’Roll

-Marit

Advertisements

Week 23 – ActionScript – Learning Activity 5.2

Complicated stuff…. Fun though, nevertheless 🙂

“Please design and code buttons to use in the scenes you created in the previous activity.
Create two buttons – one for each scene.

Integrate the two buttons to the previous learning activity, and use Action Script 3.0 to activate the buttons.
The function of the buttons will have to make it possible to navigate between the two scenes (using the buttons).”

So I sort of did the same mistake as I did when the mandatory hand-in 06 was due.
All this coding can wreck your head easily – and we’re not even doing super complicated stuff.

Today has therefore been a great challenge. Not because the activity itself was difficult, but because I made a mistake.
The mistake was mixing up a capital letter, and writing a lowercase one instead in the code.

Correct scene 1 code:

stop();

frem_btn.addEventListener(MouseEvent.CLICK, neste);function neste(event:MouseEvent):void {

gotoAndStop(1, “Scene 2”);

}

Incorrect scene 1 code:

stop();

frem_btn.addEventListener(MouseEvent.CLICK, neste);function neste(event:MouseEvent):void {

gotoAndStop(1, “scene 2“);

}

My mistake was to write “scene 2” with a lowercase ‘S’. I also did this in the scene 2 code.
The direct result of this was that the button action did not work. I was not able to click my way into scene two.
I’ve been going crazy all day, checking the code a hundred times. I’ve been browsing the internet, and reading the full curriculum at least ten times.
Luckily, someone else have made this mistake before me, so I found the answer to my silly problem in our forum for Noroff students.

As mentioned in my previous entry, I’ll add all my Adobe Flash work to my student website eventually.
I haven’t gotten my head around how to combine Flash and Dreamweaver as of yet…

One thing at a time.

I’ve once again added my work to DeviantArt. Check it out right here:

Typography and Image – Action Script 3.0

Well, another school day over, another important lesson learned.
Be thorough and precise when writing your code, Marit.

Rock’n’Roll

-Marit 

Week 23 – Typography/Image – Learning Activity 5.1

“In this learning activity, you will have to work with composition of an image and typographical elements.

Make two compositions in Adobe Flash:

  1. The elements need to have a similarity/harmony between the image and the typography.
    This can be done in regards to the placement or the design of the elements.
  2. The elements need to have a contrast between the image and the typography.
    Again, this can be done in regards to the placement or the design of the elements.

Make jpg’s of the images and add them to you reflective journal.
Explain the design of the two compositions.”

 

So, here’s my first composition – Similarity/Harmony

Typografi_Bilde2Likhet

The image has balanced color within the big circled elements. This matches the background color.
The small circles also has a symmetrical purpose, and gives the idea of balance and harmony along with the big circles.

Each element has an outline as big as the mid-line. This also creates balance.
I chose a round font, to compliment the circles.
Each letter, except from two, has the same color as the big circle.
I chose the two letters in red, to tie them together with the small circles.

Here’s my second composition – Contrast

Typografi_Bilde1Kontrast

 

The typography creates the contrast in the composition.

The color does not match, the font is strong, and not round and soft, as the previous composition.

I chose a non-complimentary color to the red, which is the pink in the font.

All in all, the typography is a contrast to the balanced elements.

For my next task, it starts getting complicated. Oh lord…

Rock’n’Roll

-Marit

Week 22 – Flash Library – Learning Activity 4.2

“In this learning activity, you will have to work with symbols.
The goal is to understand how we build up the content of a scene, by using the library and symbols.

This activity consists of four parts:

  1. Make three different and simple graphic symbols.
  2. Make one simple movie clip symbol.
  3. Convert your avatar into a button symbol, and change the color of the elements over down and hit.
  4. Add all the above into one scene in different layers.”

So, this was interesting.

I’m still not quite sure about the library, and how you can save you symbols permanently – however, I managed to produce this:

Flash Attempt

Click on my avatar to see it change its colors.

Also, it’s not possible to add SWF files into a wordpress.com site.
I’ll add e new tab on my website for all my flash activities eventually. In the meanwhile, I am using deviantArt for my flash files.

I fell pretty confident in creating symbols in Adobe Flash.
I mean, I’m not saying I’ve created anything wonderful, but I’m feeling quite confident in the technical aspect itself.

It’s basically the same in every Adobe program that we have touched, where it’s very smart to work in layers.
If you don’t, you risk having a very messy affair.

Flash seems like fun, and it seems like it’s the most elaborate  Adobe program we have been learning.
There are no limits in regards to creating websites with detailed animation, fabulous customized buttons and graphic symbols, and even sound.

However, back to my biggest question: Is it possible to save a library permanently. I mean, when you create your symbols, can you save it, and use it for a whole new scene later on?

I might have done something wrong, but it seems as though a library only get’s stored for each new document/or scene created.
If I want to use these elements that I’ve created, do I have to go back to an old scene, and copy them over?

I’ve tried “googeling” this, and search around for the answer. No luck.
I’ll try my school forum.

Rock’n’Roll

-Marit

Week 22 – Avatar – Learning Activity 4.1

“In this learning activity, you will have to produce an Avatar of yourself .
Size has to be 200 px x 200 px.

Start with a photo of yourself, and work with simplifying shapes.
Make some analogue sketches, before you work with the Avatar in Adobe Flash.
The Avatar has to be produced digitally in Adobe Flash, and it has to be an easy shape with simple colors.
Remember to work in layers.”

So, finally, after some PC issues, I am able to add my work.

Here’s the image I used as a starting point for making my avatar:

AvatarBilde

Here’s the analogue sketches I made, before entering the world of Adobe Flash:

SketsjAvatar1 SketsjAvatar2

Aaaand, here’s the final result:

Marit Avatar

 

Hehe. Personally, I think the main sketch there is better than the avatar itself.
However, it was supposed to be simple 🙂

Rock’n’Roll

-Marit

Gallery

Photo Essay (Oblig. 7)

This gallery contains 8 photos.

“In this mandatory hand-in, your task is to portray a person, A Photo Essay is a series of images telling a story, where the images does not have to be presented in a set order. You will have to present … Continue reading

Gallery

Week 21 – Photo Editing – Learning Activity 2.2

This gallery contains 6 photos.

“In this activity, you will practice making adjustments of digital images in Adobe Photoshop. On your reflective journal, please present the three images from the previous learning activity, but this time…: One of the images should have a contrast between … Continue reading