Category Archives: Photoshop Tutorials

How to make a simple amazing cool portrait

In this post episodes, I’d like to show you how to make a simple, but an amazing cool portrait like what I’ve told you in the previous post. Before you start to work on this one, I suggest you to read my post entitled How to Create Special Custom Brush in Photoshop before you begin with this one. Because it’s related to one another. Ok, here, I’ll be using this image:


Ok now open your image on Photoshop, double click on your image to unlock it then make a new layer, and fill it with white and place it under the Layer zero



Now click on your model layer and apply layer mask, and don’t forget to fill your layer mask with black color. And now it’s time to paint on our layer mask, but before we do that, now we select our brush that we have made in the previous post. You can just press B on keyboard to make it quick. If you done, please click on the icon that I mark with red square


Here I’ll go to Brush Tip Shape, and I’ll make the spacing around 32%or you can create your own style


Now go on Shape Dynamics. Now I’ll adjust the Minimum Diameter to 5%, keep the Angle Jitter on 100%, make the Roundness Jitter to 100%, and the Minimum Roundness to 25%. Now you can see, that our brush is changing


And then also go to Scattering, I’m going to make it 100%, not too much but not too little. And the count is 2, and the Count Jitter is around 4%


Then we go to Transfer, make the Opacity Jitter 10%, and Flow Jitter 9%, and make sure the Smoothing is turn on


And we’ve done about the brushes. Now it’s time to paint on our model’s layer mask, you can make the brush bigger or smaller by pressing [ or ] on the keyboard. When you paint you model, please make sure that the face is completely visible to make it looks good.


If you’ve done painting with your model, now I’ll go to create a new solid color layer. I’ll choose blue color


And now change the blending mode into Exclusion


And now I’ll create the lighting effect by creating a new blank layer, select your brush tool, and choose the regular brush, and I’ll choose the color to orange



Paint the brush on wherever you like the light you want to be,


Then choose the blending mode to Screen. And we’ve done.


Isn’t that easy? Well, that’s how to create a simple amazing cool portrait on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. Comments are very welcome. And just like as usual I’d like to remind you that please always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.


How to Create Special Custom Brush in Photoshop

Here, I’d like to show you how to make custom brushes of your own. Basically it’s very simple indeed, but I’ll show you how to keep your brushes a little bit special that you can use later to make an amazing photo effect. This tutorial of creating brushes is linked together to the next Photoshop tutorial that I’m about to post later. So please read it carefully and try to practice it.

First thing first, like always. You have to create a new document. But here, make it square, it’s about 1200px*1200px, and then click ok.


Now you select your brush tool by pressing B on your keyboard, it is the simplest and fastest way though. And click on the brushes option, look at my red square. Here I choose oil medium wet flow brushes, but if you want another you can choose whatever you want that you like. But here, I recommend you to use the same as mine.


And you can draw a line on your workplace, it will look like something like this:


But as you can see there is nothing special about this brush, it’s just looks like a common brush. So, here we go. Now you click on the little box besides beside brush option


And then you’ll see a dialog box like this, click on Brush Tip Shape, and make sure the spacing is approximately about 23% or you can make it more or less but don’t too much or too low.


And then you can go to Shape Dynamics, make sure that Size Jitter is about 100%, and Angle Jitter is 100% as well.


Now, make your workplace clean, you can press ctrl+Z. and then draw your brush upon you clear workplace. You can make it bigger or smaller by pressing on bracket keys [  or  ]


It looks fantastic, isn’t it? And now to create a brush like this, you must go to edit and click on Define Brush Preset


And now you can name your brush whatever you want, here I named it tutorial brush, then click Ok.


Now your brush is ready. Easy and simple, isn’t it? Okay don’t forget to follow my blog because in the next post, I’ll write a tutorial about how to make a simple amazing cool portrait using this brush. See you on the next post, adios and merci 😊

How to Make Ramadan Greeting Cards

Holy month of Ramadan is the special month for Moslem. Every Moslem in the world is looking forward for this special month. And if you’re happy about the coming of Ramadan, you might want to share your happiness with others, but also for your loved one. You may give them Ramadan greeting cards, and I’m sure, they’ll be happy to get it from you. Especially, if you make your greeting cards by your own. Here, in this special months I’ll show you how to make a simple Ramadan greeting cards. Enjoy learning 😊

First thing first, you got to download some pictures on the internet which have relation to Holy month of Ramadan such mosque picture, Calligraphy picture, or anything you love. But don’t forget to download for the base/ background as well. Here, I’ll be use these pictures:


Basically, you may make the picture and your background on your own. But, it takes time though that’s why I advise you to download it from Google, it’s easier though. Ok, since now you have the pictures, the first thing that you should do is open the background first and make it a little blurry by click on effect – blur – Gaussian blur


Then you select on File, choose Place Embedded and choose your picture

Screenshot (171)

Now you can place this picture wherever looks good on your background. You may change the size of the picture by pressing CTRL+T . if you’re done, press Enter. Ah here, you can see that the angle or the calligraphy is different, I changed it by clicking on Edit – Transform – Flip Horizontal

Screenshot (175)

Ok, your Ramadan greeting card background is ready. Now, is finishing. We just need to add text to it so it will become Ramadan greeting cards. Press T on your keyboard, and place it to wherever you want to put the text. Then, write your words,


And done, your Ramadan greeting cards is ready. If you want to make your font looks more stunning just like what I did on “Wishing you….” Text, you can add some effect to it like adding shadows, glow, or you can make it textured or embossed. You just have to double click on your text layer. You may change the font as well if you don’t think that your font is good enough. Well, that’s how to create Ramadan Greeting Cards on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas and enjoy the Holy month of Ramadan.

Mirror Effect Tutorial

In this post, I’ll show you how to make mirror effect on photoshop. Basically it is a  very simple and easy effect, not a time consuming as well . If you’re a beginner, it’s a good starter, although maybe some of you will think that it’s a bit complicated. But believe me, it’s not. So, just open your Photoshop and let’s get started 😊

Here is the image that I’ll be using on this tutorial,


this is the picture of Alessandra Ambrosio that I took from Google.

Step 1: Open your image

Just like always, the first thing to do is to open your wanted image. Or you can use the same image as me, just download it. If you have already open your image, unlock the image so we’re free to make it whatever we want.

Step 2: Copy your image

Actually, this is not a necessary thing to do. But, it’s just in case if we screw up something. Just copy your image by press ctrl+J on your keyboard. The, rename the layer 0 to back up.

Step 3: Making a new layer

Making a new layer, and place it under your layer 0 copy. And turn off your backup layer and layer 0 copy, just like what I did down below:


Click on paint bucket tool a and fill your layer with black color. And turn on you layer 0 copy, but keep your backup layer off because we don’t need it, yet.

Step 4: Creating stripes

First thing first, select your layer 0 copy. And then, click select marque tool


And make a stripe, make sure you select only the parts of the hair. Then you right click and select new layer via cut:


And you can see that we make a new layer with a stripe of the image, now just turn it off and your layer will be more look like this:


Click on your layer 0 copy, and make another selection on different parts, and just do the same thing.


Repeat this action for a few times, as necessary. And in the end it will look like just something like this:


Now, you can delete your layer 0 copy since it is useless now. Then turn back on all the layer except the backup layer.


Since the image are now on different pieces, that you have to do is spread them by click on stripes layer one by one and move it, don’t forget to activate your move tool first. While moving the stripe layer, please hold shift command on your keyboard while moving the layer to keep the layer stays straight in line.


Step 5: Creating the mirror effect

Yeay! Finally, we almost done, just two more steps 😊. Now turn off your black layer, so your photo will be look like this:


And then create a blank new layer on top of everything. After that press, CTRL+SHIFT+ALT+E, so now you can see a merge of entire slices that you made before. And you have to duplicate the layer as well by press CTRL+J, and named it like what I did in the picture bellow:


If you’ve done, for a moment turn off your dark stripes layer and click on blur. Then select on Filter, Blur, and choose Gaussian Blur.


And in the Gaussian Blur, you have to make sure that it’s not a way too blur or too clear otherwise it doesn’t look good enough. If you’ve done, move your blur layer to the bottom of your last stripes or top of your black background. After that, make sure that you click on the move tool, then hold shift key and move the layer a little bit to the left/right whatever you want but make sure it looks proper.


So now, put your black stripes layer under the blur layer. Don’t forget to turn it on, then hold on your shift key and move it on the available space that left.


Now, turn down the opacity of black stripes layer to about 50%, and the basic mirror effect now is ready.


Step 6: Finishing

To make it more stunning, now make a new layer and click on your bucket tool and choose gradient tool, and make sure that you have foreground to transparent on gradient tool. When it’s ready, just hold your shift key and drag a little bit to the middle for two times on each side so it will be look like this:


Well, now we come to our last adjustment layer, now go on your adjustment layer, and you select gradient map


Basically, I love it on black and white. But if you want another, you can click on the gradient option


And click on the setting icon which I rounded with red in the picture bellow, and choose Photographic Toning.


When it comes something like this,


Just click Append. Now you have much more gradient option like this. Here I choose sepia 3, then click ok.



Now, it looks really good, isn’t it? But I’ll change the blending mode to overlay


Now, we’re done. Tada!!!! Here our result,


Well, that’s how to create Mirror Effect on Photoshop. Check out other tutorial and also design tips and trick on my blog, and don’t forget to hit follow button on my blog to support me. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

Square Photo Effect

In this Photoshop tutorial, we’ll learn an easy way to create a square photo effect. This is the easiest one to learn about photo editing on Photoshop.

Here’s the image I’ll be using for this tutorial:


Step 1: Open your image

You can open your picture by press ctrl+O, and then choose whatever picture that you want to edit.


Step 2: Make a pattern

Start by creating a new document, you can press ctrl+N on your keyboard to make it faster. And make sure the size is 500*500 pixels, and the background color is white.


After you click ok, your new document is ready. But, on the right bottom of your layer, you can see that the layer is lock (see on the red round below). Make sure to unlock the layer by clicking on the lock icon.


And then right click, and choose Blending Option:


Click on Stroke and set Inner Stroke with size 7px


And then go up to Edit menu on the Menu Bar, choose Define Pattern


Click Ok


And now you can close this project and back to your image.

Step 3: Applying your Pattern

First thing first, you have to duplicate your image by pressing ctrl+J. Then, right click on your layer copy and choose Blending Option just like this:


Click on pattern overlay and choose our new pattern, and then click Ok:


You can change the scale that you want as well after you choose your patter, that we’ve made before:


Then right mouse click and choose rasterize layer style, and your image would be like this:


Go to select, color range:


Click on white, and then click ok:


You can see on the image below that the white one are selected. Now, hit DEL key to delete the white:


Here’s the result


Then click on your layer image, and add layer mask and invert mask to white by pressing on ctrl+I. And hide the layer above your picture layer, see on the red cycle below:


If you done, create a new layer and move it to the bottom. Click on paint bucket tool and fill your layer with white.


Step 4: Coloring your squares

Choose Rectangular Marquee Tool,


and select a few square just like what I did on the picture below:


Then go to Adjustment and choose Hue/Saturation


You can change saturation and color on selected squares now:

Screenshot (86)


Repeat these steps again, but with different color. And you can delete squares on edges too, just select and hit DEL key. Well DONE 🙂


yeah! There we have it! That’s how to create square photo effect. Check out other tutorial and also design tips and trick on my blog. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

How to Make a Selective Coloring Effect in Photoshop

In this Photoshop tutorial, we’ll learn an easy way to create a popular selective coloring effect. Selective coloring effect is editing a picture by converting a photo to black and white while leaving the main subject in full color. If it sounds complicated or time consuming, it’s not, believe me. It’s okay if you know nothing about how to use layer mask yet, or other tools that sounds alien. All we need to make this stunning coloring effect is only pen tool, selection tool, and adjustment tool. Simple isn’t it?

Well, here I use Photoshop CC on windows. If your Photoshop still CS6, CS5, or the other it is okay because basically they’re almost the same, and the new one only has richer features. Okay, let’s get started:

Here’s the image I’ll be using for this tutorial:


For my image, I want to leave the guy in the middle while converting everything to black and white.

Step 1: Open your wanted picture on Photoshop


You can open your picture by press ctrl+O as well, and then choose whatever picture that you want to edit. Ah, and don’t forget to duplicate your picture by press Ctrl+J. This is not a must, but I usually do that just in case I need them. Here, I duplicate the picture layer three times.


Step 2: Select Your Main Subject


You can see, my subject is the guy in the middle. Basically you can use selection tool of your choice ( Lasso Tool, Quick Selection Tool, Pen Tool, etc) but I prefer Pen Tool because it’s more accurate since my subject have smooth and curved edges. But, of course, your photo will be different and different selection tool may work better on your photo. Well, now draw a selection outline around the main subject of your photo. When you’re done, you should see an outline like the picture above.

When your picture is just something like what’s mine above, now you can select your picture by click on the right of your cursor/ mouse, and then you’ll see something like this:


Click on make selection, and then you’ll see something like this:


Here, I left the Feather Radius 0 and then click OK.


Your picture will have already selected.

Steps 3: Invert The Selection

Since now we have our main subject selected, but what we actually need is everything except the main subject to be selected, which means we need to invert our selection. Go up the Select menu in the Menu Bar along the top of the screen and choose inverse, just like this:


Or, for a faster way to invert a selection. Just press Shift+Ctrl+I on your keyboard.

You may have to look to notice what happened since the initial selection outline will still be around your subject, but you should now see a second selection outline around the edges of your image. And this tells us that everything in the image except the main subject is now selected.


Steps 4: Make the Rest of the Subject Black & White

Believe it or not, we’re almost done! Go up the Images menu in the Menu Bar along the top of the screen and choose Adjustments and then Desaturate. or if you want to be quicker just press Shift+Ctrl+U on your keyboard.


After we’ve done, just deselect the selection by go up the Select menu in the Menu Bar along the top of the screen and choose Deselect or press Ctrl+D.


And we’ve done. So the result will be look like this:


And yeah! There we have it! That’s how to quickly add a selective coloring effect to an image with Photoshop! Check out other tutorial and also design tips and trick on my blog. And always keep in mind that “Practices makes perfect”. See you on the next post, Adios fellas.

