This is lesson 8 of 10 in Chapter 2 – Opening Images into Photoshop. Let’s get started!
Step 1: Make Your Initial Image Adjustments In Lightroom
To keep us on track with the topic of this tutorial, I won’t be covering Lightroom or Photoshop in any great detail here. Instead, I’ll be skimming over certain things rather quickly (things that are not really important to the topic at hand) so we can focus our attention on how to move raw files between Lightroom and Photoshop.
As I mentioned, a good Lightroom/Photoshop workflow begins in Lightroom where we make our initial, global adjustments to the image. Here, we see an image that I’ve been working on in Lightroom’s Develop module. This is a photo that I shot while on a cruise in Alaska (if you squint, you can see another cruise ship off in the distance):
If we look in Lightroom’s Basic panel in the column along the right, we see that I’ve already made some initial improvements to the white balance, exposure, contrast, color saturation, and more:
What’s important to note here is that this is a raw file, meaning it was captured by my camera in the raw format. We know it’s a raw file because, if we look in the bar above the Filmstrip along the bottom of Lightroom, we see that the file has a .dng extension at the end of its name. DNG stands for “Digital Negative” and it’s Adobe’s own version of the raw file format. Each camera manufacturer also has its own version of the raw format with its own three-letter extension (Canon uses .crw and .cr2, Nikon uses .nef, and so on). What’s important here isn’t the specific extension but that it is in fact a raw file, not a JPEG (.jpg), TIFF (.tif) or PSD (.psd) file. We’ll be covering those in the next tutorial:
Step 2: Move The Image Over To Photoshop
Let’s say I’ve done all I can with my photo in Lightroom, and now I’d like to add some text to the image. Lightroom doesn’t have any features for adding text, but Photoshop does, so I’ll need to move the raw file from Lightroom over to Photoshop.
You may think that you would first need to save the image somehow in Lightroom and then manually open it in Photoshop, but Lightroom and Photoshop actually work very well together as a team. To move a raw file over to Photoshop, all we need to do is go up to the Photo menu (in Lightroom) in the Menu Bar along the top of the screen, choose Edit In, and then choose Edit in Adobe Photoshop (your specific version of Photoshop will be listed, which in my case here is Photoshop CC 2015). You can also just press the keyboard shortcut, Ctrl+E (Win) / Command+E (Mac). Either way works:
This will open Photoshop if it wasn’t open already, and then the image itself will open in Photoshop:
What Happened To Camera Raw?
If you’ve worked with Photoshop and raw files in the past, you may be wondering what just happened here. How was Photoshop able to open a raw file directly?
Normally when we try to open a raw file in Photoshop, the image first opens in the Adobe Camera Raw plugin. That’s because Photoshop, on its own, can’t work with raw files. It’s a pixel editor, not a raw image editor. It needs another program or plugin, like Camera Raw (pictured below), to first convert the raw file into pixels before Photoshop can even open it:
And yet, when I passed my raw file from Lightroom over to Photoshop, the Camera Raw plugin did not appear. Instead, the image seemed to open directly into Photoshop. How was that possible when Photoshop can’t open raw files?
It’s possible because Lightroom and Camera Raw use the exact same raw processing engine under the hood. What happens when we pass a raw file from Lightroom over to Photoshop is that Camera Raw secretly steps in behind the scenes, looks at the editing instructions we made in Lightroom, and then uses those same instructions to convert the image from a raw file into pixels. In other words, the raw file didn’t really open directly into Photoshop. Camera Raw stepped in behind the scenes and converted it into a pixel-based image for us using the edits we made in Lightroom.
Step 3: Edit The Image In Photoshop
With my image now open in Photoshop, I can add my text. I’ll quickly grab my Type Tool from the Toolbar along the left of the screen:
I’ve already chosen my font (Tahoma Bold) in the Options Bar and set my type color to white, so I’ll click inside the document with the Type Tool and add my text. Since I shot this photo in Alaska, I’ll type the word “ALASKA” (because I’m creative like that). To accept the text when I’m done, I’ll press Ctrl+Enter (Win) / Command+Return (Mac) on my keyboard:
To resize and reposition the text, I’ll go up to the Edit menu at the top of the screen and choose Free Transform:
This places the Free Transform box and handles around the text. I’ll press and hold my Shift key to lock in the aspect ratio of the text as I click and drag the corner handles to resize it. Then, I’ll click and drag inside the Free Transform box to move the text into place. To accept it, I’ll press Enter (Win) / Return (Mac) on my keyboard. Again, I’m going through this part rather quickly so we can focus more on how to move an image between Lightroom and Photoshop, and this is just one example of when you would need to do that. You can learn all about the Free Transform command in our Free Transform Essential Skills tutorial:
Step 4: Save And Close The Image
Here’s what my image now looks like in Photoshop with the text added:
Let’s say that I’m happy with the way it looks for now and I want to save what I’ve done. This next part is very important because I also want to make sure that Lightroom knows what I’ve done with the image. After all, both programs are working as a team.
To save your work after passing an image from Lightroom over to Photoshop, go up to the File menu at the top of the screen and choose Save. And this is the important part; make sure you choose “Save” and not “Save As”. The reason is that in order for Lightroom to be able to add the edited version of the image to its catalog (its database), the edited version needs to be saved in the same folder as the original image. If you save it anywhere else, it won’t work. If we choose “Save As”, we run the risk of saving the file to the wrong location and messing things up. By choosing “Save”, the file will automatically be saved back to the same location as the original:
Once you’ve saved your work, you can close the image in Photoshop by going up to the File menu and choosing Close:
Step 5: Return To Lightroom
With the image closed, return back to Lightroom where you’ll find your image now updated with the edits you made in Photoshop:
However, while it looks like the same image, if we look down in my Filmstrip along the bottom of Lightroom, we see that I now actually have not one but two versions of the same image. Why are there two versions? When we pass a raw file from Lightroom over to Photoshop, Lightroom doesn’t actually pass the original image. Instead, it makes a copy of the image and passes the copy over to Photoshop. Again, that’s because Photoshop can’t work with raw files directly so it needs a separate, pixel-based version to work on.
I’ll increase the size of my Filmstrip so we can get a better look at the thumbnails. Notice that only one of them (the one that’s currently selected on the left) shows the text I added in Photoshop. This is the copy that Lightroom sent over to Photoshop and was then sent back to Lightroom. The other version (on the right) does not show the Photoshop text because it’s the original version. It shows the adjustments I made in Lightroom but nothing more:
Another way we can tell that the version on the left is the Photoshopped version is that, if we look at the file’s name, we see two important changes. First, the image is no longer a raw file. If you remember, the original image had a “.dng” extension. This new version was saved automatically as a TIFF file, indicated by the new .tif extension at the end. Second, the name of the file has been altered, with “-Edit” automatically added to the end of the name:
There’s one more way we can tell that this is not the original image. If we look in my Basic panel, we see that all of the controls for exposure, contrast, color, etc., have been reset to zero. The original adjustments I made in the raw file were baked into the copy of the image when Lightroom passed it over to Photoshop. We can still make further adjustments in Lightroom if we need to, but we no longer have the same amount of flexibility that we had when we were working with the original raw image. That’s why it’s always best to make your Lightroom adjustments first before passing the file off to Photoshop:
Making Further Edits In Photoshop
What if we need to make additional edits to the image in Photoshop? For example, let’s say I want to blend my text in with the image using a layer mask. I can’t do that in Lightroom so I’ll need to re-open the image in Photoshop.
As we’ve learned, the copy with my Photoshop edits is now a TIFF file, not a raw file, but regardless of which type of file it is, we still pass it over to Photoshop the same way. Simply go up to the Photo menu in Lightroom, choose Edit In, and then once again choose Edit in Adobe Photoshop. Or, press Ctrl+E (Win) / Command+E (Mac) on your keyboard:
However, this is where things are a little bit different from before. When we passed the raw file over to Photoshop, Lightroom automatically created a copy of the image and sent that copy to Photoshop. That’s because Photoshop can’t work with raw files directly. But this time, we’re passing Photoshop a file type that it can work with. In this case, it’s a TIFF file. Yet that doesn’t mean Lightroom is just going to hand it over, no questions asked. Instead, Lightroom first wants to know what it is exactly that we want to send to Photoshop, and there’s a few different options:
The first option, Edit a Copy with Lightroom Adjustments, is not what we want, at least not in this situation. This option will make yet another copy of the image, which we don’t need, and it will include any additional changes that we’ve made in Lightroom since the last time we worked on the image in Photoshop. I haven’t made any additional Lightroom changes, so there’s nothing here to include.
But the main reason why this is not a good option when re-editing an image in Photoshop is that it has the unfortunate side effect of flattening the image and discarding your layers. In my case, my Type layer would be merged with the image itself, leaving my text completely uneditable. The Edit a Copy with Lightroom Adjustments option is useful in other situations, as we’ll see in the next tutorial when we look at working with JPEG files in Lightroom. It’s just not a good choice here.
The second option, Edit a Copy, is at least a better choice, if not the best, because it won’t flatten your image, which means you’ll keep your Photoshop layers. However, it will still make another copy of the image that we really don’t need.
The best option for re-editing images in Photoshop is the third one, Edit Original. It won’t make any unnecessary copies, letting you re-edit the same file, and it won’t flatten your image, which means any layers you added previously in Photoshop will still be there. One important note, though, is that neither the Edit a Copy option nor the Edit Original option will pass along any additional changes you’ve made in Lightroom since the last time you worked on the image in Photoshop. This can cause a bit of confusion when the image appears in Photoshop since it will look like your most recent adjustments (if any) are missing. However, it’s only temporary. As soon as you save your work in Photoshop and return to Lightroom, your Lightroom adjustments will again be visible, along with any changes you made in Photoshop.
I’ll select Edit Original, then I’ll click the Edit button:
This re-opens the TIFF file in Photoshop:
If we look up in the tab along the top of the document in Photoshop to view the name of the file, we see that, sure enough, it’s the same file as before:
And if we look in the Layers panel, we see that my Type layer from before is still there. The file is exactly as I left it:
To blend my text in with the image, I’ll first make sure my Type layer is selected. Then I’ll add a layer mask to it by clicking on the Add Layer Mask icon at the bottom of the Layers panel. Again, I’m going through these steps fairly quickly since blending text with an image isn’t the focus of this tutorial:
Now that I’ve added a layer mask, I’ll grab the Gradient Tool from the Toolbar:
With the Gradient Tool in hand, I’ll right-click (Win) / Control-click (Mac) inside the document to open Photoshop’s Gradient Picker, then I’ll make sure I have the Black to White gradient selected by double-clicking its thumbnail, which selects the gradient and closes out of the Gradient Picker:
To blend the text in with the image, I’ll click near the bottom of the text and drag upward towards the center, pressing and holding my Shift key as I drag to limit the angle in which I can move, which makes it easier to drag straight up vertically:
I’ll release my mouse button to complete the gradient. Since I’ve drawn the gradient on the layer mask, not on the layer itself, we don’t see the actual gradient in the document. Instead, the bottom of the letters now blend in with the mountains behind them:
Finally, to further help blend the text in with the image, I’ll change the Type layer’s blend mode in the upper left of the Layers panel from Normal to Soft Light:
Here’s what the final result looks like:
Now that I’m done in Photoshop, I’ll save my work just as I did before by going up to the File menu and choosing Save:
Then, to close the image in Photoshop, I’ll go back up to the File menu and choose Close:
With the image saved and closed in Photoshop, I’ll return to Lightroom where we see the file now updated to reflect my most recent Photoshop edits: