Hey guys, welcome to my another tutorial on Instagram Effects. A few weeks ago I shared a tutorial on Creating Instagram Claredon Effect and today I’ll be sharing How to Create Instagram Gingham Effect on Photoshop. Instagram is getting popular day by day, and it has crossed 400 million users worldwide. Yes, I know that’s huge. Given that the total world’s population is around 7 billion, around 5% of all people in this world uses Instagram. Considering that, it’s quite obvious that enthusiasts like you would search for Creating Instagram effects on Photoshop, and here’s the end of your search.
Before we go any further, I’d like to show you the final image.
FINAL
So let’s begin the tutorial.
Step 1: Reducing Highlights
The key feature of this filter is that it suppresses every single highlight present in an image, and we are going to do the same.
Open your image on Photoshop and go to Image>Adjustments>Shadows/Highlights.
Reduce the highlights as shown below. I’ve reduced it by 48%. Please note that what settings suit your image best, might be different than mine. Make sure that you decrease the tone as reduction of highlight will also affect the face which we don’t want.
Step 2: Reduce Colors
The next thing we need to do is to reduce saturation.
Go to Image>Adjustments>Vibrance. Reduce the Saturation to -31.
Step 3: Apply Vignette
Press Cmd+Opt+Shift+E/Ctrl+Alt+Shift+E to stack all layers onto top of the layer panel.
Go to Filters>Camera Raw Filter.
Head over to the FX section. Increase the Amount and Midpoint in the Post Crop Vignette section.
This will add a nice white vignette to the image.
I hope that you enjoyed this tutorial. Please share TrickyPhotoshop by sharing this tutorial with your friends and family on Facebook, Twitter, and Google+.
Hey guys! Today we’re going to learn a bit different than what we usually learn at TrickyPhotoshop. It is very common in daytime when you take photos, either the background gets overexposed or the foreground gets underexposed. Suppose you want take photo of a tuscany field and beautiful clouds are there to add beauty to your photos. Time is 1 PM and light is harsh. You adjust the Shutter speed so that field is properly exposed but you realize that sky is overexposed. Now you adjust shutter speed so that sky is properly exposed but later you realize that field is underexposed. There’s no ideal adjustment present in the camera that makes both background foreground perfectly exposed, and this is bothering you because you like your photos to be perfect. Fortunately we have an option to merge multiple exposures photos in Photoshop.
In this tutorial, I am going to show you how to merge different exposures photos in Photoshop. This tutorials require you to have at least two different exposures of same photo where in one foreground is perfectly lit and in another background is perfectly lit.
Before we go any further, I would like to show you two initials and one final photos.
Perfectly Exposed Foreground
Perfectly Exposed Background
Perfectly Exposed Foreground and Background
As I used a stock image, I needed to alter same image to create two different photos where one has perfectly exposed foreground and other has perfectly exposed background.
Let’s begin the tutorial
Step 1: Select the Sky in Perfectly Exposed Foreground Photo
We need to replace the overexposed sky with perfectly exposed sky. For that we need to first take it out.
I am going to use Magic Wand Toolto select the sky. You could activate it either from the Tool Panel or press Shift+W again and again until it comes.
Now drag your mouse to select the sky.
Step 2: Refine the Selection
Invert the selection to select the foreground. You could do it by pressing Cmd+Shift+I/Ctrl+Shift+I.
We are going to use Refine Edge tool to make our selection near to perfect. Go to Select>Refine Edge.
As the photo is pretty much large, I am dragging the radius all the way to 250 pixels. Make sure your Output To is set to New Layer with Layer Mask.
This will create a new layer in the layer panel.
Step 3: Place the Perfectly Exposed Background Photo below the top layer.
Press Cmd+O/Ctrl+O to open a new photo in Photoshop. Browse the photo and open it. Press Cmd+A/Ctrl+A to select the whole image and Cmd+C/Ctrl+C to copy it.
Step 4: Merge Multiple Exposures Photos in Photoshop
Time to paste the recently copied image.
Press Cmd+V/Ctrl+V to paste it onto the image that has perfectly exposed foreground.
Move the layer to below the layer that has perfectly exposed foreground.
And now we’re done with this tutorial.
Here’s the final image again.
I hope that you enjoyed this tutorial.
Please support TrickyPhotoshop by sharing this tutorial with your friends and family on Facebook, Twitter, and Google+.
Hey guys, again I am back with my series on achieving Instagram effects using Photoshop. This time I am going to create Instagram Clarendon Effect in Photoshop. Instagram has become quite popular after Facebook bought it for a massive amount of 1 billion dollars. Turned out that the investment was quite strategic as the present value of Instagram is 30 billion dollars.
The best or worst part of Instagram is its exclusivity to its app. You cannot use its filter if you’re not using its app. The only way left to you is to create it. So let’s create one.
Before we proceed, I’d like to show how our image will look at the end.
FINAL
I hope that you like it. Let’s begin.
Step 1: Find the Accent Color
You might have noticed that Clarendon filter adds a tint of the color that has maximum presence in the image. Our job is to find out that color. The best way to do that is by blurring the image all the way to its extreme.
Open the image. Go to Filter>Blur>Gaussian Blur. Turn the slider all the way right to 1000 pixels.
Now activate Eyedropper tool by pressing I. Sample the color by clicking on the color.
Click on the foreground color.
Copy the HEX color code by pressing Cmd+C/Ctrl+C.
STEP 2: Add Tint of Accent Color
Go to Layer>New Adjustment Layer>Photo Filter.
Turn on the color (highlighted by red box) and then paste the HEX color code you just copied in the area inside Yellow box.
Drag the Photo Filter slider all the way to 100%. Make sure that “Preserve Luminosity” is turned on.
STEP 3: Add Saturation
Go to Layer>New Adjustment Layer>Vibrance.
Increase the saturation by 10-15%.
STEP 4: Create Instagram Clarendon Effect in Photoshop
Press Cmd+Opt+Shift+E/Ctrl+Alt+Shift+E to stack all the layers into a new layer. This will not alter the image. It will just create a new layer at the top of the layer panel.
Go to Filter>Camera RAW filter. Navigate to the fx tab and decrease the Amount in Post Crop Vignette to -50%. Press OK
This will add a nice looking vignette to the image.
And now we’re done. Here’s the final photo.
FINAL
I hope that you like this tutorial.
Please support TrickyPhotoshop by sharing this tutorial with your family and friends on Facebook, Twitter, and Google+.
Hey guys, welcome to my another tutorial on Photoshop. You went to a party and your wife forgot to put on eyeliner. After looking at the images, she realized that she had made a terrible mistake. Her eyes are looking completely plain in the photos. Now she can’t upload those adorable photos on Instagram because of one small mistake. Fortunately, we have something in Photoshop that can save her soul. So let’s begin our today’s tutorial on How to Add Eyeliner in Photoshop.
Before we begin, I’d like to show you how our final image will look like.
Now that you’ve seen the final image, let’s begin with the tutorial.
Step 1: Download Eyeliner
Download a PNG image of eyeliner.
Download it
You need to save the above image in order to proceed. Right click on the image and save it.
Step 2: Copy Eyeliner
Open the image in Photoshop. Open the Layer Panel by pressing F7. Hold down Cmd/Ctrl key and click on the icon shown on the layer panel.
Now press Cmd+C/Ctrl+C to copy the image.
Step 3: Add Eyeliner in Photoshop
Open the image where eyeliner needs to be added.
We need to move the eyeliner to the desired place. We could use any type of move tool but I am using my favrouite, Free Transform Tool. Press Cmd+T/Ctrl+T to activate it. Resize and place the image on her eye. You don’t have to be accurate here. Placing it perfectly will be done in the next step.
Step 4: Transform Eyeliner
To make the eyeliner skewer, hold down Cmd/Ctrl key. Make sure that Free Transform Tool in still activated. You’ll notice that cursor will change to white. Now drag middle right point to make the eyeliner skewer.
You need to do it couple of times to get a perfect picture.
Step 5: Duplicate Eyeliner
Duplicate the layer by pressing Cmd+J/Ctrl+J.
Go to Edit>Transform>Flip Horizontal.
Step 6: Complete the Image
Once again use Free Transform Tool and place the flipped eyeliner on the other eye.
And now you’re done with the image.
FINAL
I hope that you like the image.
Please support TrickyPhotoshop by sharing this image with your family and friends on Facebook, Twitter, and Google+.
Last night I was playing with Photoshop, and trying to add eyelashes on Photoshop to a model. Stupidly what I was doing was copying eyelashes from one image and pasting into another. No wonder that took more than an hour as achieving perfect result was near to impossible. Then I googled out a little bit, and I found a one-stop solution that made me feel how much stupid I was. If I had known that thing, what I had done in 80 minutes could’ve been done in 5 minutes.
FINAL
The trick I am talking about is “Brush”. Yes, a brush. What we can do is to either create a Photoshop brush out of it or downloda it from internet. I chose the later. Here’s the link to download eyelashes brush. You will find insane amount of eyelashes brushes on internet but for ordinary needs, this one may suits you.
Once downloaded, we need to install the brush. Fortunately I’ve already written an article on installing brush on Photoshop years ago. The article was written August 2013 but will still fulfill your needs.
So let’s start with the tutorial.
Step 1: Download the Brush
The first thing that you need to do is to choose the eyelashes brush. Grab Brush Tool from the tool panel or press Shift+B again and again until it comes. Right click anywhere on the photo and choose Eyelashes Brush (Yours name may be ss-eyelashes).
A popup message will ask you to choose among three options that are Append, Cancel, and OK. Choose OK.
Choose the type of eyelashes you’d like to have.
Step 2: Add Eyelashes on Photoshop
You don’t want your editing to be destructive. Create a new layer by either going to Layer>New>Layer or by pressing Ctrl+Shift+N. Now click on the area where you want to put on eyelashes.
As you can see, the eyelash is very much misaligned. We are going to use Warp Tool to make it aligned.
Step 3: Warp it!
Go to Edit>Transform>Warp. Now align the image accordingly.
This may take few minutes. Please dedicate your time to make eyelash looks as much real as possible.
Reduce the opacity to around 70% to make it looks better.
Step 4: Do it for Another Eye
Do the same with other eye.
And there you’ll get your final result. 🙂
And we’re done here.
I hope that you like this tutorial.
Please help TrickyPhotoshop by sharing this tutorial on Facebook, Twitter, and Google+.
When it comes to making your viewers focus on a definite part of a photo then apart from making other parts blur or darken it, the most common method is to crop the image. Definitely cropping is one of the most used methods to define your center of attraction in your photo. A bad crop or no crop can ruin your photo while a good crop gives more perfection to your photo. Thank god, we have a tool called as Crop Tool in Photoshop to crop images.
Crop Tool in Photoshop
To select crop tool all you need is to press Shift+C again and again until it comes. You can also select it from the tool panel (left one).
After selecting crop tool you can able to see 8 handles at the edges of the image. 4 at the corners and other 4 at the sides. These handles are new in Photoshop CC and saves us lot of time to crop images. Just drag the handle and press enter/return and your cropping will be done.
To crop a photo just drag the handle as per your requirement and your photo will be cropped. If you think that you have made a mistake then press Ctrl+Z/Cmd+Z to undo the last action. The black portion that you are seeing is called shield. It denotes the area that are going to be cropped.
You can do much more with crop tool in Photoshop CC. First let me introduce you the option bar of “crop tool”
CONSTRAINED VS. UNCONSTRAINED CROPPING
Constrained cropping lets you to crop your photo only in a definite aspect ratio. Means the ratio of your image height and your image width will always be constant. Let me show you an example.
Suppose I put a constrained of 1 x 1 (square) means that the ratio between my image height and my image width will always be equal to one. This means that my width will always be equal to my height. Then Photoshop will adjust the crop handle in such a way that my image height will always be equal to my image height.
In the above example you can see that the width is equal to the height. I showed you an example of 1 x 1 constrained crop. Just like this we have many other cropping presets available in Photoshop like 4 x 5, 8.5 x 11 etc. If you cannot see the preset you want then you can click on “size and resolution” for custom constrained cropping. Just fill the width, height, and resolution you want and then click on OK. You can also save that as your preset after checking “save as crop preset”.
The main use of constrained crop comes while printing an image. Suppose you want to print one of your photo for 5 x 7 frame. Then you can use 5 x 7 constrained crop to crop your photo such that the aspect ratio of the cropped photo will be of 5 x 7.
Just opposite of constrained crop is unconstrained crop. By choosing this option, you have full flexibility over your crop tool. Unlike constrained crop, you can crop your photo with any dimension you want.
STRAIGHTEN
This is used to straighten your photo. If you have an image and you want to tilt the image then you can use this tool. You just need to drag the mouse as per your requirement and Photoshop will tilt your image.
VIEW
This helps us to crop our image. Generally I use “rules of third” which displays 2 horizontal lines with 2 vertical lines while cropping.
ADDITIONAL CROP ACTION
Use Classic Mode: If you have used Photoshop CS5 or older version in past and you think that cropping in Photoshop CS6 is somewhat difficult then you can revert back to old cropping method by turning this option on.
Auto Center Preview: By turning this option on, Photoshop will automatically put the unshielded are at the center of the window.
Show Cropped Area: By turning this feature off, Photoshop will not show the area that is going to be cropped.
Enable Crop Shield: By turning this feature on, Photoshop will darken the area (shield) that is going to be cropped.
Color: It determines the color of the shield.
Opacity: It determines the opacity of the shield.
DELETE CROPPED PIXELS
In Photoshop CS5 and older versions when you crop a photo, the area you have cropped out will be gone permanently. But in Photoshop CS6 and newer versions, you can restore the area that you have cropped out in past. I totally recommend to turn off “delete cropped pixels” while cropping an image because no one knows what will happen in future and in case you need your cropped pixels then you can have that easily. All you need to do is to expand the crop handle.
And we are done here.
Thank you for reading this article. Hopefully, we’ll meet again.
Please support TrickyPhotoshop by sharing this article with your friends and family on Facebook, Twitter, and Google+.
When it comes to selection in Photoshop, we’ve lots of tools available. Each tool is unique in its own way. The same goes for Magic Wand Tool in Photoshop. Although it is bit similar to Quick Selection Tool, but its ability to draw a selection with one single click gives it a slight edge over Quick Selection Tool.
In this tutorial, we’re going to learn what is Magic Wand Tool in Photoshop, when to use it, and how to use it.
What is Magic Wand Tool in Photoshop
If you’re following this article from the beginning, you must know by now that Magic Wand Tool is a selection tool in Photoshop. Being extremely agile in nature, if you want a quick turnaround, you could use this. But speed comes at a cost, and that is quality. You may not get superior quality of selection that you make with Magic Wand Tool. But for day to day use, this tool is all you need.
You could activate this tool by pressing Shift+W again and again until it comes or by grabbing it from the toolbar.
Fig. 1
When to Use Magic Wand Tool in Photoshop
Adobe made Magic Wand Tool for specific tasks. Generally Magic Wand Tools works best when your selection needs same type of color.
Fig. 2
Fig. 2 is ideal for Magic Wand Tool if you want to select the yellow umbrella. The reason is that Magic Wand Tool selects a particular color out of the whole image. It uses Photoshop’s advanced edge detection technique to find edges. Bit confused, everything will get clear in next section.
How to Use Magic Wand Tool in Photoshop
Selection with the help of Magic Wand Tool is probably the easiest thing anyone can do in Photoshop. It is as simple as one single click. All you need to do is to activate the Magic Wand Tool and click on the area you want to select.
Fig. 3
Now suppose you want to select the yellow umbrella in Fig. 3, you just need to click on the umbrella, and that’s it. If the selection doesn’t cover the whole subject as shown in Fig. 3, just click one more time on the area which is not selected. This will give you complete selection like Fig. 4.
Fig. 4
Now you might be wondering “How does it work?”. Well the answer is simple. As I mentioned in the beginning, Magic Wand Tool uses advanced edge detection of Photoshop. It just looks for change in color. Whenever Photoshop finds one, it knows that there’s an edge present out there. With reference to Fig. 4, there’s a huge contrast between the yellow color and the black color. Such huge contrast can only be present because of presence of an edge.
Now let’s get into a bit deeper.
Fig. 5
The Tool Panel of Magic Wand Tool is pretty much similar to the Quick Selection Tool’s but there’s a slight difference. That’s “Tolerance’.
This option lets you do three things with your selection. You have already seen it in action in Marquee Tool and Lasso Tool. It is subdivided into three sections.
New Selection: This option lets you create a new selection every time your releases your mouse button. It’s like one shot. Whenever you’ve selected an area and you release the mouse button, and then you again hold down the mouse button, it’ll automatically deselect the older selections and lets you create a new one.
Add to Selection: This option lets you store sessions. If you lift your mouse up and again holds down, your previous selection doesn’t vanish. Your new selection will be added to your old selection.
Delete from Selection: It works same as above except that it deletes rather than adds.
Sample Size: This lets you select the size of the sample. 5 by 5 average means that Photoshop will consider a square of 5 by 5 pixels and then takes average of 25 pixels to determine the color that it should consider for matching.
Tolerance: The more it is, the more lenient Photoshop edge detection will be. In other words, if the value is 1, Photoshop will very tightly select the adjacent pixels. It keeps on becoming lenient as value goes higher.
Anti-alias: If this feature is turned on, Photoshop smoothen out the color transition between the pixels around the edges of your selection and the pixels in the background.
Contiguous: When you drag the “Magic Wand” to an area of color in a Photoshop image and click, it magically selects a shape with contiguous pixels of the same color. However, if you uncheck “Contiguous,” the “Magic Wand” will select every pixel of that color, whether touching or not.
Sample All Layer: If your file has more than one layer, it’ll consider all layers (while turned on) while making selection.
Refine Edge:Here you can find the complete answer.
And that’s all for today. See you in the next week.
Please support TrickyPhotoshop by sharing this article with your family and friends on Facebook, Twitter, and Google Plus.
There are times when we need to select things out in an image so that we can only edit the selected part. For those purpose, we have several dedicated tools in Photoshop, and one of them is the Lasso Tool in Photoshop.
Before we begin with lasso Tool, let’s understand selection in Photoshop. Selection is like a lock. When we select any part in image, only that part gets edited. Let’s understand this with the help of Fig. 1. In that image, the dome is selected as you can see marching ants surrounds the dome. So whatever I do now, be it increasing brightness, decreasing contrast or anything, it’ll only affect the dome.
Fig. 1
Now there are numerous tools present in Photoshop for this kind of selection. One among them in Lasso Tool.
Photoshop provides three variants of Lasso Tool. Each one performs same function but being executed differently. These three are:
Lasso Tool
Polygonal Lasso Tool
Magnetic Lasso Tool
Fig. 2 will show you where to find them. You can also press Shift+L again and again to activate selection.
Fig. 2
Now I am going to explain you each of them one by one. They all are very much similar. Let’s start with the first one i.e. Lasso Tool.
Lasso Tool
This tool is like a freehand selection. You just draw on the screen and Photoshop will automatically select the area as soon as you leave the mouse button.
Fig. 3
I am sorry for the not so accurate drawing or selection. I am not good at drawing.
Believe you, you’re never going to use this tool. The other two kinds of Lasso tool may be used by you in future. The reason is that we have other tools that perform same action but with better result in lesser time. There’s nothing there to explain in Lasso Tool.
Let’s move to the Polygonal Lasso Tool.
Polygonal Lasso Tool
This tool is basically present for straight edges. You activate this tool just by clicking anywhere on the image, and wherever you take your mouse cursor, the tool will go with you. To create an edge, you need to click on the point. Fig. 4 will explain things better.
Fig. 4
Are you seeing a gray color line near the edges of the building? They are made with the help of polygonal lasso tool.
I intentionally placed the selection slightly off the edges so that you could see properly.
Let’s understand how it works. I started the selection from the viewer’s left side. You could see the beginning of the selection in Fig. 4. Now I all needed to do is to click on the point where I want my selection to take different path or bend. You are seeing 5 corners in the above selection which means that I clicked on five points.
Let’s move to Magnetic Lasso Tool.
Magnetic Lasso Tool
This tool works like a magic. It automatically detects edges and tries to align itself according to the edges.
Let’s see it in action.
Fig. 5
I know that the result is not perfect, the I appreciate the try. Photoshop does a wonderful job there.
Basically Photoshop looks for drastic contrasts between adjacent pixels and whenever Photoshop finds it, it’ll know there’s an edge present.
So how to handle this tool? The answer is you don’t. It’ll handle itself. All you need to do is to keep the mouse as close as to the edge, and let the Magnetic Lasso Tool performs the rest of work for you.
Now let’s talk about the option panel that comes with the Lasso Tool.
Fig. 6
A. You have seen these four boxes in Marquee Tool’s chapter. I am going to write same for your reference.
New Selection: This function provides you a new selection. Let’s assume that you have selected a custom area in your image and then you don’t like the selection, and want to select a new selection that is going to override the existing selection. This mode is best to do these kind of things. In short you if you deselect a selection by pressing Ctrl+D/Cmd+D and then select a new area, the result would be same.
Add to Selection: I bet 99% of users use this mode. Let’s say you have selected an area and you also want to select another area but don’t want to deselect the existing area. Then, my friends, this selection is perfect for you. Lot of tricky selections can easily be done by this selection. When this mode is on, you’ll see a + sign near your mouse cursor.
Subtract from the Selection: As name says it subtracts the selection. Basically it is just opposite of “add to selection”. You’ll see a – sign just below the cursor.
Intersect with Selection: Suppose you have selected an area A and also selected an area B. A small part of area B lies inside the area A. Then only that small part will be selected. Basically the overlapped are will be selected in this mode. By pressing this you can see a small multiplication(x) bar at the bottom of your cursor.
B. Feather: It softens the selection. It helps a lot when you are creating vignette effect to your photo. You can learn more about it here.
C. Anti-Alias: Photoshop smooths out the color transition between the pixels around the edges of your selection and the pixels in the background.
D. Refine Edge: You have a whole tutorial dedicated to this feature. It is probably one of the mightiest feature in Photoshop.
I hope that you found this tutorial helpful.
Please support TrickyPhotoshop by sharing this tutorial with your friends and family on Facebook, Twitter, and Google+.
Yesterday I ran into a problem as Photoshop was not detecting my NVidia graphic card. I was using Liquify tool and Photoshop was constantly giving me warning that my integrated graphic driver i.e. Intel HD Graphics 4000 is not enough. I did feel some lag in Photoshop while using Liquify filter like zooming in was not smooth.
I tried to google out the fix to that problem, and I couldn’t find a complete solution anywhere. Every site was giving a different fix and none of them was complete. They were partially complete and I had to go to other website to find next trace of the solution.
So I decided to write a complete solution of “Photoshop is Not Detecting Graphic Card” problem.
The first thing I noticed is that my graphic driver was not listed by Photoshop. I have 2GB dedicated NVidia GT 630M graphic card but Photoshop was detecting only my inbuilt Intel HD Graphics 4000 card. Fig 1 is a screenshot of the screen that I was getting yesterday.
Fig.1
So here’s the solution.
The first thing you wanna try out is to update your Photoshop and Graphic Driver.
If you’re using Photoshop CC then make sure it’s up to date with the help of Adobe Creative Cloud.
Fig.2
For older versions, you may want to go to Help>Update to check for the latest version.
Do the same for your graphic drivers.
The above method is recommended by Adobe, and believe me, it’ll never work. Sorry for being rude, Adobe! Just kidding, I am not sorry.
The next thing, or the real fix, is to check your graphic driver settings. You can find it out in your graphics driver’s control panel (not window’s). I am opening my NVidia’s control panel.
Fig 3
In the NVidia control panel, here are the steps:
Go to Mange 3D settings
Go to Program Settings tab
Select the application. Choose Adobe Photoshop (photoshop.exe) in this case
In the preferred graphic processor drop down list, choose High performance NVIDEA processor
Click Apply
Give it 2-3 seconds, and voila!
Now let’s go back to Photoshop. You must restart Photoshop first.
Fig 4
And here it is. Photoshop is properly showing my dedicated graphic card.
I hope it solves yours. In case it’s not, feel free to comment out your problem below. I’ll try my best to solve it.
Please support TrickyPhotoshop by sharing this article with your friends and family on Facebook and Twitter.
