RSS
 

Posts Tagged ‘Photoshop’

Learn about Photoshop blending modes in just 8 minutes

21 Jan

Confused about what all those layer blending modes do in Photoshop? Well, you don’t need to be any more. Jesus Ramirez of the Photoshop Training Channel has made an excellent short video tutorial that explains each mode in simple and easily-understood terms, so even beginners will get the picture.

His 8-minute Crash Course uses a gray tone chart over a normal photograph to show how each blending mode alters the way the chart appears. Jesus also demonstrates how different brightness values blend together, and how to use layer blending to control color density and saturation. Finally, he also explains why the modes are grouped into six sections on the drop-down menu, so you can quickly find the mode you need depending on the situation.

Check out the full video above. It’ll only cost you eight minutes of your life, and you’ll almost certainly learn something new unless you’re already a Photoshop expert.

Articles: Digital Photography Review (dpreview.com)

 
Comments Off on Learn about Photoshop blending modes in just 8 minutes

Posted in Uncategorized

 

4 Incredible Photoshop Shortcuts in Six Minutes

18 Jan

I’m a bit of a post-processing shortcut addict. I’m always looking for more efficient ways of getting through my workflow in programs like Adobe Lightroom, Adobe Photoshop, ON1 Photo RAW, etc. When I find a new shortcut, even if requires a bit of practice, I feel like I just leveled up. It’s weird, I know, but it’s true.

Four Photoshop Shortcuts in Six Minutes

I’ve been using Photoshop on a near daily basis for the better part of a decade now. Over the years, I’ve picked up a ton of shortcuts but I wanted to share some of my all-time favorites with you. These are the ones that rocked my world when I learned them, and if they’re new to you, I’m confident they’ll have the same effect!

?

  1. Make a stamp layer
  2. Brush opacity
  3. Brush resize trick
  4. Zoom trick

Correction from the video: For the brush resizing trick, the PC instructions I gave didn’t seem to be working for most users. The correct translation (this is for PC users only) is to hold down the ALT key, then click and drag using the right mouse key. If you’re on a pen tablet, use whatever button you have set for right click.

Conclusion

Well? Is your mind blown!? The brush resize and zoom shortcuts seriously changed my life when I learned them! I can’t tell you how many years I spent right clicking to change brush hardness and fumbling with bracket keys to resize the brush. Let me know what you think in the comments and if you have any incredible shortcuts to share, I’m all ears!

The post 4 Incredible Photoshop Shortcuts in Six Minutes by James Brandon appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on 4 Incredible Photoshop Shortcuts in Six Minutes

Posted in Photography

 

How to Create Realistic Bokeh and Blur Effects using Photoshop

07 Jan

Perhaps you want to creatively improve your image, already taken with a depth of field and bokeh or create this effect from scratch for a specific composition. In this article, you will learn how to work with new and old filters and their features, creatively apply textures, even create a bokeh texture from scratch.

Also, you’ll learn some small secrets and useful features of digital artists. Described techniques and features will be available depending on Photoshop versions, which I will mention in the process. You can use these techniques on any image and get surprising results, I just want to show you the principles and workflow.

Everything is about the creative approach, so do not hesitate and experiment!

How to Create Realistic Bokeh and Blur Effects using Photoshop

Shallow Depth of Field and Bokeh

A shallow depth of field (DOF) is when the desired object (focus point) appears sharp and everything else is blurred. Under certain shooting conditions on a blurry background, there may appear some beautiful circles or blurred highlights – that is called bokeh.

This effect can be done during the shooting process or synthetically added in post-processing. You can use this as an artistic style, to pay attention to a certain object or interesting composition. It’s very handy to use such effects if you want to hide some flaws or unsuccessful or empty parts of the composition.

Also, it is often used to create lighting and foreground effects, additional details that help to immerse the viewer in the atmosphere of the scene much more. Areas for using this technique and the creative possibilities are huge, so I suggest that you start with a practice.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Blur Gallery – Field Blur

So, let’s start with the most interesting and powerful features of Photoshop CC – the Blur Gallery and Field Blur filter. Blur Gallery is available in the filter menu, starting with Photoshop CC 2014, and has five blur effects with additional features, such as Motion Effects, Noise, and Bokeh. Note that this does not work in older versions of Photoshop!

Open the image, to which you want to apply the effect in Photoshop via File > Open or use Cmd/Ctrl+O shortcut or just drag and drop the image from your file explorer into Photoshop.

Next, on the Layers panel, right-click on a layer and choose “Convert to Smart Object” (Layer > Smart Object > Convert to Smart Object). Go to Filter > Blur Gallery > Field Blur. Your workspace has been changed to the Blur Gallery dialog box and you are shown a control pin in the center of the image (if there are no pins visible, try Cmd/Ctrl+H or go to View > Extras, to hides/shows guides, controls, etc.).

How to Create Realistic Bokeh and Blur Effects using Photoshop

Setting Your Blur Effects

So, for a pin in the center, set the Blur value to 0px and move it to the place in your image that should stay in sharp focus. Begin to apply a blur from the edges of the image and in problem areas that you want to hide by clicking on the place where you want to add pins or drag and drop existing pins to the desired place.

Adjust the blur intensity or remove it on the Blur Tools panel or use the blur handle around the pin itself. For the edges of the image, start with larger Blur values, and then reduce it, if necessary. Also, I used several pins with a smaller Blur values near the area in focus in order to create a softer transition from blurred to sharp areas. If you want to remove any of the pins, select it and press Delete on the keyboard.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Creating Bokeh

Now let’s set the settings for the bokeh. Start adding a bokeh by setting Light Bokeh to 100. Next work with the Light Range sliders and start moving white, then black, until finding the optimal ratio of values.

You can slightly reduce Light Bokeh values so you do not get large overexposed areas. At this stage, you need to be careful and change the blur settings along with others to get the best possible, most realistic result.

Adjust Color Bokeh values to vary the texture with a color and add unexpected shades. Just do not make this value too big, otherwise, it will increase saturation or a lot of additional shades will reveal themselves.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Iris Blur and Tilt-Shift

The following filter, which we will consider is Iris Blur. The principle of this filter is the same, but now you are working with the focus field. You see the white circle frame, that you can deform and rotate, four small points around it to control blur distribution (shape), pulling by a square you can specify the focus area. You can still use several pins but blur values are the same for all of them.

This filter is very convenient if you want to highlight a specific area. In the previous example, you could specify exactly which areas of the image stayed in sharp focus and had more flexibility to work with the form, here you have less control over the details.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Top image – Iris Blur. Bottom image – Tilt-Shift.

Tilt-Shift is very popular for the fact that it creates the impression of a miniature scene. It is especially good for photos of architecture and everything that is at a distance.