How to Control the Pen Tool in Photoshop

If you are a beginner and deeply frustrated about how to use pen tool in Photoshop, then you have come to the right place. Pen tool always be the biggest problem that faces by many beginners, and I once was. But no need to worry because in this post, I’ll try to explain the basic control of the pen tool. Here I use Photoshop CC version, but no need to worry if your Photoshop is not Photoshop CC. Because all the basic pen tool is just the same, even CorelDraw and Adobe Illustrator.


Photoshop’s pen tool you have three options: Create a new work pathCreate a new shape layer, and Fill Pixels.


We will use the Create a new work path option as this the most commonly used. You can find these options in the top left hand corner of the Photoshop window. See the image below.


Just like selection tools, the pen tool has several different options for the resulting path. The most commonly used is “add to path area”. See image below.


Take your pen tool and click on a blank canvas similar to what I have done below. Each time you click you create an anchor point.


Hold down Shift, move the mouse and click again. Holding down shift while making an anchor point creates it in a straight line with the last anchor point.


We can add and delete anchor points on the path we have created. Right click on the pen tool on the toolbar to reveal further tools. Use the Add and Delete Anchor Point Tool to do just that!

add anchor point

I used the Delete Anchor Point Tool to remove the forth anchor point.


Now, let’s look at the Convert Point Tool for curvature modification and moving anchor points.

convert anchor point

With the convert point tool click and drag on the second anchor point. Without letting go, move the mouse around and see how it affects the curve. The line that is created is called the Tangent Line. The tangent line controls the curvature of the curve.


Holding down Ctrl click on the anchor point and move the mouse, see how this allows you to move the anchor point.


Click on one end of the tangent line and drag.


This breaks the tangent line in half and creates sharp path changes.


Move the entire path by selecting the Path Component Selection Tool from the toolbar and drag the path to a new location.


Delete your path by right clicking on the path and select Delete Path.


Finally, I will briefly touch on another style of creating a path. With your pen tool create two anchor points however on the second click don’t let go, drag the click to create the tangent line. The tangent line will affect the next anchor point that you create. Try it out. I don’t use this technique because I find it slower but many do. Just use the technique that feels right for you and keep practicing. Remember, “Practice makes perfect”. Good Luck. Adios fellas.

Getting Started With Photoshop (Part 2)

Hey there, I’m back. Well, after we’re talking about main menu, layers, toolbox, and etc in the previous post now I’d like to explain you more about shortcuts, opacity, tools, and so on like what i have promised to you before. Ok, without further due let’s get started and I’ll start with shortcuts, here we go:


To make a new layer, hit Command/Ctrl +N to create a new layer. Personally, I use the Layers Panel, and there are keys that you can hit to save time and make life much easier. To create a new layer below the active layer, hold down the command/ctrl key when you click the new layer icon. You can create your own custom keyboard shortcuts by going to Window> Workspace> Keyboard Shortcuts & Menus.

Screenshot (8)


The opacity of a layer refers to how much you can see through it. 0% opacity means you can see right through it. 50% opacity means that it is 50% transparent. 100% opacity means that you can’t see through it at all. To lower a specific layer’s opacity, simply type the number of the opacity that you would like. For example, if you want 30% opacity for the selected layer, tap the 3 key. You can do this as much as you’d like. You can make a layer have double-digit opacity, by quickly tapping both numbers. For example, if you wanted a layer to have opacity of 45%, you would quickly tap 4-5. In the example below, both circles are on their own layer and are set to 50% opacity.


To select multiple layers in order, hold shift and click the layers that you would like. If you want to select specific layers, hold down command/ctrl and click each layer. When multiple layers are selected you can move the contents of all of those layers at once. They are considered connected unless they are unselected.


A great way to organize your layers is to group them together. With multiple layers selected, go to Layer> New> Group From Layers. You can name this group anything you want and all of those layers will be in this folder. You can click the triangle next to the folder to expand its contents. You can move a whole group of layers at once by selecting the group layer with the folder icon. You can also link layers by clicking the link icon at the bottom of the Layers Panel. When layers are linked together, they will move together in unison.



You can stack layers upon layers on top of each other. Sometimes, when you are done processing multiple layers, it might help to consolidate them. This is called merging layers. You can do this by selecting multiple layers and hitting the command/ctrl + the E key.

To duplicate a layer, hit command/ctrl+ J.


There are many tools at your disposal in Photoshop. I will cover them from left to right and from top to bottom. Below is a chart to follow along with.


1. The Marquee Tools

Rectangular – This makes a rectangular selection on your Photoshop document. With any of the selection tools, you can hold shift to add to your selection, and hold option/alt to subtract from the selection. You can also feather your section, which blurs the transition between the boundaries of your selection and the rest of the image.

Elliptical – This allows you to make a round selection, and the same rules for the rectangular marquee tool apply to the elliptical marquee tool.

