Onion Skin

Hey guys, this is the onion skin understanding. I might make more of this if you don't understand, but, here is the basic usage.

-----------------------------------------------------------------------------------------

The Onion Skin is a helpful tool, especially, in making animations. It is located below your timeline. There are 2 types of onion skins available.

First, it's the Onion Skin. 

It looks like 2 boxes on top of each other. One blue, and the other is white. 

It will make the current frame you're working solid, and decreasing the value, or make your other frames seems far away.

The other onion skin is called the Onion Skin Outline

It looks like 2 white boxes on top of each other.

This onion skin, makes your current frame solid, while maintaining the OUTLINE of the other frames. 

----------------------------------------------------------------------------------------

Depending on the user's preference, some, likes the first onion skin. 

As for me, I prefer the second one. I hate to clutter my head with the next and previous frames. They look messy. The outline of the frames is enough for me to work with.

That is all we can say with onion skins. 

If you have any questions, please, don't hesitate to comment below. 

Thank you, and have a good day. 

Short Flash Tutorial- Inserting music.

Hey guys, this is a short tutorial on how to include music in flash.

As usual, Import the music by gong to File > Import > Import to Library

1. Then, from the library, drag and drop the file to the stage. Don't worry, it will automatically make a new layer for your music.

2. Then, double click on the waves of the music.

3. Now, check (or click) on the properties of the music.

4. Next, click the sync.

5. And finally, change the sync to "Stream"

Now, u can change and add stuffs while listening to the music. This way, while animating, u can make the animation more synchronized with the music. It will benifit both.

Thanks in advance for reading, and have a good day~ :D

Motion-Based Poster.

In our assignment, we had to do a typographical poster based on a given theme, 1Malaysia.

Based on that, I have came out with this poster.

From this, I had to make it animated. 

This is the tutorial on how I do it.

First, I make a new document in Flash (Actionscript 3.0), and changed the properties to make the size 320x420 px. 

Then, go to "File > Import > Import to library" of all the files that are in the poster. 

Then, "Modify > Convert to Symbol > Movie Clip" (or use the F8 command) before anything.

(I have animated 2 of the images, but it uses the same principles)

First, make a new layer and insert your image

Then, from the 1st frame, use the shift key and click to another frame to select it all

Left click it, and choose insert frame.

It will look something like this

Then, I selected some of the frames and clear them out.

So, it will look a little something like this.

Then, right clicked the uncleared frames and click "Create Motion Tween"

Click the first frame (uncleared one), and put the chopstick outside 

Then, I put click the last frame of the layer and drag the chopstick to the left.

Same principle I made with the nasi lemak.

 I selected the frames.

Insert Frame

Clear Frame

Create Motion Tween

Only this time, I made the nasi lemak going upwards instead of going left.

And we're done with the images.

 ----------------------------------------------------------------------------------------------------

Onto the text...

First and foremost, I organized the texts in a folder for easy access. Easy to get track on the animation.

Same as the previous, I highlight and cleared all the used frames, and highlight frame 1.

Click the image and go to properties. Change the "Colour Effect"to Alpha.

Change it to 0%

Then, highlight the last frame, and make it back to 100%

It will then make as the text appear from the darkness, as the Alpha plays with the saturation.

That is basically how I animate my poster. 

Using the same basic technique for all the text, and the same basic knowledge for the images. 

Hope you learned something from my tutorial. Comments are appreciated, and I'll see you in my next tutorial.

Later, and thanks for reading :)

Happy 2011

Hey y'all, happy new year to you guys. I know it's kinda late. But, better late more than never, right?

Okay, this blog is also used to record, in the making my Flash files and my Photoshop works. I know I'm not an expert, but I'm here to learn. So, stay tuned for my tutorials.

e-wallpaper -02

And so, I applied the quick mask technique to these two pictures. The same way I did with the lantern.

[I know it's late and all, but I will edit this later]

>.<''

e-wallpaper- 01

So, basically, I opened a new file, A4 size, and called it 'Wallpaper CG'

Tilted it 90 degrees. Either way its fine ^^

Okay, we've got the desirable file.


==========================================


Onto the images!


So, open a new file, or just click Ctrl + O and select your picture of choice. I'm doing a lantern festival, so, here is a picture of a lantern.


Make a copy of the picture by dragging the background layer to the new layer button next to the dustbin


Then I pick the quick layer button and started to cover my desire image


Done the covering, I change back the layer onto standard mode back. It'll select the whole thing.


Then, invert the selection onto the background.


Then, click Edit-> Clear to clear off the background.


Then, uncheck the locked background layer. After cleaning off the access things using the Eraser tool, it will look like this.


... to be continued ....

Photoshop 101.01: Workspace

Hi and welcome to my first ever, Photoshop 101. Do tell me if I did something wrong, like my spelling or grammar. This is my first time, so, I'm trying my best. ^^

First thing, open your Photoshop. I'm using the CS5 version btw. :3

Then, when it is opened, it will look something like this. This is what we call a 'Workspace' :3

Nice, right? xD

Now, what are those icons that looks like brush, scissors and all that? :/

That, my friend, are the tools and that is very useful :D

Below is the names of the icons.

And the shortcuts is in the brackets.

Wait... You're showing the left only. What about the right one?

Now, if you drag the edge of the other tool bar following the red arrow, it will look something like this.


Yes, and you can change the position of the tools based on your own liking.

Very useful, don't you think so?