As an artist, I use it when I want to emphasize dynamism and distortion (especially, in abstract artworks) or to create a background when I work with portraits.

Path and Spin Blur

Path Blur is very useful if you decide to add motion to your composition or emphasize it. Unlike the Motion Blur filter, you can control the effect and set the most unusual directions for blur. Unfortunately, this filter does not have the ability to add a bokeh to the blur, but Motion Effects are available.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Top image – Path Blur. Bottom image – Spin Blur.

Spin Blur, also a motion blur, but in a radial form. With it, you can turn your photos into a painterly image and if you add color effects, it will turn out very well. I use this filter for various artistic techniques, mostly when I work with very abstract creations. With this filter, you can create a very simple simulation of long exposure photography.

The Blur Gallery

You can apply several filters from the Blur Gallery at once. Just checkmark desired filters, adjust their settings and click Ok to apply. Depending on the image size and performance of your computer, it may take time to render a preview of the effect and after once you apply the desired settings, so be patient.

Also, you can edit the settings of the applied filter if you convert the layer into a Smart Object and add the filter on it. It’s automatically a Smart Filter, so just double-click on the name of the filter and edit the settings. This is a non-destructive way of editing photos and creating artworks.

The advantage of a Smart Object is that you can go back and make changes to the filter or adjustment, apply it several times, even delete it if something went wrong and keep the original image intact.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Lens Blur Filter

Now let’s look at another powerful and fast solution for adding blur effects. The Lens Blur filter first appeared in Photoshop CS. So whatever version you use, CS or CC, this filter will be available for you. Take into account that this filter will not work on Smart Objects, so you can’t edit and apply this filter as a Smart Filter.

Again, open the desired image. Duplicate the original image layer (Layer > Duplicate layer or use the shortcut Cmd/Ctrl+J) to work non-destructively. In order to only apply an effect to a specific object or area, I made a selection with Quick Selection Tool (W) and added a layer mask to it (Layer > Layer Mask > Reveal Selection or use “Add layer mask” icon at the bottom of Layers panel).

How to Create Realistic Bokeh and Blur Effects using Photoshop

To achieve a more realistic effect, blur the layer mask or its edge a bit because the hard edges of the mask can spoil everything. You can use Gaussian Blur filter (Filter > Blur > Gaussian Blur) or Feather option on Properties panel (Window > Properties) with the settings to your taste.

Lens Blur Settings

Highlight the layer thumbnail and go to Filter > Blur > Lens Blur… In the window that appears, first set Preview to Faster because this filter sometimes takes a long time to process changes. Next, in the Depth Map section, you can set Source to a Layer Mask to not apply a blur to a masked area, or leave this parameter at None to blur an entire image.

Checkmark Invert if only the selection from a layer mask is blurred and adjust Blur Focal Distance for more accurate blur distribution. If Lens Blur effect does not appear on a layer, just delete a layer mask (right click on a layer mask > Delete Layer Mask).

How to Create Realistic Bokeh and Blur Effects using Photoshop

In the Shape drop-down menu, you can choose a form of bokeh. In this example, I will use a triangle because this is a rather unusual form, but shapes like Octagon produce more normal blurred results. Radius value controls the size of that shape and the amount of blur that is applied. Blade Curvature quite creatively changes the form and makes the shape more circular. Rotation sets the angle (direction) of the bokeh shape.

How to Create Realistic Bokeh and Blur Effects using Photoshop

To control where the bokeh will appear, change the settings in the Specular Highlights section. Brightness increases the strength of the highlights within the blurred area.

Threshold controls which tonal range (pixels) need to be affected to create bokeh. This means that pixels brighter than a Threshold value can be used for creating a bokeh effect. Do not overdo with these two values, otherwise, bokeh shapes can merge into a single mass or even fill a part with white.

Adding Texture or Bokeh Overlays

You can always use additional textures in your artwork, created digitally or by using a camera. Open your image in Photoshop and go to File > Place Embedded (File > Place in older versions), then choose the desired texture. In my case, I made some photos with bokeh on a black background (to separate the bokeh).

How to Create Realistic Bokeh and Blur Effects using Photoshop

Next start to experiment with the different layer Blending Modes, such as Screen, Linear Dodge (Add), Color Dodge, etc. You can always reduce the effect of the texture by reducing the layer Fill or adding a contrast to the texture with a Levels adjustment or adjustment layer to add more Blacks and greys, to make it more like “transparent”.

Or if you like texture but don’t like a color in it, then use a Hue/Saturation or Color Balance adjustment to change the hue or remove the color completely. Sometimes in different artworks, I use a bokeh layer with some blurred objects (mostly invisible).

How to Create Realistic Bokeh and Blur Effects using Photoshop

Create Your Own Bokeh

This makes artwork more interesting and adds texture and details. There are a lot of opportunities for creativity with layers, and it’s simply impossible to describe them all in this article. But now I will show you one more interesting trick for creating bokeh texture from scratch using only Photoshop filters. If you like to experiment with filters and settings, then this is a very interesting direction, with a lot of options and discoveries in the process.

Create a new layer at the top of all layers by using the shortcut Cmd/Ctrl+Shift+N or going to Layer > New > Layer. In the dialog box that appears set Mode to Screen and checkmark “Fill with Screen-neutral color (black)”. Next, go to Filter > Noise > Add Noise and set following settings – Amount: 15%, Distribution: Gaussian and click Ok. If you want black and white texture, checkmark the Monochromatic option.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Next apply Mezzotint filter from Filter > Pixelate > Mezzotint with Type: Coarse Dots. This filter is needed to make noise texture sharper and add highlights to it. Now you need to soften the texture and blend colors. Apply Gaussian Blur filter (Filter > Blur > Gaussian Blur) with a radius 2.0 pixels.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Go to Filter > Other > Maximum and set Radius: 20pixels, Preserve: Roundness. Depending on Radius value and size of your working document, the texture becomes larger or smaller. Apply a Levels adjustment (Image > Adjustments > Levels or use Cmd/Ctrl+L) and move the Blacks until you are satisfied with the result.

Play around and experiment with values of each of these filters and you can find a lot of interesting options.

How to Create Realistic Bokeh and Blur Effects using Photoshop

You can add more details to bokeh texture if you want, by using the Unsharp Mask or Find Edge filters. And if you repeat this technique again, but instead of using Mezzotint and Gaussian Blur, apply a Pointillize filter (Filter > Pixelate > Pointillize) with Cell Size: 35 you will get a completely different kind of bokeh texture. So do not hesitate to experiment!

On the internet, there are a lot of paid and free plugins available for Photoshop to create similar effects, for example, the Nik Collection. It’s a free and powerful addition to Photoshop CS4 through CC 2015 with a lot of interesting tools for photographers and artists. There also is the blur, depth of field and bokeh effects produced by Analog Efex Pro 2. In the image below you can see the work of this filter.

How to Create Realistic Bokeh and Blur Effects using Photoshop

Conclusion

And at the end some pieces of advice for you.

More is not always better! Sometimes too many effects (unfortunately any) can give the opposite effect and hide the beauty of the original image or idea. Therefore, try to achieve harmony in color, composition and use these techniques with an intention. If you decided to experiment, then embody the idea entirely, do not hesitate! Do so as you like it.

Bokeh is a lighting effect, use it carefully, so as not to overexpose the overall image. This effect can add excessive brightness to highlights (the right part of the histogram), unwanted light peaks, or increase the overall brightness of the image. It’s important, for example, if you decide to share the picture on the internet or print your image.

The more contrast that is applied with a clear, not overexposed bokeh, the better it looks. So keep your eye on the histogram (you can find it in Window > Histogram).

How to Create Realistic Bokeh and Blur Effects using Photoshop

Also, your bokeh should not be underexposed as well. This is important, by the fact that very often people try to remove unnecessary brightness incorrectly, so get a pale, not realistic bokeh. In exceptional artistic cases, this is permissible, but it is better not to do this.

Pay attention to where you have located or placed bokeh textures and where are the focus and blurred areas in your image, in order to express it more realistically and logically, through a visual image (in photo or artwork).

I will be glad to see your creative inventions, discoveries, and final results. If you have questions, please use the comments section below.

The post How to Create Realistic Bokeh and Blur Effects using Photoshop by Maria Semelevich appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Create Realistic Bokeh and Blur Effects using Photoshop

Posted in Photography

 

How to Add a Rainbow to Your Images Using Photoshop

04 Jan

A rainbow is a meteorological phenomenon that needs many specific conditions to come together in order to appear, which is why they are not that easy to come across. They are, however, a beautiful and evocative sight, and they are associated with different cultural and even religious meanings.

For all these reasons you might want to have a rainbow in your image even when there isn’t one, not to worry though, here’s an easy way to create them in Photoshop.

Rainbow landscape

Choosing the right image

Because of its significance and symbolism, you can incorporate a rainbow into almost any scene. However, if you want it to look natural it’s important that you choose a scenario in which it would be possible to see a rainbow in real life. To do so, you first need to understand how rainbows are formed.

When sunlight passes through a droplet of water it gets refracted and what we originally perceived as white light is now spread out into a band of colors called spectrum. Once it’s dispersed, we are able to perceive seven different colors in that light: red, orange, yellow, green, blue, indigo, and violet. This is what we call a rainbow.

Rainbow with reflection

Because it needs sunlight and water drops in the air, a common place to find a rainbow is near a fountain or a waterfall. This is what I’ll use to show you how to do it in Photoshop.

Getting started in Photoshop

Once you have your image opened in Photoshop, add a new empty layer by going to the top Menu > Layer > New Layer. A window will pop-up, you can name it “rainbow” just to keep things organized and then Click OK.

New Rainbow Layer

Then select the Gradient tool from the tools panel and a set of settings appear on the top bar as part of the options to adjust the gradient. On the left side of that top bar there is the Gradient Editor; if you open the menu for that by clicking on the down arrow, another window will pop-up with different gradient colors and styles. On the right of it, there is a gear icon that you can click on for more settings. From that menu, you need to choose the one called Special Effects.

Special Effects - rainbow photoshop

Creating the rainbow

A window appears to ask you if you want to replace current gradients with those from Special Effects. You need to agree to it so that a new set of gradients appears.

Replace Gradients - rainbow

From those select Russell’s Rainbow and adjust the width of each color to your liking with the slider.

Russell Rainbow

Shape the rainbow

A rainbow is theoretically a circle. However, it’s almost impossible to see it complete, only in rare circumstances from a plane. Usually, we see only a part of a rainbow and maximum the top half. In any case, you need to give it curviness. To achieve this just select the Radial Gradient from the top menu.

Curve rainbow photoshop

Then you can use any of the tools from the Menu > Edit > Transform options to rotate, distort or scale the rainbow.

Transform rainbow

Blend it to look more natural

Finally, to incorporate the rainbow into the image naturally, you can change the Layer Blend Mode from the drop-down menu you’ll find on top of the layers window. Select the Screen mode and move the slider to control the opacity.

You can also soften the edges to make it more believable by going to Menu> Filters > Blur > Gaussian Blur and move the Radius slider until you are satisfied with the result.

Blur rainbow

Then you just have to erase (hide) the parts that are overlapping the landscape by adding a layer mask and using the eraser tool. Note: make sure you are erasing on the mask, not the actual layer.

Erase rainbow

Conclusion

There you have it, a perfectly natural rainbow that can appear anytime when the sunlight passes through raindrops. It’s frequently seen after showers and rainstorms or near a fountain or waterfall. As long as you are looking opposite the sun and are at a low altitude angle.

Splash Rainbow

If you are more interested in the symbolic sense of the rainbow, you don’t have to worry so much about it looking natural. According to different cultures and periods in time, rainbows have been associated with different things.

For Christians, it’s found in the Bible after the big flooding as a covenant from God that water will no longer kill mankind, as a symbol of love. A different interpretation originated in ancient Europe as a legend that says that a leprechaun can be found at the end of the rainbow and if you can stare at it long enough, it will tell you where its pot of gold is hidden. And in contemporary cultures, a rainbow has been picked for the flag of the LGBT community as a sign of pride and symbolism of diversity.

Rainbow in the rain

In this case, I used it with this purpose by adding a rainbow to this photo from an Amsterdam’s Gay Pride Parade where it conveniently was raining so it would have been possible to see one. And you, how are you going to use this technique? Please share with us in the comment section below.

The post How to Add a Rainbow to Your Images Using Photoshop by Ana Mireles appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Add a Rainbow to Your Images Using Photoshop

Posted in Photography

 

5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

23 Dec

Here are five quick tips for doing retouching in Photoshop that are essential to know. Learn them to do better retouching on your photos.

#1 – Load Luminosity as a Selection

In Photoshop you can use the luminosity of an image (the bright pixels) as selections. The easiest way to make a selection out of the bright pixels of a photo is by pressing Command+Option+2, (Windows: Ctrl+Alt+2).

If you cannot remember the keyboard shortcut, you can also load luminosity as a selection by holding Cmd/Ctrl and clicking on the RGB thumbnail in the Channels panel.

01 selection - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

With a selection active, you can create an Adjustment Layer to apply the selection to the Layer Mask.

02 adjustment mask - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

This Adjustment Layer will only target the brighter pixels of your image. If you make an adjustment, you’ll notice that you will only affect the bright pixels and not the dark ones.

03 adjustment lights - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

You can target dark pixels by inverting the selection. To do so, Select the Layer Mask, and clicking on Invert in the Properties panel.