Single Row – This tool makes a 1px horizontal selection that spans the total width of your document from left to right. This is great for created a 1px repeating pattern for your websites.

Single Column – This tool makes a 1px vertical selection that spans the total height of your document from left to right. This is great for created a 1px repeating pattern for your websites.

2. The Move Tool

The move tool does just that. You can select anything on the current layer and move it to a different position on the screen. If you have made a selection, you can move the selection and it will cut it away from the rest of the layer. You can also tell Photoshop to Auto Select Layers or groups, but this can be annoying when you are trying to work.

3. The Lasso Tools

The Lasso Tool – This tool lets you make loose selections around anything on a layer. It has the same options as the marquee tools.

The Polygonal Lasso Tool – This tool allows you to make selections, but it does so in a strictly linear fashion. In other words, you can draw straight lines for your selections.

The Magnetic Lasso Tool – This is a handy selection tool that allows you to drag your mouse over the boundaries of an image, and it determines where the edges are, and anchor points are placed at regular intervals. This should give you a close and relatively controlled selection.

4. The Quick Selection Tool

The Quick selection tool makes a selection based on the boundaries of objects. As it is with the name, it makes quick work of making selections, and you can simply drag over the areas that you want to select.

Magic Wand Tool – The magic wand tool makes a selection based on where you click your mouse. As with the other selection tools, hold shift to add to the selection and hold option/alt to subtract from your selection. The contiguous option decides if you want to select only that spot, or if you want to select that color information over the entire image.

5. The Crop Tool

The crop tool allows you to crop an image to the proportions that you desire. You can input a set ratio, such as 3 x 5 in the ratio, or you can also determine a fixed size and resolution for your cropped image.

The Slice Tool – The Slice tool allows you to slice up your image or graphic for use on the web. It is basically like the Crop tool, but for use on the web. Once you have your graphics sliced up, you can export them all at once for the web.

The Slice Select Tool – This allows you to select a specific slice and edit its boundaries. This allows you to make proper adjustments before you export your slices.

6. The Eyedropper Tool

The eyedropper tool allows you to sample a color from any image, so that you can use it in your work. You can control the color area that it samples, so that it samples a pinpoint pixel, or it can sample a range of pixels. Also, you can sample the current layer or all layers.

The Color Sampler Tool – This allows you to sample up to 4 areas of color within your image, so that you can have information about those colors. Like the Eyedropper Tool, you can determine the range of pixels that it samples.

The Ruler Tool – The Ruler tool will tell you the distance between two points, but it can also help you straighten your photos.

The Note Tool – The Note Tool allows you to add notes to your Photoshop document. This is great for collaboration, and really helps to organize and streamline the workflow. You can export notes to a pdf version of your file, which is handy for those people that are involved in the project, but don’t have Photoshop.

The Count Tool – The Count Tool lets you place a visual marker on objects in an image as you are counting them, which it keeps track of. You can also have multiple count groups, which means that you can keep track of several types of objects within the same image.

7. The Spot Healing Brush

The spot healing brush is a great tool for removing artifacts and blemishes from images. It works with just a simple click of the mouse by sampling the surrounding areas and blending the anomaly away. If you set it to content aware, you can remove larger areas of unwanted material.

The Healing Brush Tool – The healing brush allows you to brush out blemishes and areas that aren’t desired in your images. You click the option/alt key to select certain

The Patch Tool – The patch tool is a great tool where you can make a selection that is similar to the lasso tool. Once the selection is made, you can click and drag it to the area that you wish to fill it with and when you release it, it patches it with the content that you have specified.

The Red Eye Tool – The Red Eye Tool is a quick and easy tool that allows you to click on portions of an image that have red eye and remove them instantly. If there are any red portions outside of the eye, it may cause adverse effects.

8. The Brush Tool

The Brush Tool is one of the most important tools that are in your arsenal. You will probably use the brush tool more than any other tool in Photoshop, especially if you are retouching images. You can change the size of the brush, how hard it is, its shape, texture, opacity, flow, how it acts when you use it, and more.

The Pencil Tool – The pencil tool allows you to draw on the Photoshop canvas as if you were using a real pencil.

The Mixer Brush Tool – The Mixer Brush is an amazing tool that allows you to simulate real media, such as paint, and blend colors with realistic effects. It is a natural way to paint inside of Photoshop, and with Photoshop CS5, there are many bristle brushes that are available to simulate the behavior of traditional paint brushes.

9. The Clone Stamp Tool

The Clone Stamp Tool is used to clone or copy image information from another area. Hold the option/alt key and click to sample an area of an image. Then, click the image to brush with the color and image information that you sampled.

The Pattern Stamp Tool – The pattern stamp tool gives you the ability to use a brush-type tool to paint a pattern or texture on your document.

10. The History Brush Tool

