70's Polka Dots

Dear My Work Station,

Finally, its the finale tutorial...
After I've gone through with Computer Graphics 2 class....
This is what I've learned in this tutorial 6....
I've learned advance techniques of filters effects, editor and enchance images using level, curve and creating alpha channel....

----------------------------------------------------------------------------------
Steps-By-Steps

-Firstly, I'm creating the new layer of the background...
-Then, I rename it as bark...
-I choose the brown colour as the main colour of the bark....

-Create white background image-

-create Bark layer-

-Then, I choose the channel layer...
-I turned off all the RGB colour and I make a new alpha channel...
-After that, I applied the Fiber style to the background...
-I make the adjustment of the strength and variance of the fibers...

-create the fibers effect at alpha channel-

-Then, I turned on the RGB colours at the channel layers...
-After that, I'm applying the lighting effect to the background...
-I changed the texture channel and adjusting the position of the lighting itself...

-create the lighting effect at RGB channel-

-I create the new layer which named it to 'Wallpaper'...
-I changed the background to be in brown colour...

-create the new Wallpaper layer-

-I create the Round shape at the background of the wallpaper...
-I used the yellow colour for the shape...
-Then, I duplicate it to make it looks like polka dots...
-I placed the polka dots in randomly...

-create the polka dots duplicate shapes-

-I choosed the alpha channel and turn off the RGB colours...
-I applied the glass effect (Filter>Distort>Glass)...
-I'm adjusting the distortion and also the smoothness of the glass effect...

-create glass filter effect at alpha channel-

-adjusting the appropriate glass scale-

-Then, I turn on the RGB colours....
-And as usual, I'm using the lighting effect for it...
-In the texture channel, I choose the Alpha 2 texture...

-Use the lighting effect at RGB channel-

-After that, I choose the path layer...
-I select the 70's text at the layer path...
-Then, I create a new layer which name 'Basic Chrome Shape'...

-selects 70's at path layer-

-use new Basic Chrome Shape layer-

-I fill the 70's text with the white colour...
-Then, I select the RGB colours and save it as selection channel...
-In the alpha channel, I make it the background to be in black colour...
-I choose the stroke effect to be applied there...

-use stroke effect-

-I choose the Gaussian Blur to make the 70's in blur mode...
-Then, I make a duplicate of the alpha channel layer...
-I select the 1st alpha channel and make the up and left move of the text...
-The, I select the duplicate alpha channel and make the down and right move of the text...
-After that, I applied the calculation tools (Image>Calculation)...
-Then, I set the blending mode to be in Difference mode...

-use calculation tools-

-adjusting calculation tools-

-I create a new alpha channel layer...
-I adjust the shape using the curve tools...
-Then, I save it to curve.acv...

-save the created curves adjustment-

-I press the copy short cut (CTRL+C) to the 70's text...
-Then, I paste it at the new layer...
-Then, I rename it as Chrome Edge...

-create new layer Chrome Edge-

-I import the RM5 note...
-I adjust the colour using the hue and saturation mode...
-I applied the Gaussian Blur to the RM5 note...

-insert RM5 note image-

-I applied the Level tools..
-I make some adjustment to the input levels...
-Then, I load the curve file that I already save before to be applied to the layer...

-adjust using the curves-

-use the curves effect that already been save before-

-I select the RM5 note and also the 70's text...
-Then, I applied the layer mask to make both images combined together...
-I choose the difference type layer to make the glossy Chrome text to be appear...
-I'm adjusting the hue and the saturation of the colour....

-select layer 1 and 70's-

-create layer mask-


-use difference effect layer-


-adjust hue and saturation-

-I select the path layer and make a duplicate of the 70's text...
-I make the transformation using the (CTRL+T) tools..
-I placed the duplicate layer just below the original layer...

-create 70's new copy layer and use free transform-

-I create a new layer to be rename as 'Shadow Layer'....
-Then, I placed the layer to be on top of the Wallpaper layer...

