my site

my site

starting S creature:D:D

It's time to animate my next creature. Its name is the S creature :) clever, huh? :p
It's S because it's too Scared, it wears cool Sneakers and it's always hiding behind the big leter S hahah


Here is my sketch of how i want the animation to be

hahah
I even made the sneakers for S from a stolen google photo. I really like them. i wish i could wear similar :) hah

I'm S, nice to meet you guys:)

The Timer Class

For one of my main characters i wanted a little pause on a particular frame for a few seconds.
After my research i found out how to do it- with the timer class.

there is a good explanation available here.

The code is pretty simple. Basically, you create  a Timer and specify the delay and how many times it will repeat or  the repeat count . Then u create a function to call every time the delay has passed.


 the delay property is measured in milliseconds.

Here i'm telling my creature to stop for 5000 milliseconds just once, and then continue playing till the end.

Spray brush tool.Yes, spraying is cool!

I was looking at "How to Cheat in Flash CS4"and i found a small tutorial for the spray brush tool.
What is  interesting in it is that u can put different symbols and "spray"with them.
I decided to make a  movie clip, simply animate my creature and see what will happen.

See the RESULT

That's cool and definitely useful.
My plan is to have just ONE creature on the stage and when u press it, it multiplies a lot of times like in the example i showed u.

ready

 my portfolio prototype
yes. It's just a prototype to show how it works.
The red thing should be a mouth. Just imagen it, please.
The bigger characters like the blue one or the one behind "t" are actually my sections.
As you know, i will add one for photography (see the sketch or the ready illustr.) and interactions.
The idea is when u press one of this "main character" a mouth opens and present the information in the teeth.
Yes, the white squares are theet:D for now, of course.

I still have so much stuff to do. Damn!:D


http://slab.sunderland.ac.uk/~bf66qq/videos/portfolio-website%20prototype.swf


This is again just a simple animation of how the teeth should work
Imagine that every tooth is a small thumbnail of my illustration, for example, and when u press it, it opens in the whole mouth.

http://slab.sunderland.ac.uk/~bf66qq/videos/mouth_open.swfers

tutorials

http://www.computerarts.co.uk/tutorials/new_media/interactive_characters_in_flash

this one is pretty good.
it helped me develop my N character using the tween class.

I also looked at "How to cheat in Flash CS4", which gave me a better idea of how i can colour my characters using gradients and shadows. The tween tutorials are nice as well. In my opinion, it's very useful book, but you need to have some basic knowledge in flash to actually understand everything that's written. I din't get everything so i has to checked it separetly in google:D However, i have a PDF version of it so if someone's interested, just let me know:)

shape tweens

some examples of using shape tween to animate my objects. i quite like this tween and i'm going to use ot for my plants.

1 http://slab.sunderland.ac.uk/~bf66qq/videos/aidde.swf

2http://slab.sunderland.ac.uk/~bf66qq/videos/changig%20flowers.swf

3 http://slab.sunderland.ac.uk/~bf66qq/videos/elenashapetween.swf i might use this with my name "naturalistic creatures" in the beginning..
btw i made myself the font using http://fontstruct.com/
it's cool. You can create your own fonts very easily for free. just need to create an acount.

Swinging character

YEahhh i finally changed my background. With the previous one i had the feeling that i'm selling wine :D:D
Thanks to Yann for helping me get rid of this wine business :P:P

Here is my other animation idea and my little sketch for it.

I want to make the character swinging like a monkey. At least similar to a monkey.

It'll be nice to make a flash or sth like this for the photo camera. Should check some tutorials about this effect.

The rest is on the paper.:)

Now, let's animate u crazy swinging creature:D


 here is a little update.
i animated the character according to my sketch idea and it looks good but still not perfect.

check, check it out

sounds

Sure i'll use sounds. they'll make my site more entertaining.

I am really inspired by hipopotam studio's websites. These guys use really cool voices and melodies.
Look at this one for example : http://www.cozciebiewyrosnie.pl/#/en/

They are just amazing.

I think to try a specific software for more sounds, but for now i just started recording myself of how exactly i want the sounds to be.
It's fun!
Then, somehow i will edit my voice so it won't sound so human :)
Reverse it or something else. I still don't know.

So these are my first voice recordings. I'm doing it mainly because i don't want to forget a particular word or sound.
Have fun  :)

http://slab.sunderland.ac.uk/~bf66qq/audio/sections.wma

http://slab.sunderland.ac.uk/~bf66qq/audio/hey_yo.wma   
This one is for the blue waving creature.