With this tool you can paint with an image state or a snapshot into a different layer. This lets you bring in details from another project state.

The Art History Brush Tool – This does the same as the History brush, but adds a stylized effect with different settings and parameters.

11. The Eraser Tool

The Eraser Tool removes pixel information from your document. It allows you to remove content that you do not need. You use brushes, which you can specify just like any other brush-related tool in Photoshop. You can adjust the opacity and the hardness of the brush.

The Background Eraser Tool – The Background Eraser Tool is a great tool for removing the background from an image. Simply click and drag the eraser along the boundaries of the image and its background and it will remove the background. This isn’t a perfect method of extraction, though and requires trial and error.

The Magic Eraser Tool – The magic eraser removes a section of the background of an image, and is based on the area that you click to remove. It does a good job, but sometimes it removes areas that aren’t necessary, requiring a lot of trial and error.

12. The Gradient Tool

The gradient tool allows you to create a blend between two or more colors. You can determine the angle of the blend, its opacity, how many colors are blended and the order of the steps within the gradient.

The Paint Bucket Tool – The paint bucket tool will fill an area with color, depending on the tolerance setting. It will fill contiguously, or you may set it to fill any area with that color range.

13. The Smudge Tool

The smudge tool works like a brush, but it smudges pixels and allows you to push them around. It allows you to blend and transition colors easily.

The Sharpen Tool – The sharpen tool gives you the ability to sharpen areas of an image by painting on them manually. This gives you a lot of control and pinpoint accuracy when sharpening images.

The Blur Tool – The blur tool lets you blur parts of an image, which can help with harsh transitions between images. Like the sharpen tool, it behaves like a brush and gives you pinpoint accuracy.

14. The Dodge Tool

The dodge tool lets you paint in highlights in the different tonal ranges of your images.

The Burn Tool – The burn tool allows you to paint in shadows and darken different tonal ranges in your images.

The Sponge Tool – The Sponge Tool allows you to add or take away saturation from your images. You can use it like a brush and paint in precise areas.

15. The Pen Tool

With the Pen Tool, you can draw paths for use in your artwork. Print designers use the pen tool to draw paths around objects to use them for projects. Many print design software such as Quark and InDesign allow you to use clipping paths embedded from Photoshop so that there are no background around your photos.

The Freeform Pen Tool – The freeform pen tool is a drawing tool that lets you draw a path by hand and it adds anchor points along the way. This is a natural way to draw a path by hand and would probably benefit best from a user with a drawing tablet.

The Add Anchor Point Tool – This tool lets you add anchor points to your paths by using this tool and clicking directly on the path itself.

The Delete Anchor Point Tool – This tool lets you delete anchor points from your paths that you don’t need. This keeps your paths clean and free from too many points.

The Convert Point Tool – This tool allows you to select a path and convert it from a straight path to a round one or from a round path to a straight path.

16. The Text Tool (The Horizontal Type Tool)

This is the main tool for creating your type in Photoshop.

The Vertical Type Tool – The Vertical Type Tool lets you type vertically instead of the traditional horizontal method.

The Horizontal Type Mask Tool and The Vertical Type Mask Tool- These tools let you make a mask from a typeface, which can save you a step or two if you know that you want rasterized type right off the bat. If you want editable type made of a color or texture, you can simply use a clipping path using normal text and it will work the same, while still being editable.

17. The Path Selection Tool

The Path Selection Tool gives you the ability to select an entire path at one time. This lets you move the entire path instead of just one point.

The Direct Selection Tool – The Direct Selection Tool lets you select one or more anchor points within a path, so that you can move them or alter their arrangement.

18. The Shape Tools

These include the Rectangle, Rounded Rectangle, Ellipse, Polygon, The Line Tool and The Custom Shape Tools. They allow you to draw custom shapes based from paths or vector shape layers, giving you crisp lines.

19. 3D Tools

The 3D tools inside of Photoshop let you manipulate objects in 3D space.

20. Camera Tools

The camera tools allow you to alter the position of the camera view when working with 3D. The allow you to pan, or rotate around the scene.

21. The Hand Tool

The hand tool lets you move to any area of an image without accidentally dragging around a layer of an object on a layer. You can quickly switch to the hand tool any time just by holding the space bar.

The Rotate View Tool – The Rotate view tool is really handy because it allows you to rotate the entire canvas and leave it in any 360° rotated position. To bring it back to normal view, simply click the reset view button in the options bar.

22. The Zoom Tool

The Zoom Tool is used to zoom in and out of your document. It is mostly used when someone wants to zoom in on a specific section of an image. You can simply click and drag a selection of an image and it will zoom in on that area.

Common Tasks


To make a mask, you have a few different options available to you. Masks allow you to blend images, retouch images, blend effects, and composite images into one convincing photo.

Quick Mask

