• About
  • Forum
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Archives

IndustryDev

Web Design & Photography Blog

  • Design
    • Lightroom
    • Photoshop
    • Bridge
    • Camera Raw
  • Development
    • HTML
    • CSS
    • JavaScript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
    • SEO
  • Technology
    • Hosting
  • Inspiration
    • Interviews
    • Learning
Have a question? Ask it and help others in our new discussion forums.

Adjusting Global Edge Refinements Settings in Adobe Photoshop

February 15, 2018

Selecting objects in Adobe Photoshop is one of the most common tasks you’ll face as an editor. Luckily, the folks at Adobe have created a very robust workspace for you to adjust and perfect the edges of those selections. While the Select & Mask workspace isn’t difficult or challenging to use by any means, it does require some working knowledge. In that vein, I’d like to talk about one area of the workspace.

In today’s post, I’m going to discuss the Global Refinements area of the Select & Mask workspace inside of Adobe Photoshop. Global Refinements is only one piece of the puzzle when it comes to working in this workspace, but it’s a big piece. And if you can master the four sliders that are contained within, you’ll be on your way to working accurately and efficiently while selecting and manipulating objects in Photoshop.

The Demo Photo

I decided to go with a photo of some pears for this post. The reason for this is because the pears have fairly sharp edges. Since this isn’t a post about making a selection, per se, I didn’t want to get caught up in doing that.

Pears

By the way, if you’re interested in learning about how to make selections both in the normal workspace and the Select & Mask workspace in Photoshop, please feel free to visit the posts below.

Selecting Objects & Refining Edges in Adobe Photoshop

Making a Selection in the Select & Mask Workspace in Adobe Photoshop

Making the Selection

I’m going to go ahead and select the center pear. To do this, I’ll use the Quick Selection Tool.

Quick Selection Tool

This shouldn’t be a difficult task because the edges are distinct from the background and the other pears. I’ll make use of the bracket keys [ and ] on my keyboard to shrink and enlarge the brush as well as the Alt key to erase areas I don’t want selected.

Here’s my result:

Selection in Photoshop

Entering the Select & Mask Workspace

Now that I have my selection, I can move into the Select & Mask workspace. To do this, I’ll click the corresponding button up in the options bar.

Select & Mask Button in Options Bar

When I do that, the workspace will open up.

Examining the Global Refinements Area

The area I’d like to take a look at in this post is called Global Refinements.

Global Refinements

This area is located over in the right column and it consists of four sliders. They are:

Smooth: If you have very choppy lines in your selection, increasing the Smooth value can reduce some of that choppiness. Care needs to be used because this setting can include and exclude areas that shouldn’t be and should be selected.

Feather: Like the feather settings in many other areas of Photoshop, this Feather setting broadens the range between the actual selection and its surrounding pixels. As I’ll demonstrate below. This is a very handy feature to have available. It sort of blurs the selection edge, if you will.

Contrast: This setting is sort of the opposite of the previous one. The Contrast setting creates a more distinct edge than the one that’s already there. If you have sharp edges that need a level of abruptness, this is the setting to use.

Shift Edge: Sometimes, edges of an object aren’t always as sharp as we’d like them to be; they’re fuzzy. The result of this is the inadvertent inclusion or exclusion of material along the selection edge. By raising the Shift Edge value, the selection area will slightly grow (including edge area) and by lowering the value, it will shrink (excluding edge area). This is helpful when you need to clean up this type of edge.

A Real World Example

When using the Global Refinements area, striking a balance is the key to success. Oftentimes, you’ll need to play one slider value off of another and many times, you’ll need to make adjustments that you wouldn’t normally think of making. In this section, I’ll walk through a common scenario for refining the edge of a selected object such as the pear in my example.

To begin, I’ll set the Smooth value to 5. The edge selection is already relatively smooth, so I don’t need to raise it up that much.

Next, because too high of a Smooth value can can unintended consequences, such as knocked-off edges, I’ll increase the Feather value to 10 pixels. While this will create a soft edge around the pear, I don’t mind because I’m going to clean that soft edge up in just a moment.

The soft edge smoothed the edge of my selection, but it also reduced it’s distinction. To reclaim that distinction, I’ll increase the Contrast value to 100%. The moment I do that, the selected edge became as sharp as it’ll ever get. This is what I wanted. This is just sort of a work-around for overusing the Smooth slider.

Finally, because I have some background showing inside of my selection, I’ll remove that background by reducing the Shift Edge value to -10%. This cleans things right up.

Final Adjustments

My result will be a beautifully selected pear.

Edited Selected Pear

Of course, you’ll have to experiment with your own objects and selections, but this is a very strong foundation to begin with. The most important aspect of what I just showed you is the interplay between the Feather and Contrast values. Those two can work wonders when it comes to acquiring an attractive selection.

——

I hope I clearly explained how to go about using the Global Refinements area in the Select & Mask workspace in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Design


Selections & Camera Raw as a Filter in Adobe Photoshop

February 13, 2018

Every so often, I come across a tip that is so awesome that I can’t wait to share it with you. I recently discovered one of these tips and today is the day you’ll learn about it. That is, of course, if you aren’t already aware of its existence.

In previous posts, I wrote about how you can use Adobe Camera Raw as a filter while working in Photoshop. This is a huge feature that can truly come in handy on so many levels. If you’re interested in reading my earlier posts, please click through below.

Using Camera Raw as a Filter Inside Adobe Photoshop

How to Create Actions with Camera Raw Inside Adobe Photoshop

Combining a Smart Filter with a Camera Raw Action in Adobe Photoshop

In today’s post, I’m going to let you in on a little secret. While you can easily convert a layer to a Smart Object and then use the Camera Raw Filter feature in Photoshop to edit that entire layer in Camera Raw and, in return, create a Smart Filter, you’re not limited to that set of circumstances. What you may not already know is that while editing the whole Smart Object layer is the most common, you’re also able to edit just part of the layer with the Camera Raw Filter. That’s right; you can make a selection in a layer with any of the selection tools inside of Photoshop and use the Camera Raw Filter to edit just the contents inside of that selection. What’s outside of the selection won’t be altered in any way.