04 invert mask - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

Now if you make an adjustment, the dark pixels will be affected and not the bright.

05 adjustment darks - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

#2 – Spot Healing Brush Tool Modes – Lighten and Darken

One way to remove wrinkles, blemishes, and other distractions from the face quickly and efficiently is to use the Modes in the Spot Healing Brush Tool and Content-Aware.

First, think of the blemish, wrinkle, or distraction that you are trying to remove. Is it darker than the skin tone or is it brighter than the skin tone?

06 portrait - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

In this case, the wrinkles are darker than the skin tone. That means that you want to “lighten” those wrinkles.

With the Spot Healing Brush Tool selected, in the Options bar, click on Content-Aware, and under the Mode drop-down menu, select Lighten.

07 lighten - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

Then start painting with a small brush and small strokes over the wrinkles to remove them. But you will not lose essential details in the highlights. The Spot Healing Brush tool is only targeting dark pixels which are the wrinkles.

08 before after - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

If your blemish or distraction is brighter than the skin tone, such as the bright wrinkles above the lip, then select Darken from the Mode drop-down menu, and paint them away.

10 final heal - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

To learn more about how this technique works, check out this video on the Spot Healing Brush Tool:

#3 – Open the Same Image in Two Windows

In Photoshop, you can open the same image in two windows and set them side-by-side to work on both details and the overall image at the same time.

This technique is great when you are working with two monitors. But even with one monitor, this technique can be very useful.

To open the same document in two windows, go to Window > Arrange, “New Window for [Name of Document].” Then go to Window > Arrange > Two up Vertical to put the two tabs side-by-side. You can then Zoom into one window, and zoom out on the other.

same doc two windosw - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

These are not two separate files. They are the same document, and any adjustments that you make to one will reflect on the other instantly.

#4 – Targeted Selections with Color Range

The Color Range command can be an excellent tool for selecting difficult areas of an image. However, if you simply use the Color Range on a problematic image, it may not give you the results you want. Sometimes there is too much information on a single image, and you need to focus on just one area.

To focus the Color Range in only one area, create a selection around the object that you want to select. A simple rectangular selection will be fine.

12 selection - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

Then go into Select > Color Range, and you will see that Color range is now focusing solely on the selected area.

13 color range - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

Select a red color on the shirt using the eyedropper, then use the fuzziness slider to adjust the selection.

Keep in mind that it is going to be next to impossible not to select the hands or the railing that she’s leaning on because the skin tones and the paint on the railing are very similar in color to the red that you are trying to select.

But you can use the Lasso tool to quickly deselect those areas, leaving only the red in the shirt selected.

14 selection only red - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

With a selection active, you can create a Hue and Saturation Adjustment Layer that will just target the red in the shirt.
Then use the Hue slider to change the color of the shirt.

15 change color - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

#5 – Use the Lab Color Mode

Most of the time, you will work with RGB or CMYK while in Photoshop. But there is another Color Mode that you can use that can be very useful in certain situations. If you go to Image > Mode > Lab Color, you will change your photo’s color mode to Lab.

16 color mode - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

The Lab color mode has three channels: Lightness, A, and B.

  • The Lightness channel contains the detail of the image – the Luminance values.
  • “A” is the relationship between green and magenta. These are the same colors as the Tint slider in Lightroom and Camera Raw.
  • “B” is the relationship between blue and yellow. These are the same colors as the Temperature slider in Lightroom and Camera Raw.

17 lab graphic

One of the most significant advantages of working with the Lab color mode is that Lab separates detail (luminosity) from color. This separation allows you to work with color without affecting detail and vice versa.

17 red dress - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

For example, you could turn a red dress green by duplicating the layer, and then selecting “A” from the Channel’s panel, and pressing Cmd/Ctrl+I to invert the channel.

18 a channel

Notice that the color of the image changed, but the detail was left intact.

19 green layer - 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

You could then use a Layer Mask to contain the adjustment to only the dress.

20 mask dress

Another advantage of using the Lab color mode is that you can sharpen without affecting the color of a photo. If you apply any sharpening filter to the Lightness channel, you will only target the detail and will leave the color intact.

The example below has the same Sharpening filter applied to both the regular image and the Lightness channel in Lab Color. I’ve made sharpening effect an extreme one for demonstration purposes, to make the results more noticeable.

Notice that when you apply sharpening to the Lightness channel (right), the colors on the edges are not saturated or changed. They only become brighter or darker. While the sharpening on the regular layer increases the saturation of the edge pixels.

21 sharpening

As a side note, Photoshop doesn’t really add detail to an image when you apply sharpening. It creates the illusion of detail by adding contrast to the edges in the photo. You can see that edge contrast in these extreme adjustments.

You can learn more about sharpening in this video on sharpening photos in Photoshop:

One important thing to note is that the Lab color mode does not have access to all the Adjustment Layers, and some Adjustment Layers will work a bit different than their RGB counterparts.

If you are working with Adjustment Layers and you would like to go back to the RGB color mode, you will have to put the image, and the Adjustment Layers in a Smart Object then make the conversion. Otherwise, Photoshop will ask you to delete the Adjustment Layers or flatten the image.

Conclusion

I hope you found these tips helpful for retouching or editing your images in Photoshop. Do you have any other tips or tricks that you use? Please share in the comments below.

The post 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers by Jesus Ramirez appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on 5 Must-Know Photoshop Retouching Tips and Tricks for Photographers

Posted in Photography

 

How to Know What to do and Where to Start with Photo Editing in Photoshop

16 Dec

Do you struggle to know what to do with your images in post-processing? Do you know where to start with photo editing? Can you relate to this?

Before and after photo editing.

I recently received a message for help from another photographer, “I’m so frustrated with Photoshop. I don’t know what to do or where to even start!?!?” So I asked, “What’s the plan? What are you trying to achieve?” His reply, “I’m not sure…”.

The uncomfortable truth is that we’ve all been there. Staring at Photoshop wondering which of its tools will achieve the look we’re so desperately trying to replicate. You try clicking on every button, using every tool and creating 1000 different layers to add complexity to your image under the illusion that this will instantly make it awesome.

Frustrated, you give up. And if you’re anything like me, you probably walk into the kitchen, open the pantry and look for answers inside a packet of cookies.

This overwhelming hurdle of frustration can cause you to stumble, fall out of love with editing and certainly begin to make everything feel too hard and unachievable. In this tutorial, I’ll show you a very simple technique that will have you soaring over this hurdle so you can continue on your journey to craft beautiful images.

After some thoughtful and carefully planned out photo editing.

It’s all in the preparation

It doesn’t take long for the process of editing in Photoshop to feel chaotic.

It’s easy to take a look at your photo and instantly get to work by creating a layer on top of layer targeting all sorts of adjustments as you see them. Add a bit of contrast here, some brightness there, sharpen this up and blur that… It’s fast. It’s reactive.

Before you know it, you’ll have curves in places you didn’t know you had and more level adjustments than an ergonomic office chair.

You may find yourself stumbling your way through the edit, the process will probably feel a little clunky but you’ll be somewhat happy with the outcome until you click on the next photo. Where the whole process starts again and you don’t know what to do, where to start, and worst of all – you’ve run out of cookies.

What happens if we remove the chaos?

Creating beautiful images is a craft. And much like any craft, a lot of unsexy work goes into the preparation before the fun stuff starts happening.

  • Landscape photographers spend their time scouting locations, researching where the sun will set (or rise) and studying the weather before they venture out at 4 am to capture the magic.
  • Quality chefs spend hours sourcing and preparing their ingredients before they serve their masterpieces.
  • Painters clean, dust and prime their brushes and canvas before bringing their vision to life.
  • Authors spend hours creating a structure and a content plan before putting pen to paper.
  • Builders draw up blueprints and intricate floor plans before laying bricks and building houses.

Preparation is the key to delivering the best possible final version of your craft. Preparation sets up the foundations from which you can begin to form consistency and style, and it helps you focus and stay on track.

So, what does preparation look like?

Well, just like a builder doesn’t turn up to a site and randomly lay bricks to build a house, or a Michelin-star chef doesn’t turn up on a night of service and create a menu from what’s laying around in the cupboards. You, as a photographer and image editor, should try to avoid randomly plowing your way through Lightroom or Photoshop, aimlessly slapping on layers and adjustments without creating a plan that details what you are trying to achieve.

So, when you approach your image – you know what to edit, where to start and what you’re doing. There is no chaos – it’s systematic and as a result, you’re cool, collected, and methodical.

Pfffft! Who has time to plan!?

It’s easy to become frustrated with Lightroom and Photoshop. And it’s even easier to buy your way out of it with presets and actions. I get it, you want rapid results, you want to see instant progress, you don’t want to stop, think and plan – you just want to do.

The truth is, editing beautiful images is a craft. It’s something to take pride in. It’s the final step for you to infuse your images with your personality and style before you share your work with your clients and followers. Therefore, sometimes it’s a good idea to give the editing process a little more love and care than the press of a button.

Doing so can be the difference between your clients and friends thinking, “Oh that’s nice…” and saying “Oh my! That’s AMAZING! Can I order a copy!?”

So, if you want to know how to build something beautiful — something with craftsmanship, something you’re proud of, something that your audience will love – spend time on the preparation stage and create a plan for your edits. The reality is, it takes a little more effort than pressing a preset button. Here’s how you can make a simple plan.

Step #1 – Load Photoshop

Open your image in Photoshop. You can do this from within Photoshop by navigating to FILE > OPEN and selecting your image. Alternatively, you can load your image into Photoshop from within your Lightroom Library. Do this by right-clicking on your photo inside your Lightroom Library and navigate to EDIT IN > EDIT IN ADOBE PHOTOSHOP.

1 Open Image Photoshop - How to Know What to do and Where to Start with Photo Editing in Photoshop

Step #2 – Convert to Black and White

To establish what to edit and where to start with your image, it’s helpful to begin by temporarily removing the distraction of color. This strips back the information and makes it easier for your eyes to clearly see what is going on inside your image. Convert your image to black and white using the Adjustment Layer menu and navigating to Black and White.

BlackandWhite Adjustment Layer -How to Know What to do and Where to Start with Photo Editing in Photoshop

Photoshop BlackandWhite Conversion - How to Know What to do and Where to Start with Photo Editing in Photoshop

Step #3 – What do you see?

Ensure that you can see the entire image on your screen. At this stage, you’re only taking a high-level look at your image to get an idea of what catches your eye. Navigate to VIEW > FIT ON SCREEN then hold down CMD (Mac) or CTRL (PC) + press the minus key (-) a couple times to zoom out of the image.

While looking at your image ask yourself these questions.

  • What story is the photo trying to tell?
  • Where do your eyes get drawn to first?
  • Where do your eyes go next?
  • What elements enhance the story?
  • Which elements weaken the story?

There’s no need to write an in-depth analysis here. Spend a few seconds on each question and listen to your instincts. What you are trying to do is look at your image from the viewer’s perspective and establish whether or not they are seeing what you want them to see.

Controlling the attention of your viewer’s eye is crucial to a good photo. It’s about leading them on an uninterrupted journey so they can soak up all the goodness of the story within your image.

Have you ever tried to read a book or watch a movie while someone is talking to you? It’s distracting, you disengage from the story and lose focus. The same applies to your eyes when you look at a photo. Eyes are easily distracted and the moment this happens you’ll lose your viewer’s attention and the story breaks down. Eliminating these distractions is key to creating stronger images.

Take a look at your image. As you do so, make a note of the areas, objects, and elements that your eyes are naturally drawn to and settle on. Typically, these areas will be the brightest parts of the image and areas with the most amount of contrast or sharpness. It’s your job to determine whether or not these areas enhance the story or distract the viewer’s attention and therefore weaken the story.

In the next step, we’ll take a look at this example image and establish the distractions so we can create a simple editing plan.

4 Thailand Boat Man Before - How to Know What to do and Where to Start with Photo Editing in Photoshop

Step #4 – Creating your plan

Create a new layer and rename it “Notes”. On this layer, you can use the brush tool to mark-up the areas of your image that you want to pay attention to based on your answers from step #3.

5 Photoshop Notes Layer - How to Know What to do and Where to Start with Photo Editing in Photoshop

The example image is trying to tell the story of a Thai man taking his boat out on the water for a snorkel while trying to keep cool in the harsh midday sun. However, you may find that your eyes are distracted by the flapping black strap, the rope, and what appears to be a random metal pole protruding into the frame.

Mark any distractions and things to remove or hide

With your notes layer selected, use a brightly colored brush to circle the distractions, adding them to your plan. You can also use the Type tool to clarify your thoughts so you don’t forget what your markups are referring to when you go to edit them later.

6 Remove Distractions - How to Know What to do and Where to Start with Photo Editing in Photoshop

7 Reduce Highlight - How to Know What to do and Where to Start with Photo Editing in Photoshop

Mark elements you want to bring more attention to

Continue to let your eyes explore the image and mark-up the elements that enhance the story. In the example image, you’ll notice that the subject is wearing a nice pair of sunglasses and that his face is a little dark. Drawing the viewer’s attention to this area will most definitely enhance the story.

8 Lighten Face Enhance Shades - How to Know What to do and Where to Start with Photo Editing in Photoshop

The example image uses a lot of horizontal leading lines such as the horizon, the edge of the boat, and the canopy. While these are effective at leading your eye across the image towards the subject, you don’t want them to be too effective and allow your viewer’s eyes to continue along those lines and off the image.