A quick mask is really simple to make. Simply hit the Q key to bring up quick mask mode, where you can use the brush tool to paint in the areas that you want to make as your selection. The areas will be shown in a transparent red color. When you are done, you can hit the Q key again, and you will see that your quick mask is an active selection. Simply click the Layer Mask icon in the Layers Panel to turn your selection into a mask for that layer.



A True Layer Mask

Click the Layer Mask icon in the Layers Panel to create a new layer mask. You will use the brush tool to paint in your mask. Black conceals the image, to show the layer below and white reveals the image to hide what is under it.




You can create selections in several ways. One way is to use the magic wand tool and click on an area of your image to make a selection. You can add to the selection by holding shift when you click on a new area and by holding alt/option when you click on an area, you can subtract from the selection.

The quick selection tool is a great tool, because it quickly selected areas of your image when you click and drag over them. You can quickly select people and objects. Just as the magic wand tool, you can add to the selection by holding shift when you click on a new area and by holding alt/option when you click on an area, you can subtract from the selection. You can use the marquee tools to make selections. The rectangular marquee tool creates a rectangular or square selection and the elliptical marquee tool creates an oval or circular selection. You can make selections manually with the Lasso Tool, the Polygonal Lasso Tool, and the Magnetic lasso tool. These tools will allow you to make a custom selection that you specify your. Once you make a selection with any of these tools, if you click Refine Mask in the options bar at the top of Photoshop, you can tweak your selection and one of the output options is New Layer with a Layer Mask. This gives you a highly refined mask that you can tweak for your own purposes.




Getting started for the first time with Photoshop can seem daunting, but learning the basics and learning your way around the program can make things quick and easy. As with anything, practice makes perfect, so with a little practice you should be used to the interface in no time. Knowing what Photoshop will and won’t do (There isn’t much that Photoshop can’t do) will help you to edit your images and create digital artwork quickly and efficiently. Just remember, “Practice Makes Perfect”. Good Luck.

Getting Started With Photoshop (Part 1)

It doesn’t matter if you are new to the world of graphic design, or you are a photographer and you want to enhance your photos, you will eventually encounter the need to use Adobe Photoshop. Remembering when I first started out, I wondered how I would ever begin to know how to work my way through Photoshop and create professional quality, eye-dazzling work, L.O.L.  Later on, I use Photoshop on a daily basis, keep looking on internet how to use this one, that one, and looking for many words that sounds alien to me. But I keep doing it though. I keep practices whenever and wherever I have time, and I download many tutorials from YouTube on campus. I won’t lie to you. Learning Photoshop is difficult, you can only make it if you keep trying and learning on daily basis. And one thing for sure, you won’t be able to go from getting started, to pro overnight, but you can take comfort in knowing that everyone has to start somewhere, just like I do.

Getting to Know Your Way around Photoshop

It is good to have a general idea of where everything is, so that you can work your way around the Photoshop interface. To get started, I will list some terminology, and where you can find it in Photoshop.


1.    Main Menu

This is where your Options, Image Adjustments and Filters are. When you run filters in Photoshop, they will be found in this section under the Filters Menu.
2. Options Bar

This menu is most used when you have a tool selected. It allows you to adjust settings that are specified for the active tool.

3. Toolbox

By default, this sits on the left side of your screen and contains all of the different tools that are available in the program. If a tool contains a black triangle in the bottom-right corner, then there are other tools related to that one stored in a sub menu. All you have to do is click and hold your mouse over that tool to reveal the submenu.


Terms That You May Hear When Learning Photoshop

When learning Photoshop, you may be watching video tutorials, reading a book, or reading a blog tutorial online about how to do something in Photoshop. Most writers have an assumption that the reader has a general idea of the basic terminology involved with using Photoshop.


This refers to each window inside of Photoshop, which contains controls over different aspects of your document. Good examples would be the Color Panel, the Layers Panel, the Paths Panel, and anything else besides the toolbox that is open alongside your actual Photoshop document. What is great about Panels is that you can arrange them however you desire. You can dock any panel with another set of panels, so that you can consolidate your workspace. This is especially handy for people who are working on a laptop or a smaller monitor. All you have to do is click and drag the title tab of any panel over another panel. The bottom panel will outline in blue, letting you know that you can dock this panel with another set. Release your mouse, and now you will have multiple panels in one small window.


A good rule of thumb is to dock alike items. I tend to dock Swatches, Color, Styles and Kuler together. Then, I dock Layers, Channels, and Paths together. I also dock brushes and brush presets together, and I dock the Character and Paragraph panels together.

Document Window

This is the actual image or file that you are working on in Photoshop. This also refers to any other open document inside of Photoshop. You can have multiple images open in Photoshop at once.


Dialog Box

This refers to a popup box that opens when you select choose to use a filter or certain options in Photoshop. Dialog boxes usually contain options and settings for the filter or action that you just selected.


Get Comfortable With Your Surroundings