So, if you’ve gotten used to jumping back and forth between Photoshop and Camera Raw, you’ll be pleased to know that you can add an entirely new dimension to your workflow. You can now limit what you edit in Camera Raw, which makes life a lot easier.

Demo Photo

For this post, I’ll be using a photo of a bubble. This is the best photo I could locate that would offer a clear visual into what I’m trying to accomplish.

Bubble

Converting to a Smart Object & Making a Selection

The photo is already opened up in Photoshop. I’ll go ahead and right-click on the layer and choose Convert to Smart Object from the menu that appears. Doing this will protect the layer and will offer non-destructive attributes to any changes I make.

Convert to Smart Object Menu Item

Once that’s done, I’ll go ahead and pull some guides down from the rulers along the edges of the workspace. Since I’m working with a perfect circle that I’d like to select, I’ll place a guide along the top edge and the left side edge of the bubble.

Guides in Photoshop

Next, I’ll use the Elliptical Marquee Tool to create my selection.

Elliptical Marquee Tool

I’ll click on the top left corner of the guides (where they intersect), hold down the Shift key on my keyboard to lock in the circle shape and then I’ll drag down and across until the entire bubble is enclosed in the selection. After that, I’ll let go and the selection will be complete. Also, just to let you know, when dealing with perfectly symmetrical shapes such as circles and squares, the expanding and contracting features can help a lot. Please read my previous post for more information on that.

How to Expand & Contract Selections For Cool Effects in Adobe Photoshop

Anyway, here’s my result. The elliptical selection in all its glory.

Elliptical Selection

Using the Camera Raw Filter to Edit the Selected Area

Okay, now here’s the cool part. Under normal circumstances, after moving this layer into Camera Raw, the entire image would be affected by any edits I make in that application (plugin, to be more precise). Since I made a selection though, only the area inside of that selection will be affected. Let’s take a look.

I’ll head up to the Filter > Camera Raw Filter and click.

Filter > Camera Raw Filter Menu Item

Once I do this, the Camera Raw plugin will open up, which is basically Camera Raw itself. Inside of Camera Raw, just for this example, I’ll adjust the Contrast, Clarity, Dehaze and Noise Reduction. I’d like to make the bubble stand out more while being a bit more smooth looking. When I’m finished making those changes, I’ll click the OK button in Camera Raw and I’ll return to my workspace in Photoshop. Let’s check out the bubble now.

Edited Bubble

That looks much more clear. And just as a reminder, I could have made just about any edit I wanted to inside of Camera Raw.

Now let’s take a look at the Layers panel in Photoshop to see what we’re dealing with.

Smart Filter Layer

I can see a Smart Filter layer, which was expected. Inside of that layer, I see a mask, which is a surprise. By making a selection in Photoshop before I jumped over to Camera Raw, I was essentially creating a masked area to edit. Working together, Camera Raw and Photoshop created that mask, which is completely editable at any time. If I made a mistake with my initial selection, I could adjust it after the fact by painting parts of the image either black or white (to either conceal or reveal). And that’s that. A new way to edit selected areas in Adobe Camera Raw via Photoshop. That’s totally cool.

——

I hope I clearly explained how to edit selections by using the Camera Raw Filter inside of Photoshop. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop


How to Expand & Contract Selections For Cool Effects in Adobe Photoshop

February 10, 2018

I know I’ve covered selections in Adobe Photoshop about a hundred times on this blog, but it really is an endless topic. I bet someone could create an entire website and limit their content to just selections. It’d be a fairly large site too. The whole thing is almost infinite and since it revolves around creativity, it becomes exponentially almost infinte.

I’m going to keep things easy today. I merely want to discuss one area of selections that has to do with expansion and contraction. Basically, after you make a selection in Photoshop and see the marching ants doing their things, you have the ability to grow the entire selection a specific number of pixels that you designate. You can also shrink the selection the same way. Now, I understand that many of you might ask, “Why in the world would I want to do that?,” so I’m going to walk through a quick project today that should give you some idea of how creative you can get with this type of thing. The project might not be realistic in a sense that anyone would ever want to replicate it, but my hope is that it will get the gears in your head turning.

My plan is to make a selection of some silhouettes at a music concert. After I have that all squared away, I’ll both shrink and expand that selection and do a few interesting things to it. The end result should add a creative touch to the original and I’m hoping that it will look like something that might be used on a CD/vinyl cover or something like that.

Demo Photo

This is the photo I’ll be using. I chose it because there are some distinct lines that will be fairly easy to select. Since this isn’t a post about how to effectively make a selection, per se, I didn’t want to spend a lot of time doing that.

Raised Hands at Concert

Making the Selection

I’ll start off by using the Quick Selection Tool to outline the darker parts of the people in the audience. I don’t want to get everyone, just the people in the darker shadows. To learn how to make an effective and accurate selection, please read to beginning part of this post:

Reusing Selections & Masks in Adobe Photoshop

Selected Audience in Photoshop

As I did in the post I just linked to, I’ll click the Select and Mask button up in the options bar, refine my selection and output it to a mask. This will be the result. I’ll show you the layer and mask in the Layers panel as well as the image itself.

Layer and Mask

Masked Portion of Image

The reason I created a mask like this was so I could easily reselect the same portion of the image over and over again. I’ll want to do that at least a few times in the sections below. This will be my template of sorts.

Copying & Filling In the Crowd

Okay, let’s get creative. To start out, I’m going to click the layer mask in the Layers panel to activate it. Then, I’m going to press the Ctrl+Shift+D keys on my keyboard to reselect the area the mask is keeping visible. Basically, this is the same area I initially selected. If I didn’t want to use that keyboard shortcut, I could head up to the Select > Reselect menu item and click. That will accomplish the same task.

Select > Reselect Menu Item

After that, I’ll go back to the Layers panel and click on the actual image thumbnail as opposed to the mask thumbnail. I want to activate the regular thumbnail now. Then, I’ll use the keyboard shortcut of Ctrl+C to copy and then Ctrl+V to paste. This will copy the selected area and place it in its own layer.

Copy of the Masked Crowd

That’s perfect. Now, I’ll double-click on the new layer’s thumbnail (the copied crowd) and by doing that, the Layer Style palette will appear.

Layer Style Palette in Photoshop

I’ll click on the Color Overlay option in the left column and once I’m in that area, I’ll choose the color Black. I’ll then click the OK button to exit out of the palette. This will be my result.

Silhouette

Now I’ve got a true solid black silhouette.

Expanding & Contracting the Selection

The next thing I’m going to do is to go back to the original mask thumbnail and click on it. Then, I’ll reselect it once again and then after the selection is active, I’ll go up to the Select > Modify > Expand menu item and click.

Select > Modify > Expand Menu Item

If you’ll notice, the Contract menu option is directly below the Expand one. Whatever the Expand option does, the Contract one does the opposite.

After I click that menu item, the Expand Selection dialog will appear. I’ll type in 30 to grow the current selection by 30 pixels all around it. Doing this sort of acts like blowing up a balloon does.

Expand Selection Dialog

When I’m finished, I’ll click OK to grow the selection. Let’s look at the result.

Expanded Selection

I’m not sure if you can see that or not, but the selection has been expanded. Look closely at the marching ants. Also, if there are any artifacts that were unknowingly selected, I can always get rid of those with the Eraser Tool later on. That’s not a big deal.

Making an Outline

What I really want to accomplish today is an outline of the silhouette I created earlier. Since I already have the original selection expanded, all I have to do is make sure the original layer thumbnail is clicked on and then copy and paste again. Doing this will result in the screenshot below.

Expanded Selection Outline

Do you see that outline? That’s all I was after. That’s why I needed to use the expand selection feature. Again, I could just as easily have contracted the selection. The only reason I didn’t was because I had no use for it this time.

Okay, now I’m just being silly. I figure that an stroke might look interesting along the edge of the outline, so I’ll double-click on the layer thumbnail that was created with the outline in it. Doing this will pop open that Layer Style palette again. Once open, I’ll click Stroke in the left column and then I’ll change the size to 15. That should do it. I’ll also be sure to change the color to White and then click the OK button to apply the change.

Stroke Layer Style

After all this work, I’ll have the silhouette that has an outline of the original image and a stroke around that outline. If I added a new layer all the way at the bottom of the stack in the Layers panel and filled that layer with black, this is what I’d have:

Black Outline

And if I imported the original image and placed it right above the bottom black layer and reduced the opacity of the image to 50%, I’d have this final image.

Final Image

It’s just a quirky little idea I thought up today as an example of what the Expand selection feature might be used for. It’s interesting, to say the least.

——

I hope I clearly explained how to use the expand and contract selection features in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them in the comments section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop


Exploring the Color Lookup Adjustment In Adobe Photoshop

February 8, 2018

I’m going to let you in on a little secret about Adobe Photoshop. I’ve been working in this application for a long time and I’ll tell you that there really aren’t many people on the planet who truly know how to use it. Sure, many folks can launch a photo and edit that photo in a limited fashion, but when it comes to the heavy lifting and getting dirty of making something look beautiful, nine out of ten people have no idea where to begin. So, if this is true, how in the heck do so many of these editors churn out images that appear so stunning and professional? Well, it’s because there are shortcuts built right into the program. You just need to know where to look. And as long as we’re talking about shortcuts, I’ll let you know that almost everything we do in Photoshop these days is a shortcut. If you have ever worked with color channels back in 1999, you know what I’m talking about. We’ve come a very long way. Back then, we oftentimes had to take the long way around. The very long way.

In today’s post, I’m going to explore a very small portion of what I referred to above. There’s an area inside of Photoshop’s Adjustments panel that’s called Color Lookup. This Color Lookup adjustment allows us to change the overall appearance of a photo. It’s sort of like overlaying an old school film effect on top of a photo to give it a haze, contrast, warming or cooling feeling. There are tons of presets in this little area of Photoshop, so once you know about it, you’ll be able to experiment to your heart’s content. Below, all I want to do it tell you how to get to where you need to be and to display a few different examples. You’ll be able to take it from where I leave off.

The Color Lookup Adjustment

The best part about using this adjustment is that it’s non-destructive. It functions just the same as any other adjustment in that we can turn it on and off and even delete it if need be. Needless to say, it’s got some flexibility attached to it, so as we use it, there’s very little to be concerned with when it comes to permanently altering a photograph.

The Demo Photo

For this post, I wanted to use a photo that offered a way to realistically see what kind of effect these color lookups can offer. I think I found a really good picture to use. It’s of a lighthouse and it’s got lots of sky in it as well as a structure. I think this will be perfect. Here it is.

Lighthouse

Applying the Adjustment

I’ve already got the photo opened up into Photoshop. From here, I’ll head up to the Adjustments panel and click the Color Lookup option.

Color Lookup Adjustment Icon

Once I do that, a new adjustment layer will appear in the Layers panel and the Properties panel for this adjustment will automatically open.

Color Lookup Adjustment Properties Panel

If you take a look inside the Properties panel, you’ll see three drop-down boxes. These are the lookup table categories and they’re called 3DLUT File, Abstract and Device Link. It’s inside of these drop-downs that you’ll find the actual lookup tables. Currently, there are 27, 8 and 5 lookup tables, respectively. Because the first category has so many, you can imagine most people hang out in there. The other categories do have some interesting effects though, so they shouldn’t be overlooked. Here’s a screenshot of the first drop-down.

3DLUT Lookup Tables Category Drop-Down

To select a lookup table to apply the effect, simply click one of the options in the drop-down. I’ll give you a few examples below.

Let’s see, I think I’ll start off with Candlelight.CUBE.

Candlelight.CUBE

Next, I’ll show you Crisp_Warm.look.

Crisp_Warm.look

After that, I’ll show you Crisp_Winter.look.

Crisp_Winter.look