A good way to prevent this from happening is to darken the right side of the photo. This will help to control the viewer’s focus by bouncing it back into the frame and onto the subject.

9 Darken Edges - How to Know What to do and Where to Start with Photo Editing in Photoshop

Another element of this example that could potentially enhance the story is the light source. Adding a sun or lens flare may help to add some interest and balance out any adjustments made to the subject’s face and sunglasses.

10 Add Flare - How to Know What to do and Where to Start with Photo Editing in Photoshop

View the image in color again

When you are finished exploring the image and marking-up your notes, it’s a good idea to disable the Black and White adjustment layer you created in step #2 and take a look at the image in full color. As you do so, ask yourself whether the colors you see align and enhance your story or weaken it?

It’s likely that you’ll find one or two additional distractions in the form of color. These might be objects of a particular color that don’t align with the mood of your story or perhaps an overall color cast that you might want to remove or enhance.

In the example image, you can see that disabling the Black and White Adjustment Layer reveals a bright pink object that causes a distraction.

11 Desaturate Pink - How to Know What to do and Where to Start with Photo Editing in Photoshop

Finally, we can work with the overall color of the image to align with the story. Given that the example image is telling a story about a man trying to keep cool under the hot summer sun, adding a subtle warm-to-cool color tone may help to convey the story and pull the image together.

12 Colour Transition - How to Know What to do and Where to Start with Photo Editing in Photoshop

Step #5 – Create a Group

When you are finished making your notes it’s time to group them all together. You can do this by clicking on your Black and White adjustment layer, holding down the SHIFT key on your keyboard and clicking on your NOTES layer (and any other Type layers that you may have created).

13 Shift Click Group - How to Know What to do and Where to Start with Photo Editing in Photoshop

With your layers selected, click on the Group icon to put all of your selected layers into a new group. You can then rename the group to “Edit Plan”.

14 Edit Plan Group - How to Know What to do and Where to Start with Photo Editing in Photoshop

With your editing plan in place, you can now systematically work your way through the image. If at any point during your edit you begin to feel a little distracted, lost, or overwhelmed, just refer to your editing plan to get right back on track.

Here you can see the example image post-edit with minimal distractions. You may notice that your eye settles on the subject’s face a lot quicker than they did before, and it’s easier to absorb the story without the distracting elements.

Before

Before

15 Thailand Boat Man After - How to Know What to do and Where to Start with Photo Editing in Photoshop

After

Conclusion

Spending just a few minutes marking-up your photos and creating a plan can have enormous results. It tells you what to edit and where to start, and it provides clarity when the editing fog starts to settle in.

Yes, it takes a little more time and perhaps it’s not for every image. But if you want to create something with craftsmanship, something beautiful, something your clients and audience will love – it’s worth every second.

So, I encourage you to spend a little time planning your edits the next time you open up an image in Photoshop. Try to resist the temptation to join the trigger-happy chaos – instead, stop for a minute. Spend twice the time on the preparation, be clear on what you want to achieve, and craft something you’re proud of.

The post How to Know What to do and Where to Start with Photo Editing in Photoshop by William Palfrey appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Know What to do and Where to Start with Photo Editing in Photoshop

Posted in Photography

 

How to Create a Minimal Desktop Background Using Photoshop

03 Dec

Ever seen those flowy, innocuous desktop backgrounds that to show up on default computer screens? That’s the exact image I thought of when I messing around with Photoshop for this tutorial. Though they aren’t exact, these simple gradients and shapes come together to spur on a little nostalgia.

This project is pretty straightforward – but it introduced me to a couple techniques I had never come across before. Photoshop has opened up worlds of image-making technology. But when you boil it all down, the culmination of a photographer’s work is in shades of light dispersed within shapes.

I had a good time putting together this tutorial  – I even tried out a few on my own desktop. It’s a great way to get familiar with Photoshop operations. But it’s just as fun for a pro, with a bit of photographic downtime on their hands. So let’s dig in.

Getting Started

First, open a new document in Photoshop. Change the dimensions of the canvas to the average desktop background size – 1920 pixels by 1080 pixels, as shown below.How to Create Minimal Desktop Background Using Photoshop

Add a Gradient

Select Layer via the Layers tab on the top toolbar and click on New Fill Layer and then Gradient.

How to Create Minimal Desktop Background Using Photoshop

In the pop-up Gradient panel, click on the drop-down arrow and select Simple Gradients.

How to Create Minimal Desktop Background Using Photoshop

Select a color from the swatches in the Simple tab.

How to Create Minimal Desktop Background Using Photoshop

Choose a color that appeals to you most – whichever one you like best!

Click directly on the panel for the gradient color and a new panel will pop up. This will allow you to further customize your color scheme.  Click on the white node below the gradient bar. A color picker will pop up, allowing you to change the white parts of our original gradient to another shade.

At this stage, I would recommend a color similar in shade to your original color. I’m a big fan of pink, so I went with subtle, light shade of pink to complement my overall color scheme. But It’s totally up to you!

How to Create Minimal Desktop Background Using Photoshop

Accept the color of the gradient. Select Radial as the style and the scale as 150.

How to Create Minimal Desktop Background Using Photoshop

How to Create Minimal Desktop Background Using Photoshop

Clicking the Radial setting makes the lighter shade emanate from the center of your image.

Add Another Layer

Next, create a new layer via the layers tab at the top of the screen. Select New in the drop-down menu and select Layer… Click OK at the prompt.

How to Create Minimal Desktop Background Using Photoshop

Add a Shape

Click on the Elliptical Marquee Tool. This may be obscured by the Rectangular Marquee Tool, so click and hold the mouse over the tool for a moment to reveal the other options.

How to Create Minimal Desktop Background Using Photoshop

With the Elliptical Marquee Tool selected, draw a circle that intersects with the top corner of your image. To keep the elliptical tool even on all sides (in other words, a circle), hold down the Shift key as you drag part of the shape over the top corner.

How to Create Minimal Desktop Background Using Photoshop

Open the paintbrush tool and select a nice, soft-edged brush. Set the brush size between 200 to 400 pixels and the hardness level to zero. Select a color in a slightly darker shade. I selected a peachy color.

With the Elliptical Tool still selected, brush around the very outer rim of the quarter-circle with the paintbrush, relying on the softness of the brush to dust the inner rim.

paintbrush - How to Create Minimal Desktop Background Using Photoshop

How to Create Minimal Desktop Background Using Photoshop

Use a slightly different shade to emphasize the edge of the circle you created.

How to Create Minimal Desktop Background Using Photoshop

Duplicate the shape layer as many times as you would like to create an interesting pattern.

Add Dimension

Next, we’ll add a new dimension to the image by using the Rectangular Marquee Tool rather than the Ellipse Tool.

