Assignment 2 - One Malaysia Poster

For Semester 3 Assignment 2, we created a moving poster based on the theme 'One Malaysia'. This poster was created by using Adobe Flash CS5. These are the steps in the making of my poster:

First, a new file is created by the size of 320x240px. Then the layer is filled with the colour black as background. The items from the typography poster in assignment one is imported into the library.

Next, open a new layer and name it red and insert a new key frame by pressing f6 and draw a circle as shown in the image and fill it with red.

Then insert another key frame and import the red human figure from the library and create a shape tween by right clicking the image and create shape tween.

Do the same for the colour blue, yellow and white each on a different layer.

Next, create a new layer named malaysia logo and drag in the One Malaysia logo and place it outside of the canvas. Convert the image into a symbol. Insert a new key frame and create a motion tween and drag the image to the position below the four human figures.

Drag in the word Malaysia from the library into a new layer and insert a new key frame. Break the image by pressing B. Erase the image part by part and press f6 after every part erased. Then select all the frames and right click and select reverse frames. 

Import the word unity from the library and place it above the canvas. Select it and go to its properties. Change the style under the colours and effects in the initial key frame to alpha. Then create a motion tween and drag it into the canvas.

Next is the word 'is' one a new layer and create a motion tween making it entering from the left part of the canvas.

Create a new layer and import the word strength into a new keyframe. Right click the word and create a classic tween. Flip the image while enlarging it. Then create a new key frame and create a classic tween and enlarge it on one key frame and minimize it on another. Repeat this several times to have a effect like heart beating.

Lastly is the white circle at the background, also imported from the previous poster. Create a new layer insert a key frame with the image. Create a classic tween from the black background to the background with the white circle and change the style settings to alpha.

The final output is as follows:

E-wallpaper in the making

As mentioned in the previous post, I've decided to use Halloween festival as my theme for the e-wallpaper. So in this post, I will explain how my e-wallpaper is done.

First, I create a new file and set it into 297x210mm (A4) 

Then, I paste the background of my choice, an image I found from Google onto the workspace and resize it to fit the space. The layer is then renamed as 'Halloween town'.

Next, go to Image>Adjustment>Photo Filter and choose Cooling Filter (82) and set the density to 100%

Create a new layer by hitting Ctrl+Shift+N and rename it as black layer. With the background set as black, press Ctrl+Del to fill the layer with black.

Then I used the Eraser tool by changing to soft brush and the opacity to 40%, I erased the middle part so the halloween town layer is visible.

Next, I open another image, the pumpkin knight and crop it out with Quick Selection tool. I changed the feather to 10 to get a smoother edge after cropping. Cut the selected image by pressing Ctrl+X

The image is then pasted on a new layer above the black layer. By hitting Ctrl+T, the image will enter free transform mode and can be resized and positioned at will. I place the image on the right side of the wallpaper.

After that, I used the brush tool to cover up the bottom part of the pumpkin knight image. By using a soft brush and reducing the opacity as going closer to the image, I covered up the bottom part.

The image of the crawling skull is now placed on the new layer. The layer is then renamed as 'Skull'..

Next, I set the master opacity of the skull to 50%. Then I used the eraser tool with the opacity of 54% to clear unwanted parts of the image so that it can blend into the background.

By hitting P I used the Pen tool to create a path for my text.

The text is then inserted by using the Text Tool. The word Happy Halloween is in the 'Bleeding Cowboys' font and the style is set to basic drop shadow.

Lastly is the date of the Halloween day. I created another path by using the Pen Tool and added the date with the Text Tool and changed the style to negative(image). And the e-wallpaper is now DONE!

Image References

These are the images I've used for my e-wallpaper.

Festival for e-wallpaper

I've finally decided to use Halloween as the theme festival for my assignment 1: E-wallpaper. After deciding, I did some research on this festival. It is celebrated on October 31st every year. Halloween, thought to be the one night of the year when ghosts, witches, and fairies are especially active. Why do people celebrate halloween? Halloween is on the eve of a major Catholic festival, All Saints (1st November) and the eve of the pagan Celtic festival known as Samhain. The three days between 31st October and 2nd November see pagan and Christian celebrations intertwined in a fascinating way and is a perfect example of superstition struggling with religious belief. Currently, it is widely thought that Halloween originated as a pagan Celtic festival of the dead related to the Irish and Scottish Samhain, but there is no evidence that it was connected with the dead in pre-Christian times

On the Halloween night, children dress up as witches, monsters, frankensteins or werewolves and go from house to house for the trick or treat custom. This is a very popular custom among Western countries. Carved pumpkins are usually the symbol of halloween. Below are some images related to the Halloween festival:

Credits to: http://projectbritain.com/Halloween.html

Image found from: Google

Gamut Warning!

Have you ever experienced getting a printout result that don't quite looks like your artwork in computer? I've been wondering what is the problem all this while and after the last tutorial session, my questions are cleared.

This is due to something called gamut. So... What is gamut?

A gamut is the range of colors that a color system can display or print. A color that can be displayed in RGB may be out of gamut, and therefore unprintable for the CMYK settings.

Ways to solve Gamut problems:-

Gamut Warning View.
If you want to see which particular colors are out-of-gamut, you can do this using Shift-Ctrl-Y or View > Gamut Warning. This grayed out view is not what will show when you print, but this shows you which of your colors will be muted for printing.

To solve.

First, choose a the image or artwork you wanted to print.

As your press Ctrl-Shift-Y to enable the gamut warning, you can clearly see the areas who are out of range.

Go to Image > Adjustment > Hue/Saturation to adjust it to get the optimum result.

This is the end result. Now you can get exactly what you see on your screen. 

Good luck trying!

Halloween~

Changed the header for this lovely halloween~ ;)

Blog header!

Since this blog is something personal and contains my artwork, I decided to make my own header for the blog as well. As the title for my blog is "Photoshop For The Win!" (not WTF reversed) I made the picture showing that the photoshop icon is dominating the illustrator icon.

This is how my artwork is done:

Step 1:

I drew the two icons using Adobe Illustrator. I used the rectangle tool and 3D effect to draw the icons and fill them with gradient colors after that.

Step 2:

I exported the artwork to Adobe Photoshop and pasted an image that I found on the net as the background for the artwork.

Step 3:

Next, I added a lens flare behind the photoshop icon so for some effects and to show power and dominance.

Step 4:

Then, I adjusted the contrast and brightness of the artwork so that it matches the background.

Step 5:

Finally, I move the artwork back to Adobe Illustrator to add the header title and filled it with color. 

And my header is ready to be uploaded!