As you can see, by clicking one mere option in a drop-down, the entire look of a photo can be transformed. Some of the options are fairly crazy looking and may need a few extra steps to tame things down a bit. Others, however, can be used right out of the box. Here’s one last one for you. It’s the LateSunset.3DL option.

LateSunset.3DL

So basically, as you’re asking yourself how some photographer out there made that photo look so good, remember that it only takes a few steps inside of Photoshop to make a change.

Combining Lookup Tables with Blend Modes

A common step to take after finding the look you’re after is to add a blend mode to the mix. Doing this will tamp down the effect somewhat and will certainly take the edge off, if there is one. It’ll also give you the opportunity to add another effect. Perhaps one that wasn’t available in the lookup table you chose.

For this example, I’m going to keep the Late Sunset option I just ended with. I’ll head back to the Layers panel and I’ll click the Blend Mode drop-down. Inside this drop-down, I’ll see the Overlay option, so I’ll click it.

Overlay Blend Mode

Once I do that, I’ll notice that the contrast inside of the photo was increased. The overall appearance was enhanced as well. If you aren’t familiar with how blend modes work in Photoshop, please read through these posts:

What are Blending Modes in Adobe Photoshop?

Adding Color: Blend Modes & Adjustments in Adobe Photoshop

The Overlay blend mode is part of the Contrast group, so that explains things. Let’s take a look at the result.

Overlay Blend Mode Result

Adjusting Opacity

Just like it’s common to play with blend modes in these types of circumstances, it’s also common to adjust the opacity if the overall effect is too strong for your liking. To lessen the effect of the lookup table and the blend mode, I’ll turn to the Opacity slider in the Layers panel and I’ll nudge the slider to the left.

Opacity Slider in the Layers Panel in Adobe Photoshop

When adjusting opacity, be sure the proper layer in the Layers panel is selected. The change you make will affect whichever layer is active. In my case, I went with 75% opacity. Here’s the result. It’s not too terribly different than the photo above.

Final Lighthouse Edited Photograph

As you can see, there are a lot of possibilities here. I encourage you to experiment with them to see what you can come up with. I’m sure you can imagine how things might turn out after you finish making these type of changes and move further along. You can truly transform a photo in no time flat.

——

I hope I clearly explained how to use the Color Lookup adjustment in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop


Quickly Adding Video Groups, Clips & Comments in Adobe Photoshop

February 5, 2018

When editing video inside of Adobe Photoshop, there are a few tasks that you’ll find yourself repeating over and over again. None of these tasks are mind blowing or anything like that, but they are important to learn at the beginning of your training because you’ll find yourself needed them quite frequently. Basically, they allow you to set up and edit your video as seamlessly and as efficiently as possible.

In today’s post, I’m going to very quickly cover a common workflow. It goes like this; someone opens a video clip into Photoshop. Then, because they want additional video clips in the same project, they’ll add those clips. Also, because this person wants to stay organized, they’ll record some comments that identify what they added to the project. Working with video is similar to working with photographs. We need to understand how the process goes when it comes to adding to a project and keeping things clearly situated. Oftentimes, we organize via naming conventions, but in this case, we can use comments because they’re so easily accessible.

The Current Workspace

To kick things off, I opened one of the two demo video clips into Photoshop. I chose some random clips just for demonstration’s sake. The first one is of a bunny chewing on some leaves and the second one is of some sort of a temple in the woods. Here’s a screenshot of the bunny.

Bunny Rabbit Chewing Leaves

Right after I opened this clip, the Timeline panel automatically opened up and the clip was visible inside of a group in the timeline.

Timeline Panel in Adobe Photoshop

Now, if this was a simple, one clip editing job, I could continue on working by adding some transitions, audio or effects. Since I have more video, I’ll need to add that to this project file.

Adding Additional Video Groups

By adding an additional video group, I’ll be essentially adding sort of a bucket for more video clips. Adding groups is a good idea because you never quite know how many clips you’ll be including in the project. Groups are a great way to keep clips organized. I could have added the additional clip to the same group that already existed, but because I’m thinking about the future, I decided to go with expansion in mind. I’ll add the group and then put the additional video inside of it.

To add a video group, I’ll head down into the Timeline panel and click the small filmstrip icon that’s inside of the existing one. When I do that, a menu will appear. I’ll select New Video Group from that menu.

New Video Group

Once I do that, a new group will appear above the current one. But, as you’ll notice, it’s empty.

Video Group Placeholder

Adding a Video Clip

The next step I need to take to add the new video clip is to click the Add Media to Track icon that sits all the way over to the right of the timeline. Since there are more than one of these icons, I’ll need to be sure to click on the one that corresponds with the group to which I’d like to add the clip.

Add Media to Track Icon

After I click the icon, a window will appear, giving me the ability to browse my computer for the media I’m after. When I find it, I can double click it and it will be inserted into the Timeline. Take a look.

Two Video Clips in Timeline

Adding a Comment to the Video Timeline

I already wrote a post that covered how to add comments to the timeline, but since this was related to what I’m discussing today, I figured I’d add the content again. You can read my previous post here if you’d like to.

My video clips won’t likely be all lined up in a row. In any given project, bits and sections of video will be scattered all over the place. Keeping track of them via comments is important.

To add a comment to the timeline in Photoshop, move the playhead to the spot where you’d like the comment to live. Then, click the small stopwatch icon that’s inside of the Comment track.

Comment Stopwatch Icon

Once that occurs, the Edit Timeline Comment panel will appear. Write the comment inside of that and then click OK to apply it.

Edit Timeline Comment Panel

After that’s done, the new comment will be indicated by a small yellow box.

Yellow Comment Icon on Timeline

To read the comment, or any comment for that matter, in the future, simply double click on its yellow box. To delete the comment, click it once to select it and then press the Delete key on your keyboard.

——

I hope I clearly explained how to add a video group, a video clip and video comments to the Timeline panel in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them for me in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop


How to Animate a Vector Mask’s Position in Adobe Photoshop

February 3, 2018

