Tutorial 6: Final Outcome

Here you go, the output of final tutorial for computer graphics 2. I'd prefer tutorial 1 more!

+Cheers+

Tutorial 6: Step by step

This is the last tutorial for this semester. It may look simple, but the steps taken are way complicated compared with the other tutorials.

Step1:

Open background.psd. Then create a new layer, fill it with black color. Next select RENDER filter, use either CLOUDS or DIFFERENCE CLOUDS. Play around to achieve nice cloud efx.

Step 2:

After the filter has been applied, open HUE and SATURATION, tick the COLORIZE box, and adjust to any color to liking, in this case blue. To make it slightly better, adjustment on BRIGHTNESS and CONTRAST are made.

Step 3:
Go to channels, create a new ALPHA layer, apply the same techniques used for step 1. This to give the background a rough look. Next, make sure RGB layer is selected, open render filter and select LIGHTING EFFECTS. Adjust the values accordingly, the key is to get a nice overall lighting, not too dark nor bright.

Step 4:


Now to get this wood efx background, again step 4 is repeated but with different values such as color, texture, and lighting. To get more realistic wood efx, play round with different FILTER>RENDER>FIBERS values.

Step 5:

By using MARQUEE tool, create a rectangle and use dark brown as fill. Then duplicate the shape and arrange it through out the background, so that in the end it will look it has stripes. Apply a little bit of GAUSSION BLUR.

Step 6:

Step 3 and 4 is repeated to produce the final background. As you can see, the "wood" look improves from step to step. We would want it to look as real as possible. It can be easily achieved by doing experiments on the values (FILTER).

Step 7:

Te last element would be the main text. Go to path, and CTRL click the 70's layer to select it. Then go back to LAYERS, create a new layer, and fill it with white while the text is still selected.

Step 8:

Now select channels, create a new alpha layer and duplicate it. So we will have two identical layers. For the first layer, move it 5 pixels up and 5 pixels to the left by using keyboard arrows. Repeat for the other layer, but 5 pixels down and 5 pixels to the right. After that, go to IMAGE and select CALCULATION. Set the source 1 layer to alpha 3, and source 2 layer to alpha 3 copy. Next change the BLENDING mode to difference. Click ok. This will basically render a chrome efx if its done correctly.

Step 9:

Go to layers pallete and select 70's layer. Use HUE and SATURATION to change the text color. Any color will do as long as it matches with the background. Therefore brown-ish color tone wolud be the best option. To finish off, add a DROP SHADOW efx to the text, adjust the shading according to overall lighting.

Assignment 2: Final Outcome

Assignment 2 is completed!

Project Charter: Assignment 2

Assignment 2 Title: Digital Wallpaper

Project Start Date: 12 December, 2008

Project Finish Date: 23 December, 2008.

Project Manager: Azri Fikri B. Osman

Email: mcg1014.1081106703@gmail.com

Blog url: http://mcg1014-1081106703.blogspot.com/

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

Project Objective

Learning process of implementing the multiple tools using Photoshop in creating the digital wallpaper regarding ‘MMU FOM Open Day’. In this digital wallpaper, I will be promoting Faculty Of Management to the people who is looking forward to study in MMU and which courses to be choose and provide them some knowledge plus benefit of joining FOM for a better future.



Approach

I’m creating digital wallpaper based on the pictures that I have taken via websites and some of my snapshots using the digital camera. Then, I’ll alter them by using the Adobe Photoshop CS2. The wallpaper will be in A4 size,RGB mode color and 8 bits.

In Photoshop, I’m using the all the basic technique that i learned before in and outside the class and applied it here in the assignment 2 for digital wallpaper.The techniques include layering techniques to rearrange and do some edit part to the images. Plus, I’m using the filter tools also such as Gaussian Blur, Drop Shadow and the adjustment of the colors. Thus, applying the layer mask, crop, lasso tool, shape tool, and etc will make the effect of the wallpaper to be nicer. The inserting of text, I’ll make it look more interesting and informative.



Roles and Responsibilities

1st Phase: Idea is sketched and images are snap and searched through the net.
2nd Phase: Images are edited and placed accordingly. Information is added as well.
3rd Phase: Consultation with madam Lydia
4th Phase: Final touches and last rearrangement are made.
5th Phase: Submission of the Assignment 2.



Comment

This assignment gives me a challenge for creating the digital wallpaper in a very creative ways in order to promote Faculty of Management and attract people to join the faculty. I gathered the required pictures from the net and existing digital wallpapers as reference. It provides me a rough idea for the making of the digital wallpaper. Photoshop is a powerful editing software, so many tools can be explored. Therefore, finishing the assignment 2 shouldn't be a problem.

Tutorial 5: Final outcome

Done with tutorial 5. Its slightly diff from the videos provided, just trying to add a lil bit of creativity. Comments are welcomed!

Tutorial 4: Final outcome

Here's the final outcome for tutorial 4. Liquify that thang!

Tutorial 4: Step by step

On this tutorial we will be learning to create a basic liquid effect on posters. It may look simple, but it requires a lot of steps. But for your convenience, I'll make it short and simple. Lets go!

Step 1:

Open ink.jpeg in Photoshop. First of all I would like to change the color of the word 'ink'. Its easy, just use COLOR BALANCE and play with the sliders to get different color. Then INNER SHADOW is applied and the blending mode is changed to MULTIPLY.

Step 2:

Next DROP SHADOW and OUTER GLOW effects is applied to the word 'ink' to get more realistic effect. Next to create the 3D effect, BEVEL and EMBOSS effect is used to make the word looked like 3D.

Step 3:

For this step, a copy of the image is made. Then the mode is changed to grayscale. Next GAUSSIAN BLUR filter is applied to smoothen out any rough edges.

Step 4:

A new layer mask is added to the background layer. After that the layer is filled BLENDING OPTION > BEVEL and EMBOSS > TEXTURE. This will create the liquid effect on the surroundings.

Step 5:

Clear off any unnecessary area that covered the word 'ice'

Step 6:

To get the water look, change the layer opacity to 50-60%. Next GAUSSION BLUR is applied again so that the water will look better. To finish off, adjusments on LEVELS, CURVES and EXPOSURE are made. All these is to enhace the look of the water.

Step 6:

Tutorial 3: Final outcome

Lets start saving now! Isnt the word 'saving' itself is beautiful? yeaaa riteee! haha.

Tutorial 3: Step by step

Everybody loves money! In this tutorial, I'll show you how to use money as filling on text. Steps are very simple. Here goes:

Step 1:

Open all the required images in photoshop. Select the city image. Then go to PATHS, select the word SAVING by selecting the thumbnail and pressing the CTRL key at the same time. Next go to CHANNELS, create a new ALPHA layer.


Step 2:

Next drag the money into the middle of the background. Arrange the money over the text 'saving'. Then select the 'saving' layer. Go back to the money layer. Then press CTRL + SHIFT + I to select the outer area of the word saving. Hit delete.

Step 3:

To enhance the color of money, i used LEVELS to adjust the shadow input. Next, to make it more interesting, I changed the color by using COLOR BALANCE and HUE / SATURATION. Play around with the setting to achieve different result.

Step 4:

Now to make it more realistic, I've added DROP SHADOW to the word saving. So the word will be well blended with the background. For final touch up, a little adjustments on BRIGHTNESS and CONTRAST and LEVELS are made.