Pages

Friday, September 2, 2011

Final Update. Final Assignment

Finally I'm done with my Final Assignment, hooorayyy! :)
It's time to update bit about the process of doing the Group Website.

Will not go deep to every single step since everyone know how to use Dreamweaver, will just straight to the main point. Heee

Find a box at the right side there (as shown below)

Click on the "Insert", you will see a box like this
Each of it has many type of the functions.
To create buttons, insert flash, images, checklists, radio buttons and so on, choose "Forms"

(...in the progress...)

Saturday, July 30, 2011

Main Course . Final Assignment

Here comes to the "MAIN COURSE" for our final assignment :)
Now I will show you how the layout of the "Resorts" part will look likes in our website.

This is the main page of our website. Click on the "Resorts" and you will see the second pictures below.


Once you click in, you will see the layout (shown below). We will intro our resorts by using different color of crystal ball. Each of the crystal balls will represent one resort.


Here will be the 14 resorts that you can found in Redang Island ! When you click into one of the resorts, you will see this (shown below). The content will be the gallery, price, rooms and what not.
This will be the layout of my part ! :) See ya guys ! :D

Friday, July 29, 2011

Fifth Step . First Assignment

Hello, I'm back !
Finally, I got the time to update my blog.
And before that, I just realized that I failed to upload my ewallpaper in mmls.
4 MARKS HAD GONE !!!
I hope blog could help me get some marks.

Ok, back to topic.
This is the last step of the ewallpaper---> Advanced layering.
Hmm... actually I didn't apply any vanishing point skill in my ewallpaper, but I will still explain what's vanishing point and how to use it.

Here are some of the pictures which applied vanishing point skill.

First step, open the pictures that you want.
If needed, you can use "Selection Tools" to crop out the picture/part of the picture that you want before you start.

Second step, go to the first option there--->"Arrange Document"---> choose "2 up" (shown below).
Move the right picture to the left.

Third step, make sure your "Layer Panel", you clicked on the picture layer that you moved just now. Click "Ctrl+A"---> "Ctrl+X".
You will found out that the picture gone and now left the background picture.

Fourth step, click "Filter" ---> "Vanishing Point".


Fifth step, click on the edge of the box.
Just like this.
There's the other part that you haven't click, dnt worry.
Now click "Ctrl" button and dnt let go, and use your mouse to click on the middle and pull down.

After you had done, press "Ctrl+V", the picture that I moved just now will appeared. Adjust it.
Once you satisfied with it, press "OK".

The last step, SAVE it ! xD

TADAAAAaaaaa... here is my final work.

You can also use different backgrounds and pictures that you like to do it, here are some of the example that I did :) Enjoy.



Hope you understand and know how to do it now, try it yourself ! It's fun ! xD

Btw, this is my finalize for First Assignment--->E-wallpaper ^ ^
That's all. I hope from this post I could get some marks for my advanced layering :)

Wednesday, July 13, 2011

Fourth step . First Assignment

Hola a todos :)
This is the fourth step for my first assignment. This time, we're required to apply the skills that we learnt in two tutorial class which are retouching and enhancing digital photographs.

Ok, now the very first step is open back the e-wallpaper that I had designed last week. I will using the e-wallpaper to do some adjustment.
This is the latest ewallpaper that I did last week.

I guess you guys sure will face the problem like below, got one easier way to solve it. Here are the steps. :)

First, click "Crop Tool" on the left hand side.

Second, crop the picture. You will see a box.
You can turn the box and adjust it until it suit the picture, just like the picture below.

Last, press "Enter" or press the "✔" on the option up there.

Tada, the picture is back to normal now hee :B

Next, I will show you those adjustment you can do on your work by using photoshop :)
There are plenty of the adjustment tools you can found it the right hand side there. If you can't the adjustment panel, you can click "Window" ---> "Adjustment". You will see this box appear (As shown below).

The first one is adjusting the brightness or contrast of the picture.

Second one is known as "Levels". You can choose many different types of the levels and also the channels. You can adjust the darkness and brightness by the arrow below the graph.

Third one will be the "Curves". Just like "Levels", you can choose different types of curves and also channels to change the colour of the picture.
Or by adjusting the line in the graph.
Can you spot the differences?

The fourth one is the "Exposure". You can adjust the color, the darkness brightness of the picture by adjusting the "exposure", "offset" and "gamma correction".
Can you see the differences before and after adjust?

The sixth is "Vibrance". You can change the picture to black and white or make the color of the picture more obvious.

You can also click "Filter", and choose any type of the adjustments there.
You can expand it and choose the effects you want (As shown below).

You can also choose different type of the clouds as your background.
Just click "Render" ----> "Clouds" / "Different Clouds" (As shown below).

You can also choose "Fiber" as your background.
Adjust it.
Or choosing "Lens Flare". Adjust where's the light you wanna put.

The last adjustment tool under "Render" is "Lighting Effects"

Besides that, you can also add canvas under or on the top of the picture.
Click "Image" ---> "Canvas Size"
Set the height to 1/2 inches. Click on the arrow in the middle on the third row if you want to add the canvas on the top of your picture.
If you want to set it on the bottom of the picture, click the arrow in the middle on the first row. You can click "Horizontal Type Tool" to type the words you want on it.

Click "Image" ---> "Adjustment" ---> "Hue/Saturation" or "Color Balance" to change the color of the background.

BEFORE :
AFTER :


That's all for the fourth step. Do comment on my work. See ya !
Will be update about my personal website soon ! Stay tuned guys !
Smile always :B