Tutorial: How to draw a Mac button

This tutorial will demonstrate how to draw a mac button

1. Fire up your photoshop and create a new board with the size 250x100 with transparent background.

untitled42

2. Select the Rounded Rectangle Tool, change the Radius to 30px and draw a pill on the board.

untitled43

3. Go to the Layer Palette, right click on 'background' layer and duplicate a layer.

untitled44

4. At the Layer Palette, look for a font like icon, click it and select Add Inner Shadow and the Layer Style window will open, select the settings that you see on the screenshot.

mac02

5. Select Inner Glow on the left and use settings that you see on the screenshot in the same window.

mac03

6. Select Bevel and Emboss on the left and use settings that you see on the screenshot in the same window.

mac04

7. select Contour on the left and use settings that you see on the screenshot on the same window and click 'OK'.

mac05

8. Now you will see something like this if you did not create your workspace with a transparent background at first.

untitled45

9. And if you work with a transparent background from the start you will get this in the end. P.S: you can remove the background with any removing technique to get this result if you forgot to remove the background initially.

untitled46

Tutorial: How to highlight certain image

I found a pretty interesting thing on photoshop today which is the 'Channel Mixer'. It helps to highlight certain image which leave others to a single still color.

1. Fire your photoshop and open up a new image.

35nmuiukivc48764hb43v23c

2. go to Layer->New Adjustment Layer->Channel Mixer and Click 'OK'

untitled38

3.  Once you have clicked 'OK' you will see this, tick the Monochrome which will turn the image to black and white (you can don't tick this and play with the bar so that the image will have other color) and click 'OK'.

untitled39

4. Make your foreground color to black and choose the brush tool. You can set your pixel of the brush tool so that it will highlight on a bigger area. I selected 68 pixel.

untitled40

5. Now brush on the image space you wish it to be highlighted! viola~

untitled41

You may not have the same tools as shown above. But i believe almost every version of photoshop has 'Channel Mixer'. This is the key to highlight your picture. The overall color of the image can be change using other methods than the one describe above.

Tutorial: How to draw a cloud

I am very tired over here but i will still place a simple tutorial to demonstrate a drawing of a cloud which can be use for many purposes.

1. Fire your photoshop and open a new board. Set the background color to black.

untitled35

2. go to layer palette and right click on the 'background' image and duplicate a new layer.

black

3. Change your color to white and select the Ellipse tool. Start drawing random sized circles around each other to form a cartoon cloud shape.

untitled37

4. I believe you guys can do better =X


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