A few weeks ago, I wrote about how to add a vector mask to video in Adobe Photoshop. I’ll give you the link to that post below. Adding vector masks to video is something that’s critical to learn about and understand because it’s called for all the time. Videos in videos, animated videos, working with a combination of images and videos – there are countless combinations when it comes to something like this. The thing is, while it’s important to become fluent with the vector mask thing, it’s even more important to learn how to move those masks around. If you aren’t sure why moving masks around might be helpful, think about how many video transitions you see on a daily basis. Those transitions use the same principle as the one I’m going to cover below.

Combining Vector Shapes with Clipping Masks for Video in Adobe Photoshop

In today’s post, I’m going to discuss the very simple process of animating a vector mask in an effort to reveal a hidden video in Adobe Photoshop. I’ve already gone ahead and set the two videos and the vector shape up inside of one tab and I’ve also gone ahead and created a clipping mask relationship between one of the videos and the vector shape layer. All this took me about 30 seconds to complete, so if you’re not sure how to go about doing something like this, I encourage you to read through the link I just shared above. Either that, or you can simply click here.

Demo Videos

For this post, I randomly selected two videos that were around the same dimensions. Any size differences were cropped out. Then, since both videos were in different tabs, I dragged one of the video layers over into the other video tab. I dropped it there, which created my primary project tab. After that, I added the vector shape layer, which happened to be a rectangle and finally, I created the clipping mask. Here’s a screenshot of part of the two videos.

Busy City Street and Mountains and Stars

Since the videos weren’t as crisp as I would have liked them to be, I added an adjustment layer to increase the contract. Here’s a capture of the Layers panel.

Layers Panel

The top layer is the adjustment layer, which affects all the layers below with increased contrast, the second layer down is the hidden video that will be revealed, the third layer is the vector rectangle shape and the fourth layer is the primary video that will reduce in size because of the impending animation.

Altering the Vector Mask Position

To create this animation, the same rules need to be followed for that you would for any other type of animation. Basically, I’ll need to create a start point and an end point (keyframes). The only tricky part is remembering to add the correct type of keyframe. At first glance, I might be tempted to add keyframes to the Position row. What I really want to do is add them to the Vector Mask Position one. Attempting to change the position of a vector mask inside of Photoshop isn’t possible by using only the Position keyframe feature. I’ll show you what happens if I try.

I’ve gone ahead and selected the vector shape layer in the Layers panel. Then, I clicked on the small arrow in the timeline that sits to the left of that layer name. Doing this opened up the animation controls for that layer. Take a look.

Timeline Layer Animation Controls

If I click on the timeline in the Position stopwatch icon, I’ll immediately see this warning pop up.

Keyframe Warning in Photoshop

It says, “Animating the layer position may not have any effect. You may need to animate the mask.” That’s interesting because at first glance, many people may think they’re attempting to animate the actual layer shape, but in essence, they’re attempting to animate the mask, just as the warning stated. To work around this warning, I’ll steer clear of the Position control and I’ll skip down a few spots to the Vector Mask Position row. That’s where I want to be.

Before I click in the row though, I’ll need to slide the mask over to the left, so it’s just off screen. My goal with this animation is to have the video in question start off in a hidden state and then slide in, while the video is playing, to the half way point. That’s where I’ll have the animation stop and the video content continue on playing. Sort of like an animated split screen.

Okay, I’ve repositioned the mask so it’s off screen. At this point, I’ll go ahead and make sure the playhead is at the 0:00 second mark and then I’ll click the little stopwatch icon that sits to the left of the words Vector Mask Position.

Vector Mask Position Keyframe

Next, I’ll push the playhead to the 3:00 mark. That’s going to be the end of the transition. After that, I’ll hold down the Shift key on my keyboard to lock any layer mask movement into a horizontal plane and then I’ll drag the layer mask over so the video stops at the center point. When I let go of the mask layer with my mouse, the end point keyframe will automatically appear.

End Point Keyframe

And that’s all I need to do. If I play the video back and want to make any adjustments with the timing, I can easily drag the keyframes around. Those would be just small tweaks.

Basically, adding an animation for a vector mask layer is much like adding one for a regular layer. Again, the only area you need to pay attention to is which type of keyframe you apply.

Here’s a look at the final video. If you’re reading this via email, you’ll need to click the link below.

Video Link

Pretty cool!

——

I hope I clearly explained how to add an animation to a vector mask in Adobe Photoshop. If you have any questions or concerns regarding this post, please leave them down in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop


How to Create a Panoramic Image in Adobe Lightroom

January 31, 2018

Creating a panoramic image from multiple photos is super easy in Adobe Lightroom. It’s actually just as easy in Lightroom as it is in Camera Raw. As you may know, I already wrote a post that covered this task in Camera Raw, so if you’d like to read through that one, please take a look below.

How to Create a Panoramic Photo in Adobe Camera Raw

In today’s post, I’ll be covering the steps needed to create a panoramic photo in Adobe Lightroom. After you capture the necessary photos and import them into the application, it’s really only a few easy steps until you’re done. There are some details that need to be considered towards the end of the process though, so you’ll definitely need to read about those steps below.

Demo Photos

For this post, I’ll be using a few photos I just took in front of my house. The sun was shining, so I decided to grab a few random shots. Here are the right side of the collection and the collection as a whole, after the photos have been merged.

Panorama Photo

Full Wide Panorama Image

While the first photo may seem like just one image, I’d say it’s about three that have been joined. Overall, I’ll be combining nine photos.

The Photos in Lightroom

I’ve already imported the images into Lightroom and I can see the thumbnails down in the filmstrip view towards the bottom of the application. I can also see them in the center Content panel.

Filmstrip View

Merging the Photos into a Panorama

To merge the photos, I’ll first select all the thumbnails in the series. To do this, I’ll click on the first photo in either panel I just mentioned above, hold down the Shift key on my keyboard and then click on the last photo. This should highlight all of them.

After that, I’ll head up to the Photo > Photo Merge > Panorama menu item and click.

Photo > Photo Merge > Panorama Menu Item in Adobe Lightroom