http://slab.sunderland.ac.uk/~bf66qq/audio/Yeah.wma
Some funny ideas of how my character with the moving tounge should sound :)

Animationsss hohoh

Yesss.
I started moving around some of the main characters for my website. I don't want anything complicated or with lots of effects. Simple animations like wayving or shouting are just fine:D

From my big sketch u can see what animations i want to make.
The character for Illustration section is my favorite so i strated with it.

a little sketch for my animation idea

Here is my first try. It animates when the mouse rollove and stops when it's out.
http://slab.sunderland.ac.uk/~bf66qq/videos/t%20website%20illustration%20section.swf

It's still not perefect. the little leafs should fly away when the letters disapear.

The other one is the blue animal, which will be shouting and waving.
http://slab.sunderland.ac.uk/~bf66qq/videos/animal.swf

there's something wrong with the animation, but next step is to fix it and change the facial expretion when it's waving.

The onter parts are just experimentations with motion tween presets.


For my loading i decided to use my logo.
http://slab.sunderland.ac.uk/~bf66qq/videos/loading_animation_logo.swf   :P




Army of buttons:D
http://slab.sunderland.ac.uk/~bf66qq/videos/animated%20button_flying%20creature.swf

just experimentations with buttons:D

Sketching and ilustrating ended:D

well i'm done with illustrating and sketching... for now:D:D i made my "Naturalistic Creatures"illustration for the website, but as you can see it's still not ready. Not sure I'll save those colours for the letters and i also want to add some extra small graphics. Also i had to give the letters a little space so everything is quite messy.:D Anyway, now it's time to concentrate on the characters and how exactly gonna animate them. i'll finish the rest of the illustration later.

I have some ideas for the "general" creatures on the graphics.\

Take a look at the main sketch and see what i'm talking about.

This is the almost ready illustration

.

The first sketch i did for the website. Later i just developed it on a bigger paper, adding better characters and letters.

Just another sketch with ideas for more characters:D

More vector creatures

 I finished the second of the characters in Illustrator. I have two versions. I'm not sure which one two use. hmm...






This one is how i made it at first. then i decided that i should try different colour.

 

Here i added legs and changed the colour. Later i can animate the legs and the arms in flash.

Sketches

 I started doing my characters and rough sketches for the website. ckeck them :D

 First i thought i'll draw some creatures for the loading animation. Then i decided i'll use my logo instead. That's why i'll use this two cute creatures somewhere in the website.

The creature made in Illustrator. It still needs more coloring:D

more reasearch

http://www.unouplus.com/ - nice loading animation. My idea is similar, but instead of a space ship i will use my logo (naturalistic creatures, you can see it on the poster). It will walk from left to right and loading at the same time. ho ho

http://www.feedforce.jp/  - another interesting site.

http://www.unit9.com/creativemind/ - the most inspiring website for me. The characters are just lovely, funny and interesting. My favorite planet is "  I Love My GUT.  The white creature  is so funny with its movements and sounds. what impressed me most was when u press on it and it jumps in front of u, opening a new window.

For my portfolio website,however, i don't want so much characters and animations on one place. Probably two, tree in a section. huh

Research

 Here are some amazing websites which I found. 

 I want a websites with entirely vector graphics in it, but I looked  into different sites  just for inspiration. 

 http://www.bubole.pl/#/en/  - really nice website with great graphics in it. I also like the funny sounds of the buttons. I want to use funny sounds like those as well, but for my monsters and creatures.
i also would like my illustration to appear in a similar way on the screen.

http://www.sir-patroclo.com/ a portfolio website with really cool graphics in it. This guy has only one character, but animated in a clever and simple way. My favorite one is when u press his illustrations and the character starts drawing on a graphical tablet. cool. It's a good example.

http://www.agatha.com.br/inverno2010/ Awful music, hate it ,but love the simple, clear style of the site and how the graphics are appearing. 

http://www.cartelle.nl/#/work - interactive studio with lots of cool projects.

http://www.syfy.com/tinman/oz/ crazy website with amazing illustrations

Portfolio website

 A portfolio website just for me. Hell Yeah!

 Actually, I was hoping for a project  just like this, where I will be able to create a little world for my monsters and creatures. 

 Last term I designed a self-promotional stationary set, where I showed my philosophy and style. I was thinking that I can continue what I started there and of course, develop more ideas based on my designs. 

Here are some of the works I did for my stationary set:

                       Few pages from the promotional brochure.

                                                                           The promotional poster

As I said, my portfolio website will be in this style – lots of graphics, mostly creatures and more kind of decorative type.

:)