How to Create Minimal Desktop Background Using Photoshop

Create a New Layer and then select the Rectangular Marquee tool from the panel. Stretch the Rectangular Marquee Tool across your image so that about half of it is selected, as shown below.

How to Create Minimal Desktop Background Using Photoshop

Rectangular selection.

With the same technique and color you used on the ellipse, brush along the perimeter of the shape, leaving only the slightest shadow.

How to Create Minimal Desktop Background Using Photoshop

With the rectangle still selected, click on Edit > Transform > Warp.  Slowly drag the different points of the rectangular selection to adjust the whole shape of the layer. Try to make gradual edits at first, to keep the line free of sharp angles.

How to Create Minimal Desktop Background Using Photoshop

Transform the rectangle.

How to Create Minimal Desktop Background Using Photoshop

How to Create Minimal Desktop Backgrounds Using Photoshop

The edge of the rectangle after transforming.

Blend Modes

Now to add a little more depth to the image, you can apply blending modes to bring out highlights in the background. Select a layer and click on Blending Modes usually located above the Layers panel. Select a setting from the list of Blending Modes available. I usually use the Color Burn option, but feel free to experiment!

How to Create Minimal Desktop Backgrounds Using Photoshop

Blend modes.

How to Create Minimal Desktop Backgrounds Using Photoshop

And there you have it! Not bad huh? Amazing what you can do with a few circles and shadows.

Liquify

If you like, try experimenting with the Liquefy tool. It’s found in the Filter tab on the top tools panel.

How to Create Minimal Desktop Backgrounds Using Photoshop

How to Create Minimal Desktop Backgrounds Using Photoshop

Before using the liquify tool on an image I constructed using the steps above.

How to Create Minimal Desktop Backgrounds Using Photoshop

After using the Liquefy tool. You can see that the shapes are now a little more organic.

Over to you!

Here are a few more of my creations. I’d love you see how your desktop background has turned out, please share in the comments below.

How to Create Minimal Desktop Backgrounds Using Photoshop

How to Create Minimal Desktop Backgrounds Using Photoshop

How to Create Minimal Desktop Backgrounds Using Photoshop

How to Create Minimal Desktop Backgrounds Using Photoshop

A minimalist approach created by twisting a rectangular edge with the Warp Tool.

Now it’s your turn! Show me how it went in the comments.

The post How to Create a Minimal Desktop Background Using Photoshop by Megan Kennedy appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Create a Minimal Desktop Background Using Photoshop

Posted in Photography

 

Video: Using the RGB tone curves in Photoshop, a crash course

02 Dec

Photographer Conner Turmon has put together a quick video tutorial that will get you up to speed on using the RGB tone curves to post-process your photos in either Lightroom or Photoshop (although this info will work with any photo editing program that gives you access to the tone curve).

The video will only take up eight minutes of your time, so definitely give it a go if you want to see tone curve editing in action, but the key takeaways can be summarized in two points:

1. Know your color wheel. This way, you understand what tones you’re ‘adding’ and ‘subtracting’ when you pull or push any particular combination of Red, Blue and Green.

and

2. Focus only on the area you’re editing. If you’re editing in the shadows, look only at the shadows while you’re doing it; if you’re editing the highlights, same thing, look only at the highlights.

As far as how you should approach each individual photo, Turmon shared a solid tip on Reddit:

I find it super helpful to either do complementary colors (e.g., Purple-Yellow, Red-Green, Blue-Orange) or emulate a film type that you like! For example, Fuji is notorious for green shadows and blue highlights (at least I think).

Another good tip: download photographs you like (tone-wise), pull them into Photoshop, and use the eye dropper tool to inspect the shadows, midtones, and highlights to see how they’ve been edited. This will give you a better idea of how you might approach editing your own work.

But before you do any of that, check out the video above to get a quick breakdown of how RGB curves work; and if you like what you see, check out Turmon’s website, Instagram, and YouTube channel for more.

Articles: Digital Photography Review (dpreview.com)

 
Comments Off on Video: Using the RGB tone curves in Photoshop, a crash course

Posted in Uncategorized

 

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

25 Nov

Have you ever taken a portrait and wished that the background were just a little bit more blurry? You can address background blur in-camera by changing either your aperture or the distance of your subject from the background. However, there’s also a relatively quick way to make slight adjustments to background blur in post-processing. In this article, we’ll be walking through how to use the Magnetic Lasso tool in Photoshop to slightly blur the background of your portraits and people photography.

Getting started

First, open your desired image in Photoshop, and duplicate your background layer (Layer > Duplicate Layer). Next, select the Magnetic Lasso tool. If you’ve not used this tool recently, you may need to right-click on the original lasso tool and then click on the magnetic lasso tool from the fly-out menu.

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Selecting the subject

Using the Magnetic Lasso tool, begin by clicking at any point right next to your subject. You’ll notice that the magnetic lasso tool begins to “stick” to what it thinks is the outline of your subject. Continue to click your mouse to create anchor points periodically all around your subject.

If the magnetic lasso tool jumps somewhere you don’t want it to go, press the delete button on your keyboard to return to your last anchor point.

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Definitely be aware that once you’ve started using the Magnetic Lasso tool, you’re pretty committed! You won’t be able to do much else with Photoshop until you’ve either completed the lasso loop by connecting your endpoint to your starting anchor point or until you hit “Esc” on your keyboard to delete all your anchor points.

Once you’ve closed your lasso loop, navigate to Select > Modify > Feather (or Shift + F6) and feather your selection by 5-10 pixels.

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Feather your new selection 5-10 pixels.

Invert to select the background

Next, you’ll want to invert your selection so that you’ll be blurring the background rather than your subject. To do that, navigate to Select > Inverse (or Ctrl + Shift + I). If you see a dashed outline appear around the border of your image, then you’ve correctly inverted your selection.

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Notice where the marching ants are – if they appear like this around the outside of the image you’ve correctly inverted the selection.

Adding the blur effect

After you’ve inverted your selection, it’s time to blur the background of your image. Click on Filter > Blur > Gaussian Blur. Next, play with the radius slider a bit.

Please keep in mind that this technique isn’t designed to take a tack sharp background and transform it to the creamy bokeh of an 85mm lens. Rather, it’s designed to slightly enhance the bokeh that you’ve already got going on in your image. As such, I usually select a radius of 5-10 pixels for the blur filter.

Don’t be afraid to play around with this a bit. Utilize the preview check box, and see what your image looks like when using different amounts for the radius!

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Gaussian blur added.

Finishing up

Once you’ve run the Gaussian Blur filter, press Ctrl + D to deselect your image, and you’re about finished! If there are any parts of your image that are blurry and shouldn’t be, go ahead and add a layer mask to your top layer, and mask off any of those blurry areas, and then you’re finished!

