Mashup storyboard

As I promised, I will show you my storyboard for the mashup project. The topic that I have chosen is noise pollution. I want to warn people of high level of noise in our life. As we create more modern things, they seem to fight against us and disturb our life with loud noises. I have to create a one minute audio/visual mashup and no video clip can be used for longer than 5 seconds. As a result, there will be 12 clips in my video mashup.

Mashup project

As we are studying multimedia design, anything related to media content such as images, audio or text can interest us. I found a new type of media called “mashup”. It is also the final project for my Multimedia Engineering class.

Generally speaking, a mashup is a digital combination of all kinds of media content, including text, graphics, audio, video and animation created from pre-existing sources. The final goal of mashup is to create a new derivative work based on those original materials and to send a message that we want to say about our topics of interest. We can do mashup about political or social issues, or types of entertainment that interest us. Again the problem of intellectual property and copyrighted material is still obvious in mashup because we use different sources for one work. However, if we pay attention to this problem and we keep the process of using materials carefully like we did in class, we can make a nice mashup video.

Now I want to introduce to you the materials that I have found for my mashup project. They are free to use as they are under the rights of Public Domain and other licenses of Creative Common License. You can find out more information about the protection of copyrighted material and the freedom that we can have in using them at this link: http://www.creativecommons.org/.


Source of animation: http://www.archive.org/details/bb_stop_that_noise

Betty Boop: Stop That Noise is an old cartoon produced by Max Fleischer. This cartoon can be freely reproduced or used because it has the permission from Public Domain license. In the next entry, I will show you the storyboard of my mashup, which is quite interesting.


Source of video: http://www.archive.org/details/patronsavoicnoise


Source of video: http://www.archive.org/details/swiss_trick

Another two videos that are free to use is Swiss Trick and Patrons Avoid Noise. Swiss Trick (1931) was produced by John Foster and Patrons Avoid Noise was a movie theater advertisement that tells people to keep silent while watching the movie.

Simple could animation - Text mask effect

A) Simple cloud animation:

Moving clouds in our movie makes it more interesting than ever, especially with background images that contain clouds like mountain, forest, or the beach. This tutorial will give you a simple way to do it.


1) Link for tutorial: http://www.flashfridge.com/tutorial.asp?ID=90


2) Tips:

_ Although the tutorial requires us to set the alpha of the cloud movie clip to 26%, you should set it more than or equal 70%. I get this result as I have tried 26% and the clouds do not appear clearly.

- When you want to adjust an image to match the stage, you should turn on the Align panel. You then choose Align horizontal center and Align vertical center in order.


3) Example of my work:





B) Text mask effect:

If you have a nice texture background and a simple text, you can make a creative text effect from them by using mask effect and simple motion tween.


1) Link for tutorial: http://blog.0tutor.com/default.aspx?cat=flash&paging=15


2) Texture background can be images in nature, which are a group of elements that has the same colors or shapes such as water, grass or fire. You can type the text in any font and choose a suitable color for background so that the text can appear clearly.

However, I have a problem with testing the movie. When I press Command + Enter to check it, the result only show the movement of the texture image. When I press Enter from the frame 1, I can see the text mask effect. If you know how to make it work when replay the movie, please let me know.


3) As a result, I cannot use movie clips to show the text effect. Therefore, I try to export it through images so that you can see and I also put the texture images for them. Here are examples of my work:



Source of image: http://www.sxc.hu/browse.phtml?f=download&id=1059495



Source of image: http://www.sxc.hu/browse.phtml?f=download&id=1060411



Source of image: http://www.sxc.hu/browse.phtml?f=download&id=1059383



Source of image: http://www.sxc.hu/browse.phtml?f=download&id=1059488

Shining neon playback button

If you want to make a nice – looking button, this tutorial will be helpful. Adding light effects for the button creates an interesting playback interface, especially with the neon light.


1) Link for tutorial: http://www.lukamaras.com/tutorials/menus-interfaces/glowing-neon-playback-controls.html


2) Tips:

_ If you cannot find the Set Corner Radius icon, it is in the Properties panel and near the Reset button. It looks like this:



_ Remember to take notes of these color codes: #2E70AA, #FFFFFF, #7CCFFC, #3A5274.

_ You cannot apply the Gradient Transform Tool to the shape. Just select the tool, click on the shape to select it, and click on the focus point of the shape.

_ In step 23, the tutorial asks you to set 3 white color squares in the gradient bar. If you keep doing like it instructs, it will be really hard for you to get the desired result like the tutorial. In order to get it done, I set the color code of two color squares on each end of the gradient to #3A5274. Then, I add another color square in the middle of the gradient and set it to a lighter color in the color bar. It should look like this:



3) Here is example of my work:



And here is the original result of the tutorial, which looks nicer than me:

Your own cool background

You are boring with choosing photographs or still images that have been given in Photoshop to make a background. Now it is time to explore your own idea and create a completely new background, based on the tools that we have learnt. In this tutorial, we will get experience in using Pen Tool, Blending Options, Layers, and Brush Tool.


1) Here is the link for the tutorial:
_ Reference: http://www.adobetutorialz.com/articles/2999/1/Cool-abstract-background


2) Tips:

_ You may find difficulty using the Pen Tool to draw a wavy line. It is better to draw the first line of the wave. Then you make a higher point at the edge of the frame so that the line becomes a little vertical while you curve it at the same time. Next, it will be easier for you to continue the second line.

_ If you want to make a group of layers, the “Create a new group” option is in the bottom part of the Layer panel, near the symbol “Create a new layer”.

_ Another important thing is that some steps require you to use Brush tool on a separate layer. You should follow that instruction: create a new layer, use brush tool to make your shapes, and edit their blending mode. Remember not to draw new shapes on previous layers because you will get stuck with grouping too many shapes on a same layer.


3) I hope this tutorial is interesting to you. Here is example of my process, which can gives you a visual help.

Abstract light in Photoshop

If you are familiar with lighting effects and Lens Flare in my older tutorial, you know that we can create a focus on the image by enhancing light on that point while darkening the surrounding area. Now we will move to create another focus light area; however, it is different from the two previous effects because it will not affect the surrounding area. All we have to do is try to create an abstract light area and make it fit the image. In order to do that, we will use Motion Blur, Transform, Color Dodge, Pen Tool and Eraser. As a result, we can review methods that we have learnt and get experience in new tools.


1) You can follow this link to start the tutorial:
_ Reference: http://www.smalltutorials.com/Photoshop/Backgrounds/Natural-Light.html


2) Tips:

_ When you begin using the Pen Tool at step 6, it is better to set foreground color and background color to white so that you can select an area easily.

_ Next, you use Eraser Tool with soft small brush for the selected area. I have 131 px for brush size and 23% for hardness.

_ It will ask you to rasterize the shape. Click OK and continue your work.


3) Here are examples of my works, which are based on the images we use to study in class.

Feather effect - Reflection in Photoshop

We have worked on light effect, which is quite interesting. Now I want to introduce to you two tutorials about feather effect and reflection.


Here are the references for the tutorials:
_ http://tutorial-zee.com/photoshop-tutorials/photoshop-design-feather-effect-in-photoshop
_ http://ilike2photoshop.blogspot.com/2008/07/object-reflection-in-photoshop.html


When you work on them, you can face some problems. I can share two tips with you:

_ In the feather tutorial, you may get stuck on editing one leaf.

+ When you have only one leaf left on the screen, right click on it, choose Make Selection, then press Ok.
+ Click on it again, press Delete. Use Paint Bucket Tool to fill the leave with white color, you can fill more than one time to make the white stronger. Remember to choose Select - Modify - Feather and press ok with 5 pixels.

_ In the reflection tutorial, it is better to use Magic Wand Tool to select all the bottle image. After that, you choose Select - Inverse and you will have only the bottle you want.


Here are my works:















Source of image: http://www.sxc.hu/photo/952334

Source of image: http://www.sxc.hu/photo/979450



Source of image: http://www.sxc.hu/photo/970443



Source of image: http://www.sxc.hu/photo/1016445



Source of image: http://www.sxc.hu/photo/970442

Christmas card in Flash

When Christmas comes, it is the time for us to give gifts to everyone and send cards to your friends. We may send e–cards from the Internet, instead of making cards by ourselves. However, since we are studying Flash, it is interesting to use this tool to create a Christmas card for our friends.

Ok! Let’s begin this tutorial. Our work includes 3 main parts: background image, greeting text and snow symbol.


A) Choose background image:

First, you should look for some pictures that match our winter theme. Then add the image to the Stage. I find a good source for this type of pictures – morgueFile. You can search for them term “snowing” are you will get a lot of results. Here are some pictures that you can use:



Source of image: http://www.morguefile.com/archive/?display=101516&



Source of image:http://www.morguefile.com/archive/?display=105496&



Source of image:http://www.morguefile.com/archive/?display=104002&


B) Create falling snowball:

_ Use Brush Tool to draw a white circle without stroke.

_ Convert it to Movie clip, named as snow. Double click on it to work inside the symbol, convert it to movie clip again, named as snowball.

_ Next to Insert Layer, choose Add Motion Guide. In the new layer, you use Pencil Tool to draw the falling line of the snowball. On the layer of the snowball, insert keyframe at frame 30. You need to put the snowball at the start point of the line in frame 1, and at the end point in frame 30. Create Motion Tween between frame 1 and frame 30.



_ We need to have more snowballs. Just return to Scene 1, click snowball symbol and add instances to the Stage.


C) Create the greeting text:

_ Use Text Tool and type Merry Christmas in any color that you like. Convert it to Movie clip symbol. Double click on it to work inside it.

_ We need to modify each letter of the text.
Click on the symbol. Choose Modify – Break Apart and then Modify – Timeline – Distribute to Layers. You have each letter in a separate layer.

_ Now it is time to animate the letters. Let’s begin with the layer M first. Insert keyframe at frame 10. In frame 1, you move the position of the letter M out of the Stage. In frame 10, you put it inside the Stage where you want it appears. Create Motion Tween between them.





_ Continue with the same way for other letters. Remember to change the length of frame for each letter so every letter can appear in order, not at the same time.



Ok, it is done. Now you have a great Christmas card to send to your friends. Keep on practicing Flash and more interesting things will come to us.