After I do this, the Panorama Merge Preview palette will open up. Here’s the view of mine with the photos I just took roughly merged.

Rough Panorama Photo Merge

On the right side of this panel are a few options. The first ones you need to consider are:

Spherical: Use this option if you have a very wide panorama. The photos will be merged as if they were situated on the inside of a sphere.

Cylindrical: If you’d like to keep the vertical lines inside of your photos straight, use this option. The photos will appear as if they were merged inside of a cylinder. This option is also good for wide panoramas.

Perspective: If you’re merging architectural photos, this may be the option you want to go with. The photos will appear as if they were merged on a flat surface. Due to edge distortion, this isn’t a great option for wide panoramas.

Personally, I prefer the cylindrical look, so I’ll select that option.

Next I’ll pull the Boundary Warp slider to the right until I feel enough of the white outer edge has disappeared, but not so much as to distort the photos in the merge. As you may have already guessed, this feature tugs on the edges of the photos and stretches them as far as you’d like it to.

Finally, I’ll click the Auto Crop check box to allow Lightroom to automatically crop the blank edges from the panorama. This is what I’ll end up with:

Cropped Panorama

When working with these options, be sure to pull the Boundary Warp slider before you check the Auto Crop box. You wouldn’t want to crop the images first because you would lose too much of the overall output.

Saving the Image

When I’m all finished manipulating things the way I’d like to see them, I’ll head down to the bottom of this palette and click the Merge button. When I do this, I’ll need to wait a few seconds before the process is completed. But when it is, I’ll see the new combined image file saved as a DNG right in the same area as the individual files.

Panorama Thumbnail DNG File

And if I select the thumbnail by clicking on it and then click the Develop module link up top, I can edit the panorama and way I wish, just as if it were a regular photo.

——

I hope I clearly explained how to create a panoramic photo from multiple individual photos in Adobe Lightroom. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Lightroom


How to Change Photo Size & Format on Your Canon Rebel DSLR Camera

January 29, 2018

I’d say that the very first task someone needs to complete after purchasing a brand new camera would be to set the image size, quality and format their camera will be capturing. If memory serves, the default setting for Canon Rebel cameras is high quality JPEG photos. If you’re getting up there and are proficient with photography and image editing, you’ll likely need to change this setting so you’re shooting in RAW mode. If you’re taking photos specifically for the internet and are sure you’ll never need these photos for anything more demanding, you can reduce the image size your camera captures to something more moderate, like medium or small. In general though, you’re likely to keep the large JPEG or RAW setting intact.

In today’s post, I’d like to quickly review how to set the image size and format on a Canon Rebel DSLR camera. I’ll be using the Canon T6i as my demo camera, but really, these steps are the same, or at the very least, very similar, to those for many other models. I’m taking the photos for this post with my Canon T3i and the instructions are identical.

Accessing the Image Quality Display

The first step in adjusting the photo size or format in your camera is to access the Image Quality display on the rear screen. To do this, simply press the Menu button that sits in the upper left corner of the rear of the camera. Then, use either the left or right arrows to the right of the LCD screen to navigate to the display that has the Image Quality option available. On the T6i, this would be the very first one.

Image Quality Display

After that, press the Set button that sits at the center of the arrow buttons on the right side of the screen. This will bring you into the actual Image Quality display where you’ll make your choice for quality.

Large JPEG Image Quality

Changing Dimension, Quality & Format

On the T6i, there are currently ten options for photo size, quality and format. There are actually two options for format; one is JPEG and the other is RAW. As for size, there are actually only five. And for quality, there are actually only three. I’ll list out all these options below.

Large High Quality – 24M 6000×4000 pixels
Large Medium Quality – 24M 6000×4000 pixels

Medium High Quality – 11M 3984×2656 pixels
Medium Medium Quality – 11M 3984×2656 pixels

Small High Quality 1 – 5.9M 2976×1984 pixels
Small Medium Quality 1 – 5.9M 2976×1984 pixels

Small 2 – 2.5M 1920×1280 pixels

Small 3 – .3M 720×480 pixels

RAW+JPEG – 24M 6000×4000 pixels

RAW – 24M 6000×4000 pixels

Okay, so you’re probably wondering why there isn’t much of a difference between the high quality options and the medium quality ones. Basically, this has to do with image compression. While the camera captures the image with the same megapixel and pixel count, it compresses it differently on the inside so the output varies. This gives you flexibility when it comes to gauging how many photos you’d like to take with a specifically sized data card.

Also, the number of photos you can store varies greatly between all of these settings, and again, you’ll need to gauge your usage with your storage capabilities. To the right of the pixel dimensions is a number. That number is what (the number of photos) the card inside of your camera can hold.

As for the RAW mode, that’s the highest quality available since it’s not compressed by the camera at all. When shooting in this mode, you’ll have as much post processing flexibility as possible, so it’s advised that you use this if you have editing software that can handle the CR2 or DNG file type.

To choose one of these options, navigate to the left or to the right with the arrow keys I discussed earlier. When you’ve settled on an option, press the Set button. Then, you’ll likely need to back out of the menu area by clicking the Menu button a few times until you return to the camera shooting mode.

PS – This post refers to almost all Canon Rebel cameras, including the T2i, T3i, T4i, T5i, T6i and the T7i.

——

I hope I’ve clearly explained how to alter the photo size, quality and format for a Canon Rebel DSLR camera. If you have any questions or concerns regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Photography


Stacking Radial Filters for Cool Lighting Effects in Adobe Lightroom

January 26, 2018

I was looking at a photo this morning of an old house near the Maine coast. I thought about how beautiful the house was with the green grass and the sun peeking from behind the roof. It really was a very nice scene and after pondering it for a few seconds, I determined that the whole attraction I had to it stemmed from its lighting. Knowing what I know, I could tell that the photo had been edited. Certain elements were brightened up and others would brought to the forefront. Whatever the editor did, they certainly made the photo look stunning. It was well worth the time taken to fix things up.

