Tutorial: How to create a curved border

Here is a simple photo tutorial on curving the border of a rectangular shape image.

1. Fire your photoshop and open a rectangle image such as  the example shown below

cute bear

2. draw a rectangle, with the rounded rectangle tool. The rectangle will be place where the image shows

untitled28

untitled29

3. Double click on the layer with the rectangle and the layer style panel will prompt out. In the Advanced Blending area, slide the Fill Opacity percentage down to 0% and click 'OK'.

untitled30

4. Back in the Layers palette, select the 'background' image(the dog) and right click it. Select duplicate layer and click 'OK'.

untitled32

You should get a new layer of the image.

5. In the layer palette,  search for this camera look like icon, 'Add layer mask', and click on it. Be sure that the 'background copy' is selected and you will get the following display.

untitled33

6. now turn off 'background' image visibility view to off. viola~

untitled34

Tutorial: How to create a simple drop shadow effect

This tutorial will demonstrate how to add a simple drop shadow effect on the image.

1. Fire your photoshop and open up the image.

cute dog

2. Minimize the image you just open and go to File->New.. as shown below

drop shadow

3. Drag the image to the new board you have created and it will appear as shown below

drop shadow

4. Go to layers pallet and look for 'Add a layer style' icon and click on drop shadow

drop down shadow

Notice there is a lot of other style you can appear on the image but they will not be demonstrated on this tutorial.

5. Adjust the setting you prefer and click 'ok'.

drop shadow setting

6. Viola~

drop shadow complete

Tutorial: How to remove background in an image using extract feature

This is another simple tutorial that demonstrate on how to remove the background of an image.

1. fire up your Photoshop and open up your image. I will use my fighter here as an example:

sgdhgjkl;lukjhgffkj3h234567890-=][;l,mnbvc

2. Ok! My fighter is summon out to my photoshop i will need to extract it out by opening up my extract tools, Filter->Extract

zxcvbj;po67i5u4y32rqwdghtul675443xcvbfgkjlop987uytwerwfvbn

3.  Start highlighting the image you want or use  Smart Highlighting feature if you have shaky hand.

fsghgjl;p768o7654twefadv

4. use the fill tools to specify which area you want and click ok.

cvdbfhjtku5wtefa

5. You will see something like this which has a lot of missing details

sgdfyui846573642qefgbngkyi787

6. Paint in missing drop outs using the History Brush Tool or use eraser to erase unwanted pixel as shown below

f7212e

7. Viola~

cuteanimals2821

There are other masking technique you can find to remove your background image from this site

Tutorial: How to change your color image to black and white

This is a simple tutorial to demonstrate how to change a  color photo to a stunning black and white image.

1. Fire your Photoshop and open up the color image. I will use these two 'things' in the cup XD

35nmuiukivc48764hb43v23c

2. Choose Layer --> New Adjustment Layer --> Hue/Saturation and set the Blending Mode to Color and click 'OK'.

untitled6nhj7545f0mnbvckjhgg6jc25h678976h432c1e

3. Choose Layer --> New Adjustment Layer --> Hue/Saturation and leave the Blending Mode to Normal. Set the Saturation to -100 Click 'OK'. Now you should have two Hue/Saturation Adjustment Layers.

byt2rvrvbtyn5btvrc

4. Double-click on the layer thumbnail of the bottom Hue/Saturation Adjustment Layer which we first created on point 2.

cvegyhuo8jhgf23245678798,7mnbvc

5. The 'Hue' slider is what makes it all happen-move it around to see how the conversion reacts. You can also boost the saturation to make the effect more drastic.

daghjh34f3d

6.  Tweaking the 'Hue' slider to your liking

7. Save the file and Viola!

44334153_3e9114058d-copy


Javascript Tutorial: Handling All Errors

I found a very interesting method to handle errors on JavaScript. What this does is to handle all error occurs in the script to a single function so whenever any error occurs, it will go into this particular function and alert the user.

JavaScript

function handleError()
{
alert(An error has occurred!');
return true;
}
window.onerror = handleError;

What it does is that whenever a run time error occurs, the function will goes into action! For example you try to trigger a function that does not exist! Instead of making your program stop functioning, we can provide a error message using the above method which can promote a more user friendly environment whenever an error occurs on our script. This is neat stuff!