Saturday, November 14, 2009

The Toy Company Flash Microsite

The Toy Company-Alien Republic

I have finished creating the look of the overall design for The Toy Company's Alien Republic micro site. I have completely scrapped the original idea and started this one. I still have to finish coding the Action Script 3 and get all the elements to work in flash. Overall i think this turned out very good and I look forward to the final product. Here are some of the concept design ideas I am working on....Now its just a matter of getting everything to work!

Enjoy!

The Enter Screen After the preloader...
The outer glow around the tank fades in and out

Wednesday, September 23, 2009

Interactive Flash Website

I have been working on a layout for my flash toy site for flash class. This is my proposed design for my interactive flash site.

Enjoy!

Sunday, September 13, 2009

3D Snowy Scene - North Pole

I am almost finished my snowman / snowy north pole scene for 3D class in 3D studio max. It came out great for being a first time user of the 3D studio max software. The textures and everything just came out so great. The only thing left to finish is to perhaps finish the lighting and add some wicked camera views. It took about 5 minutes to render the final image that I have posted here. Enjoy! I look forward to more great 3D projects

visit my new website at http://www.soaringgravity.com

Saturday, September 12, 2009

3D Studio Scenes

Today i started to play around with and experiment with the 3D Studio Max software. I created a snowy scene with a snowman and some trees which still needs a little bit more finishing touches. Below is an image of the snowman that i created in 3D Studio Max.

I also attempted to make a subway platform that appears to not be rendering properly. For whatever reason the textures and lighting is not rendering properly at all.

Here is the picture of the subway platform screenshot that I attempted to make. I cant wait to make cooler stuff in 3D Studio Max



Friday, April 3, 2009

Skate or Die 09

Pond70-Skate or Die 2009-MP3 PLAYER


As the first year is slowly coming to an end, I am currently working on a micro flash website for my dma205 flash class with Andrew Tedford. The website that i am currently working on is for a magazine called pond70 site at http://www.pond70.com. I am building a micro site for the Skate or Die issue. This project has to be one of the most beneficial projects that I will be working on because it is preparing me for the entire digital media arts industry and also improving my problem solving skills. I have already created a non functioning mock up in Photoshop CS4 and have posted a version of it on my new website, http://www.soaringgravity.com/escapetoskate. I will now show the basic steps that i went through to build all of these source materials.

This is what the main skin of the mp3 player looks like

This is what the main skin of it looked like before added any button labels or effects

This is what the mp3 player looks like with the button labels, text, volume slider and progress bar. Just need to find a place for the equalizer. : )

This is a screenshot of the swf of my prototype playing inside flash. I need to just program the volume slider, the equalizer and the progress tracker. (sigh)


I will post more updates here as they come available
http://www.soaringgravity.com/escapetoskate
http://www.soaringgravity.com

Wednesday, February 25, 2009

My Fruit Picker-

This is my fruit picker Navigation Button that was built in Flash CS4 and coded with Action Script 3. Enjoy.







Friday, January 16, 2009

Adobe Flash Intro Research

Buttons

We use button symbols to link to a certain frame or frames in the timeline in flash CS4. To create a button one must do the following One might use a button to create interaction between the user and the interface. Buttons are a graphical navigational element that allows the target to navigate the movie or link to an external link. One may also use a button to carry out a simple Action Script 3 command such as “stop();” to stop the movie. One may use a button to advance to a different place in the movie. For example to navigate to a different place in the movie one may use action script commands such as “gotoAndStop(frameNumber);” The best thing about buttons is that one can control them with Action Script.

1. Using one of the shape tools create a simple shape such as a circle or a rectangle

2. Add the text or additional elements that you would like to be included with the button

3. Using the multiple selection tool or by holding shift and selecting all button elements right click them and click convert to symbol alternatively you can press F8 or from the top menu, Modify >> Convert to symbol

4. A dialogue box will pop up with three different symbol options such as movie clip, button, and graphic

5. Click button, name it appropriately and click ok (if it is not named it will be harder to manage later on)

6. Now the button will be added to the symbol library

7. Double click the button in order for the button timeline to appear

8. The timeline will appear with four frames for up, over, down, and hit

9. Now select the timeline section for up and create key frame now change a graphical element of the button such as text or the button colour do the same for the next three key frames

10. Now to link the button to a website or a part of the flash movie one will need to carry out action script 3 commands-I only knew AS2 Commands : (

11. Now press ctrl + enter to test the button. We test a movie to see how it will behave on the internet

12. CONGRATULATIONS YOU MADE A SIMPLE BUTTON

Graphic

One might create a graphic symbol when they need to use multiple copies of the same item in the animation instead of creating the object again and again. One can then create an animation from these graphical symbols

1. Using one of the shape tools create a simple shape such as a circle or a rectangle

2. Using the multiple selection tool or by holding shift and selecting all button elements right click them and click convert to symbol. Alternatively you can press F8 or from the top menu Modify >> Convert to symbol

3. A dialogue box will pop up with three different symbol options such as movie clip, button, and graphic

4. Click graphic, give an appropriate name and press ok (if it is not named it will be harder to manage later on)

5. Once it is converted it will be inserted into the symbol library

6. By dragging the symbol from the symbol library it will be created on the stage. (multiple symbols can be created dragging multiple times)

Movie Clip

If one needs to use AS3 commands they will have to use a movie clip. A movie clip symbol is a piece of reusable flash animation that can also be controlled with ease. One can perform modifications to a movie clip such as modifying elements such as dimensions, position, color, alpha. A movie clip can also be controlled easily using Action Script 3 commands. These are the simple steps to create a movie clip:

1. Using one of the shape tools create a simple shape such as a circle or a rectangle

2. Using the multiple selection tool or by holding shift and selecting all button elements right click them and click convert to symbol. Alternatively you can press F8 or from the top menu Modify >> Convert to symbol

3. A dialogue box will pop up with three different symbol options such as movie clip, button, and graphic


4. Make sure that the movie clip radio button is selected and name the symbol appropriately (if it is not named it will be harder to manage later on)

5. Now the symbol will be created in the symbol library and can now be dragged and dropped from the symbol library for use.

Font

One may create a font symbol to export fonts from Flash document to another. Although i have never created a font symbol with the right amount of research and experimentation I will describe the steps one needs to follow to create one

1. Open the font library in which you would like to create a new font for


2. Select new font from the library panel

3. Enter a name that you want to recognize the font by in the name text field (if it is not named it will be harder to manage later on)

4. Select the font family from the font family list enter a name for the font

5. If you want to embed the font information as bitmap selects the bitmap option. When you select the bitmap option you can also change the size from the size dialogue box

Visual aids are added