How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Original image on top; image blurred with magnetic lasso tool on the bottom.

As you can see, this technique is subtle, and helps to soften (but not eliminate) slightly distracting elements from the background of your image. I most often find myself using this technique on one or two person portraits, including newborns. It’s a really simple trick to have in your tool bag!

Have you ever utilized the magnetic lasso tool for people photography? What’s your favorite way to use it? Chime in below and tell us in the comments section.

The post How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop by Meredith Clark appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Blur the Background of a Portrait Using the Magnetic Lasso Tool in Photoshop

Posted in Photography

 

How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

19 Nov

Size, resolution, and formats… What do pixels have to do with it?

Do you buy your camera based on its number of megapixels? Are you having problems sharing your photos online? Does your print look low quality even if it looks great on the screen? There seems to be a lot of confusion between pixels and bytes (image size and file size), quality and quantity, size, and resolution.

So let’s review some basics to make your life easier, your workflow more efficient, and your images the correct size for the intended usage.

How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

This image is sized to 750×500 pixels at 72 dpi, saved as a compressed JPG which is 174kb. Let’s look at what all that means.

Is resolution the same as size?

One of the biggest misunderstandings comes from the concept of resolution. If this is your case, believe me you’re not alone.

The problem is that resolution can refer to many things, two of them relate to the problem at hand. Further on I’ll explain these two resolution concepts, however, they have one thing in common that I need to clarify first. They both have to do with pixels.

You’ve probably heard a lot about pixels, at least when you bought your camera. This is one of the most available and “valued” specs on the market so I’ll start there.

What is a pixel?

A digital photo is not one non-dividable thing. If you zoom in far enough you’ll see that your image is like a mosaic formed by small tiles, which in photography are called pixels.

Pixel grid - How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

The amount of these pixels and the way they are distributed are the two factors that you need to consider to understand resolution.

Pixel count

The first kind of resolution refers to the pixel count which is the number of pixels that form your photo. In order to calculate this resolution you just use the same formula you would use for the area of any rectangle; multiply the length by the height. For example, if you have a photo that has 4,500 pixels on the horizontal side, and 3,000 on the vertical size it gives you a total of 13,500,000. Because this number is very unpractical to use, you can just divide it by a million to convert it into megapixels. So 13,500,000 / 1,000000 = 13.5 Megapixels.

Pixel density

The other kind of resolution is about how you distribute the total amount of pixels that you have, which is commonly referred as pixel density.

Now, the resolution is expressed in dpi (or ppi), which is the acronym for dots (or pixels) per inch. So, if you see 72 dpi it means that the image will have 72 pixels per inch; if you see 300 dpi means 300 pixels per inch, and so on.

The final size of your image depends on the resolution that you choose. If an image is 4500 x 3000 pixels it means that it will print at 15 x 10 inches if you set the resolution to 300 dpi, but it will be 62.5 x 41.6 inches at 72 dpi. While the size of your print does change, you are not resizing your photo (image file), you are just reorganizing the existing pixels.

Imagine a rubber band, you can stretch it or shrink it but you’re not changing the composition of the band, you’re not adding or cutting any of the rubber.

Pixel Density 72dpi - How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

Pixel Density 300dpi - How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

In summary, no resolution is not the same as size, but they are related.

So quantity equals quality?

Because of the aforementioned correlation between size and resolution, a lot of people think that megapixels equal quality. And in a sense it does because the more pixels you have to spread out, the higher the pixel density will be.

However, on top of the quantity you should also consider the depth of the pixels, this is what determines the amount of tonal values that your image will have. In other words it is the number of colors per pixel. For example, a 2-bit depth can store only black, white and two shades of grey, but the more common value is 8-bit. The values grows exponentially so for example with an 8-bit photo (2 to the power of 8 = 256) you’ll have 256 tones of green, 256 tones of blue, and 256 tones of red, which means about 16 million colors.

This is already more that the eye can distinguish which means that 16-bit or 32-bit will look relatively similar to us. Of course, this means that your image will be heavier even of the size is the same, because there is more information contained in each pixel. This is also why quality and quantity are not necessarily the same.

Therefore quantity helps, but also the size and depth of each pixel determine the quality. This is why you should look all the specs of the camera and its sensor and not just the amount of Megapixels. After all, there’s a limit to the size you can print or view your image, more than that it will only result in extra file size (megabytes) and no impact in the image size (megapixels) or the quality.

How to choose and control image size and file size?

First of all, you need to choose the outlet for your photo, there is a maximum density that you need. If you are going to post your image online you can do great with only 72 dpi, but that is too little for printing a photo. If you are going to print it you need between 300 and 350 dpi.

Of course, we are talking about generalizations because each monitor and each printer will have slightly different resolutions as well. For example, if you want to print your photo to 8×10 inches you need your image to have 300dpi x 8″ = 2400 pixels by 300dpi x 10″ = 3000 pixels (so 2400×3000 to print an 8×10 at 300dpi). Anything bigger than that will only be taking up space on your hard drive.

How to resize in Photoshop

Open the menu for the image size and in the popup window, you need to tick the Resample Image box. If you don’t activate “resample” you will only be redistributing the pixels like I explained at the beginning of the article.

You can also choose to tick the Constrain Proportion if you want the measure to adjust according to the changes you make. So the width adjusts when you change the height and vice versa.

How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

8×10 inches at 300 ppi, this is the size needed for printing an 8×10. Notice the pixel size is 3000 x 2400.

750×500 pixels at 72 ppi. This is web resolution and is the exact size of all the images in this article. The size in inches is irrelevant when posting online – only the pixel size matters.

On the top of the window, you’ll also see how the file size changes. This is an uncompressed version of your image, it’s the direct relationship I explained in the first part of the article: fewer pixels means less information.

How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

Now, if you still want to change the file size without resizing anymore, you have to do it when you save the image. Before saving your photo you can choose the format you want:

Formats - How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

If you don’t want to loose any information you need to save an uncompressed format. The most common, and therefore easier to share is TIFF.

Tiff - How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

If you don’t mind losing a little information as long as you have a lighter file, then go for a JPEG and choose how small you want it. Obviously the smaller you set it, the more information you will lose. Fortunately, it has a preview button so you can see the impact of your compression.

JPG high quality.

JPG low quality. Notice how it’s pixelated and breaking down? If you crunch it too much or go too low quality you risk degrading the image too far.

Conclusion

So there you have it. So quality, quantity, size and resolution explained and they all have to do with pixels, as they are the basic units that constitute your image. Now that you know you can make the best choices to print, share and save your photos.

The post How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly by Ana Mireles appeared first on Digital Photography School.


Digital Photography School

 
Comments Off on How to Understand Pixels, Resolution, and Resize Your in Photoshop Correctly

Posted in Photography