-create shadow layer-

-I choose the Gaussian Blur to the 70's text...
-I used the Lasso tool to select the path that I want to be affected...
-Then, I applied the Feather tools to it (Select>Feather)...
-I changed it to 30pixels...

-applying Lasso tool and feather tool-

-Then, I create the Blur Motion Tools...
-I adjust the angle and the distance...
-Then, I applied the Layer Mask for it..
-I used the gradient colour to the layer...
-I changed the opacity of the shadow layer...

-using motion blur-


-change opacity-

-I make the all layers to be visible back again...
-Then, we can see the 70's text and the effect of the wallpaper itself...

-visible the layers-

----------------------------------------------------------------------------------
Final Output

-This is the final result of the total image...
-I save it as .jpeg image....
-and tadaaa....it's done! :)

-Finale 70's Polka Dots!-

Yeah! Finally..............
All tutorials completed!
MISSION ACCOMPLISH!
Kebabooom!!! :D

MMU-FOE Open Day (Fully Description)

Dear My Work Station,

After a long journey with this wallpaper....
Finally I managed to complete my task!
Thank God! :)

Here are my fully description of this digital wallpaper!


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

Description

MMU-FOE Open Day

What is FOE? FOE actually stands for Faculty Of Engineering.It contains 9 courses for Undergraduate studies. Postgraduate studies are divided into 3 categories which are Master of Engineering, Doctor of Engineering and Research Degree. To make the audience to be more clearer about the courses of the Engineering, Multimedia University is launching the MMU-FOE Open Day. So, I will be the person who take incharge in promoting the faculty to the audience. The target user are for the freshies and also for the visitor who are interested in knowing this faculty. In my MMU-FOE Open Day, I make the audience know when is the date of Open Day for the Engineering Courses. The MMU-FOE Open Day will be held on 9th January 2009.I'm include the details to which they can contact if they have inquiry.I'm using the robotic as the symbolic for Engineering field. The graduated MMU FOE student will show that all FOE student have the ability to graduate with the Flying Colours. I'm using this tagline 'Switch ON the Engineering Skills!' to attract the audience and at the same time to make the images will be more significant between each other. So, by completed MMU-FOE Open Day digital wallpaper, I hope I can achieve my target through the messages.


--------------------------------------------------------------------------------------
Step-By-Step

-I import the main image which is the robotic bulb image...
-I edit the colour by adjusting the brightness & contrast...
-I crop some part of it to eliminate the copyright sign...

-import the main image-

-I took the picture which I snapped previously which is the FOE signboard...
-I just need the text for my design...
-So, I crop text using the Crop tool...
-Then, I dragged the crop text to the main image...

-crop the image from my snapshot-

-I'm using the transform tool (CTRL + T) to place the text to the image socket...
-I'm pressing the 'CTRL' button while placing the edge of the text...
-Then, I changed to colour to be more brighter...
-I'm using the curve tool to adjust the colour...

-using the transform tool-

-Then, I create new layer to make the text...
-I create the main text first and place them at some part that I want to place them...
-Thus, I insert the courses list at the image...
-I get all those courses from FOE website...
-I changed the colour for it to make it looks contrast course by course...

-insert the main text-

-insert the list of the courses-

-To make the wire to be spotted in the image, I used the brush tool to colour the plug in yellowish...
-In the brush tool, I choosed the suitable size for the brush and I changed the Layer type to be in color mode...
-I just colour half of the wire because I just need to show the audience just the main part of the wire...Not the entire wire due to my 1st target to make the main plug to be synchronize with the tagline...

-using paint brush-

-I'm inserting the MMU 3D logo to the main image...
-I used the Lasso tool to eliminate the background of the logo...
-I adjust the colour using the contrast and brightness to make the image looks more clearer...

-inserting the MMU 3D Logo-