That photo got me thinking. It really is about lighting, isn’t it? Lighting creates mood and mood creates emotion. I can’t even count how many times I’ve edited a photo in post processing to enhance the lighting. Almost every single time, I brought a lifeless picture one step from the trash bin back to an appreciable something to look at. And rarely is it just one lighting edit. Oftentimes, it’s many edits. It takes many different filters either sitting side by side or on top of one another to get the effect your after.

In today’s post, I’m going to quickly edit a photo of a wedding couple by adding a few radial filters, along with some other random edits. I’ll be doing all this in Adobe Lightroom. The goal of this post is to show you just how easy it really is to take a dull looking photo and make it stand out from others in its class. There will only be a few steps in this post, so it’ll be a quick read.

The Demo Photo

I decided to go with this photo because it’s always fun to edit how couples look on their big day. Also, because this picture is relatively low key, it’ll be interesting to bring some of the softer elements out in the open so they’re more visible. Here’s the photo.

Wedding Couple in Forest

Adding Some Radial Filters

I’ve already got the photograph opened up in the Develop module of Lightroom. For this photo, I think I’ll apply what I call the snowman effect. This is basically two radial filters stacked on top of on another in the shape of a two-piece snowman. I’ll apply similar lighting to both filters. The reason I’m doing this is because the couple in the photo is obviously the main attraction. I want to accentuate them.

To apply the radial filters, I’ll head over to the right column and click on the Radial Filter icon.

Radial Filter Icon in Adobe Lightroom

Next, when the sliders for this filter appear, I’ll go ahead and draw the first radial around the top portion of the couple.

Editing a Photo with the Radial Filter in Adobe Lightroom

Top Radial

After that, I’ll move over to the sliders in the right column and make some adjustments.

Edited Radial Filter Adjustments

For this post, I won’t go crazy. I’ll increase the Exposure, add a little Contrast and do a few other things.

Radial Filter Sliders

Next, I’d like to create a new, but very similar, radial filter to sit below this current one. To do this, I’ll click the New link that’s above the sliders.

New Radial Link

Then, I’ll draw the next radial.

Lower Radial

I’ll then go ahead and make similar changes to the lower radial sliders.

Adjusting All Sliders Simultaneously

Right now, I’m not sure how much effect I would like to add for each radial. To experiment with the overall amount of effect, I can collapse all the sliders so all I have to do is push one Amount slider, which will control everything that I’ve already pushed. To view the Amount slider I’m referring to here, I’ll click on the small dark triangle that sits in the upper right of the sliders.

Amount Collapse Triangle

From here, I can increase or decrease the amount of effect I’m seeing on the image. After I’m finished with everything, I’ll click the Done button that’s located underneath the image itself.

Editing in the Basic Panel

To finish up this image, I’m going to make a few quick adjustments in the Basic panel. Nothing crazy, but I’d like to at least reduce the Exposure in the surrounding photograph so the couple stands out in the light I just added. If things in the center get too dark, I can always go back to the radial filters and increase the Exposure there. Here are the adjustments I made in the Basic panel.

Basic Panel in Adobe Lightroom

Here’s the final image.

Final Image

Obviously, I could have edited things a lot more, but that wasn’t my intention. I wanted to show you how to edit with the radial filters, not what I edited with it. Overall, I think things came out well.

——

I hope I clearly explained how to edit with multiple radial filters in Adobe Lightroom. If you have any questions or concerns regarding this post, please let me know in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Lightroom


2 Quick Ways to Remove Shadows Under Eyes in Adobe Photoshop

January 24, 2018

When working in Adobe Photoshop, you’ll quickly learn that there are dozens of methods for accomplishing the same thing. It doesn’t take much to set a goal and to work with the most obvious tool for accomplishing that goal. As you become more advanced with the application though, you’ll find that you’re able to use additional or alternative tools to give you the same result, but that will offer different flexibilities later on. Examples of such tool may be the Clone Stamp Tool, Spot Healing Brush Tool, Healing Brush Tool and the Patch Tool. Let’s just say that there’s more than one way to skin a cat when it comes to working with these tools.

In today’s post, I’m going to walk through the process of using two different tools to accomplish the same goal in Photoshop. I’ll use a sample photograph of a woman who has fairly dark shadows under her eyes. To lighten the shadows, I’ll first use the Clone Stamp Tool, along with some specific settings and after that, I’ll use the Healing Brush Tool to do the same thing. I’ll set that tool as well but then after I’m finished, I’ll make one final adjustment that will bring everything together.

The Sample Photo

Okay, as you can see in the photo below, there certainly are shadows under the woman’s eyes. This isn’t necessarily a bad thing because we all experience shadows, but when it comes to photo retouching, this area is generally corrected. Take a look.

Woman Wearing Hat

Using the Clone Stamp Tool

Both methods for dealing with this issue are relatively simple. Neither takes much time, but both require explanation. I’ll begin with the Clone Stamp Tool.

To activate this tool, I’ll head over to the left vertical toolbar and click the tool.

Clone Stamp Tool in Photoshop

Next, I’ll resize the tool by pressing the [ and ] (bracket) keys on my keyboard. I want the size of the brush to be about the height of the shadows. In this case, I’d say that’s around a half inch. I’ll also keep a soft edge.

After that, I’ll move up to the options bar and set the Opacity to 10% and keep the Aligned box checked. Finally, I’ll make sure All Layers is selected in the Sample drop-down box. Sampling all layers means that even if I place a blank layer above the background photo layer (which I’ll do), Photoshop will still recognize that background layer, even if the blank layer is the active one.

Clone Stamp Tool Options Bar

Finally, I’ll head over to the Layers panel and I’ll create a new blank layer that sits above the background layer.

Layers Panel in Photoshop

Copying Objects & Areas with the Clone Stamp Tool in Adobe Photoshop

Making sure the blank layer is active by clicking on it, I’ll then take a sample of the woman’s cheek by holding down the Alt key on my keyboard and clicking once with my mouse. Basically, when doing this, I’ll be looking for a sample area that I would like to see under the eyes. I’ll sample the clearest and brightest area of her cheek that isn’t too close to any edge.