Adobe loves to make it easy to set things up how you like it. They have integrated a feature called workspaces. Workspaces allow you to set up your Photoshop panels how you like them. You can arrange your workspace exactly how you like it and save it for later as a preset.

Photoshop already comes with workspace presets that are geared towards different professionals. The presets are Essentials, Design, Painting, Photography, 3D, Motion, and New in CC. You can save your own presets easily. Simply arrange your panels and workspace exactly how you’d like it. You can close certain panels that you don’t use frequently, and if there are panels that you want to be active, but you don’t see them, you can make them visible quickly. Simply go to Window> and then select the panel that you want to make visible. Once you have everything how you like it, click the double arrow next to your list of workspaces, and select New Workspace.

Screenshot (5)

A dialog box will pop up, allow you to name your workspace so that you can activate it later. You will also have the option to remember your keyboard shortcuts and your menu setup as well. This enables you to have the ultimate flexibility you need, and you can switch workspaces with a simple click of a button. This speeds up your workflow, and saves you time, because you aren’t constantly opening and closing panels, moving them, rearranging them, etc.


New Documents

Simply go to File> New to open a blank document. A dialog box will come up with several options. You can choose a custom file size, resolution and the color mode for your document. If you are brand new to the world of Photoshop, then you will want to know what these are, and what they mean.


Width and Height

The width and height of your document are important. You can select whether you work in inches, pixels, centimeters, millimeters, points, picas or columns. A pixel is the smallest block of color information that makes up an image. You would most likely choose pixels if you are designing for the web, because dimensions are set in pixels. Inches will be useful in print design, because you are referring to the physical size of the document.

Centimeters, millimeters, points, and picas are also used for print, but aren’t as widely used anymore.


The resolution of your document is as equally important as the size. Work that you do for the web is usually done in 72ppi or pixels per inch. This is the resolution in which most monitors display their images. If you are designing your work for print purposes, such as commercial photography, or anything that you want to print, such as photos, business cards, flyers, and brochures, then you will want to choose 300ppi. This is denser and gives a sharper image.

Color Mode

Your color mode is important, because just as in resolution, your color mode will depend on your intended outcome. The most commonly used color modes are RGB and CMYK. Lab Color, Bitmap and Grayscale are the other options for color modes. LAB mode is used for a lot of professional color correction, and you can do some things in this color mode that are harder to do in other modes. This is usually for more advanced users that understand Photoshop well already, because LAB color mode is a completely different animal.


RGB Color Mode is made up of 3 color channels- red, green and blue. RGB is mainly used for web design and for screen or monitor purposes. Monitor colors are made up of red, green and blue light in order to display images, so RGB mode is most suitable and true-to-life to work with. It is good to keep in mind that all monitors are different though. One monitor may display blue slightly different than the next monitor, and both of those could be different than the next in line.


CMYK mode is used mainly for print. CMYK stands for Cyan, Magenta, Yellow and Black. These are the colors of ink that make up an image in most conventional printers. You will find it interesting that the different combinations of Cyan, Magenta, and Yellow will make red, green and blue. When designing in Photoshop, it is important to keep in mind that an image in CMYK mode won’t look exactly the same printed as they do on a monitor. Designers have been battling this issue for years. There are color calibration tools that high-end professionals use, but it is still a good idea to use something called a proof.

A proof is a printed sample of the image or design that you want to have printed. You compare this to your intended work on the monitor, and you make adjustments to your design based on the outcome of the proof. Your design may look perfect on your computer, but when it is printed, it is more yellow than it is supposed to be. Before the final print is approved, you would adjust your colors to compensate for the extra yellow, and you might even order a second proof.

Some printers charge for hard copy proofs of your work, which some might argue isn’t worth the extra expense. It really depends on your project, because you might order 10,000 copies, and if they are all ruined, then you have to absorb the costs, or you could spend the extra $ and be on the safe side.

New document Presets

Other than resolution and color modes, Photoshop makes life easier, and incorporates document presets, so you don’t have to remember dimensions for all of your documents. A good example would be if you make a lot of mockups of tablet screens, and you didn’t want to have to remember the dimensions of an ipad screen, a Samsung Galaxy, an iPod touch, and a dozen other devices. You could dial in the dimensions once, and save them as a preset. Photoshop already incorporates some presets out of the box, such as paper sizes, and normal web site sizes.




One of the most important aspects of Photoshop is the feature called Layers. Layers is where you can stack images on top of each other, blend images together, add color, take it away, merge layers together and much more. In the example below, the document is made up of 3 layers: the black background layer, the middle texture layer set to the blend mode of hard light and then the type layer on top. How layers stack will greatly determine the look of your work.


Well, in this chapter i’ll end at this point and we’ll continue it later on the next post. In the next post we’ll discuss about shortcuts, opacity, tools, etc. See you in the next post and good luck.