-I'm using the transform tool to place the image inside the bulb...
-I want to make it looks like the logo will be the eye of the robot...
-I'm using the 'CTRL' button to move the edge of the transform image to be fit inside it...
-I'm adjusting the transparency for the logo, so that it match with the fragile bulb..

-using transform tool-

-I'm inserting the LCD screen to the main image...
-I eliminate the background using the Magic Wand tools and also the Lasso tools....
-Then, I changed the LCD colour to be in almost grey mode to look alike the main background image...

-inserting the LCD screen-

-I imported my friend's graduation images inside...
-I changed the colour using the photo filter to make it looks Cyan colour...
-Then, I apply the Hue and Saturation colour to make it looks nice...
-After that, I used the transform tool to placed the image to the LCD screen...

-inserting the image to the LCD screen-

-I duplicate the image so that I can make effect between each image..
-I crop the duplicate image using the Lasso tools...
-Then, I used the brush tool to make it looks black and white colour except the robe ribbon colour which is Orange to show that FOE robe colour...
-I used the Drop Shadow effect to make shadow around the image and some glowing effect...
-Then, I put the image near the LCD but I minimized the size of the LCD and the image that I placed before..
-This will make looks like the image is going out from the LCD screen...
-That's my main purpose to do it...

-crop the image-

-To create the different effect to the main background, I'm using the filter effect for it...
-I choose Craquelure effect to make it looks like rough...
-I adjust the crack spacing, depth and brightness to make it looks realistic...
-Thus, I also used the rough effect to make it looks more roughly...

-use the Filter effect for the background texture-

-I make some adjustment to the text style to make it looks suitable to the theme...
-My theme to be simple and easy to read..
-So, I decided to use blue colour as the main colour...
-I applied the Drop Shadow,Bevel and Emboss and also Stroke style to make it looks more like 3D text...
-Then, I changed the opacity for it...
-I used the suitable text font size and type to make it look not to un-formal type..

-adjust the font style-

-I insert the contact numbers and also the website in the wallpaper...
-I make the text to be well placed to make the audience not feel confusing when they read it...
-I choose black colour text style at the right side to make the difference between the text on the left side...

-position the texts-

-I insert the tagline text which is 'Switch ON Your Engineering Skill!'...
-I place the tagline below as related to the robotic image...
-I used the additional brush effect for the text to avoid plain background...
-I placed the brush effect at the corner of the text..
-I make it in different size and colourwhich is black and blue...

-add additional brush effect-

-Then, I add the additional shape that looks like window to be placed at the left side...
-The reason I used it, is because I want to seperate both text and images differently...
-I'm also applying the concept of in-formal symmetry for the main image to be well balance ...
-I choose the color as same as the robotic background colour which is grey...

-add additional shape effects-

-I used the butterfly brush effect to show that FOE students can graduate with flying colours...
-I used the colourful colour for the butterflies...
-I edit the size for it to be more cute butterflies....

-add butterfly brush effect-

-I used the brush tool to apply the blue and black flowers at the bottom of the LCD...
-I changed the size of the brush...
-I make the brush style to be apply like the flowers flows from the side to bottom...

-adding the brush effect at the bottom of the LCD-

-I make the 'ON' words to be in red and UPPERCASE so that the audience will pay more attention to the tagline...
-I placed the tagline at the bottom...
-I used the Shadow Drop tools for the text to make some effect to it...

-adjusting the tagline-

-----------------------------------------------------------------------------------------
Final Output

-Here is the final output for the digital wallpaper...
-I make some adjustment here and there to make it looks more nice effect...
-Plus, I'll make some changes after I got some advised by Mdm. Lydia...
-I changed the date colour to be look different from the 'Open Day' colour...
-So, final touch up is completed!

-MMU-FOE Open Day (before Mdm. Lydia commented)-

-MMU-FOE Open Day (after Mdm. Lydia commented)-

Mission Accomplish!
WeeHuu~
:)