Next, I’ll paint the shadows with the brush. As I do this, I’ll find that I’m really not making much of a difference. It will take many clicks and drags with the mouse to accumulate any amount of overlay. This is intended because the low Opacity value in the options bar offers a chance for any change to accumulate slowly. I’ll follow these instructions for both sides. After a few seconds of painting, here’s my result.

Lightened Shadows with the Clone Stamp Tool in Adobe Photoshop

Notice how I didn’t completely remove any shadow or wrinkle? The goal is to keep things looking as natural as possible. If I had continued on and removed everything, the result would have looked very odd.

Using the Healing Brush Tool

This method is slightly different than the last. To start off, I’ll delete the blank layer I just created and worked with and will replace it with another blank layer. Then, I’ll head over to the left vertical toolbar and I’ll select the Healing Brush Tool.

Healing Brush Tool

Working With the Healing Brush Tool in Adobe Photoshop

Next, I’ll revisit the options bar up top and make sure some values are set correctly. In this options bar, I want Mode to be set to Normal, Source set to Sampled, the Aligned box checked and the Sample drop-down set to All Layers. After this, I’m going to follow the same exact steps I laid out above. The only difference will be that instead of applying 10% of the brush strength, I’ll be applying 100%. Things will look very strange in the beginning.

I’ll go ahead and do this now. Here’s the result.

Healing Brush Tool Result

If we look at the above result, I think we can all agree that the shadows have been completely removed, but that the outcome looks a little strange. With the previous method, I applied the correction slowly and over many brush strokes in an effort to build it up. Here, I applied it all at once, which gave me quite the unnatural looking result. In order to fix this and make the shadows look much more natural, I’ll go back into the Layers panel and I’ll reduce the Opacity value to something around 75%.

Opacity Value Slider in Layers Menu

By doing that, I’ll, in essence, be blending the unnatural looking result with the original shot. I’ll get this result.

Natural Looking Photo Correction Result

This is arguably a much better outcome. Let’s take a look at the entire image.

Final Edited Image

Wow, that is so much better looking. I hope you agree.

——

I hope I clearly explained how to go about correcting under-eye shadows by using the Clone Stamp Tool and the Healing Brush Tool in Adobe Photoshop. If you have any concerns or questions regarding this post, please leave them in the comment section below. Thanks for reading!

Filed Under: Design Tagged With: Photoshop

  • « Previous Page
  • 1
  • …
  • 17
  • 18
  • 19
  • 20
  • 21
  • …
  • 68
  • Next Page »

Connect With Me

  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter

RECEIVE MY POSTS BY EMAIL!

Interested in receiving my posts by email? This is your chance! Simply place your email address in the box below and I'll deliver each and every post I write directly to your inbox.

Follow Us on Facebook!

IndustryDev

Check Us Out on Instagram!

Load More…Follow on Instagram

Recent Posts

  • How to Set Your Canon Rebel Camera For Continuous Shooting February 18, 2019
  • How to Use the Noise Reduction Feature in Adobe Lightroom February 16, 2019
  • Using the Dust & Scratches Filter to Clean Up a Photograph February 15, 2019
  • Use a Focus Rail For Better Macro Photography February 11, 2019
  • How Do Lens Aperture Sizes Affect ISO Values? February 9, 2019

Most Popular Posts

  • How to Export Video From Adobe Photoshop How to Export Video From Adobe Photoshop
  • How to Set the Photo Quality in your Canon Rebel DSLR Camera How to Set the Photo Quality in your Canon Rebel DSLR Camera
  • How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera How To Stop the Flash From Popping Up On Your Canon Rebel DSLR Camera
  • How to Speed Up & Slow Down Video in Adobe Photoshop How to Speed Up & Slow Down Video in Adobe Photoshop
  • How to Resize & Save Files From Adobe Bridge Using Image Processor How to Resize & Save Files From Adobe Bridge Using Image Processor

About IndustryDev

IndustryDev is an online publication that focuses primarily on lovers of the digital world. We write articles that cast a wide net, including those that discuss website development, design and WordPress. We also post, daily, about the image related aspects of the web, including photography and illustration, along with other topics like blogging and SEO.

Read More

RSS IndustryDev Discussion Forum

  • How Can I Set My Canon Rebel T3i to Continuous Shooting Mode? February 19, 2019
  • American Goldfinch Bird Photography Nature Greeting Card with Envelope February 19, 2019
  • Can I Get Rid of Grain in My Photos With Adobe Lightroom? February 18, 2019
  • 6 Incredible Tips For Awesome Black & White Photography February 18, 2019
  • 7 Awesome (and Easy) Landscape Photography Tips February 18, 2019

Tags

Bridge Camera Lenses Camera Raw Camera Settings Channels CSS Dev Tools Graphic Design Hosting HTML Interviews JavaScript Learning Lightroom Macro Photography Masking Night Photography Photoshop Photo Tips PHP Post Processing Selections SEO Shapes Smart Objects Video WordPress

Recent Comments

  • Jay Gaulard on 7 Search Engine Optimization Tips For Small Business: “You are very correct, Mike. I wrote this post a while ago, but it's interesting to follow the trajectory of…” Feb 18, 17:24
  • Mike Khorev on 7 Search Engine Optimization Tips For Small Business: “Onsite SEO is important, but only one piece of the puzzle... It's funny, 10 years ago you would've had…” Feb 18, 16:24
  • Jay Gaulard on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Charleen, I'm assuming you are talking about the small circle identifier that appears in Adobe Bridge after…” Feb 11, 15:57
  • charleen smith on How to Reset Edit Settings Back to Default in Adobe Camera Raw: “Hi Jay, Your instructions for returning a dng to its original settings were very clear. I…” Feb 11, 15:20
  • Jay Gaulard on How to Export Video From Adobe Photoshop: “Hi Mayur, I've actually had this happen. I just need to remember what was causing it. I'll reply…” Feb 5, 08:13

ARCHIVES

  • 2019: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2018: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2017: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2016: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
  • 2015: Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Copyright © 2019 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Archives